/*font-sizes*/ @media (max-width: 768px){ body, table, input, textarea{font-size:11px;} } @media (min-width: 769px) and (max-width: 992px) { body, table, input, textarea{font-size:12px;} } @media (min-width: 992px) and (max-width: 1199px) { body, table, input, textarea{font-size:13px;} } @media (min-width: 1200px){ body, table, input, textarea{font-size:13px;} } body{overflow-x:hidden;} a{text-decoration:none; cursor:pointer; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;} a:hover{text-decoration:none;} div[class^="content-"] h1, div[class^="content-"] h2, div[class^="content-"] h3{margin-top:8px; margin-bottom:8px;} /*bs updates*/ .help-inline{font-weight:600; padding-left:6px; padding-top:4px;} .carousel{border-radius:4px;} .carousel-inner .item img{display:inline;} .carousel-control{background-image:none!important;} .carousel-indicators li, .carousel-indicators .active{border-width:2px; height:16px; width:16px; margin-right:2px;} .table.borderless, .table.borderless tr, .table.borderless td, .table.borderless th{border-color:transparent} .help-inline{color:#C02942} .navbar{border:none; min-height:auto;} .nav-pills.nav li a:hover, .nav-pills.nav li a:focus{color:initial; background-color:initial;} .btn{border-radius:1px;} .modal-dialog .modal-header .close-button{opacity:0.5;} .modal-dialog .modal-header .close-button:hover{opacity:1;} .modal-dialog h1, .modal-dialog h2, .modal-dialog h3, .modal-dialog h4{margin:0px;} /*general*/ .float{display:inline-block;} .hover{border-radius:4px; cursor:pointer;} .hover:hover{border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} .selected{background-color:#EBEBD3;} .picture{display:inline-block; width:100%; vertical-align:top; background-size:cover; background-repeat:no-repeat; background-position:center} .carousel-photo{display:inline-block; width:100%; vertical-align:top; background-size:contain; background-repeat:no-repeat; background-position:center;} .article-photo{margin:10px 0px; height:80px; width:100%; display:inline-block; background-repeat:no-repeat !important; background-position:center top; background-size:contain; cursor:pointer;} .link-photo{height:80px; width:100%; display:inline-block; background-repeat:no-repeat !important; background-position:center center; background-size:contain;} .bottom-shadow{box-shadow:0 10px 6px -6px rgba(22, 65, 156, 0.3);} .shadow{box-shadow:4px 5px 6px rgba(22, 65, 156, 0.3);} .tag{display:inline-block; padding:4px 8px; min-width:80px; margin:2px 4px;} .block{display:block; clear:both;} .inline{display:inline-block; float:left;} .screen-message{position:fixed; z-index:10000; padding:12px 80px; font-size:13px; border:2px solid white; border-radius:4px; opacity:0; color:white; background:#16a085;} .screen-message-alert{background:#c0392b;} .required_message{position:absolute; z-index:10000; height:12px; padding:2px; vertical-align:top; font-size:12px; line-height:14px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; color:white; background:#c0392b;} .white-shadow{background-image: linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(230,230,230, 1) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(230,230,230, 1) 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(230,230,230, 1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(230,230,230, 1) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(230,230,230, 1) 100%); background-image: -webkit-gradient(linear,top,color-stop(0, rgba(255,255,255, 1)),color-stop(1, rgba(230,230,230, 1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e6e6e6",GradientType=0 );} .pad30{padding-top: 30px;} .pad40 {padding-top: 40px;padding-bottom: 10px;} .pad60{padding-top: 60px;padding-bottom: 20px;} /*photo*/ .photo{cursor:pointer; margin:2px 4px; padding:4px;} .photo .image{display:block; height:100%; width:100%; display:inline-block; background-size:cover; background-position:center center; background-repeat:no-repeat;} .photo.xs .image{height:60px; width:90px;} .photo.sm .image{height:100px; width:160px;} .photo.md .image{height:120px; width:200px;} .photo.lg .image{height:170px; width:250px;} .photo.xl .image{height:350px; width:550px;display: block;margin-left: auto;margin-right: auto;} /*products*/ .product{position:relative; display:inline-block; margin: 5px 2px; font-style:normal; vertical-align:top;} .product a{display:block} .product .commands_top, .product .commands_bottom{position:absolute; z-index:1; opacity:0; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;padding: 5px 0px;background-color: rgba(224, 224, 224, 0.15);border-radius: 3px; border-top: 1px dashed rgba(223, 223, 223, 0.5);} .product:hover .commands_top, .product:hover .commands_bottom{opacity:1;} .product .command_button{padding:10px 12px; display:inline-block; opacity:0.8; border:1px solid rgba(0,0,0,0.1); -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;} .product .command_button i{margin:0px;} .product .command_button:hover{opacity:1} .product .wrapper{display:block; width:100%; padding:0px; border-bottom:1px solid rgba(0, 0, 0, 0.2);} .product .photo-wrapper{display:block; overflow: hidden; max-width:100%; border:1px solid} .product .data-wrapper{display:block; overflow: hidden; max-width:100%; margin-top:5px;text-align: center;} .product .column{display:inline-block; overflow: hidden; max-width:100%;} .product .project-title{font-weight:600; margin-right:0.3em; text-transform:uppercase;} .product .title{font-weight:600; display:block; font-size:1.2em; line-height:1.4em; height:2.8em; overflow: hidden; margin:12px 0px 6px 0px; text-transform:uppercase;} .product .photo{width:100%; height:100%; display:inline-block; vertical-align:top; background-size:cover; background-repeat:no-repeat; background-position:center; border:none; margin:0px; padding:0px;border-radius: 0px;} .product .data_container{display:inline-block; vertical-align:top;} .product .property{display:block; line-height:2.2em; min-height:2em; overflow: hidden;border-top: 0px solid #efefef;border-bottom: 0px solid #efefef;background-color: rgba(0, 0, 0, 0.04);padding: 9px 0px;margin-bottom: 5px;} .product .data{overflow: hidden; white-space:nowrap; text-overflow:ellipsis;} .product .price{font-weight:600; font-size:1.1em; padding:5px 0px;} .product .area{font-weight:600; font-size:1.1em;} .product .extra{font-weight:600; font-size:1.1em; margin-left:6px;} .product .mg:before, .product .sg:before, .product .tw:before, .product .qt:before{content:"|"; padding:0px 3px; color:rgba(0, 0, 0, 0.5);} .product .overflw {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .product.hxl .mg:before {content:""; padding:0px; color:rgba(0, 0, 0, 0);} .product[data-scale="4"] .mg, .product[data-scale="4"] .qt{display:none;} .product[data-scale="3"] .mg, .product[data-scale="3"] .qt{display:none;} .product[data-scale="2"] .mg, .product[data-scale="2"] .qt{display:none;} .product .firm-wrapper{height:2.6em; margin-top:12px; background-color:rgba(0, 0, 0, 0.1); padding:0.2em;} .product .firm-wrapper .firm-name{font-size:0.9em; font-weight:600; line-height:1.1em; height:2.2em; overflow:hidden;} .product .logo span{display:inline-block; width:100%; height:100%; vertical-align:middle; background-size:contain; background-repeat:no-repeat; background-position:center; border:none;} .project .firm-wrapper{height:2.8em; margin-top:12px; background-color:rgba(0, 0, 0, 0.2); padding:0.2em;} .project .firm-wrapper .firm-name {font-size: 1em;font-weight: 400;line-height: 1.1em;height: 2.2em;overflow: hidden;} .project .column {display: inline-block;overflow: hidden;max-width: 100%;} .project .logo span {display: inline-block;width: 100%;height: 100%;vertical-align: middle;background-size: contain;background-repeat: no-repeat;background-position: center;border: none;} /*product.xs*/ .product.xs{width:95%; font-size:0.9em;} .product.xs[data-scale="4"]{font-size:0.86em;} .product.xs[data-scale="3"]{font-size:0.87em;} .product.xs[data-scale="2"]{font-size:0.88em;} .product.xs[data-scale="1"]{font-size:0.89em;} [data-content-size="s4"] .product.xs{width:40%;max-width:40%;} /*1/4 col*/ [data-content-size="s5"] .product.xs{width:40%;max-width:40%;} /*1/3 col*/ [data-content-size="s6"] .product.xs{width:40%;max-width:40%;} /*1/2 col*/ [data-content-size="s7"] .product.xs{width:30%;max-width:30%;} /*1/2 col*/ [data-content-size="s8"] .product.xs{width:30%;max-width:30%;} /*1/3 col*/ [data-content-size="s9"] .product.xs{width:30%;max-width:30%;} /*2/3 col*/ [data-content-size="s10"] .product.xs{width:14%;max-width:14%;} /*2/3 col*/ [data-content-size="s11"] .product.xs{width:14%;max-width:14%;} /*1/3 col*/ [data-content-size="s12"] .product.xs{width:14%;max-width:14%;} /*1/3 col*/ .product.xs .photo{height:120px;} /*product.sm*/ .product.sm{width:95%;font-size:0.95em;} [data-content-size="s4"] .product.sm{width:40%;max-width:40%;} /*1/4 col*/ [data-content-size="s5"] .product.sm{width:40%;max-width:40%;} /*1/3 col*/ [data-content-size="s6"] .product.sm{width:40%;max-width:40%;} /*1/2 col*/ [data-content-size="s7"] .product.sm{width:30%;max-width:30%;} /*1/2 col*/ [data-content-size="s8"] .product.sm{width:30%;max-width:30%;} /*1/3 col*/ [data-content-size="s9"] .product.sm{width:30%;max-width:30%;} /*2/3 col*/ [data-content-size="s10"] .product.sm{width:14%;max-width:14%;} /*2/3 col*/ [data-content-size="s11"] .product.sm{width:14%;max-width:14%;} /*1/3 col*/ [data-content-size="s12"] .product.sm{width:16%;max-width:16%;} /*1/3 col*/ .product.sm .photo{height:150px;} /*product.md*/ .product.md{width:95%; font-size:1em;} .product.md[data-scale="4"]{font-size:0.9em;} .product.md[data-scale="3"]{font-size:0.93em;} .product.md[data-scale="2"]{font-size:0.97em;} .product.md[data-scale="1"]{font-size:1em;} [data-content-size="s4"] .product.md{width:95%;max-width:95%;} /*1/4 col*/ [data-content-size="s5"] .product.md{width:40%;max-width:40%;} /*1/3 col*/ [data-content-size="s6"] .product.md{width:40%;max-width:40%;} /*1/2 col*/ [data-content-size="s7"] .product.md{width:40%;max-width:40%;} /*1/2 col*/ [data-content-size="s8"] .product.md{width:22%;max-width:22%;} /*1/3 col*/ [data-content-size="s9"] .product.md{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s10"] .product.md{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s11"] .product.md{width:23%;max-width:23%;} /*1/3 col*/ [data-content-size="s12"] .product.md{width:23%;max-width:23%;} /*1/3 col*/ .product.md .photo{height:175px;} .product.md[data-scale="1"] .photo{height:175px;} /*product.lg*/ .product.lg{width:95%;max-width:95%; font-size:1.1em;} .product.lg[data-scale="4"]{font-size:0.9em;} .product.lg[data-scale="3"]{font-size:0.93em;} .product.lg[data-scale="2"]{font-size:0.97em;} .product.lg[data-scale="1"]{font-size:1em;} [data-content-size="s4"] .product.lg{width:95%;max-width:95%;} /*1/4 col*/ [data-content-size="s5"] .product.lg{width:45%;max-width:45%;} /*1/3 col*/ [data-content-size="s6"] .product.lg{width:45%;max-width:45%;} /*1/2 col*/ [data-content-size="s7"] .product.lg{width:45%;max-width:45%;} /*1/2 col*/ [data-content-size="s8"] .product.lg{width:45%;max-width:45%;} /*1/3 col*/ [data-content-size="s9"] .product.lg{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s10"] .product.lg{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s11"] .product.lg{width:23%;max-width:23%;} /*1/3 col*/ [data-content-size="s12"] .product.lg{width:23%;max-width:23%;} /*1/3 col*/ .product.lg .photo{height:200px;} .product.lg[data-scale="1"] .photo{height:200px;} /*product.xl*/ .product.xl{width:95%; font-size:1.2em;} .product.xl[data-scale="4"]{font-size:0.92em;} .product.xl[data-scale="3"]{font-size:0.95em;} .product.xl[data-scale="2"]{font-size:0.98em;} .product.xl[data-scale="1"]{font-size:1.1em;} [data-content-size="s4"] .product.xl{width:95%;max-width:95%;} /*1/4 col*/ [data-content-size="s5"] .product.xl{width:90%;max-width:90%;} /*1/3 col*/ [data-content-size="s6"] .product.xl{width:90%;max-width:90%;} /*1/2 col*/ [data-content-size="s7"] .product.xl{width:45%;max-width:45%;} /*1/2 col*/ [data-content-size="s8"] .product.xl{width:45%;max-width:45%;} /*1/3 col*/ [data-content-size="s9"] .product.xl{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s10"] .product.xl{width:23%;max-width:23%;} /*2/3 col*/ [data-content-size="s11"] .product.xl{width:23%;max-width:23%;} /*1/3 col*/ [data-content-size="s12"] .product.xl{width:23%;max-width:23%;} /*1/3 col*/ .product.xl .photo{height:250px;} .product.xl[data-scale="4"] .photo{height:250px;} .product.xl[data-scale="3"] .photo{height:250px;} .product.xl[data-scale="2"] .photo{height:250px;} .product.xl[data-scale="1"] .photo{height:250px;} /* .product .photo { -moz-transition: all 2s; -webkit-transition: all 2s; transition: all 2s; } .product .photo:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); } */ .product.sm, .product.xs, .product.md, .product.lg { -moz-transition: all 1.5s; -webkit-transition: all 1.5s; transition: all 1.5s; } .product.sm:hover, .product.xs:hover, .product.md:hover, .product.lg:hover { box-shadow:0px 0px 10px #424242; border-radius: 0px 0px 10px 10px; z-index:99999999; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.05); } /*product horizantal xl*/ .product.hxl .price{background-color: rgba(0,0,0,0.05);} .product.hxl {width:98%;max-width:98%} .product.hxl .wrapper {display: table;padding: 10px 0px;} .product.hxl .photo{height:365px;} .product.hxl .photo-wrapperh{display:block; overflow: hidden; width:55%;float: left;margin-left:0%;} .product.hxl .data-wrapperh{display:block; overflow: hidden; width:39%; margin-left:3%;float: left;text-align: center;} .product.hxl .title {background-color: rgba(0, 0, 0, 0);margin-top: 0px;padding: 0px 0px;display: table;width: 100%;height: auto;} [data-content-size="s11"] .product.hxl .photo-wrapperh {width:50%;} [data-content-size="s11"] .product.hxl .data-wrapperh {width:45%;} [data-content-size="s11"] .product.hxl .photo{height:295px;} [data-content-size="s10"] .product.hxl .photo-wrapperh {width:50%;} [data-content-size="s10"] .product.hxl .data-wrapperh {width:45%;} [data-content-size="s10"] .product.hxl .photo{height:275px;} [data-content-size="s9"] .product.hxl .photo{height:295px;} [data-content-size="s8"] .product.hxl .photo-wrapperh {width:50%;} [data-content-size="s8"] .product.hxl .data-wrapperh {width:45%;} [data-content-size="s8"] .product.hxl .photo{height:295px;} [data-content-size="s7"] .product.hxl .photo-wrapperh {width:50%;} [data-content-size="s7"] .product.hxl .data-wrapperh {width:45%;} [data-content-size="s7"] .product.hxl .photo{height:230px;} [data-content-size="s6"] .product.hxl .photo-wrapperh {width:50%;} [data-content-size="s6"] .product.hxl .data-wrapperh {width:45%;} [data-content-size="s6"] .product.hxl .photo{height:230px;} [data-content-size="s5"] .product.hxl .photo-wrapperh {width:40%;} [data-content-size="s5"] .product.hxl .data-wrapperh {width:50%;} [data-content-size="s5"] .product.hxl .photo{height:230px;} [data-content-size="s4"] .product.hxl .photo-wrapperh {width:95%;} [data-content-size="s4"] .product.hxl .data-wrapperh {width:95%;} [data-content-size="s4"] .product.hxl .photo{height:150px;} [data-content-size="s4"] .product.hxl .productactions{display:none;} .product.hxl[data-scale="2"] .mg, .product.hxl[data-scale="2"] .qt {display: inline-block;} .product.hxl[data-scale="3"] .mg, .product.hxl[data-scale="3"] .qt {display: inline-block;} .product.hxl[data-scale="3"] .product_member {display:none;} .product.hxl[data-scale="4"] .mg, .product.hxl[data-scale="4"] .qt {display: inline-block;} .product.hxl[data-scale="4"] .productactions {bottom: -6%;} /*product widephoto xl*/ .product.widephoto {width:95%;max-width:95%} .product.widephoto .wrapper {display: inline-block;} .product.widephoto .photo{height:400px;width:100%;} .product.widephoto .photo-wrapper{display:block; overflow: hidden; width:100%;float: left;} .product.widephoto .title-wrapper{display:block; margin-left:1px;float: left;text-align: left;padding: 2px;margin-top: 0px;background-color: rgba(237, 237, 237, 0.65);} .product.widephoto .data-wrapper{display:block; overflow: hidden; width:35%;margin-top: 0px; margin-left:0%;float: left;text-align: left;position:absolute;height: 400px;padding: 0% 3%;background-color: rgba(0, 0, 0, 0.6); border: 0px solid rgba(0, 0, 0, 0.1); border-radius: 0px;} .product.widephoto .title {text-align: left;margin-top: 0px;padding:7px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#000;height: auto;} .product.widephoto .st {font-size: xx-large;letter-spacing: -1px;} .product.widephoto .sg {font-size: large;letter-spacing: -1px;} .product.widephoto .price {font-size: xx-large;background-color: rgba(255, 255, 255, 0.3); text-align: center;letter-spacing: -1px;} [data-content-size="s9"] .product.widephoto .photo{height:300px;} [data-content-size="s9"] .product.widephoto .data-wrapper{width:40%;height:300px;} [data-content-size="s8"] .product.widephoto .photo{height:300px;} [data-content-size="s8"] .product.widephoto .data-wrapper{width:40%;height:300px;} [data-content-size="s7"] .product.widephoto .photo{height:300px;} [data-content-size="s7"] .product.widephoto .data-wrapper{width:45%;height:300px;} [data-content-size="s6"] .product.widephoto .photo{height:250px;} [data-content-size="s6"] .product.widephoto .data-wrapper{width:40%;height:250px;} [data-content-size="s5"] .product.widephoto .photo{height:225px;} [data-content-size="s5"] .product.widephoto .data-wrapper{width:45%;height:250px;} [data-content-size="s4"] .product.widephoto .photo{height:200px;} [data-content-size="s4"] .product.widephoto .data-wrapper{width:45%;height:200px;} [data-content-size="s3"] .product.widephoto .photo{height:200px;} [data-content-size="s3"] .product.widephoto .data-wrapper{width:55%;height:200px;} .product.widephoto[data-scale="4"] .mg, .product.widephoto[data-scale="4"] .qt{display:initial} .product.widephoto[data-scale="3"] .mg, .product.widephoto[data-scale="3"] .qt{display:initial} .product.widephoto[data-scale="2"] .mg, .product.widephoto[data-scale="2"] .qt{display:initial} .product.widephoto[data-scale="3"] .st{font-size: large;letter-spacing: 0px;} .product.widephoto[data-scale="3"] .sg{font-size: small;letter-spacing: 0px;} .product.widephoto[data-scale="3"] .price{font-size: x-large;font-weight: bold;} .product.widephoto[data-scale="3"] .data{font-size: small;letter-spacing: 0px;} .product.widephoto[data-scale="4"] .st{font-size: large;letter-spacing: 0px;} .product.widephoto[data-scale="4"] .sg{font-size: x-small;letter-spacing: 0px;} .product.widephoto[data-scale="4"] .price{font-size: large;font-weight: bold;} .product.widephoto[data-scale="4"] .data{font-size: small;} .product.widephoto[data-scale="4"] .data-wrapper{padding: 3% 3%;} .content-showcase .panel-body { padding: 10px 0px; } .product .productactions{position: absolute;bottom: 10px;left: 20px;display: block; font-size: 0.9em;} .product .firm-wrapperh {position: absolute;height: 4em;bottom: 11px;background-color: rgba(0,0,0,0.40);padding: 0.5em;float: right;left: 25%;width: 25%;} .product .firm-wrapperh .firm-name {font-size: 1em;font-weight: 400;line-height: 1.1em;height: 3.2em;overflow: hidden;} .product .firm-wrapperw {position: absolute;height: 5em;margin-top: 47px;background-color: rgba(0, 0, 0, 0.5);padding: 0.5em;float: right;right: 13px;width: 35%;} .product .firm-wrapperw .firm-name {font-size: 1.2em;font-weight: 400;line-height: 1.1em;height: 3.2em;overflow: hidden;color:#fff;} /*article photo*/ .artphoto{cursor:pointer; margin:2px 4px; padding:4px;} .artphoto .image{display:block; height:100%; width:100%; display:inline-block; background-size:contain; background-position:center center; background-repeat:no-repeat;} .artphoto.xs .image{height:60px; width:90px;} .artphoto.sm .image{height:100px; width:160px;} .artphoto.md .image{height:120px; width:200px;} .artphoto.lg .image{height:170px; width:250px;} .artphoto.xl .image{height:220px; width:340px;} /*articles*/ .article{position:relative; display:inline-block; margin:6px; font-style:normal; vertical-align:top;} /*.article a{display:block}*/ .article .commands_top, .article .commands_bottom{position:absolute; z-index:1; opacity:0; -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;} .article:hover .commands_top, .article:hover .commands_bottom{opacity:1;} .article .command_button{padding:10px 12px; display:inline-block; opacity:0.8; border:1px solid rgba(0,0,0,0.1); -webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;} .article .command_button i{margin:0px;} .article .command_button:hover{opacity:1} .article .wrapper{display:block; width:100%; padding:10px; border-bottom:1px solid rgba(0, 0, 0, 0.05);} .article .photo-wrapper{display:block; overflow: hidden; max-width:100%; border: 3px solid rgba(0, 0, 0, 0.1);border-radius: 5px;} .article .data-wrapper{display:block; overflow: hidden; max-width:100%; margin-top:10px;} .article .column{display:inline-block; overflow: hidden; max-width:100%;} .article .title{font-weight:600; display:block; font-size:1.2em; height:2.5em; overflow: hidden; margin:12px 0px 6px 0px; text-transform:uppercase; text-align: center;} .article .artphoto{width:100%; height:100%; display:inline-block; vertical-align:top; background-size:cover; background-repeat:no-repeat; background-position:center; border:none; margin:0px; padding:0px;} .article .data_container{display:inline-block; vertical-align:top;} .article .data{overflow: hidden; min-height: 110px;clear:both; display:table;width:100%;text-align: center;} .article .summary{font-size:1em;} .article.xs .img-circle{image-rendering: pixelated;display: inline-block;border: 2px solid rgba(0, 0, 0, 0.05);} /*article.xs*/ .article.xs{width:19%;max-width:19%; font-size:0.9em;} .article.xs[data-scale="4"]{font-size:0.86em;} .article.xs[data-scale="3"]{font-size:0.87em;} .article.xs[data-scale="2"]{font-size:0.88em;} .article.xs[data-scale="1"]{font-size:0.89em;} [data-content-size="s2"] .article.xs{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.xs{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s4"] .article.xs{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s5"] .article.xs{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s5"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s6"] .article.xs{width:46%;max-width:46%;} /*1/3 col*/ [data-content-size="s6"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s7"] .article.xs{width:47%;max-width:47%;} /*1/2 col*/ [data-content-size="s7"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s8"] .article.xs{width:47%;max-width:47%;} /*1/3 col*/ [data-content-size="s8"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s9"] .article.xs{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s9"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s10"] .article.xs{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s10"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s11"] .article.xs{width:23%;} /*2/3 col*/ [data-content-size="s11"] .article.xs .data{min-height: 5px;} /*1/3 col*/ [data-content-size="s12"] .article.xs{width:18%;} /*1/2 col*/ [data-content-size="s12"] .article.xs .data{min-height: 5px;} /*1/3 col*/ .article.xs .artphoto{height:90px;} .article.xs .img-circle{height:110px;width:100%;} .article.xs[data-scale="4"] .artphoto{height:80px;} .article.xs[data-scale="3"] .artphoto{height:90px;} .article.xs[data-scale="2"] .artphoto{height:100px;} .article.xs[data-scale="1"] .artphoto{height:110px;} .article.xs[data-scale="4"] .img-circle{height:80px;} .article.xs[data-scale="3"] .img-circle{height:90px;} .article.xs[data-scale="2"] .img-circle{height:100px;} .article.xs[data-scale="1"] .img-circle{height:110px;} /*article.sm*/ .article.sm{width:23%; max-width:23%; font-size:0.95em;} .article.sm[data-scale="4"]{font-size:0.90em;} .article.sm[data-scale="3"]{font-size:0.93em;} .article.sm[data-scale="2"]{font-size:0.94em;} .article.sm[data-scale="1"]{font-size:0.97em;} [data-content-size="s2"] .article.sm{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.sm{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.sm{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s5"] .article.sm{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s5"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s6"] .article.sm{width:46%;max-width:46%;} /*1/3 col*/ [data-content-size="s6"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s7"] .article.sm{width:47%;max-width:47%;} /*1/2 col*/ [data-content-size="s7"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s8"] .article.sm{width:47%;max-width:47%;} /*1/3 col*/ [data-content-size="s8"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s9"] .article.sm{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s9"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s10"] .article.sm{width:23%;} /*2/3 col*/ [data-content-size="s10"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s11"] .article.sm .data{min-height: 10px;} /*1/3 col*/ [data-content-size="s12"] .article.sm{width:23%;} /*1/2 col*/ [data-content-size="s12"] .article.sm .data{min-height: 10px;} /*1/3 col*/ .article.sm .img-circle{height:130px;width:100%;} .article.sm .artphoto{height:110px;} .article.sm[data-scale="4"] .artphoto{height:90px;} .article.sm[data-scale="3"] .artphoto{height:100px;} .article.sm[data-scale="2"] .artphoto{height:110px;} .article.sm[data-scale="1"] .artphoto{height:120px;} /*article.md*/ .article.md{width:31%;max-width:31%; font-size:1em;} .article.md[data-scale="4"]{font-size:0.9em;} .article.md[data-scale="3"]{font-size:0.93em;} .article.md[data-scale="2"]{font-size:0.97em;} .article.md[data-scale="1"]{font-size:1em;} [data-content-size="s2"] .article.md{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.md{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.md{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s5"] .article.md{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s5"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s6"] .article.md{width:46%;max-width:46%;} /*1/3 col*/ [data-content-size="s6"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s7"] .article.md{width:47%;max-width:47%;} /*1/2 col*/ [data-content-size="s7"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s8"] .article.md{width:47%;max-width:47%;} /*1/3 col*/ [data-content-size="s8"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s9"] .article.md{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s9"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s10"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s10"] .article.md{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s11"] .article.md .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s12"] .article.md{width:31%;max-width:31%;} /*1/2 col*/ [data-content-size="s12"] .article.md .data{min-height: 25px;} /*1/3 col*/ .article.md .img-circle{height:130px;width:100%;} .article.md .artphoto{height:120px;} .article.md[data-scale="4"] .artphoto{height:100px;} .article.md[data-scale="3"] .artphoto{height:110px;} .article.md[data-scale="2"] .artphoto{height:120px;} .article.md[data-scale="1"] .artphoto{height:130px;} /*article.lg*/ .article.lg{width:31%;max-width:31%;} .article.lg{font-size:1.1em;} .article.lg[data-scale="4"]{font-size:0.9em;} .article.lg[data-scale="3"]{font-size:0.93em;} .article.lg[data-scale="2"]{font-size:0.97em;} .article.lg[data-scale="1"]{font-size:1em;} [data-content-size="s2"] .article.lg{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.lg{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.lg{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s5"] .article.lg{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s5"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s6"] .article.lg{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s6"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s7"] .article.lg{width:47%;max-width:47%;} /*1/2 col*/ [data-content-size="s7"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s8"] .article.lg{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s8"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s9"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s9"] .article.lg{width:48%;max-width:48%;} /*2/3 col*/ [data-content-size="s10"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s10"] .article.lg{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s11"] .article.lg .data{min-height: 25px;} /*1/3 col*/ [data-content-size="s12"] .article.lg{width:31%;max-width:31%;} /*1/2 col*/ [data-content-size="s12"] .article.lg .data{min-height: 25px;} /*1/3 col*/ .article.lg .artphoto{height:150px;} .article.lg .img-circle{height:130px;width:100%;} .article.lg[data-scale="4"] .artphoto{height:110px;} .article.lg[data-scale="3"] .artphoto{height:120px;} .article.lg[data-scale="2"] .artphoto{height:130px;} .article.lg[data-scale="1"] .artphoto{height:140px;} /*article.xl*/ .article.xl .data{min-height: 200px;} .article.xl{width:31%; max-width:31%;font-size:1.2em;} .article.xl[data-scale="4"]{font-size:0.92em;} .article.xl[data-scale="3"]{font-size:0.95em;} .article.xl[data-scale="2"]{font-size:0.98em;} .article.xl[data-scale="1"]{font-size:1.1em;} [data-content-size="s2"] .article.xl{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.xl{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s3"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s4"] .article.xl{width:100%;max-width:100%;} /*1/4 col*/ [data-content-size="s4"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s5"] .article.xl{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s5"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s6"] .article.xl{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s6"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s7"] .article.xl{width:47%;max-width:47%;} /*1/2 col*/ [data-content-size="s7"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s8"] .article.xl{width:100%;max-width:100%;} /*1/3 col*/ [data-content-size="s8"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s9"] .article.xl{width:48%;max-width:48%;} /*2/3 col*/ [data-content-size="s9"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s10"] .article.xl{width:31%;max-width:31%;} /*2/3 col*/ [data-content-size="s10"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s11"] .article.xl .data{min-height: 20px;} /*1/3 col*/ [data-content-size="s12"] .article.xl{width:31%;max-width:31%;} /*1/2 col*/ [data-content-size="s12"] .article.xl .data{min-height: 20px;} /*1/3 col*/ .article.xl .img-circle{height:180px;width:100%;} .article.xl .artphoto{height:200px;} .article.xl[data-scale="4"] .artphoto{height:160px;} .article.xl[data-scale="3"] .artphoto{height:170px;} .article.xl[data-scale="2"] .artphoto{height:180px;} .article.xl[data-scale="1"] .artphoto{height:190px;} /*product search*/ .product-search{display:block; padding:0px 10px; margin-bottom: 20px; background-color: #F8F8F8; border-radius:1px; font-size:1.1em; -webkit-box-shadow: inset 0 1px 1px rgba(218, 209, 209, 0.075), 0 0 8px rgba(206, 200, 189, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(218, 209, 209, 0.075), 0 0 8px rgba(206, 200, 189, 0.6); box-shadow: inset 0 1px 6px rgba(218, 209, 209, 0.075), 1px 3px 12px rgba(206, 200, 189, 0.6);} .product-search:last-child{border-bottom:1px solid transparent;} .product-search .wrapper{border:none;padding: 10px} .product-search .title{border-bottom:1px dashed rgba(255, 255, 255, 0.4); text-transform:uppercase; font-size:1.1em; line-height:1.4em; height:1.4em; overflow: hidden;} .product-search .data{padding:6px 0px;} .product-search .photo{width:100%; height:160px;} .product-search .price{font-size:1.4em;} .product-search .area{padding-left:0px;} .product-search .logo img{max-height:80px; max-width:100%;border-radius: 5px;} .product-search .emapdet {display:block; height:60px; line-height:50px; margin-top: 15px; background-color: rgba(0, 0, 0, 0.03); padding: 0px 10px 0px 0px; border-radius: 5px; font-weight:400;border: 3px solid rgba(255, 255, 255, 0.59);} .product-search .emapdet .send_message{margin-right:12px;} .product-search .emapdet .send_message i{margin-right:6px;} .product-search .emapdet .show_on_map i{margin-right:6px;} .product-search .emapdet .go i{margin-left:6px;} .product-search .map{padding:10px; display:none; border-bottom:1px solid rgba(0, 0, 0, 0.1);} .product-search .map #map_canvas{height:300px; width:100%;} .product-search .map .hide_map{margin-right:-12px; padding:6px 12px; font-size:1.2em; text-align:right;} .emapdet .product_member_photo .member_photo {max-width:100%;max-height:50px; border: 0px solid #fff;vertical-align: middle;} .emapdet .product_member_photo img {vertical-align: top;} .product-search .emapdet .envmapgo {width:49%;float: right;} /*product search map*/ .product-search-map{display:block; max-width:100%!important;margin: 5px 5px;} .product-search-map .wrapper{display:block; width:100%; padding:10px;} .product-search-map .title{height:auto;margin: 0px 0px 5px 0px;} .product-search-map .photo-wrapper{display:inline-block; width:35%;} .product-search-map .data-wrapper{display:inline-block; width:63%; padding-left:10px; vertical-align:top;margin-top: -10px;} /*projects*/ .project{display:inline-block; margin:4px; border-bottom:0px solid rgba(0, 0, 0, 0.2); vertical-align:top;} .project .wrapper{padding:0px; position:relative;width:100%;} .project .first{width:100%; height:100%; position:relative; vertical-align:middle;} .project .firsthorizantal{width:45%; height:100%; position:relative; vertical-align:middle;margin-bottom: -5px;} .project .second{width:100%; height:100%; position:relative; vertical-align:middle;} .project .secondhorizantal{width:53%; height:100%; position:relative; vertical-align:middle; padding:10px;} .project .second .data{color:#ffffff; padding:10px 0px;} .project .secondhorizantal .data{color:#ffffff; padding:6px 0px;} .project .secondhorizantal .data i{color:#ffffff; margin-right:10px;} .project .title{font-size:1.3em; line-height:1.4em; height:2.8em; font-weight:600; color:#ffffff; overflow:hidden;} .project .location{font-weight:300; color:#ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-top: 1px solid rgba(0,0,0,0.2);padding: 5px;} .project .top-photo{width:100%; display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center;} .project.xs{font-size:0.9em; max-width:180px;} .project.xs .top-photo{height:120px;border-radius: 0px;} .project.xs .firsthorizantal {margin-bottom: -4px;} .project.sm{font-size:1em; max-width:200px;} .project.sm .top-photo{height:140px;border-radius: 0px;} .project.sm .firsthorizantal {margin-bottom: -4px;} .project.md{font-size:1.1em; max-width:220px;} .project.md .top-photo{height:160px;border-radius: 0px;} .project.md .firsthorizantal {margin-bottom: -5px;} .project.lg{font-size:1.2em; width:275px;} .project.lg .top-photo{height:210px;border-radius: 0px;} .project.lg .second{min-height:200px;} .project.lg .firsthorizantal {margin-bottom: -5px;} .project.xl{font-size:1.3em; max-width:385px;width:100%;} .project.xl .top-photo{height:275px;border-radius: 0px;vertical-align: bottom;} .project.xl .title{height:4.2em;} .project.xl .second{min-height:150px;} .project.xl .firsthorizantal {margin-bottom: -6px;} .project.search{font-size:1.4em; display:block;} .project.search:first-child{margin-top:0px;padding-top: 10px;} .project.search:first-child .wrapper{padding-top:10px;} .project.search .column{display:inline-block;} .project.search .top-photo{height:275px;margin-left: 6px;margin-top: 6px;} .project.search .first{width:48%;} .project.search .second{width:48%;margin-left: 5px;} .project.search .product{font-size:0.75em; vertical-align:top; display:inline-block; margin:4px 1px;width: 23.5%;text-align: center;} .project.search .product .wrapper{display:block; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.2);} .project.search .product .data-wrapper{margin-top:10px;} .project.search .product .photo{width: 100%;} /*project resize*/ /*project.xs*/ .project.xs{width:99%;max-width:99%;font-size:0.9em;} .project.xs[data-scale="4"]{font-size:0.86em;} .project.xs[data-scale="3"]{font-size:0.87em;} .project.xs[data-scale="2"]{font-size:0.88em;} .project.xs[data-scale="1"]{font-size:0.89em;} [data-content-size="s4"] .project.xs{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s5"] .project.xs{width:99%;max-width:99%;} /*1/3 col*/ [data-content-size="s6"] .project.xs{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s7"] .project.xs{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s8"] .project.xs{width:32%;max-width:32%;} /*1/3 col*/ [data-content-size="s9"] .project.xs{width:23.5%;max-width:23.5%;} /*2/3 col*/ [data-content-size="s10"] .project.xs{width:19%;max-width:19%;} /*2/3 col*/ [data-content-size="s11"] .project.xs{width:19%;max-width:19%;} /*1/3 col*/ [data-content-size="s12"] .project.xs{width:19.2%;max-width:19.2%;} /*1/3 col*/ .project.xs .photo{height:130px;} .project.xs[data-scale="4"] .top-photo{height:120px;} .project.xs[data-scale="3"] .top-photo{height:130px;} .project.xs[data-scale="2"] .top-photo{height:135px;} .project.xs[data-scale="1"] .top-photo{height:140px;} /*project.sm*/ .project.sm{width:99%;max-width:99%;font-size:0.95em;} .project.sm[data-scale="4"]{font-size:0.92em;} .project.sm[data-scale="3"]{font-size:0.94em;} .project.sm[data-scale="2"]{font-size:0.95em;} .project.sm[data-scale="1"]{font-size:0.95em;} [data-content-size="s3"] .project.sm{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s4"] .project.sm{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s5"] .project.sm{width:99%;max-width:99%;} /*1/3 col*/ [data-content-size="s6"] .project.sm{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s7"] .project.sm{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s8"] .project.sm{width:32%;max-width:32%;} /*1/3 col*/ [data-content-size="s9"] .project.sm{width:32%;max-width:32%;} /*2/3 col*/ [data-content-size="s10"] .project.sm{width:24%;max-width:24%;} /*2/3 col*/ [data-content-size="s11"] .project.sm{width:24%;max-width:24%;} /*1/3 col*/ [data-content-size="s12"] .project.sm{width:24%;max-width:24%;} /*1/3 col*/ .project.sm .top-photo{height:150px;} .project.sm[data-scale="4"] .top-photo{height:140px;} .project.sm[data-scale="3"] .top-photo{height:145px;} .project.sm[data-scale="2"] .top-photo{height:150px;} .project.sm[data-scale="1"] .top-photo{height:155px;} /*project.md*/ .project.md{width:99%;max-width:99%;font-size:1em;} .project.md[data-scale="4"]{font-size:0.9em;} .project.md[data-scale="3"]{font-size:0.93em;} .project.md[data-scale="2"]{font-size:0.97em;} .project.md[data-scale="1"]{font-size:1em;} [data-content-size="s3"] .project.md{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s4"] .project.md{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s5"] .project.md{width:99%;max-width:99%;} /*1/3 col*/ [data-content-size="s6"] .project.md{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s7"] .project.md{width:48%;max-width:48%;} /*1/2 col*/ [data-content-size="s8"] .project.md{width:48%;max-width:48%;} /*1/3 col*/ [data-content-size="s9"] .project.md{width:32%;max-width:32%;} /*2/3 col*/ [data-content-size="s10"] .project.md{width:31%;max-width:31%;margin:1%;} /*2/3 col*/ [data-content-size="s11"] .project.md{width:31%;max-width:31%;margin:1%;} /*1/3 col*/ [data-content-size="s12"] .project.md{width:31%;max-width:31%;margin:1%;} /*1/3 col*/ .project.md .top-photo{height:170px;} .project.md[data-scale="4"] .top-photo{height:200px;} .project.md[data-scale="3"] .top-photo{height:200px;} .project.md[data-scale="2"] .top-photo{height:200px;} .project.md[data-scale="1"] .top-photo{height:225px;} /*project.lg*/ .project.lg{width:99%;max-width:99%;font-size:1.1em;} .project.lg[data-scale="4"]{font-size:0.91em;} .project.lg[data-scale="3"]{font-size:0.93em;} .project.lg[data-scale="2"]{font-size:0.95em;} .project.lg[data-scale="1"]{font-size:1em;} [data-content-size="s4"] .project.lg{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s5"] .project.lg{width:99%;max-width:99%;} /*1/3 col*/ [data-content-size="s6"] .project.lg{width:99%;max-width:99%;} /*1/2 col*/ [data-content-size="s7"] .project.lg{width:48.5%;max-width:48.5%;} /*1/2 col*/ [data-content-size="s8"] .project.lg{width:48.5%;max-width:48.5%;} /*1/3 col*/ [data-content-size="s9"] .project.lg{width:32%;max-width:32%;} /*2/3 col*/ [data-content-size="s10"] .project.lg{width:32%;max-width:32%;} /*2/3 col*/ [data-content-size="s11"] .project.lg{width:32%;max-width:32%;} /*1/3 col*/ [data-content-size="s12"] .project.lg{width:32%;max-width:32%;} /*1/3 col*/ .project.lg .top-photo{height:210px;} .project.lg[data-scale="4"] .top-photo{height:200px;} .project.lg[data-scale="3"] .top-photo{height:205px;} .project.lg[data-scale="2"] .top-photo{height:215px;} .project.lg[data-scale="1"] .top-photo{height:225px;} /*project.xl*/ .project.xl{width:99%;max-width:99%;font-size:1.2em;} .project.xl[data-scale="4"]{font-size:0.92em;} .project.xl[data-scale="3"]{font-size:0.95em;} .project.xl[data-scale="2"]{font-size:0.98em;} .project.xl[data-scale="1"]{font-size:1.1em;} [data-content-size="s4"] .project.xl{width:99%;max-width:99%;} /*1/4 col*/ [data-content-size="s5"] .project.xl{width:99%;max-width:99%;} /*1/3 col*/ [data-content-size="s6"] .project.xl{width:99%;max-width:99%;} /*1/2 col*/ [data-content-size="s7"] .project.xl{width:48.5%;max-width:48.5%;} /*1/2 col*/ [data-content-size="s8"] .project.xl{width:48.5%;max-width:48.5%;} /*1/3 col*/ [data-content-size="s9"] .project.xl{width:32.3%;max-width:32.3%;} /*2/3 col*/ [data-content-size="s10"] .project.xl{width:32.3%;max-width:32.3%;} /*2/3 col*/ [data-content-size="s11"] .project.xl{width:32.3%;max-width:32.3%;} /*1/3 col*/ [data-content-size="s12"] .project.xl{width:32.3%;max-width:32.3%;} /*1/3 col*/ .project.xl .top-photo{height:275px;} .project.xl[data-scale="4"] .top-photo{height:255px;} .project.xl[data-scale="3"] .top-photo{height:265px;} .project.xl[data-scale="2"] .top-photo{height:275px;} .project.xl[data-scale="1"] .top-photo{height:285px;} /*firm*/ .firm{background-color:#ffffff;} .firm .title{font-size:1.1em; font-weight:600; padding:10px 0px; text-transform:uppercase;} .firm .logo{display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center left; padding:4px;} .firm .address{margin-bottom:10px;} .firm .line{padding:4px 0px;} .firm .data-wrapper i{width:20px;} .firm.lg{width:100%; max-width:275px; font-size:1.1em;} .firm.lg .logo{height:60px; width:100%;} [data-content-size="s4"] .firm.lg{max-width:100%;} /*1/4 col*/ [data-content-size="s5"] .firm.lg{max-width:300px;} /*1/3 col*/ [data-content-size="s7"] .firm.lg{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .firm.lg{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .firm.lg{max-width:260px;} /*2/3 col*/ .firm.xl{width:100%; max-width:260px; font-size:1.1em;} .firm.xl .logo{height:60px; width:100%;} [data-content-size="s4"] .firm.xl{max-width:100%;} /*1/4 col*/ [data-content-size="s5"] .firm.xl{max-width:300px;} /*1/3 col*/ [data-content-size="s7"] .firm.xl{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .firm.xl{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .firm.xl{max-width:260px;} /*2/3 col*/ .firm.search{display:block; padding:20px; margin-bottom: 20px; background-color: #F8F8F8; border-radius: 5px; font-size:1.1em; -webkit-box-shadow: inset 0 1px 1px rgba(218, 209, 209, 0.075), 0 0 8px rgba(206, 200, 189, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(218, 209, 209, 0.075), 0 0 8px rgba(206, 200, 189, 0.6); box-shadow: inset 0 1px 6px rgba(218, 209, 209, 0.075), 1px 3px 12px rgba(206, 200, 189, 0.6);} .firm.search{width:100%; font-size:1.1em;} .firm.search .panel-footer{background-color:transparent; line-height:30px; padding-bottom:0px;} .firm.search .data-wrapper{width:48%; display:inline-block;} .firm.search .column{display:inline-block; vertical-align:middle;} .firm.search .first.column{width:65%; font-weight:600;} .firm.search .second.column{width:30%; height:100%;} .firm.search .logo{width:100%; height:40px; background-position:center right;} /*employee*/ .employee{display:inline-block; margin:7px;} .employee .panel{margin:0px;} .employee .photo{display:inline-block; background-size:cover; background-repeat:no-repeat; background-position:center; padding:0px;margin: 0px 0px;} .employee .name{font-size:1.1em; font-weight:600; text-transform:uppercase;} .employee .data-wrapper .name{line-height:1.4em; height:2.8em; padding:10px 0px;} .employee .data-wrapper .position{font-style:italic; margin:10px 0px;} .employee .data-wrapper .phone{padding:4px 0px;font-weight:600;} .employee .data-wrapper .mobile-phone{padding:4px 0px;font-weight:600;} .employee .data-wrapper i{width:20px;} .employee.xs{width:100%; max-width:170px; font-size:0.9em;} .employee.xs .photo{height:70px; width:50px;} [data-content-size="s4"] .employee.xs{max-width:none;} /*1/4 col*/ [data-content-size="s5"] .employee.xs{max-width:none;} /*1/3 col*/ [data-content-size="s7"] .employee.xs{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .employee.xs{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .employee.xs{max-width:260px;} /*2/3 col*/ .employee.sm{width:100%; max-width:210px; font-size:0.95em;} .employee.sm .photo{height:80px; width:50px;} [data-content-size="s4"] .employee.sm{max-width:none;} /*1/4 col*/ [data-content-size="s5"] .employee.sm{max-width:none;} /*1/3 col*/ [data-content-size="s7"] .employee.sm{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .employee.sm{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .employee.sm{max-width:260px;} /*2/3 col*/ .employee.md{width:100%; max-width:210px; font-size:1em;} .employee.md .photo{height:90px; width:60px;} [data-content-size="s4"] .employee.md{max-width:none;} /*1/4 col*/ [data-content-size="s5"] .employee.md{max-width:none;} /*1/3 col*/ [data-content-size="s7"] .employee.md{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .employee.md{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .employee.md{max-width:260px;} /*2/3 col*/ .employee.lg{width:100%; max-width:275px; font-size:1.1em;} .employee.lg .photo{height:260px; width:100%;} [data-content-size="s4"] .employee.lg{max-width:none;} /*1/4 col*/ [data-content-size="s5"] .employee.lg{max-width:none;} /*1/3 col*/ [data-content-size="s7"] .employee.lg{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .employee.lg{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .employee.lg{max-width:260px;} /*2/3 col*/ .employee.xl{width:100%; max-width:295px; font-size:1.1em;} .employee.xl .photo{height:280px; width:95%;} [data-content-size="s4"] .employee.xl{max-width:none;} /*1/4 col*/ [data-content-size="s5"] .employee.xl{max-width:none;} /*1/3 col*/ [data-content-size="s7"] .employee.xl{max-width:240px;} /*1/2 col*/ [data-content-size="s9"] .employee.xl{max-width:220px;} /*2/3 col*/ [data-content-size="s10"] .employee.xl{max-width:260px;} /*2/3 col*/ /*stickers*/ .tstckr{position:absolute; z-index:1; top:-8px; left:10px; width:90%} .product.product-search .tstckr{top:-8px;} .tagsticker{font-size:0.85em; padding:4px 6px; text-decoration:none; border-radius:4px; border:1px solid #FAFAFA; display:inline-block; margin:1px;opacity:0.9;text-shadow: 1px 1px #505050;transform: scale(1) rotate(-10deg) translate(0px);-webkit-transform: scale(1) rotate(-10deg) translate(0px);-ms-transform: scale(1) rotate(-10deg) translate(0px);} .tagsticker.stc1{background-color:#F13612; color:white;font-size: 13px;} .tagsticker.stc2{background-color:#03728D; color:white;} .tagsticker.stc3{background-color:#C96C08; color:white;} .tagsticker.stc4{background-color:#42AC07; color:white;} .tagsticker.stc5{background-color:#03A275; color:white;} .tagsticker.stc6{background-color:#06F; color:white;} .tagsticker.stc7{background-color:#C54B5A; color:white;} /*content specific layout*/ div[class*="content-"]{margin-bottom:30px;} div[class*="content-"] .panel .title{font-size:1.2em; font-weight:400;} div[class*="content-"] .panel-heading{position:relative;} div[class*="content-"] .panel-footer{position:relative;} div[class*="content-"] .carousel{background-color:#ffffff; background-image:none;} /*01 communication*/ .content-communication .logo{height:120px; max-width:100%; padding:14px 0px;} .content-communication .line{padding:1px 0px; margin-bottom: 4px;} .content-communication .line i{margin-right:12px; font-size:1.2em;} .content-communication .send-message-button{position:absolute; right:6px; top:3px;} .content-communication .second.column{font-weight:600;} [data-content-size="s7"].content-communication .column{display:inline-block; width:49%} /*1/2 col*/ [data-content-size="s9"].content-communication .column{display:inline-block; width:49%} /*2/3 col*/ [data-content-size="s10"].content-communication .column{display:inline-block; width:49%} /*2/3 col*/ [data-content-size="s11"].content-communication .column{display:inline-block; width:49%} /*1/1 col*/ [data-content-size="s12"].content-communication .column{display:inline-block; width:49%} /*1/1 col*/ .content-communication .vcolumn{display:inline-block; width:98%} [data-content-size="s7"].content-communication .vcolumn{display:inline-block; width:98%} /*1/2 col*/ [data-content-size="s9"].content-communication .vcolumn{display:inline-block; width:98%} /*2/3 col*/ [data-content-size="s10"].content-communication .vcolumn{display:inline-block; width:98%} /*2/3 col*/ [data-content-size="s11"].content-communication .vcolumn{display:inline-block; width:98%} /*1/1 col*/ [data-content-size="s12"].content-communication .vcolumn{display:inline-block; width:98%} /*1/1 col*/ .summary-contact-info > div {background: rgba(0, 0, 0, 0.15);border-radius: 5px;margin: 10px 0;padding: 0;position: relative;line-height: 50px} .summary-contact-info > div a {color:#fff;} .summary-contact-info > div i {background: rgba(255, 255, 255, 0.25);text-align: center;width: 35px;height: 100%;top: 0;bottom: 0;border-radius: 5px 0 0 5px;line-height: 34px;margin-right: 15px;line-height: 49px;} /*02 portfolio*/ .content-portfolio .panel-body .main-group{margin-bottom:12px;} .content-portfolio .panel-body .main-group a.mg{font-weight:600; font-size:1.1em;} .content-portfolio .panel-body .main-groups a{padding-top:4px; padding-bottom:4px;} .content-portfolio .panel-body .main-groups .sale-types li{margin:0px; margin-left:48px;} .content-portfolio .panel-body .main-groups .sale-types li a{padding:4px 6px; min-width:100px;} .content-portfolio .panel-body .main-groups .sale-types li a .badge{float:right; margin-right:6px;} /*03 content-product-group */ .content-product-group .panel-body {padding: 10px 0px;} /*08 search */ .content-property-search .panel-heading .search-button{position:absolute; right:6px; top:5px;} .content-property-search .panel-body .criteria{display:block; margin-bottom:4px;} .content-property-search a.criteria[data-checked] i{margin-right:6px;} /*09 page links*/ .content-page-links .list-group .list-group-item.level-1{border-color:rgba(242, 242, 242, 0.3); font-weight:400; font-size:1.1em;} .content-page-links .list-group .list-group-item.level-2{padding:4px 15px 4px 36px; border-color:transparent;} .content-page-links .nav-pills li{margin-bottom:4px;} /*10 product group carousel */ .content-product-group-carousel .carousel{padding:10px; } .content-product-group-carousel .title{font-weight:600; font-size:1.4em; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-top:10px;} .content-product-group-carousel .carousel-caption h3{font-size:14px;} .content-product-group-carousel .carousel-caption h4{font-size:14px; font-weight:400;} /*11 showcase carousel */ .content-showcase-carousel .carousel{box-shadow:0 0px 10px 3px rgba(30, 30, 31, 0.3); -webkit-box-shadow:0 0px 10px 3px rgba(30, 30, 31, 0.3); padding:10px;} .content-showcase-carousel .title{font-weight:600; font-size:1.4em; padding-top:10px; padding-bottom:10px; padding-left:10px; margin-top:10px;} /*carousel general */ .carousel-inner .carousel-caption {left: 10%;right: 10%;} .carousel-inner .firm-wrapper {margin-bottom:-40px;z-index:10;width:100%;background-color: rgba(0, 0, 0, 0.4);padding: 0.2em;height: 3.2em;position:relative;border-radius: 5px;} .carousel-inner .firm-wrapper .firm-name {font-size: 0.9em;font-weight: 600;line-height: 1.1em;height: 2.4em;overflow: hidden;} .carousel-inner .column {display: inline-block;overflow: hidden;max-width: 100%;} .carousel-inner .logo span {display: inline-block;width: 100%;height: 100%;vertical-align: middle;background-size: contain;background-repeat: no-repeat;background-position: center;border: none;} /*12 link */ .content-link{padding:6px;} .content-link .link {line-height:32px;} .content-link .link .icon{-webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} .content-link .link:hover .icon{transform:scale(1.2);} .content-link .link .link-text{padding-left:6px; font-size:1.1em; font-weight:600;} .content-link .link:hover .link-text{text-decoration:underline;} /*13 about-us */ .content-about-us {padding:20px 40px;} .content-about-us.md {padding:20px 30px;} .content-about-us.sm {padding:20px 20px;} .content-about-us.xs {padding:20px 10px;} .content-about-us .logo{margin-bottom:20px;} .content-about-us.lg .logo{height:80px;} .content-about-us.md .logo{height:60px;} .content-about-us.sm .logo, .content-about-us.xs .logo{height:40px;} .content-about-us .title{margin-bottom:20px; } .content-about-us .text{font-size:1.1em; line-height:1.8em; font-style:italic;} /*14 general-message */ .content-message{padding:6px 0px;} .content-message[data-content-size="s5"] div[class*="col-"]{width:100%;} .content-message[data-content-size="s4"] div[class*="col-"]{width:100%;} /*15 employees */ .content-employees .float{display:inline-block;} /*16 site stats */ .content-site-stats .title{padding:10px; font-size:1.1em;} .content-site-stats .body{padding:10px;} .content-site-stats .today{margin-left:6px;} .content-site-stats .total{margin-left:6px;} /*17 portal feed */ .content-portal-feed .panel{box-shadow:none;} .content-portal-feed .feed-item .list-group-item-heading{margin-bottom:6px; margin-top:10px;} .content-portal-feed .feed-item .list-group-item-text .picture{height:50px; width:60px; border-radius:3px; margin-top:4px;} .content-portal-feed .feed-item .list-group-item-text .summary .glyphicon{color:#666;} /*18 article */ /*.content-article{background-color:#ffffff;}*/ .content-article{background-color:transparent;} .content-article .title{padding:10px; font-size:1.1em; font-weight:400;} .content-article .body{padding:10px;} [data-content-size="s1"].content-article .title{font-size:0.6em;} [data-content-size="s2"].content-article .title{font-size:0.65em;} [data-content-size="s3"].content-article .title{font-size:0.7em;} [data-content-size="s4"].content-article .title{font-size:0.70em;} [data-content-size="s5"].content-article .title{font-size:0.75em;} [data-content-size="s6"].content-article .title{font-size:0.80em;} [data-content-size="s7"].content-article .title{font-size:0.85em;} [data-content-size="s8"].content-article .title{font-size:0.9em;} [data-content-size="s9"].content-article .title{font-size:0.95em;} [data-content-size="s10"].content-article .title{font-size:1em;} [data-content-size="s11"].content-article .title{font-size:1.05em;} /*21 employees carousel*/ .content-employees-carousel {border-bottom:1px solid rgba(0, 0, 0, 0.1);} .content-employees-carousel h2{margin:0px;} .content-employees-carousel .title{padding:10px;} .content-employees-carousel .body{padding:10px;} /* so 202107 [data-content-size="s4"].content-employees-carousel [class*=col-]{width:100%} 1/4 col*/ /*22 photo album carousel*/ .content-photo-album-carousel .title{padding:10px;} .content-photo-album-carousel .body{padding:10px;} /*24 our team carousel*/ .content-our-team-carousel {border-bottom:1px solid rgba(0, 0, 0, 0.1);} .content-our-team-carousel .employee{padding-top:12px;} .content-our-team-carousel .employee .name{font-size:1.1em; font-weight:600;} /* so 202107 .content-our-team-carousel[data-content-size="s4"] .employee div[class*="col-"]{width:100%; text-align:center;} */ .content-our-team-carousel .employee .send-message-container{display:none;} .content-our-team-carousel .employee .send-message-button{padding:6px 0px; color:rgb(180,1,1); font-weight:600; display:inline-block;} /*25 product breakdown*/ .content-product-break-down[data-direction="1"]{display:table;} .content-product-break-down[data-direction="2"]{display:block;} .content-product-break-down .content {padding:10px;} .content-product-break-down .heading {padding:10px;} .content-product-break-down .tab-content .panel .title{font-size:1em; font-weight:600;} .content-product-break-down .nav{margin-top:10px; margin-bottom:6px;} .content-product-break-down .nav a{font-size:1.1em; font-weight:600;} .content-product-break-down[data-direction="1"] .tab-content .tab-pane .panel {margin-right:12px;} .content-product-break-down .list-group-item{font-size:1.1em; padding-right:40px; min-width:160px;font-weight: 300;} .content-product-break-down .list-group-item .number{font-size:11px; position:absolute; right:6px;} /*26 picture link*/ .content-picture-link .title{padding:10px;} .content-picture-link .body{padding:10px;} .content-picture-link .link-photo{margin-top:10px;} /*27 picture article*/ .content-picture-article .title{padding:10px;} .content-picture-article .photo-container, .content-picture-article .text-container{padding:6px;} .content-picture-article[data-photo-location="2"] .photo-container, .content-picture-article[data-photo-location="4"] .photo-container{display:inline-block; vertical-align:top;} .content-picture-article[data-photo-location="2"] .text-container, .content-picture-article[data-photo-location="4"] .text-container{display:inline-block; vertical-align:top;} /*28 intro*/ .content-intro .panel-body .intro-photo{height:80px; width:100%; background-size:contain; background-repeat:no-repeat; display:block; background-position:center; margin-bottom:20px; border-radius:4px;} /*29 service list*/ .content-service-list .list-group .list-group-item .list-group-item-text{clear:both; display:table; margin-top:10px;} .content-service-list .list-group .list-group-item .list-group-item-text .picture{height:60px; width:80px; float:left; margin-right:10px} /*30 services*/ .content-services .panel-body .image{margin-bottom:20px;} /*31 search on map*/ .content-search-on-map .box{text-align:center; height:120px; line-height:120px; background-color:rgba(0, 0, 0, 0.1);} .content-search-on-map .title{font-size:2em; font-weight:600; text-shadow:0px 1px #121213; color:#FFF;} /*32 development-showcase-carousel*/ .content-development-showcase-carousel {padding:10px;background-color: #FFF;border-radius:4px;} /*34 development search link*/ .content-development-search-link .body{padding:10px;} .content-development-search-link .link{padding-top:12px; text-align:center;} .content-development-search-link .text{font-size:2em; text-shadow:0px 1px #121213;} /*41 product-shortcut-tags*/ .content-product-shortcut-tags .sections{padding-bottom:10x;border-bottom:1px solid #efefef;} .content-product-shortcut-tags .tag.title {background-color: #00AAE0;color: #FFF;border: 3px solid #E7E5DB;font-size: 15px;} .content-product-shortcut-tags .tag.city {color: #443B3B;border-bottom: 2px solid #B5B4AC;margin: 2px 1px;} .content-product-shortcut-tags .tag.town {color: #443B3B;font-size: 12px;margin: 1px -1px;} .content-product-shortcut-tags .tag.saletype {color: #443B3B;border-bottom: 2px solid #FC8076;margin: 1px 2px;} .content-product-shortcut-tags .tag.estate_type {color: #443B3B;border-bottom: 2px solid #C0D1DF;margin: 2px 2px;} .content-product-shortcut-tags .tag.estate_category {color: #443B3B;border: 1px solid #EAE6E3;margin: 2px 2px;} /*44 banner link*/ .content-banner-link{position:relative;} .content-banner-link{text-shadow: 0 5px 11px #000, 0 -2px 2px #000; letter-spacing: 1px; font-weight: bold; word-spacing: 1px;} .content-banner-link .toptitle{position: absolute; z-index:1; top: 0px; left:20px; font-size: 1.4em;} .content-banner-link .toptext{position: absolute; z-index:1; top:60%; right:10px; font-size: 1.1em; text-align: right;} .content-banner-link .linktext {position: absolute; z-index:1; bottom:10px; left:20px; right:20px; text-align: center;} /*46 form*/ .content-question-form .question{position:relative;} .content-question-form .question.combo select{max-width:300px;} .content-question-form .question.number input{max-width:120px; text-align:right;} .content-question-form .question.currency input{display:inline; width:120px; margin-right:10px; text-align:right;} .content-question-form .question.currency .currencies{display:inline; width:60px; text-align:center;} .content-question-form .question.date input{width:120px; text-align:center;} .content-question-form .question.phone input{width:120px; text-align:center;} .content-question-form .question.required:before{content:"* "; font-size:1.4em; font-weight:bold; color:red; position:absolute; left:-15px; top:0px; display:inline-block;} /*tags*/ .content-product-shortcut-tags .panel{margin:0px;} /*160 content-article-summary-list*/ .content-article-summary-list .panel-heading .title {color: #FFF; font-size: 17px; font-weight: 500;} .content-article-summary-list .feed-item .list-group-item-text .picturesmall {height: 50px; width: 60px; border-radius: 3px; margin-top: 4px; } .content-article-summary-list .feed-item .list-group-item-text .picturemedium {height: 70px; width: 80px; border-radius: 4px; margin-top: 4px;} .content-article-summary-list .feed-item .list-group-item-text .picturelarge {height: 90px; width: 120px; border-radius: 6px; margin-top: 4px; } .content-article-summary-list .feed-item .list-group-item-text .pictureextralarge {height: 160px; width: 240px; border-radius: 6px; margin-top: 4px; } .content-article-summary-list .feed-item .list-group-item-heading {margin-bottom: 6px; margin-top: 10px; text-shadow: 0 0px 0px rgba(0, 0, 0, 0);} /*162 content-article-fulldetail-list*/ .content-article-fulldetail-list h5 {font-size:16px;padding-top:15px;padding-bottom:15px;display: table;} .content-article-fulldetail-list .feed-item .list-group-item-text .summary {padding-top: 15px; display: table; } /* site layout*/ #site_container #header_container{position:relative; z-index:17} #site_container #header_container .content-our-team-carousel{position:absolute; top:30px; right:40px; width:400px !important; margin:0px;} @media (max-width: 768px){ #site_container #header_container .content-our-team-carousel{display:none;} } @media (min-width: 769px) and (max-width: 992px) { #site_container .container{width:95%} /*#site_container #top_menu .navbar .currencies{display:none;}*/ #site_container #header_container .content-our-team-carousel{display:none;} } @media (min-width: 992px) and (max-width: 1199px) { #site_container #header_container .content-our-team-carousel{display:none;} } @media (min-width: 1200px){ } #content_container{min-height:1000px;} #site_container #header_container .content-our-team-carousel .employee .photo{max-height:80px;} #site_container #content_page{min-height:1000px;} /*top menu*/ #site_container #top_menu{position:relative; z-index:16; line-height:46px;} #site_container #top_menu.fixed{position:fixed; top:0px; width: 100%; border-bottom:2px solid rgba(255, 255, 255, 0.9); z-index:16;border-top: 2px solid rgba(255, 255, 255, 0.9);padding: 0px 0px;opacity: 1;} #site_container #top_menu .navbar{margin-bottom:0px; border-radius:0px;} #site_container #top_menu .navbar .level-1 a{font-size:1.1em; padding:15px 8px;text-shadow: 0 0px 0px #4A4A4A;} #site_container #top_menu .navbar .level-1 a:last-child a{border-right:none;box-shadow:none} #site_container #top_menu .navbar .level-2 a{font-size:1.1em; padding:8px 10px;} #site_container #top_menu .navbar a .caret{margin-left:8px;} #site_container #top_menu .dropdown-menu{padding:0px;} #site_container #top_menu .navbar-brand{padding:6px 10px; border-right:none!important;} #site_container #top_menu .icon-home{width:32px; height:32px;} #top_menu .btn-sm, .btn-group-sm>.btn {padding: 2px 0px;} #languagesbar .aktif {border:1px solid rgba(255, 255, 255, 0.4);background-color:rgba(0, 0, 0, 0.05);outline: 0;background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);padding: 2px 15px;} /*bottom menu*/ #site_container #bottom_menu{position:relative; z-index:1; line-height:46px;} #site_container #bottom_menu .navbar{margin-bottom:0px; border-radius:0px;} #site_container #bottom_menu .navbar .level-1 a{font-size:1.2em; padding:15px 10px;} #site_container #bottom_menu .navbar .level-1 a:last-child a{border-right:none;box-shadow:none} #site_container #bottom_menu .navbar .level-2 a{font-size:1.1em; padding:8px 10px;} #site_container #bottom_menu .navbar a .caret{margin-left:8px;} /*footer*/ #footer_container{display:table; width:100%; position:relative; z-index:0;} #footer_container .site_social_links_main{text-align:center; padding-right:0px; background-color:transparent;} #footer_container .site_social_links_main .social-link{display:inline-block; padding:6px; background-color:rgba(0, 0, 0, 0.1); border-radius:100%; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;} #footer_container .site_social_links_main .social-link:hover{transform:scale(1.2);} #footer_container .site_social_links_main .social-icon{height:24px;} #footer{display:table; position:relative; min-height:300px; width:100%;margin-top: -175px;} #footer .image-container{position:absolute; top:-150px; left:0px; right:0px; height:450px; background-repeat:no-repeat !important; background-position:center top; background-size:contain !important} #footer .container-holder{position:relative; width:100%; padding-top:10px;} #site_menu_main_commands .site_social_links_main{text-align:right; padding-right:10px; background-color:transparent; margin-top: 2px;} #site_menu_main_commands .languages_bar {margin-top:0px;float:left;padding-right: 2px;} #site_menu_main_commands .languages_bar .flags{display:inline-block; padding:0px; background-color:rgba(45, 45, 45, 0.1); border-radius:100%; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;margin-top:-1px;opacity:0.5;} #site_menu_main_commands .languages_bar .flags:hover{transform:scale(1.4);opacity:1;} #site_menu_main_commands .site_social_links_main {text-align: right;padding-right: 10px;background-color: rgba(0, 0, 0, 0);margin-top: -4px;} #site_menu_main_commands .site_social_links_main .social-link{display:inline-block; padding:0px; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out;margin-top:6px;margin-right: -9px; opacity: 0.9;} #site_menu_main_commands .site_social_links_main .social-link:hover{transform:scale(1.05);opacity:1;} #site_menu_main_commands .site_social_links_main .social-link .social-icon{height:27px;opacity:0.8;} /*search*/ #search_criteria .panel-heading .title{font-weight:300; font-size:1.3em;} #search_criteria .city.panel:last-child{border-bottom-color:transparent;} #search_criteria .city.panel-heading{background-color:transparent!important; border-color:transparent; padding-bottom:0px; padding-top:2px; padding-left:0px;} #search_criteria .list-group-item{padding-top:4px; padding-bottom:4px; border-width:0px;} #search_criteria .town-toggler i{color:#7f8c8d} #search_criteria .town-toggler.open i{color:#DDD} #search_criteria .town.list-group{font-size:0.9em;} #search_criteria .town .list-group-item{padding-left:32px;} #search_criteria .district-toggler i{color:#000;} #search_criteria .district-toggler.open i{color:#000} #search_criteria .district.list-group{font-size:0.9em;color:#000000;} #search_criteria .district .list-group-item{padding-left:24px;font-size:1.1em;color:#000000;} #search_criteria i{margin-right:10px;} #search_criteria a.criteria[data-checked="1"] i{color:#16a085;} #search_criteria a.criteria[data-checked="0"] i{color:#DDD;} #search_main #criteria_holder{min-height:0px; padding:6px 0px;} #search_main #criteria_holder .criteria{padding:6px 2px 6px 10px; margin:4px; border: 1px dotted #626262;border-radius: 3px;display: inline-block;color: #FFF;background-color: #A5A5A5;} #search_main #criteria_holder a{padding:1px 4px 0px 12px; display:inline-block; vertical-align:top;} #search_main #criteria_holder a i{color:#DDD;} #search_main #criteria_holder a:hover i{color:#e74c3c;} #search_main #searching_results{position:fixed; padding:10px; width:200px; left:50%; margin-left:-100px; top:-3px; z-index:100; color:#000000; background-color:rgb(240,216,120); font-size:1.2em; border-radius:3px; display:none;} #search_main #no_records_warning{width:100%; font-size:1.2em; padding:10px 20px; text-align:center; background-color:#e74c3c; color:#ffffff; border-radius:6px; margin-top:20px;} #search_main .navigation-container span{font-size:13px; font-weight:600;} #search_main #sort_list i.glyphicon{margin-right:6px; padding:4px 4px;} #search_main .product-search{margin:12px 0px;} /*search on map*/ #product_panel .navigation span{font-size:13px; font-weight:600;} #search_map_main #criteria_holder .criteria{padding:6px 2px 6px 10px; margin:4px; border:1px solid #000000; border-radius:3px; background-color:#424242; color:#ffffff; opacity:0.8;} #search_map_main #criteria_holder .criteria:hover{opacity:1} #search_map_main #criteria_holder a{padding:1px 4px 0px 12px; display:inline-block; vertical-align:top;} #search_map_main #criteria_holder a i{color:#DDD;} #search_map_main #criteria_holder a:hover i{color:#e74c3c;} /*spin*/ .spin {display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear;} @-moz-keyframes spin{0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(359deg);}} @-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(359deg);}} @-o-keyframes spin{0%{-o-transform: rotate(0deg);} 100% {-o-transform: rotate(359deg);}} @-ms-keyframes spin{0%{-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(359deg);}} @keyframes spin{0%{transform: rotate(0deg);} 100% {transform: rotate(359deg);}} /*icons*/ .icon{width:28px; height:28px; background-size:cover; display:inline-block; vertical-align:middle;} .icon.icon-xs{width:16px; height:16px;} .icon.icon-sm{width:28px; height:28px;} .icon.icon-md{width:32px; height:32px;} .icon.icon-lg{width:40px; height:40px;} .icon.icon-xl{width:64px; height:64px;} .icon-circle{border-radius:100% !important; background-position:center center;} .icon-round{border-radius:8px;} .icon-transparent{background-color:transparent !important} .icon-adverts{background-image:url(/img/icons/adverts.png)} .icon-asc{background-image:url(/img/icons/asc.png)} .icon-building{background-image:url(/img/icons/building.png)} .icon-call{background-image:url(/img/icons/call.png)} .icon-chat{background-image:url(/img/icons/chat.png)} .icon-chart{background-image:url(/img/icons/chart.png)} .icon-desc{background-image:url(/img/icons/desc.png)} .icon-home{background-image:url(/img/icons/home.png)} .icon-horn{background-image:url(/img/icons/horn.png)} .icon-land{background-image:url(/img/icons/land.png)} .icon-link01{background-image:url(/img/icons/link01.png)} .icon-link02{background-image:url(/img/icons/link02.png)} .icon-link03{background-image:url(/img/icons/link03.png)} .icon-link04{background-image:url(/img/icons/link04.png)} .icon-link05{background-image:url(/img/icons/link05.png)} .icon-link06{background-image:url(/img/icons/link06.png)} .icon-link07{background-image:url(/img/icons/link07.png)} .icon-link08{background-image:url(/img/icons/link08.png)} .icon-list{background-image:url(/img/icons/list.png)} .icon-map{background-image:url(/img/icons/map.png)} .icon-message01{background-image:url(/img/icons/message01.png)} .icon-message02{background-image:url(/img/icons/message02.png)} .icon-message03{background-image:url(/img/icons/message03.png)} .icon-message04{background-image:url(/img/icons/message04.png)} .icon-message05{background-image:url(/img/icons/message05.png)} .icon-message06{background-image:url(/img/icons/message06.png)} .icon-message07{background-image:url(/img/icons/message07.png)} .icon-message08{background-image:url(/img/icons/message08.png)} .icon-message09{background-image:url(/img/icons/message09.png)} .icon-message10{background-image:url(/img/icons/message10.png)} .icon-office{background-image:url(/img/icons/office.png)} .icon-next{background-image:url(/img/icons/next.png)} .icon-prev{background-image:url(/img/icons/previous.png)} .icon-search{background-image:url(/img/icons/search.png)} .icon-send{background-image:url(/img/icons/send.png)} .icon-services{background-image:url(/img/icons/services.png)} .icon-skype{background-image:url(/img/icons/skype.png);} .icon-spin{background-image:url(/img/icons/spin.png) !important;} .icon-summer-house{background-image:url(/img/icons/summer-house.png)} .icon-touristic{background-image:url(/img/icons/icon-touristic.png)} .icon-zoom{background-image:url(/img/icons/zoom.png)} .icon-up{background-image:url(/img/icons/up.png)} .icon-favourite{background-image:url(/img/icons/star0.png)} .icon-favouritedelete{background-image:url(/img/icons/star0delete.png)} .icon-comparelist{background-image:url(/img/icons/comparelist.png)} .icon-comparelistdelete{background-image:url(/img/icons/comparelistdelete.png)} .icon-picture{background-image:url(/img/icons/picture.png)} .icon-visits{background-image:url(/img/icons/visits.png)} .icon-area{background-image:url(/img/icons/area-01.png)} .icon-bath{background-image:url(/img/icons/bath-room1.png)} .icon-room{background-image:url(/img/icons/sofa-03.png)} .icon-bed{background-image:url(/img/icons/bed-01.png)} .icon-muted{background-image:url(/img/icons/muted.png)} .icon-unmuted{background-image:url(/img/icons/unmuted.png)} .icon-social1{background-image:url(/img/social/socialsquare1.png)} .icon-social2{background-image:url(/img/social/socialsquare2.png)} .icon-social3{background-image:url(/img/social/socialsquare3.png)} .icon-social4{background-image:url(/img/social/socialsquare4.png)} .icon-social5{background-image:url(/img/social/socialsquare5.png)} .icon-social6{background-image:url(/img/social/socialsquare6.png)} .icon-social7{background-image:url(/img/social/socialsquare7.png)} .icon-social8{background-image:url(/img/social/socialsquare8.png)} .icon-social9{background-image:url(/img/social/socialsquare9.png)} .icon-soc1{background-image:url(/img/social/socialwhite1.png)} .icon-soc2{background-image:url(/img/social/socialwhite2.png)} .icon-soc3{background-image:url(/img/social/socialwhite3.png)} .icon-soc4{background-image:url(/img/social/socialwhite4.png)} .icon-soc5{background-image:url(/img/social/socialwhite5.png)} .icon-soc6{background-image:url(/img/social/socialwhite6.png)} .icon-soc7{background-image:url(/img/social/socialwhite7.png)} .icon-soc8{background-image:url(/img/social/socialwhite8.png)} .icon-soc9{background-image:url(/img/social/socialwhite9.png)} .icon-backnext{background-image:url(/img/icons/next-icon.png)} .icon-backprev{background-image:url(/img/icons/prev-icon.png)} .icon.icon-xxl{width:71px; height:141px;} .product .command_button {background-color: #fff;padding: 2px 1px;border: 0px solid rgba(0, 0, 0, 0.1);} .product.lg .productactions, .product.xs .productactions, .product.md .productactions, .product.sm .productactions, .product.xl .productactions {position: inherit;margin-top: 10px;border-top: 1px dashed rgba(223, 223, 223, 0.5);border-bottom: 0px dashed rgba(223, 223, 223, 0.5);border-radius: 10px;padding: 0px 0px;background-color: rgba(242, 242, 242, 0);} .product.lg .commands_top,.product.xs .commands_top, .product.sm .commands_top, .product.md .commands_top, .product.xl .commands_top {position: relative;display: inline-block;width: 100%;opacity: 1;} .product.lg .commands_top .command_button, .product.xs .commands_top .command_button, .product.sm .commands_top .command_button, .product.md .commands_top .command_button, .product.xl .commands_top .command_button {cursor: pointer;display: inline-block;background-color: rgba(0, 0, 0, 0);padding: 2px 3px;} .product.lg .product_member, .product.xs .product_member, .product.md .product_member, .product.sm .product_member, .product.xl .product_member {position: inherit;margin: 5px;border-radius: 5px;padding: 2px 0px 0px 0px;min-height: 45px;} .product_member .product_member_photo {width:25%; float:left;} .product_member .product_member_name {width:69%; float:right;font-weight: 300;display: block;font-size: 1.2em;line-height: 1.4em;height: 2.8em;overflow: hidden; margin: -4px 8px 0px 0px;} .product.hxl .productactions {position: absolute;bottom: 15px; left: 0%;display: block;padding-top: 0px;} .product.hxl .commands_top {position: relative;opacity: 1;display: inline-block;} .product.hxl .commands_top .command_button {cursor: pointer;display: inline-block;background-color: rgba(0, 0, 0, 0);padding: 2px 5px;} .product.hxl .product_member {position: absolute;min-height: 4em;top: 50px;background-color: rgba(12, 12, 12, 0.15);padding: 0.5em;float: right;left:0px;width: 25%; border-radius: 5px;border: 1px dashed rgba(197, 197, 197, 0.5);} .product.hxl .product_member .product_member_photo {width:25%; float:left;} .product.hxl .product_member .product_member_name {width:69%; float:right;font-weight: 300;display: block;font-size: 1.2em;line-height: 1.4em;height: 2.8em;overflow: hidden; margin: -4px 8px 0px 0px; text-transform: uppercase;} .product.widephoto .productactions {position: absolute;bottom: 0%; left: 0%;display: block; padding-top: 0px;} .product.widephoto .commands_top {position: relative;opacity: 1;display: inline-block;} .product.widephoto .commands_top .command_button {cursor: pointer;display: inline-block;background-color: rgba(0, 0, 0, 0);padding-right:4px;} .product.widephoto .product_member {position: absolute;min-height: 4em;bottom: 10px;background-color: rgba(93, 84, 55, 0.5);padding: 0.5em;float: right;right: 5px;width: 40%; border-radius: 5px;border: 1px dashed rgba(197, 197, 179, 0.52);} .product.widephoto .product_member .product_member_photo {width:25%; float:left;} .product.widephoto .product_member .product_member_name {width:69%; float:right;font-weight: 400;display: block;font-size: 1.2em;line-height: 1.4em;height: 2.8em;overflow: hidden; margin: -4px 8px 0px 0px; text-transform: uppercase;color:#fff;} .product.widephoto .member_photo {max-height:55px;max-width: 100%;} [data-content-size="s9"] .member_photo {max-height:55px;} [data-content-size="s8"] .member_photo {max-height:50px;} [data-content-size="s7"] .member_photo {max-height:45px;} [data-content-size="s6"] .member_photo {max-height:45px;} [data-content-size="s5"] .member_photo {max-height:40px;} [data-content-size="s4"] .member_photo {max-height:40px;} [data-content-size="s3"] .member_photo {max-height:35px;} .product.widephoto[data-scale="4"] .member_photo {max-height:35px;} .product.widephoto[data-scale="3"] .member_photo {max-height:40px;} .product.widephoto[data-scale="2"] .member_photo {max-height:45px;} /*product-search-gallery*/ .product-search-gallery{clear:none; display:block; padding:10px 0px; max-width:400px; margin:auto;} .product-search-gallery .wrapper{background-color:#ffffff; border-bottom:1px solid #CCC; padding:20px;} .product-search-gallery .commands_top{ top:30px; left:0px; right:0px;} .product-search-gallery .commands_bottom{bottom:20px; left:0px; right:30px;} .product-search-gallery .photo{width:100%; display:block; background-color:#E5E5E5} .product-search-gallery .title{font-size:1.1em; white-space:normal; line-height:1.4em; height:2.8em; margin-bottom:10px;} .product-search-gallery .data{line-height:1.4em; margin-bottom:4px;} .product-search-gallery .data:last-child{margin-bottom:0px;} .product-search-gallery .price{font-size: 1.3em;} .product-search-gallery .area{font-size:1.2em; margin-left:16px;} .product-search-gallery .owner{line-height:1.4em; height:1.4em; margin:6px 0px; overflow:hiddden;} .product-search-gallery .firm{font-size:0.9em;} #compare_list_main .product .command_button{padding:8px 5px;} @media (max-width: 768px) { .product-search-gallery .photo{height:240px;} } @media (min-width: 769px) and (max-width: 992px) { .product-search-gallery .photo{height:240px;} } @media (min-width: 992px) and (max-width: 1199px) { .product-search-gallery .photo{height:240px;} #compare_list_main .product .command_button{padding:8px 5px;} } @media (min-width: 1200px){ .product-search-gallery .photo{height:240px;} } .product.normal.xs .data.top {top: 0px;} .product.normal.xs .data {position: absolute;z-index: 1;left: 0px;right: 0px;padding: 6px;background-color: rgba(255, 255, 255, 0.6);} .product.normal.xs .data.bottom {bottom: 0px;} .product.normal.xs .data {position: absolute;z-index: 1;left: 0px;right: 0px;padding: 6px;background-color: rgba(255, 255, 255, 0.6);} /*colors*/ .black-text{color:rgb(34, 46, 61);} .black-bg{background-color:rgb(34, 46, 61);} .blue-text{color:rgb(6, 133, 192)} .blue-bg{background-color:rgb(6, 133, 192)} .brown-text{color:#424242;} .brown-bg{background-color:#424242;} .dark-gray-text{color:rgb(85, 85, 85);} .dark-gray-bg{background-color:rgb(85, 85, 85);} .gray-text{color:rgb(153, 153, 153);} .gray-bg{background-color:rgba(239, 239, 239, 0.5);} .green-text{color:#5cb85c;} .green-bg{background-color:rgb(92, 184, 92);} .light-gray-text{color:rgb(153, 153, 153);} .light-gray-bg{background-color:rgb(248, 248, 248);} .orange-text{color:rgb(255, 133, 65)} .orange-bg{background-color:rgb(252, 118, 43)} .navy-text{color:rgb(2,119,158);} .navy-bg{background-color:rgb(11,72,107);} .red-text{color:rgb(182, 3, 32);} .red-bg{background-color:rgb(217, 83, 79);} .transparent-bg{background-color:transparent} .white-text{color:#FFFFFF} .white-bg{background-color:#FFFFFF} .yellow-text{color:rgb(240,216,120);} .yellow-bg{background-color:rgb(240,216,120);} label {font-weight: 600;} .panel { border-radius: 0 0 5px 5px; box-shadow: 0 0px 0px rgba(0,0,0,0.05); } .panel-heading { border-top-right-radius: 1px; border-top-left-radius: 1px; } .row-no-padding [class^="col-"] { padding-left: 0; padding-right: 0; } .minh35 {min-height: 35px;} .minh40 {min-height: 40px;} .minh45 {min-height: 45px;} .minh50 {min-height: 50px;} .content-showcase-carousel .carousel {padding:0px} .row-no-padding div[class^="content-"] {margin-bottom: 0px;} .row-no-padding .row {margin-left:0;margin-right:0;} .row-no-padding .content-picture-link .title {padding: 0px;} #top_menu .container {width:70%!important;} #top_menu.header0 .container {width:76%!important;margin-left:auto;} #top_menu.fixed .container {width:66%!important;margin-left:18%;} #site_container #top_menu_container .container .fixed{width:100%!important;left:0px!important;} #site_container #top_menu_container .container {padding-left: 0px!important;padding-right: 0px!important;} @media (max-width: 769px){ #top_menu .container {width:99%!important;} #top_menu.header0 .container {width:40%!important;} #site_container #top_menu_container .container {padding-left: 5px!important;padding-right: 5px!important;float:right;} .container>.navbar-header {margin-right: 20px;margin-left: 20px;} } @media (min-width: 769px) and (max-width: 992px) { #top_menu .container {width:99%!important;} #top_menu.header0 .container {width:75%!important;margin-left:24%} #topmenu-logo-x {margin-left: 0px!important;margin-right: 0px!important;} #top_menu.fixed .container {width:75%!important;margin-left:25%;} #topmenu-logo {margin-left: 0px!important;margin-right: 0px!important;} #top_menu.header0 #topmenu-logo-x img {height: 50px;} #top_menu.fixed #topmenu-logo-x img {height: 50px;} #site_container #top_menu_container .container {padding-left: 5px!important;padding-right: 5px!important;} } @media (min-width: 992px) and (max-width: 1199px) { #top_menu .container {width:99%!important;} #top_menu.header0 .container {width:75%!important;margin-left:25%;} #top_menu.fixed .container {width:75%!important;margin-left:25%;} #site_container #top_menu_container .container {padding-left: 5px!important;padding-right: 5px!important;} } @media (min-width: 1200px) and (max-width: 1499px) { #top_menu .container {width:95%!important;} #top_menu.header0 .container {width:82%!important;margin-left:17%;} #top_menu.fixed .container {width:82%!important;margin-left:20%;} #site_container #top_menu_container .container {padding-left: 5px!important;padding-right: 5px!important;} } @media (min-width: 1500px) and (max-width: 1750px) { #top_menu .container {width:85%!important;} #top_menu.header0 .container {width:80%!important;margin-left:15%;} #top_menu.fixed .container {width:80%!important;margin-left:19%;} #site_container #top_menu_container .container {padding-left: 5px!important;padding-right: 5px!important;} } @media (min-width: 2009px) { #top_menu.header0 .container {width:80%!important;margin-left:auto;} } hr {color: rgba(185, 111, 38, 0.6);height: 1px;border: 1px solid rgba(185, 111, 38, 0.6);background-color: rgba(185, 111, 38, 0.6)} hr.hr-variant-1 {width: 118px;} hr.hr-variant-2 {width: 78px;} hr.xs-hidden {display: none;} @media (min-width: 580px) { hr.xs-hidden { display: block; } } h6, .heading-6 { font: 300 12px/1.5 Roboto, sans-serif; letter-spacing: 0.05em; } @media (min-width: 768px) { h6, .heading-6 { font-size: 14px; } } @media (min-width: 1600px) { h6, .heading-6 { font-size: 18px; line-height: 30px; } } h6, .heading-6 { color: #21366c; line-height: 1; text-transform: uppercase; } .bg-img h2, .bg-img h3, .bg-img h4, .bg-img h5, .bg-img h6 { color: #ffffff; } .photohover .photo__cnt, .photohover .photo__cnt-2, .photohover-2 .photo__cnt, .photohover-2 .photo__cnt-2 { position: absolute; left: 0; right: 0; margin: 0; padding: 0 30px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .photohover .photo__cnt h6, .photohover .photo__cnt hr, .photohover .photo__cnt-2 h6, .photohover .photo__cnt-2 hr, .photohover-2 .photo__cnt h6, .photohover-2 .photo__cnt hr, .photohover-2 .photo__cnt-2 h6, .photohover-2 .photo__cnt-2 hr { display: none; } @media (min-width: 480px) { .photohover .photo__cnt h6, .photohover .photo__cnt hr, .photohover .photo__cnt-2 h6, .photohover .photo__cnt-2 hr, .photohover-2 .photo__cnt h6, .photohover-2 .photo__cnt hr, .photohover-2 .photo__cnt-2 h6, .photohover-2 .photo__cnt-2 hr { display: block; } } .photohover .photo__cnt * + .btn, .photohover .photo__cnt-2 * + .btn, .photohover-2 .photo__cnt * + .btn, .photohover-2 .photo__cnt-2 * + .btn { margin-top: 35px; } @media (min-width: 480px) { .photohover .photo__cnt * + .btn, .photohover .photo__cnt-2 * + .btn, .photohover-2 .photo__cnt * + .btn, .photohover-2 .photo__cnt-2 * + .btn { margin-top: 15px; } } @media (min-width: 992px) { .photohover .photo__cnt * + .btn, .photohover .photo__cnt-2 * + .btn, .photohover-2 .photo__cnt * + .btn, .photohover-2 .photo__cnt-2 * + .btn { margin-top: 25px; } } @media (min-width: 1600px) { .photohover .photo__cnt * + .btn, .photohover .photo__cnt-2 * + .btn, .photohover-2 .photo__cnt * + .btn, .photohover-2 .photo__cnt-2 * + .btn { margin-top: 52px; } } @media (min-width: 1200px) { .photohover .photo__cnt, .photohover .photo__cnt-2, .photohover-2 .photo__cnt, .photohover-2 .photo__cnt-2 { position: absolute; padding: 0 50px; transition: 1s; top: 75%; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); left: 0; right: 0; } .photohover .photo__cnt h6, .photohover .photo__cnt a, .photohover .photo__cnt hr, .photohover .photo__cnt-2 h6, .photohover .photo__cnt-2 hr, .photohover-2 .photo__cnt h6, .photohover-2 .photo__cnt hr, .photohover-2 .photo__cnt-2 h6, .photohover-2 .photo__cnt-2 hr { opacity: 0; transition: .8s; } } .photohover .photo__cnt-2, .photohover-2 .photo__cnt-2 { z-index: 2; } @media (min-width: 1200px) { .photohover .photo__cnt-2, .photohover-2 .photo__cnt-2 { top: 77%; } } .photohover .photo__cnt-2 h3, .photohover-2 .photo__cnt-2 h3 { color: #ffffff; } .photohover:hover img { opacity:0.85; } .photohover:hover {background-color:rgba(58, 53, 22, 0.1);} .photohover:hover .photo__cnt h6, .photohover:hover .photo__cnt hr, .photohover:hover .photo__cnt a, .photohover:hover .photo__cnt-2 h6, .photohover:hover .photo__cnt-2 hr, .photohover:hover .photo__cnt-2 a, .photohover-2:hover .photo__cnt h6, .photohover-2:hover .photo__cnt hr, .photohover-2:hover .photo__cnt a, .photohover-2:hover .photo__cnt-2 h6, .photohover-2:hover .photo__cnt-2 hr, .photohover-2:hover .photo__cnt-2 a { opacity: 1; transition: .8s; } @media (min-width: 992px) { .photohover:hover .photo__cnt, .photohover:hover .photo__cnt-2, .photohover-2:hover .photo__cnt, .photohover-2:hover .photo__cnt-2 { top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .photohover-2 img { width: 100%; transition: .7s; } .photohover-2:before { background: rgba(119, 89, 59, 0.5); z-index: 1; } .photohover-2:hover img { transform: scale(1.1); }