html,
body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
vertical-align: baseline;
font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
padding:0px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
strong, b { font-weight:bold; }
fieldset { background-color: transparent; border:none; }
img {
height:auto;
max-width:100%;
}
blockquote {
border-left: 5px solid #eee;
font-size: inherit;
margin: 10px 0 0 0;
padding: 10px 20px;
background: #fff;
}
p {
line-height:165%;
}
/* Common */
#menu-1 ul {
float:left;
list-style:none;
display:block;
padding:0px;
}
#menu-1 li {
float:left;
list-style:none;
}
#menu-1 li a {
padding:0px 15px;
display:block;
}
#menu-1 ul ul {
display:block;
float:left;
height: 0;
opacity: 0;
overflow:hidden;
transition: opacity 0.4s ease-out;
-webkit-transition: opacity 0.4s ease-out;
}
#menu-1 ul li.parent:hover ul {
opacity: 1;
height: auto;
}
/* Level 1 */
#menu-1 ul.lev-1 {
width:100%;
background-color: #555;
position: relative;
}
#menu-1 ul.lev-1 > li {
border-right: 1px solid rgba(0,0,0,0.2);
border-left: 1px solid rgba(255,255,255,0.2);
}
#menu-1 ul.lev-1 > li.first {
border-left:none;
}
#menu-1 ul.lev-1 > li:last-child {
box-shadow:1px 0px 0px 0px rgba(255,255,255,0.2);
}
#menu-1 ul.lev-1 > li > div >a {
line-height:45px;
color: #fff;
}
#menu-1 ul.lev-1 > li:hover > div.item-inner > a {
color: yellow;
}
/* Level 2 */
#menu-1 ul.lev-2 {
position:absolute;
}
#menu-1 ul.lev-2 > li {
clear:both;
}
#menu-1 ul.lev-2 > li > div.item-inner > a {
line-height:110%;
margin-top:5px;
margin-bottom:5px;
color: white;
}
#menu-1 ul.lev-2 > li:hover > div.item-inner > a {
color: yellow;
}
/* Level 2 Group */
#menu-1 ul.lev-2.group {
padding:0px;
width:100%;
position:absolute;
background-color: #777;
}
#menu-1 ul.lev-2.group > li {
clear:none;
}
#menu-1 ul.lev-2.group > li > div.item-inner {
padding-left:5px;
}
#menu-1 ul.lev-2.group > li.last > div.item-inner {
padding-right:5px;
}
#menu-1 ul.lev-2.group > li > div.item-inner > a {
font-weight:bold;
text-transform:uppercase;
border-bottom:5px solid #999;
margin:0 0 7px 0;
padding-top:6px;
padding-bottom:6px;
line-height:120%;
}
/* Level 3 (always under grouped 2nd level) */
#menu-1 ul.lev-3 {
position:static;
background-color: transparent;
padding-bottom:10px;
}
#menu-1 ul.lev-3 > li {
clear:both;
}
#menu-1 ul.lev-3 > li > div.item-inner > a {
line-height:110%;
margin-top:5px;
margin-bottom:5px;
color: white;
}
#menu-1 ul.lev-3 > li:hover > div.item-inner > a {
color: yellow;
}
#form-search-temp fieldset {
margin-bottom:10px;
}
#form-search-temp legend {
font-weight:bold;
padding:0px 5px 5px 5px;
}
#form-search-temp div.fieldset-inner {
padding:10px;
margin:0px 2px;
border:1px solid #ccc;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: #fff;
}
#form-search-temp div.field-wrap-inner {
padding:3px;
}
#form-search-temp input {
margin:0px;
}
#form-search-temp input[type=checkbox] { margin-left:4px; margin-right:4px; }
#form-search-temp input[type=radio] { margin-left:4px; }
#form-search-temp input[type=text],
#form-search-temp textarea,
#form-search-temp select {
padding:6px 10px;
border:1px solid #ddd;
color: #000;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
font-family: inherit;
box-shadow:3px 3px 3px 0px rgba(0,0,0,0.04) inset;
-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.04) inset;
color: #666;
}
#form-search-temp input[type=text].focus,
#form-search-temp textarea.focus,
#form-search-temp select.focus {
-webkit-box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
}
#form-search-temp input[type=text],
#form-search-temp select {
height:32px;
}
#form-search-temp select option {
padding:3px 5px;
}
#form-search-temp input[type=submit] {
font-weight:bold;
padding: 6px 10px;
color: #fff;
background-color: #444;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
cursor:pointer;
width:auto;
}
#form-search-temp input[type=submit]:hover {
opacity:0.7;
}
#form-search-temp div.field-wrap.button {
border-top:1px solid #ddd;
padding-top:5px;
text-align:center;
}
#form-search-temp input[type=checkbox] {
float: left;
width: auto;
}
#form-search-temp input[type=text].active,
#form-search-temp textarea.active,
#form-search-temp select,
#form-search-temp select option {
font-style:normal;
font-size:12px;
color: #000;
}
#form-search-temp select option.prompt {
font-style:italic;
font-size:11px;
color: #666;
}
#form-search-temp select {
width:100%;
}
.description {
font-weight:bold;
}
#form-search-temp div.checkbox-wrap, div.radio-wrap {
float:left;
}
#form-search-temp div.checkbox-group.ver div.checkbox-wrap,
#form-search-temp div.radio-group.ver div.radio-wrap {
clear:both;
}
#form-search-temp div.select-group {
position:relative;
}
#form-search-temp div.radio-group span.req,
#form-search-temp div.checkbox-group span.req { left:-4px; top:4px; }
#form-search-temp div.select-group span.req { left:4px; top:4px; }
#form-search-temp div.checkbox-group {
padding-bottom: 20px;
}
#form-search-temp div.checkbox-group:after {
clear: both;
}
#form-search-temp div.form-error {
position:absolute;
top:100%;
width:auto;
background:url(../../../images/layout/_default_error.png) 10px top no-repeat transparent;
padding-top:5px;
z-index:1000;
cursor:pointer;
}
#form-search-temp div.form-error-inner {
background-color: #F9AE00;
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border:1px solid #FFC200;
color: white;
font-size:12px;
padding:3px 5px;
}
#form-search-temp div.form-has-errors {
background-color: #F9AE00;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border:1px solid #FFC200;
color: white;
padding:10px 15px 5px 15px;
margin-bottom:10px;
}
#form-search-temp div.form-has-errors h2,
#form-search-temp div.form-has-errors p {
color: #fff;
margin-top:0px;
}
#form-search-temp div.form-has-errors h2 {
font-weight: bold;
}
@media screen and (max-width: 640px) {
#form-search-temp fieldset.fcol { width:100% !important; }
#form-search-temp fieldset div.field-wrap.fcol { width:100% !important; }
}
#form-yhteydenotto fieldset {
margin-bottom:10px;
}
#form-yhteydenotto legend {
font-weight:bold;
font-size:17px;
padding:0px 5px 5px 5px;
margin-bottom:5px;
}
#form-yhteydenotto form > fieldset {
margin-top:15px;
}
#form-yhteydenotto div.fieldset-inner {
padding:10px;
margin:0px 2px;
border:1px solid #ccc;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
background-color: transparent !important;
}
#form-yhteydenotto div.field-wrap-inner {
padding:3px;
}
#form-yhteydenotto input {
margin:0px;
}
#form-yhteydenotto input[type=checkbox] { margin-left:4px; margin-right:4px; }
#form-yhteydenotto input[type=radio] { margin-left:4px; }
#form-yhteydenotto input[type=text],
#form-yhteydenotto textarea,
#form-yhteydenotto select {
padding:6px 10px;
border:1px solid #ddd;
color: #000;
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
font-family: inherit;
box-shadow:3px 3px 3px 0px rgba(0,0,0,0.04) inset;
-webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.04) inset;
font-style:italic;
font-size:11px;
color: #666;
}
#form-yhteydenotto input[type=text].focus,
#form-yhteydenotto textarea.focus,
#form-yhteydenotto select.focus {
-webkit-box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
}
#form-yhteydenotto input[type=text],
#form-yhteydenotto select {
height:32px;
}
#form-yhteydenotto select option {
padding:3px 5px;
}
#form-yhteydenotto input[type=submit] {
font-weight:bold;
padding: 6px 10px;
color: #fff;
background-color: #444;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
cursor:pointer;
width:auto;
}
#form-yhteydenotto input[type=submit]:hover {
opacity:0.7;
}
#form-yhteydenotto div.field-wrap.button {
border-top:1px solid #ddd;
padding-top:5px;
text-align:center;
}
#form-yhteydenotto input[type=checkbox] {
float: left;
width: auto;
}
#form-yhteydenotto input[type=text].active,
#form-yhteydenotto textarea.active,
#form-yhteydenotto select,
#form-yhteydenotto select option {
font-style:normal;
font-size:12px;
color: #000;
}
#form-yhteydenotto select option.prompt {
font-style:italic;
font-size:11px;
color: #666;
}
#form-yhteydenotto select {
width:100%;
}
.description {
font-weight:bold;
}
#form-yhteydenotto div.checkbox-wrap, div.radio-wrap {
float:left;
}
#form-yhteydenotto div.checkbox-group.ver div.checkbox-wrap,
#form-yhteydenotto div.radio-group.ver div.radio-wrap {
clear:both;
}
#form-yhteydenotto div.select-group {
position:relative;
}
#form-yhteydenotto div.radio-group span.req,
#form-yhteydenotto div.checkbox-group span.req { left:-4px; top:4px; }
#form-yhteydenotto div.select-group span.req { left:4px; top:4px; }
#form-yhteydenotto div.checkbox-group {
padding-bottom: 20px;
}
#form-yhteydenotto div.checkbox-group:after {
clear: both;
}
#form-yhteydenotto div.form-error {
position:absolute;
top:100%;
width:auto;
background:url(../../../images/layout/_default_error.png) 10px top no-repeat transparent;
padding-top:5px;
z-index:1000;
cursor:pointer;
}
#form-yhteydenotto div.form-error-inner {
background-color: #F9AE00;
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border:1px solid #FFC200;
color: white;
font-size:12px;
padding:3px 5px;
}
#form-yhteydenotto div.form-has-errors {
background-color: #F9AE00;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
border:1px solid #FFC200;
color: white;
padding:10px 15px 5px 15px;
margin-bottom:10px;
}
#form-yhteydenotto div.form-has-errors h2,
#form-yhteydenotto div.form-has-errors p {
color: #fff;
margin-top:0px;
}
#form-yhteydenotto div.form-has-errors h2 {
font-weight: bold;
}
@media screen and (max-width: 640px) {
#form-yhteydenotto fieldset.fcol { width:100% !important; }
#form-yhteydenotto fieldset div.field-wrap.fcol { width:100% !important; }
}
#bottom3b div.image-padding {
padding:3px;
}
#bottom3b div.image {
position:relative;
}
#bottom3b div.caption {
position:absolute;
bottom:0px;
width:94%;
display:block;
background-color: rgba(0,0,0,0.6);
color:white;
text-align:center;
padding:5px 3%;
line-height:110%;
font-size:11px;
max-height:20%;
overflow:hidden;
}
#swipebox-caption {
line-height:120% !important;
padding-top:10px !important;
padding-bottom:10px !important;
}
#slider-overlay-right {font-size: 20px; color: #fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);line-height: 130%; }
#slider-overlay-right div.viewport {
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
background: #fff;
}
#slider-overlay-right div.slider {
}
#slider-overlay-right div.slider.text {
width:100%;
height:auto;
bottom:0;
left:0;
background-color: rgba(0,0,0,0.4);
text-align:center;
}
#slider-overlay-right div.slider.text div.inner {
padding:10px 20px;
}
#slider-overlay-right div.viewport {
width:100%;
height:auto;
position:relative;
}
#slider-overlay-right div.viewport div.slider.image {
width:100%;
padding-bottom:10%;
position:absolute;
top:0;
left:0;
}
#slider-overlay-right div.viewport div.slider.text {
position:absolute;
overflow:hidden;
}
body {
margin:0;
font: 14px "Montserrat", "Open Sans", Arial, Helvetica, Verdana, sans-serif;
background: #fff;
color: #555;
-webkit-font-smoothing: antialiased;
}
.block.edit-hover {
box-shadow:0 0 10px 0px rgba(0,0,255, 0.8);
}
.wrap-inner {
max-width: 1200px;
width: 96.8%;
margin: 0 auto;
}
div.content {
position:relative;
}
div.col {
float:left;
}
.clear {
clear:both;
height: 0px;
overflow: hidden;
}
a,
a:visited {
color: #84136f;
text-decoration:none;
-webkit-transition: color 250ms ease-in-out;
-moz-transition: color 250ms ease-in-out;
-ms-transition: color 250ms ease-in-out;
-o-transition: color 250ms ease-in-out;
transition: color 250ms ease-in-out;
font-weight: inherit;
}
a:hover {
color: #111;
text-decoration:underline;
}
a.btn1 {
width:100%;
padding: 10px 10px;
display: inline-block;
background: #346bae;
border-radius: 5px;
text-align:center;
color: #fff;
margin-top:10px;
font-weight: 700;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
a:hover.btn1 {
background: #84136f;
color: #fff;
text-decoration: none;
}
a.btn1 i.fa {
margin-left: 8px;
}
a.btn2 {
font-weight: bold;
letter-spacing: 0.1em;
padding: 11px 18px;
color: #666;
display: inline-block;
line-height: 20px;
background: #000;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
border: 2px solid #fff;
text-transform: uppercase;
}
a.btn2:hover {
background: #f5f5f5;
text-decoration: none;
}
a.btn3 {
display: block;
width: 100%;
padding: 14px 20px;
margin-top:20px;
color: #f7f7f7;
font-size: 14px;
font-family: "Montserrat", sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #6dab3c;
border: 1px solid #6dab3c;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.01) 100%);
background-repeat: repeat-x;
word-wrap: break-word;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
a.btn3 i.fa {margin-right:15px;font-size: 16px; }
a.btn3:hover {
color: #f7f7f7;
background-color: #5f9434;
border-color: #5f9434;
text-decoration: none;
}
a.btn4 {
padding: 10px 20px;
display: inline-block;
background: #f4524d;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
text-align:center;
color: #f7f7f7;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
font-family: "Montserrat", sans-serif;
}
a:hover.btn4 {
background: #f23630;
color: #f7f7f7;
text-decoration: none;
}
fieldset { padding: 0; margin: 0; border:none; }
div.field-wrap { margin-bottom: 8px; }
div.select-group span.req {
left: 4px;
top: 31px;
}
.checkbox-wrap input {
margin-top:5px !important;
margin-right:10px !important;
width: auto !important;
}
.radio-wrap {
margin-right: 8px;
}
.radio-wrap input {
width: auto !important;
}
.checkbox-wrap { margin-bottom: 10px; }
.checkbox-group { padding-bottom: 0 !important; }
p { margin-bottom: 1em; line-height: 1.8; }
p:last-child { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Montserrat", sans-serif;color: #111; line-height: 1.2; font-weight: 600; margin-bottom: 0.5em; }
h1 { font-size: 32px; position: relative; }
h2 { font-size: 24px; }
h3 { font-size: 18px;color: #84136f; }
h4 { font-size: 16px;color: #024f61; }
h5 { font-size: 15px; }
h6 { font-size: 12px;color: #024f61; }
h1 {background: #4b4b4d;color: #fff; padding: 15px 20px 15px 30px; margin-top: 10px; }
h1:before {
content: " ";
display: block;
width: 5px;
background: #84136f;
bottom: 15px;
top: 15px;
left: 15px;
position: absolute;
float: left;
}
ul li { list-style: disc; margin-bottom: 8px; }
ul li ul li { list-style: circle outside none; }
ol li { list-style: decimal outside none; }
ul,
ol { padding-left:25px; margin-bottom: 10px; }
div.item-page > div.content ol li,
div.blog > div.content ol li { margin-bottom: 8px; }
/*
ul li { padding: 0; margin: 0; padding-left: 1em; list-style: none !important; position: relative; }
ul li:before {
content: "\f054";
font-family: FontAwesome;
font-style:font-weight:normal;al;
font-weight:font-weight:normal;al;
text-decoration: inherit;
color: #004e61;
font-size: 12px;
position: absolute;
top: 3px;
left: 0;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
*/
div.item-page > div.content ul li ul li,
div.blog > div.content ul li ul li { list-style: circle; margin-bottom: 8px; }
table { width:100%; }
table th,
table td { padding:2px 5px; }
hr {
clear: both;
border: none;
height: 1px;
background: #ccc;
margin: 20px 0;
}
div.item-page { width: 100%; }
div.item-page > div.content,
div.blog > div.content {
padding: 10px 0 20px 0;
}
/*div.tooltip { display: none !important; }*/
ul.sbmenu { padding: 0; margin: 15px 0 0 0; }
ul.sbmenu li { padding: 0; margin: 0; padding-left: 0.5em; list-style: none; position: relative; }
ul.sbmenu li:before {
content: "\f054";
font-family: FontAwesome;
font-style:font-weight:normal;al;
font-weight:font-weight:normal;al;
text-decoration: inherit;
color: #004e61;
font-size: 12px;
position: absolute;
top: 8px;
left: 0;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
ul.sbmenu li a {color: #111; display: block; width: 100%; padding: 5px 10px; font-weight: bold; }
ul.sbmenu li a:hover {color: #84136f; text-decoration: none; }
ul.sbmenu li ul { padding: 0; margin: 0;margin-left:12px; }
ul.sbmenu li ul li a {color: #666; display: block; width: 100%; padding: 3px 8px; font-weight: 400; }
ul.sbmenu li ul li a:hover {color: #84136f; text-decoration: none; }
ul.sbmenu li ul li:before {
content: "\f0da";
font-family: FontAwesome;
font-style:font-weight:normal;al;
font-weight:font-weight:normal;al;
text-decoration: inherit;
color: #999;
font-size: 12px;
position: absolute;
top: 6px;
left: 0;
}
ul.sbmenu li:hover:before { left: 3px; }
input[type=text],
textarea,
select {
border: none;
color: #555;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
font-family: inherit;
box-shadow: none;
font-size:inherit;
padding: 8px 15px;
background: #eee;
min-height: 38px;
height: auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style:font-weight:normal;al !important;
}
{ background-color:transparent; background:none; }
#row-header {
background-color: #84136f;
}
#row-menu {
background-color: #84136f;
}
#row-topbar > div { padding: 5px 0px 5px 0px; }
#row-topbar { border-bottom: 1px dotted #ccc;font-size: 12px;color: #777;line-height: 12px; }
#row-topbar ul {padding:0px;margin:0px; }
#row-topbar ul li {line-height: 26px; list-style: none; float: left;padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px solid #ccc; }
#row-topbar ul li:last-child {padding-right:0px;margin-right:0px; border-right: none; }
#row-topbar ul li:before { display: none !important; }
#row-topbar ul li .fa {margin-right:10px;color: #84136f; }
#row-topbar a {color: #888; }
#row-topbar a:active,
#row-topbar a:hover {color: #84136f; }
#row-header > div { padding: 0px 0px 0px 0px; }
#row-menu > div { padding: 0px 0px 0px 0px; }
#row-menu { position: relative; z-index: 9999; -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.10); box-shadow: 0 5px 0 0 rgba(0,0,0,0.10); border-top: 1px dotted #ccc; }
#row-slider > div { padding: 0px 0px 0px 0px; }
#row-slider { /* -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.10); box-shadow: 0 5px 0 0 rgba(0,0,0,0.10); */ position: relative; }
#row-slider > div.wrap-inner { max-width: 100%; width: 100%; }
#row-search > div { padding: 0px 0px 30px 0px; }
#row-search {
background: #eee url(../../../images/layout/bg-city.png) no-repeat bottom center;
background-size: cover;
border-bottom: 5px solid #d77072;
}
#row-home > div { padding: 0px 0px 0px 0px; }
#row-myynti > div { padding: 30px 0px 30px 0px; }
#row-myynti {background: #eee; }
#row-home, #row-content {
background: url(../../../images/bg.jpg) center top no-repeat;
background-size: cover;
}
body.body-body #row-content { }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.logo-wrap {
width:25%;
float:left;
}
div.menu-wrap {
width:75%;
float:left;
}
#row-myynti > div.wrap-inner { }
#row-myynti > div.wrap-inner > div.col { }
#row-myynti > div.wrap-inner > div.col > div.content { }
#row-myynti > div.wrap-inner > div.col > div.content > div.block {background: #fff;font-size: 12px; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block > div.content {padding:10px; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block h3 {font-size: 16px;background: #84136f;color: #fff; display: block; margin: -10px;margin-top:10px; padding: 8px 15px; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block h4 {font-size: 14px; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block p {}
#row-myynti > div.wrap-inner > div.col > div.content > div.block p:first-child {padding:0px; margin: -10px; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block img { width: 100%; }
#row-myynti > div.wrap-inner > div.col > div.content > div.block a.btn1 {}
#row-vuokraus > div { padding: 30px 0px 30px 0px; }
#row-vuokraus {background: #ffffff; }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#row-vuokraus > div.wrap-inner { }
#row-vuokraus > div.wrap-inner > div.col { }
#row-vuokraus > div.wrap-inner > div.col > div.content { }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block {background: #eee;font-size: 12px; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block > div.content {padding:10px; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block h3 {font-size: 16px;background: #84136f;color: #fff; display: block; margin: -10px;margin-top:10px; padding: 8px 15px; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block h4 {font-size: 14px; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block p {}
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block p:first-child {padding:0px; margin: -10px; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block img { width: 100%; }
#row-vuokraus > div.wrap-inner > div.col > div.content > div.block a.btn1 {}
#row-content > div { padding: 0px 0px 0px 0px; }
#row-bottom > div { padding: 10px 0px 20px 0px; }
#row-bottom { background: #4b4b4d; box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.1) inset;color: #fff; }
#row-bottom h3 { position: relative; margin: 15px 0; padding-left: 1.3em;font-size: 19px; text-transform: uppercase;color: #fff; font-weight: bold; }
#row-bottom h3:before {
content: "\f054";
font-family: FontAwesome;
font-style:font-weight:normal;al;
font-weight:font-weight:normal;al;
text-decoration: inherit;
color: #84136f;
font-size: 17px;
position: absolute;
top: 3px;
left: 0;
}
#row-bottom a.btn1 {
background: transparent;
border: 1px solid #fff;
color: #fff;
padding: 5px 10px;
}
#row-bottom a.btn1:hover {
background: #fff;
color: #84136f;
}
#row-bottom a,
#row-bottom a:hover {color: #fff; }
#row-footer > div { padding: 20px 0px 20px 0px; }
#row-footer {
background-color: #84136f;
border-top: 1px solid #9D0889; }
#menu-1 { width: 100%; ;}
#menu-1 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#menu-1 ul.lev-1 > li > div.item-inner > a,
#menu-1 ul.lev-2 > li > div.item-inner > a,
#menu-1 ul.lev-3 > li > div.item-inner > a { color: #fff; }
#menu-1 ul.lev-1 > li:hover > div.item-inner > a,
#menu-1 ul.lev-2 > li:hover > div.item-inner > a,
#menu-1 ul.lev-3 > li:hover > div.item-inner > a {
color: #fff;
}
#menu-1 ul.lev-1 > li:hover > div.item-inner > a {
color: #fff;
background-color:#991582 !important;
}
#menu-1 div.wrap-inner {
max-width: 100%;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
z-index:10000;
box-shadow: none;
padding-right:30px;
}
#menu-1 ul {
padding: 0;
margin: 0;
}
#menu-1 ul li {
list-style: none !important;
margin-left:5px;
}
#menu-1 ul li:before { display: none !important; }
#menu-1 ul li:first-child {margin-left:0px; }
#menu-1 ul li:first-child a {
padding-left:0px;
}
#menu-1 ul li:last-child a {
padding-right:0px;
}
#menu-1 ul.lev-1 li:last-child {
box-shadow: none;
}
#menu-1 ul.lev-1 {
width: auto;
margin: 0;
padding: 0 0 0 0px;
border: none;
background: transparent;
float:right;
}
#menu-1 ul.lev-1 > li {
border-left: none;
border-right: none;
padding: 0;
margin-bottom: 0;
}
#menu-1 ul.lev-1 > li > div > a {
font-size: 14px;
color: #888;
line-height: 15px;
border: 1px solid transparent;
padding: 48px 15px;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
#menu-1 ul.lev-1 > li.parent > div > a {border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; }
#menu-1 ul.lev-1 > li.active > div > a,
#menu-1 ul.lev-1 > li.parent > div:hover > a,
#menu-1 ul.lev-1 > li > div > a:hover,
#menu-1 ul.lev-1 > li > div > a.active {
color: #84136f;
text-decoration: none;
}
#menu-1 ul.lev-1 > li > div > a:hover,
#menu-1 ul.lev-1 > li.parent > div:hover > a {
border: 1px solid #84136f;
}
#menu-1 ul.lev-1 > li.active > div > a,
#menu-1 ul.lev-1 > li.parent > div:hover > a,
#menu-1 ul.lev-1 > li > div > a.active,
#menu-1 ul.lev-1 > li.active > div > a:hover {
border: 1px solid #84136f;
background: #84136f;
color: #fff !important;
}
#menu-1 ul.lev-2 {
z-index:10000;
background: #84136f;
color: #fff;
display: block;
min-width: 148px;
border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
#menu-1 ul.lev-2 > li {
border-left: none;
border-right: none;
padding: 0;
list-style: none;
margin:0px;
display: block;
width: 100%;
}
#menu-1 ul.lev-2 > li > div > a {
font-size: 14px;
color: #fff !important;
line-height:font-weight:normal;al;
text-transform: none;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
margin-left:0px; !important;
padding: 5px 15px;
display: block;
}
#menu-1 ul.lev-2 > li.active > div > a,
#menu-1 ul.lev-2 > li.parent > div:hover > a,
#menu-1 ul.lev-2 > li > div > a:hover,
#menu-1 ul.lev-2 > li > div > a.active {
color: #84136f !important;
background: #fff;
text-decoration: none;
}
#menu-1 ul.lev-3,
#menu-1 ul.lev-4,
#menu-1 ul.lev-5 { display: none; }
#col-topbar { width: 100%; ;}
#col-topbar > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#topleft { width: 100%; ;}
#topleft > div { padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#topright { width: 12.26%; ;}
#topright > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#topright { margin-left: 1.6%;text-align:right;line-height: 0px; }
#topright img { max-height: 20px;margin-left:5px; }
#col-logo { width: 100%; ;}
#col-logo > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#logo { width: 100%; ;}
#logo > div { padding: 20px 0px 20px 0px; margin: 0px 0px 0px 0px; }
#logo img {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
#col-menu { width: 100%; ;}
#col-menu > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-slider { width: 100%; ;}
#col-slider > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-headerimg { width: 100%; ;}
#col-headerimg > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-headerimg {line-height: 0px; max-height: 240px; overflow: hidden; }
#col-headerimg p {margin:0px;padding:0px;line-height: 0px; }
body.yhteystiedot #col-headerimg{max-height: 560px}
#col-headerimg img { width: 100%; auto; }
#header-temp { width: 100%; ;}
#header-temp > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header-temp { width: 100%; ;}
#header-temp > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header-palvelut { width: 100%; ;}
#header-palvelut > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-search { width: 100%; ;}
#col-search > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-home-left { width: 66.13%; ;}
#col-home-left > div { padding: 0px 0px 30px 0px; margin: 0px 0px 0px 0px; }
#col-home-left ul li { list-style: circle; }
#col-home-left h2 { position: relative; }
#col-home-left h2:before {
content: " ";
display: block;
width: 5px;
background: #84136f;
bottom: 15px;
top: 15px;
left: 15px;
position: absolute;
float: left;
}
#home-featured { width: 100%; ;}
#home-featured > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#home-featured h2 {background: #4b4b4d;color: #fff; padding: 15px 20px 15px 30px; margin-top: 18px; margin-bottom: -14px; }
#home-featured p:first-child {margin-top:0px;padding-top:0px; }
#home-featured img { border-bottom: 3px solid #84136f; }
#home-rent { width: 100%; ;}
#home-rent > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.premises:before,
.premises:after { content:""; display:table; }
.premises:after { clear:both;}
.premises{ zoom:1; /* For IE 6/7 */ }
#home-rent div.col { width: 32.26%; margin-left: 1.6%; }
#home-rent div.col:first-child { margin-left: 0 !important; }
#home-rent div.col img { width: 100%; border-bottom: 3px solid #4b4b4d; }
#home-rent h2 {background: #4b4b4d;color: #fff; padding: 15px 20px 15px 30px; margin-top: 18px; margin-bottom: -14px; }
#home-rent h2 > span { float: right; }
#home-rent h2 a.btn1 { border: 1px solid #fff;color: #fff;background: transparent;font-size: 14px; }
#home-rent h2 a.btn1:hover {color: #84136f;background: #fff; }
#home-rent h4 {background: #4b4b4d;color: #fff; padding: 8px 12px; margin-top: 30px; margin-bottom: 0; }
#home-rent div.col p:first-child {margin-top:0px;padding-top:0px; }
#home-rent ul { min-height: 80px;padding-left:13px; }
#home-sale { width: 100%; ;}
#home-sale > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.premises:before,
.premises:after { content:""; display:table; }
.premises:after { clear:both;}
.premises{ zoom:1; /* For IE 6/7 */ }
#home-sale div.col { width: 32.26%; margin-left: 1.6%; }
#home-sale div.col:first-child { margin-left: 0 !important; }
#home-sale div.col img { width: 100%; border-bottom: 3px solid #4b4b4d; }
#home-sale h2 {background: #4b4b4d;color: #fff; padding: 15px 20px 15px 30px; margin-top: 18px; margin-bottom: -14px; }
#home-sale h2 > span { float: right; }
#home-sale h2 a.btn1 { border: 1px solid #fff;color: #fff;background: transparent;font-size: 14px; }
#home-sale h2 a.btn1:hover {color: #84136f;background: #fff; }
#home-sale h4 {background: #4b4b4d;color: #fff; padding: 8px 12px; margin-top: 30px; margin-bottom: 0; }
#home-sale div.col p:first-child {margin-top:0px;padding-top:0px; }
#home-sale ul { min-height: 80px;padding-left:13px; }
#col-home-right { width: 32.26%; ;}
#col-home-right > div { padding: 0px 0px 30px 0px; margin: 0px 0px 0px 0px; }
#col-home-right { margin-left: 1.6%; }
#col-home-right > div.content { padding: 0 0 20px 15px; border-left: 1px solid #ccc; }
#col-home-right h3 {
color: #444;
padding: 0px;
margin-bottom: 0;
margin-top:10px;
padding-bottom:20px;
}
#col-home-right h4 {font-size: 14px; }
#sivuvalikko-etusivu { width: 100%; ;}
#sivuvalikko-etusivu > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-myynti { width: 100%; ;}
#col-myynti > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#myynti1 { width: 23.8%; ;}
#myynti1 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#myynti2 { width: 23.8%; ;}
#myynti2 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#myynti2 { margin-left: 1.6%; }
#myynti3 { width: 23.8%; ;}
#myynti3 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#myynti3 { margin-left: 1.6%; }
#myynti4 { width: 23.8%; ;}
#myynti4 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#myynti4 { margin-left: 1.6%; }
#col-vuokraus { width: 100%; ;}
#col-vuokraus > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-sidebar-left { width: 25%; ;}
#col-sidebar-left > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-sidebar-left { margin-right: 1.6%; }
/*#col-sidebar-left > div.content { padding: 0 15px 20px 0; border-right: 1px solid #ccc; }*/
#col-sidebar-left > div.content { padding: 0 15px; border-right: 1px solid #ccc; }
#col-sidebar-left h3 {
background: #84136f;
color: #fff;
padding: 8px 12px;
margin-left:-10px;
margin-right: -5px;
}
#sivuvalikko-temp { width: 100%; ;}
#sivuvalikko-temp > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#sivuvalikko-palvelut { width: 100%; ;}
#sivuvalikko-palvelut > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#sivuvalikko-yhteystiedot { width: 100%;
}
#sivuvalikko-yhteystiedot > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-content { width: 72%; ;}
#col-content > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.checkbox-wrap input {margin:0px; !important;padding:0px; !important; }
.checkbox-wrap {margin:0px; width: 23.8%; min-height: 28px; margin-left: 1.6%; }
#form-yhteydenotto { width: 100%; ;}
#form-yhteydenotto > div { padding: 0px 0px 20px 0px; margin: -5px 0px 0px 0px; min-height:400px; }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#form-yhteydenotto div.fieldset-inner {
border:none;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
background-color: #fff;
padding:0px;
margin:0px;
}
#form-yhteydenotto input[type=text],
#form-yhteydenotto textarea,
#form-yhteydenotto select{
border: none;
color: #555;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
font-family: inherit;
box-shadow: none;
font-size:inherit;
padding: 8px 15px;
background: #fff;
min-height: 38px;
height: auto;
border:1px solid #ccc;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-style: font-weight:normal !important;
}
#form-yhteydenotto span.req {
left: 15px !important;
top: 10px;
}
#form-yhteydenotto input[type=submit] {
font-weight:bold;
padding: 6px 10px;
color: #84136f;
background-color: #fff;
border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
border: 1px solid #84136f;
cursor:pointer;
width:auto;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#form-yhteydenotto input[type=submit]:hover {
opacity:1;
background: #84136f;
color: #fff;
}
.checkbox-wrap input {margin:0px; !important;padding:0px; !important; }
.checkbox-wrap {margin:0px; width: 23.8%; min-height: 28px; margin-left: 1.6%; }
#form-yhteydenotto div.checkbox-group .checkbox-wrap:first-child,
#form-yhteydenotto div.checkbox-group .checkbox-wrap:nth-child(5),
#form-yhteydenotto div.checkbox-group .checkbox-wrap:nth-child(9) { margin-left: 0 !important; }
#form-yhteydenotto input[type="checkbox"] {margin:0px; margin-right: 10px !important; margin-top: 3px !important; }
#form-yhteydenotto div.radio-group span.req,
#form-yhteydenotto div.checkbox-group span.req { left: 0 !important; }
#form-yhteydenotto fieldset { margin:0; padding:0; border:none; float:left; }
#form-yhteydenotto div.field-wrap { float:left; }
#form-yhteydenotto div.field-wrap-inner { position:relative; }
#form-yhteydenotto div.field-wrap.full { width:100%; }
#form-yhteydenotto div.fieldset-inner { margin-bottom:5px; }
#form-yhteydenotto input, textarea { width:100%; }
#form-yhteydenotto div.clear { clear:both; }
#form-yhteydenotto div.field-wrap.button { width:100%; margin-top:5px; }
#form-yhteydenotto span.req { color: red; position:absolute; top:7px; left:7px; }
#form-yhteydenotto span.req.label { top:0px; left:-4px; }
#form-yhteydenotto input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form-yhteydenotto textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form-yhteydenotto fieldset { margin:0; padding:0; border:none; float:left; }
#form-yhteydenotto div.field-wrap { float:left; }
#form-yhteydenotto div.field-wrap-inner { position:relative; }
#form-yhteydenotto div.field-wrap.full { width:100%; }
#form-yhteydenotto div.fieldset-inner { margin-bottom:5px; }
#form-yhteydenotto input, textarea { width:100%; }
#form-yhteydenotto div.clear { clear:both; }
#form-yhteydenotto div.field-wrap.button { width:100%; margin-top:5px; }
#form-yhteydenotto span.req { color: red; position:absolute; top:7px; left:7px; }
#form-yhteydenotto span.req.label { top:0px; left:-4px; }
#form-yhteydenotto input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#form-yhteydenotto textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#col-sidebar-right { width: 23.8%; ;}
#col-sidebar-right > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-sidebar-right { margin-left: 1.6%; }
#col-sidebar-right > div.content { padding: 0 0 20px 15px; border-left: 1px solid #ccc; }
#col-content-fw { width: 100%; ;}
#col-content-fw > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#col-bottom1 { width: 32.26%; ;}
#col-bottom1 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom1 { width: 100%; ;}
#bottom1 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom1 a { font-weight: 700; }
#bottom1 a i.fa {margin-left:8px; }
#col-bottom2 { width: 32.26%; ;}
#col-bottom2 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-bottom2 { margin-left: 1.6%; }
#title-boxes { width: 100%; ;}
#title-boxes > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#title-boxes div.news-row {
padding:0px;
/*background: rgba(255,255,255,0.03);*/
margin-bottom:3px;
color:#fff;
background: rgba(0,0,0,0.10);
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#title-boxes div.news-row:hover {
background: rgba(198,52,55,1);
}
#title-boxes div.news-row h4 {
font-size: inherit;
margin:0px;
line-height: 18px;
font-weight:font-weight:normal;al !important;
}
#title-boxes a {
color: #fff;
border:none;
display:block;
padding:7px 10px;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#title-boxes a:hover {
color: #fff;
border:none;
text-decoration: none;
}
#title-boxes div.news-row:hover span.date,
#title-boxes div.news-row a:hover span.date { text-decoration: none !important; }
#title-boxes span.date {
color: #ccc;
font-weight:font-weight:normal;al;
padding-right:10px;
margin-right:7px;
border-right: 1px solid #ccc;
}
#title-boxes div.news-row.read-all {
border-bottom: none !important;
background: transparent;
margin-top:10px;
}
#title-boxes div.read-all a i.fa {margin-left:8px; }
#title-boxes div.read-all a.btn1:hover { border: 1px solid #fff; }
#title-boxes div.news-row.no-news {
padding:7px 10px;
}
#title-boxes div.news-row.no-news:hover {
/*background: rgba(255,255,255,0.05);*/
}
#col-bottom3b { width: 23.8%; ;}
#col-bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-bottom3b { margin-left: 1.6%; }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b { width: 100%; ;}
#bottom3b > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#bottom3b div.image-holder {
width:20%;
float:left;
}
#bottom3b div.image { width:100%; padding-bottom:100%; }
#bottom3b div.image-holder.leading { width: 20%; }
#bottom3b div.image-holder.leading div.image { }
#bottom3b div.image {
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.2);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#bottom3b div.image:hover {-moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); }
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 900px) {
#bottom3b div.image-holder.leading { width: 19.99%; }
#bottom3b div.image-holder { width: 19.99%; }
}
@media screen and (max-width: 800px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 700px) {
#bottom3b div.image-holder.leading { width: 24.99%; }
#bottom3b div.image-holder { width: 24.99%; }
}
@media screen and (max-width: 600px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 500px) {
#bottom3b div.image-holder.leading { width: 33.33%; }
#bottom3b div.image-holder { width: 33.33%; }
}
@media screen and (max-width: 400px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
@media screen and (max-width: 300px) {
#bottom3b div.image-holder.leading { width: 49.99%; }
#bottom3b div.image-holder { width: 49.99%; }
}
#col-bottom4 { width: 32.26%; ;}
#col-bottom4 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-bottom4 { margin-left: 1.6%; }
#bottom4 { width: 100%; ;}
#bottom4 > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#col-footer-copyright { width: 50%; ;}
#col-footer-copyright > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#copyright > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#copyright { width: 100%; ;}
#copyright > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: white; }
#copyright p { font-size: 13px;color: #999; }
#col-footer-siteseq { width: 50%; ;}
#col-footer-siteseq > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#siteseq { width: 100%; ;}
#siteseq > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#siteseq {text-align:right }
#siteseq img {-moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter:alpha(opacity=0); }
#siteseq img:hover{
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter:alpha(opacity=100);
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#slider-overlay-right { width: 100%; ;}
#slider-overlay-right > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#slider-overlay-right div.slider.text {
position: relative !important;
height: auto;
top: auto;
bottom: auto;
width: auto;
max-width: 1200px;
margin: auto;
background-color: rgba(255,255,255,0.0);
text-align:left;
}
#slider-overlay-right div.slider.text div.inner {
position: relative;
width: 66.13%;
margin-top:20px;
padding:30px 50px;
background: none rgba(255,255,255,0.8);
border-top:5px solid #346bae;
text-align:left;
border-radius:6px;
}
@media only screen and (max-width: 1150px) {
#slider-overlay-right div.slider.text div.inner {
width:100%;
margin: 20px 0;
}
}
@media only screen and (max-width: 550px) {
#slider-overlay-right div.slider.text div.inner {display:none !important;}
}
#slider-overlay-right div.slider.text h2 {
font-size: 22px;
color: #222;
margin:0px;
padding:0px;
font-weight: 400;
position: relative;
margin-bottom:15px;
}
#slider-overlay-right div.slider.text p {
font-size: 15px;
color: #444;
}
#slider-overlay-right div.slider.text a {
display:inline-block;
background: #e23330;
color: #ffffff;
padding:6px 12px;
}
#slider-overlay-right div.slider.text a:hover {
background: #454545;
text-decoration:none;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
#slider-overlay-right div.viewport,
#slider-overlay-right div.image {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; /*padding: 0 !important;*/ }
#slider-overlay-right div.image { height: 100%; min-height: 100%; background-size: cover !important; }
#slider-overlay-right div.slider * { text-shadow:none; }
#etusivu-art { width: 100%; ;}
#etusivu-art > div { padding: 10px 0px 20px 0px; margin: 0px 0px 0px 0px; }
#home { width: ; ;}
#home > div { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
form textarea { min-height: 200px !important; }
.projects-filter ul li:before { display: none; }
.projects-filter a.selected,
.projects-filter a.selected:hover,
.project-nav .prev-project:hover,
.project-nav .next-project:hover,
.project-wrapper .flex-direction-nav li a:hover { background-color: #84136f !important; }
.project-wrapper .col8,
.project-wrapper .col4,
.projects-wrapper { padding-bottom: 20px; }
.projects-wrapper .project-img,
.project-wrapper .project-img { line-height: 0; }
.projects-wrapper .project-img .project-img-extra h4 { color: #fff !important; }
.projects-wrapper .project-item-meta h4, .grid-item .project-item-meta { font-size: 14px; margin: 0; padding: 8px 15px; background: #84136f; color: #fff; display: block; text-align: center; -webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out; }
.grid-item{
margin: 3px;
width:25%
}
.grid-item a {
color:white;
}
.projects-wrapper .isotope-item:hover .project-item-meta h4,
.projects-wrapper .project-item-meta h4:hover { background: #444; color: #fff; }
.projects-wrapper .project-item-meta h4 a { color: #fff; }
.projects-wrapper .project-item-meta h4 a:hover { color: #fff; }
.project-wrapper .flex-direction-nav li a { opacity: 0.5; }
.project-wrapper .project-link { display: none; }
.project-wrapper .project-link a.btn {
background: #fff none repeat scroll 0 0;
border: 1px solid #84136f;
border-radius: 2px;
color: #84136f;
display: inline-block;
font-weight: 700;
padding: 5px 10px;
text-align: center;
transition: all 200ms ease 0s;
}
.project-wrapper .project-link a.btn:hover {
background: #84136f;
color: #fff;
text-decoration: none;
}
.project-wrapper .project-img { margin-top: 30px; }
span.req { font-size: 0 !important; color: transparent; }
span.req:before {
content: "\f069";
font-family: FontAwesome;
font-size: 9px;
position: absolute;
left: -8px;
color: #84136f;
font-weight: normal;
}
div.radio-group span.req:before, div.checkbox-group span.req:before { left: 0 !important; }
.boxplus-carousel .boxplus-viewport > ul > li > img, .boxplus-carousel .boxplus-viewport > ul > li > a > img { margin: 0 30px 0 0 !important; }
div.partner-logos { border-top: 1px solid #ccc; }
.panel {
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
box-shadow: none;
margin-bottom: 20px;
}
.panel-primary {
border-color: #ccc;
}
.panel-heading {
border-bottom: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 10px 15px;
display: none;
}
.panel-primary > .panel-heading {
background: #84136f none;
border-color: #ccc;
color: #fff;
}
.table > thead > tr > th,
.kv-merged-header {
border-bottom: none !important;
}
a#w0-togdata-page { display: none; }
.form-control:focus {
-webkit-box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
box-shadow: 0 0 6px 1px rgba(0,0,255,0.4);
}
.realty-search-index h1 { text-transform: uppercase; }
.kv-grid-table thead tr:first-child th:first-child:hover { background: transparent; }
.kv-grid-table thead tr:first-child th:first-child div.kv-expand-header-icon { display: none; }
.kv-grid-table thead tr:first-child th:nth-child(2),
.kv-grid-table thead tr:first-child th:last-child { font-size: 0; color: transparent; }
.kv-grid-table .filters td:first-child { border: none; }
.kv-grid-table .filters td { padding-bottom: 20px; }
.kv-expand-header-cell.kv-batch-toggle:focus, .kv-expand-header-cell.kv-batch-toggle:hover {
background-color: #eee;
color: #666 !important;
}
.kv-expand-icon-cell:focus, .kv-expand-icon-cell:hover {
background-color: #eee !important;
color: #84136f !important;
}
.pagination > li > a, .pagination > li > span,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
color: #84136f;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: #84136f;
border-color: #84136f;
}
/* GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 768px) {
div.col, div.col > div, table, table tbody, table tr, table tr td, table tr th, #menu-1 ul.lev-1, #menu-1 ul.lev-1 > li { display: block; width: 100% !important; float: none; margin: 0 !important; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
table { max-width: 75% !important; margin: 0 auto !important; }
div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#logo > div { text-align: center; padding: 15px 0; }
#col-sidebar > div.content, #col-sidebar-left > div.content, #col-sidebar-right > div.content { border: none; padding: 10px 20px; background: #f5f5f5; }
#col-content > div.content, #col-sidebar > div.content, #col-sidebar-left > div.content, #col-sidebar-right > div.content { height: 100% !important; min-height: 0 !important; }
#col-sidebar-left > div.content, #col-sidebar > div.content, #col-sidebar-right > div.content { margin: 20px 0 !important; }
#copyright, #siteseq, #menu-1 ul.lev-1 > li, #topright { text-align: center; }
#js-mainnav.megamenu.blackwhite { padding: 15px !important; margin-bottom: 15px !important; border: 3px solid #d3ebff !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#megamenucss #js-mainnav.megamenu div.megaMenuToggle { padding: 0 !important; }
#jux_memamenu128 #js-mainnav .jux-fa.jux-fa-bars, #jux_memamenu128 #arrow-icon { color: #005caa !important; }
#megamenucss #js-mainnav.megamenu.horizontal.right ul.level0 { padding-top: 20px !important; }
#js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss::after, #menu-1 ul.lev-1 > li > div > a::after { display: none !important; }
#megamenucss #js-mainnav .js-megamenu .dropdown-menu { padding: 0 !important; margin: 0 !important; }
#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.image-title { margin: 15px 0 !important; }
#menu-1 ul.lev-1 > li > div > a { padding: 15px 0 !important; margin: 0 !important; font-size: 18px !important; }
#menu-1 div.wrap-inner { box-shadow: none !important; }
#topright > div { padding: 10px 0; }
#slider-overlay-right div.slider.text h2 { font-size: 16px; }
#home-sale h2 > span { float: none; margin: 10px auto; }
}
@media only screen and (max-width: 640px) {
#row-topbar ul li { float: none !important; text-align: center !important; display: block !important; border: none !important; margin-bottom: 8px; }
#row-topbar ul li:last-child { margin-bottom: 0 !important; }
}
td.dropdown-widget > .kv-attribute {
display: block !important;
}
tr.search-row td {
width: 40% !important;
}
tr.search-row th {
width: 10% !important;
}
.form-row-3-col > div {
width:30%;
margin-right:1.2%;
float: left;
}
.form-row-3-col > div:last-child {
margin-right: 0%;
}
.form-row-2-col > div {
width:49%;
margin-left: 1%;
float: left;
}
.form-row-2-col{
width: 100%;
display: inline-block;
}
.form-row-2-col > div:last-child {
margin-right: 0%;
}
.form-row-1-col > div {
width:99%;
float: left;
}
.form-row-2-col{
width: 100%;
display: inline-block;
}
.form-row-1-col > div {
display: block;
/*width:100%;
float: left;*/
}
.form-row-4-col > div {
width:24%;
margin-right:1%;
float: left;
}
.form-reference-row-1-col {
width: 60%;
float: left;
}
@media screen and (max-width: 650px) {
.form-row-1-col > div {
width:100%;
margin: 0;
padding-bottom: 20px;
float: left;
}
.form-reference-row-1-col {
width:100%;
margin: 0;
padding-bottom: 20px;
float: left;
}
.form-row-2-col > div {
width:100%;
margin: 0;
padding-bottom: 20px;
float: left;
}
.form-row-3-col > div {
width:100%;
margin: 0;
padding-bottom: 20px;
float: left;
}
.form-row-4-col > div {
width:100%;
margin: 0;
padding-bottom: 20px;
float: left;
}
}
.form-row-4-col > div:last-child {
margin-right: 0%;
}
h2.form-label-text {
/*font-size: 20px;*/
color: #fff;
padding:20px;
margin: 0px;
}
h3.form-label-text {
font-size: 20px;
color: #fff;
padding:20px;
margin: 0px;
}
div.form-inner {
background: #f2f2f2;
margin-bottom: 20px;
border: #ccc 1px solid;
}
div.form-label {
width: 100%;
background: #84136f;
margin-bottom: 20px;
display:inline-block;
}
div.form-label-home {
width: 100%;
background: #84136f;
margin-bottom: 10px;
display:inline-block;
}
div.col-text {
width:70%;
float: left;
display:inline-block;
}
div.col-button {
width:30%;
float: left;
display:inline-block;
padding: 20px;
}
button.expand {
float: right;
padding: 10px;
margin: 20px;
}
div.form-inner {
padding: 20px;
}
.panel-heading {
width: 100%;
/*display:inline-block;*/
}
.panel {
/*background: #84136f;*/
}
a.collapse-toggle.btn.btn-primary {
float: right;
}
a.btn.btn-primary.reset:visited {
color: #fff;
}
a.btn.btn-primary.reset {
float: right;
}
div.buttons {
width: 100%;
display: inline-block !important;
}
div.search-form-submit {
width: 70%;
float: left;
display: inline-block;
}
div.search-form-clear {
width: 30%;
float: left;
display: inline-block;
}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
padding-left: 5px;
}
a.asc:after {
content: /*"\e113"*/ "\e151";
}
a.desc:after {
content: /*"\e114"*/ "\e152";
}
.sort-numerical a.asc:after {
content: "\e153";
}
.sort-numerical a.desc:after {
content: "\e154";
}
.sort-ordinal a.asc:after {
content: "\e155";
}
.sort-ordinal a.desc:after {
content: "\e156";
}
td.realty-td > div {
padding: 5px;
}
.btn-primary{
/*
background: #a0a0a0;
background: -moz-linear-gradient(top, #a0a0a0 0%, #606060 100%);
background: -webkit-linear-gradient(top, #a0a0a0 0%,#606060 100%);
background: linear-gradient(to bottom, #a0a0a0 0%,#606060 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#606060',GradientType=0 );*/
background:#4b4b4d !important;
color:#f2f2f2;
border-color:#4b4b4d;
-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;
}
.btn-primary:hover{
background: #fff !important;
color:#84136f !important;
border-color:#84136f;
}
.search-form-home .form-inner{
margin-top:-5px;
}
.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
background-color: #a0a0a0 !important;
color: #fff;
}
.select2-container--krajee .select2-results__option[aria-selected="true"] {
background-color: #ccc !important;
color: #606060 !important;
}
.glyphicon-eye-open{
background-color:#84136f !important;
padding:7px;
border-radius:3px;
border:1px solid transparent;
}
.glyphicon-eye-open:hover{
background-color:#fff !important;
color:#84136f !important;
border:1px solid #84136f !important;
-webkit-transition: color 250ms ease-in-out;
-moz-transition: color 250ms ease-in-out;
-ms-transition: color 250ms ease-in-out;
-o-transition: color 250ms ease-in-out;
transition: color 250ms ease-in-out;
}
.glyphicon-eye-open:before{
color:#fff;
font-size:20px;
}
.glyphicon-eye-open:hover:before{
color: #84136f !important;
}
.s2-togall-button {
color: #606060 !important;
}
.kv-expand-icon-cell{
width:75px !important;
}
.kv-detail-view th{
width:20% !important;
font-weight:bold !important;
}
.kv-detail-view > table{
margin-bottom: 0 !important;
}
#contactform-messagetype > label{
margin-right:15px !important;
}
#w2 .info > th{
background-color:#84136f !important;
color:#fff;
padding:10px;
}
.fotorama__thumb-border{
border-color: #84136f !important;
}
.kv-expand-detail-row > td{
background-color:#eee !important;
}
div.form-label-home {
margin-bottom: 0px !important;
}
div.home-picture {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 150px;
position: relative;
width: 100%;
}
h4.home-premises {
/*min-height: 60px !important;*/
}
div.home-list {
margin-top: 10px;
}
div.premises {
margin-top: 10px;
}
div.label-smart-search h4 {
color: #4b4b4d;
}
@media screen and (max-width: 900px) {
#home-rent h2 > span {
float: initial;
}
}
@media screen and (max-width: 800px) {
div.home-picture {
padding-bottom: 70% !important;
}
}
td.kv-align-center.kv-align-middle.kv-expand-icon-cell:focus, td.kv-align-center.kv-align-middle.kv-expand-icon-cell:hover {
color: inherit !important;
background-color: #eee !important;
}
#palaute-art label.control-label {
display: inline-block;
max-width: 100%;
margin: 0 10px 5px 0;
font-weight: 700;
}
#slider-overlay-right > div.viewport {
min-height: 240px;
}
#search-form div.help-block {
display: none !important;
}
li.select2-search.select2-search--inline {
margin-bottom: 0px;
}
form#reference-form div.form-group label{
margin: 0 15px 5px 0 !important;
}
.realty-detail-view .table-responsive{
border-top: none !important;
}
.realty-detail-view .panel{
border-top: 0 !important;
}
.realty-detail-view table th,
.realty-search-index table th{
padding: 5px 20px 5px 5px !important;
border-right: 1px solid #ccc;
}
.realty-detail-view table td,
.realty-search-index table td{
padding: 5px 5px 5px 20px !important;
}
tr.kv-expand-detail-row > td{
padding: 5px !important;
border:1px solid #ccc;
}
.kv-grid-table > thead th,
.kv-grid-table > thead td{
border: none !important;
}
.realty-search-index .skip-export{
padding: 8px !important;
}
.realty-detail-view .table-striped > tbody > tr:first-child > th,
.realty-detail-view .table-striped > tbody > tr:first-child > td{
background-color: #84136f !important;
color: #fff;
font-size: 18px;
}
.realty-detail-view .table-striped > tbody > tr:first-child > th{
font-size:14px;
}
.realty-detail-view #w2 > tbody > tr:first-child th{
font-size: 18px !important;
padding: 10px 10px 10px 20px !important;
}
.realty-detail-view .table-striped > tbody > tr:first-child > th{
border-right: 1px solid #84136f;
}
.realty-detail-view .table-striped:nth-child(2) tr{
background-color:#fff !important;
}
.form-control{
background-color: #fff !important;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 4px !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
/*.realty-detail-view #w2 td,
.realty-detail-view #w2 th{
border: none;
}
.realty-detail-view #w2 th{
border-right:1px solid #ccc;
}*/
.sideBtn{
background-color: #84136f;
color:#fff !important;
display:block;
padding:8px;
border:1px solid transparent;
}
.sideBtn:hover{
background-color:#fff;
color:#84136f !important;
border:1px solid #84136f;
text-decoration: none;
}
#sivuvalikko-arvot ul{
margin-bottom:20px;
}
.fotorama{
margin: 20px 0;
}
.fotorama__nav-wrap,
.fotorama__stage{
background-color:#fafafa !important;
border:1px solid #ccc !important;
}
.fotorama__nav-wrap{
border-top: none !important;
}
#col-content > .content > p:first-child{
display: none;
}
td.captcha > div.kv-attribute {
display: block !important;
}
td.captcha > div.kv-attribute > div.g-recaptcha {
margin-left: 0px;
}
.mod-languages{
float:right;
}
.vertical-line{
border-left: 2px solid #666;
margin: 3px;
height:10px;
}
.item-image{
background-size: cover !important;
padding-top: 250px;
margin: 9px 0 0 6px;
}
/*** REFERENSSIT ***/
ul.reference-view-filter {
display:inline;
list-style-type:none;
padding:0;
}
ul.reference-view-filter li {
list-style-type:none;
display:inline-block;
}
ul.reference-view-filter a {
margin: 5px 0;
}
.projects-item-wrapper {
padding-top:15px;
margin-top:10px;
border-top:solid 1px #e7e7e7;
}
ul.reference-view-filter li button {
background:transparent;
border:none;
color:#777;
border-radius:2px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
padding: 4px 8px;
font-size:12px;
}
ul.reference-view-filter li button.is-checked {
background:#84136f;
color:#FFF;
}
ul.reference-view-filter li {
border-right:solid 1px #ccc;
padding: 0 10px 0 10px;
}
ul.reference-view-filter li:first-child {
padding: 0 10px 0 0;
}
ul.sub-ul li:nth-child(2) {
padding-left:10px;
}
ul.sub-ul {
padding:0;
}
ul.reference-view-filter li:last-child {
border-right:none;
}
ul.reference-view-filter li button:hover {
color:#FFF;
background:#aaaaaa;
border-radius:2px;
}
.projects-item-wrapper .grid-item {
margin-bottom:20px;
padding:2px;
}
#contact-button {
width:auto;
float:right;
background-color: #84136f;
}
#contact-button:hover {
opacity:0.9;
}
/*
div.item-image:hover:after {
opacity:1 !important;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
background-color: rgba(198, 52, 55,0.85);
}
*/
.project-item-company-reference {
background:#84136f;
}
div.item-image:hover {
opacity:0.3;
}
div.item-image {
-webkit-transition: all 550ms ease-in-out;
-moz-transition: all 550ms ease-in-out;
-ms-transition: all 550ms ease-in-out;
-o-transition: all 550ms ease-in-out;
transition: all 550ms ease-in-out;
position:relative;
text-align:center;
}
div.project-item-company-reference {
text-align:center;
}
.project-item-company-reference > a:hover:after {
border-radius:50%;
position:absolute;
right: 43%;
left:auto;
width:42px;
height:42px;
padding-top:10px;
top:auto;
bottom:45%;
content:'\f0c1';
background:#111;
font-family:"FontAwesome";
font-size:20px;
color:#FFF;
opacity:1;
cursor:pointer;
}
div.project-item-company-reference:after {
-webkit-transition: all 550ms ease-in-out;
-moz-transition: all 550ms ease-in-out;
-ms-transition: all 550ms ease-in-out;
-o-transition: all 550ms ease-in-out;
transition: all 550ms ease-in-out;
}
.project-item-company-reference:hover h4 {
background:#444 !important;
}
.projects-item-wrapper .grid-item h4 {
background:#84136f;
margin-top:-1px;
color:#FFF;
font-weight:600;
text-align:center;
padding:7px 0;
margin:0;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.projects-item-wrapper .grid-item h4:hover {
background:#444;
}
.projects-item-wrapper .grid-item .item-image {
margin:0;
}
.projects-item-wrapper > div.summary {
display:none;
}
/*** REFERENSSI CONTENT SIVU ***/
.reference-wrapper h1 {
color:#111;
background:#FFF;
font-size:24px;
padding-left:0;
}
.reference-wrapper h1:before {
display:none;
}
.reference-wrapper > div.col-md-6 {
padding-left:0;
padding-top:30px;
}
div.fotorama__nav-wrap {
display:none;
}
.slider-wrapper {
margin-top:0px;
}
#blueimp-gallery {
margin:0 0 30px 0;
background:#FFF;
}
.blueimp-gallery-carousel {
box-shadow:none !important;
}
#blueimp-gallery a.play-pause {
display:none;
}
.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover {
background:rgba(198, 52, 55,0.8) !important;
color:#FFF !important;
opacity:1 !important;
}
.blueimp-gallery > .prev {
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;
border-radius: 0 3px 3px 0 !important;
box-sizing: content-box !important;
color: #fff !important;
cursor: pointer !important;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size: 60px !important;
font-weight: 100 !important;
height: 50px !important;
left: 15px !important;
line-height: 30px !important;
margin-left: -18px !important;
margin-top: -23px !important;
opacity: 0.7 !important;
padding-top: 10px !important;
position: absolute !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: 0 0 2px #000 !important;
top: 50% !important;
width: 40px !important;
border:none !important;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.blueimp-gallery > .next {
border:none !important;
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;
border-radius: 3px 0 0 3px !important;
box-sizing: content-box !important;
color: #fff !important;
cursor: pointer !important;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size: 60px !important;
font-weight: 100 !important;
height: 50px !important;
line-height: 30px !important;
margin-right: -18px !important;
margin-top: -23px !important;
opacity: 0.7 !important;
padding-top: 10px !important;
position: absolute !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: 0 0 2px #000 !important;
top: 50% !important;
width: 40px !important;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
#blueimp-gallery > ol.indicator {
display:none;
}
.fotorama__nav-wrap, .fotorama__stage {
border:0px solid #ccc !important;
background-color:transparent !important;
}
.fotorama__img {
width:100% !important;
height:350px !important;
}
.reference-wrapper > div.slider-wrapper {
padding-left:10px;
padding-right:0;
text-align:right;
}
.reference-wrapper > div > div.rating-wrapper > div > div:first-child {
background:#fff;
padding:10px 15px 10px 0;
width:84%;
min-height:57px;
float:left;
}
.reference-wrapper > div > div.rating-wrapper > div > div:last-child {
width:16%;
float:left;
background:#f4f4f4;
min-height:57px;
padding:10px;
font-size:27px;
margin-bottom:0px;
text-align:center;
}
.rating-wrapper > div:first-child {
border-top:solid 1px #ccc;
}
div.form-reference-row-1-col > button {
margin-bottom:35px;
}
div.slider-wrapper {
margin-bottom:35px;
}
div.projects-item-wrapper {
margin-bottom:35px;
}
.rating-wrapper > div {
overflow:auto;
border-bottom: 1px solid #ccc;
}
.reference-wrapper .text-wrapper {
margin-top:20px;
}
.blueimp-gallery > .slides > .slide > .slide-content {
width:100% !important;
height:100% !important;
margin:0 !important;
}
@media screen and (max-width: 1020px) {
.projects-item-wrapper > .grid > .grid-item {
width:48.5%;
}
}
@media screen and (max-width: 600px) {
.projects-item-wrapper > .grid > .grid-item {
width:99%;
}
#contact-button {
width:auto;
float:right;
font-size:12px;
}
}
/** NAPIT CRE TOIMITILAHAKU SIVULLA **/
div.search-form > div > div.col-text {
width:40%;
}
div.search-form > div > div.col-button {
text-align:right;
padding-right:10px;
padding-top: 0px;
width: 60%;
}
div.search-form > div > div.col-button > a {
margin:20px 3px 0 3px;
}
@media screen and (max-width: 790px) {
div.search-form > div > div.col-button > a {margin:6px 3px 6px 3px;}
div.search-form > div > div.col-button {
padding-top: 20px;
}
}
@media screen and (max-width: 640px) {
div.search-form > div > div.col-text { widht: 100%; }
div.search-form > div > div.col-button {
width: 100%;
}
div.search-form > div > div.col-button > a{
float:left !important;
}
}
a.btn1-search {
background: #4b4b4d none repeat scroll 0 0 !important;
border-color: #4b4b4d;
color: #f2f2f2;
transition: all 200ms ease 0s;
background-image: linear-gradient(to bottom, #337ab7 0px, #265a88 100%);
background-repeat: repeat-x;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #337ab7;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
float: right;
margin-top: 10px;
}
.col-md-6 > div.text-wrapper > h2:first-child {
margin-top:0;
}
.col-md-6 > div.text-wrapper {
margin-top:0;
}
h2.name {
font-size:16px;
margin-bottom:4px;
margin-top:0;
}
h3.company_position {
font-size:14px;
margin-top:0;
padding-bottom:20px;
font-weight:400;
color:#4b4b4d;
}
h1.company {
padding-bottom:0px;
}
.rating-wrapper > div > div:first-child {
text-align:left;
}
span.rating {
color:#999;
font-size:17px;
}
div.text-wrapper {
padding-bottom:30px !important;
}
div.text-wrapper h2 {
font-size:20px;
margin-top:30px;
}
.project-item-company-reference h4 {
font-size:14px;
}
.project-item-company-reference h4 > a:hover {
text-decoration:none;
}
@media screen and (max-width: 500px) {
.reference-wrapper > div > div.rating-wrapper > div > div:first-child {
background:#fff;
padding:10px 15px 10px 0;
width:76%;
min-height:77px;
float:left;
}
.reference-wrapper > div > div.rating-wrapper > div > div:last-child {
width:24%;
float:left;
background:#f4f4f4;
min-height:77px;
padding:10px;
font-size:27px;
margin-bottom:0px;
text-align:center;
}
}
div.carousel-inner > div.item > div.item-image {
margin: 0px !important;
}
#col-home-left {
display:none;
}
#col-home-right {
margin-left:0px;
width:100%;
}
#col-home-right > div.content {
padding:15px 0px;
border-left:none;
}
#sivuvalikko-etusivu {
width:33%;
float:left;
margin-bottom:15px !important;
}
#sivuvalikko-etusivu img {
margin-bottom:12px;
}
div.wide#sivuvalikko-etusivu {
width:100%;
background:url(../../../images/markku-eskelinen.png) 90% 30px no-repeat transparent;
background-size: auto auto;
}
#sivuvalikko-etusivu div.content {
margin:5px;
padding:15px;
background-color: rgba(255,255,255, 0.8);
border-top:5px solid #346bae;
border-bottom:5px solid #346bae;
border-radius:8px;
padding-bottom:0px;
}
div.wide#sivuvalikko-etusivu div.content {
padding-bottom:20px;
width:65%;
}
#row-search { display:none; }
#row-bottom a.btn2 {
display:block;
background-color: #3c3c3c;
border:none;
border-left: 3px solid #346bae;
}
#bottom1 ul li {
display:inline-block;
background-color: #3c3c3c;
border:none;
border-left: 3px solid #346bae;
padding:4px 10px;
}
#bottom1 ul {
padding-left:0px;
}
#row-content-inner {
background-color: rgba(255,255,255,0.8);
}
#form-yhteydenotto {
background:url(../../../images/markku-eskelinen.png) 90% 80px no-repeat;
}
#col-bottom4 a {
font-weight:normal;
}
@media screen and (max-width: 760px) {
#menu-1 div.wrap-inner {
padding-right:0px;
}
div.logo-wrap {
width:50%;
float:left;
}
div.menu-wrap {
width:50%;
float:left;
}
#col-logo {
padding-right:10px;
}
div.wrap-inner > div.col > div.content {
padding-left:10px !important;
padding-right:10px !important;
}
h1 {
font-size: 28px;
}
h2 {
font-size:20px;
}
h3 {
font-size: 17px;
}
#row-topbar ul li {
line-height:150% !important;
margin-bottom:6px;
font-size:11px;
}
}