html,
body {
margin: 0;
padding: 0;
}
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p {
font-family: 'Open Sans', sans-serif !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 2px solid #c5c5c5;
margin: 15px 0;
padding: 0;
width: 100%;
}
body {
background: #dbd3cc;
/*background: -moz-linear-gradient(top, #d2d2d2 0%, #e6e6e6 33%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(33%, #e6e6e6));
background: -webkit-linear-gradient(top, #d2d2d2 0%, #e6e6e6 33%);
background: -o-linear-gradient(top, #d2d2d2 0%, #e6e6e6 33%);
background: -ms-linear-gradient(top, #d2d2d2 0%, #e6e6e6 33%);
background: linear-gradient(top, #d2d2d2 0%, #e6e6e6 33%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#e6e6e6', GradientType=0);*/
font-family: 'Open Sans', sans-serif !important;
color: #262626;
}
li {
list-style: none;
}
.line {
padding: 15px 40px 0px 40px;
}
.line hr {
border-top: 2px solid #54ddfd;
margin: 0;
}
.noFloat {
float: none !important;
}
.m-auto {
margin: auto;
}
/* NavBarContainer Customs
------------------------------------------------------------------------------*/
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.container {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding-right: 0px;
width: 100%;
}
/*.navbarContainer {
height: auto;
overflow: visible;
border-bottom: 0px solid #fff;
background: #676767;
background: -moz-linear-gradient(top, #676767 0%, #1b1b1b 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(51%,#1b1b1b));
background: -webkit-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -o-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -ms-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: linear-gradient(top, #676767 0%,#1b1b1b 51%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1b1b1b',GradientType=0);
}*/
.navbarContainer {
height: auto;
overflow: visible;
border-bottom: 0px solid #fff;
background: #f3f3f3;
/*background: -moz-linear-gradient(top, #fdfdfd 58%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0);*/
}
.navbarContainer ul>li>ul>li a {
background: #fff;
text-shadow: inherit;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
/*.navbarContainer {
height: auto;
overflow: visible;
border-top: 6px solid #00c6ff;
border-bottom: 0px solid #000;
background: #676767;
background: -moz-linear-gradient(top, #676767 0%, #1b1b1b 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(51%,#1b1b1b));
background: -webkit-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -o-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -ms-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: linear-gradient(top, #676767 0%,#1b1b1b 51%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1b1b1b',GradientType=0);
}*/
.navbarContainer {
height: auto;
overflow: visible;
/*border-top: 6px solid #3ccaff;*/
border-bottom: 0px solid #3ccaff;
background: #f3f3f3;
/*background: -moz-linear-gradient(top, #fdfdfd 58%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0);*/
}
.navbarContainer ul>li>ul>li a {
background: #fff;
text-shadow: inherit;
}
}
@media (min-width: 980px) {
/*.navbarContainer {
position: relative;
z-index: 51;
height: auto;
overflow: visible;
border-top: 6px solid #00c6ff;
border-bottom: 10px solid #000;
background: #676767;
background: -moz-linear-gradient(top, #676767 0%, #1b1b1b 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(51%,#1b1b1b));
background: -webkit-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -o-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -ms-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: linear-gradient(top, #676767 0%,#1b1b1b 51%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1b1b1b',GradientType=0);
}*/
.navbarContainer {
position: relative;
z-index: 51;
height: auto;
overflow: visible;
/*border-top: 6px solid #3ccaff;*/
border-bottom: 0px solid #3ccaff;
background: #f3f3f3;
/*background: -moz-linear-gradient(top, #fdfdfd 58%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0);*/
}
}
@media (min-width: 1200px) {
/*.navbarContainer {
position: relative;
z-index: 51;
height: auto;
overflow: visible;
border-top: 6px solid #00c6ff;
border-bottom: 10px solid #000;
background: #676767;
background: -moz-linear-gradient(top, #676767 0%, #1b1b1b 51%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(51%,#1b1b1b));
background: -webkit-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -o-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: -ms-linear-gradient(top, #676767 0%,#1b1b1b 51%);
background: linear-gradient(top, #676767 0%,#1b1b1b 51%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#1b1b1b',GradientType=0);
}*/
.navbarContainer {
position: relative;
z-index: 51;
height: auto;
overflow: visible;
/*border-top: 6px solid #3ccaff;*/
border-bottom: 0px solid #3ccaff;
background: #f3f3f3;
/*background: -moz-linear-gradient(top, #fdfdfd 58%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#fdfdfd), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -o-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
background: linear-gradient(top, #fdfdfd 58%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e8e8e8',GradientType=0);*/
}
}
.navbarContainer>.container>.row {
margin-top: 0;
margin-bottom: 0;
}
.global {
background: url('/assets/styles/website/images/layout/global_local.png') no-repeat;
margin-top: 25px;
margin-bottom: 15px;
height: 22px;
width: 306px;
}
.visiblemobi,
.hidemobi {
float: left;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.gototop {
position: fixed;
bottom: 18px;
right: 5px;
width: 40px;
height: 40px;
z-index: 99999;
display: none;
}
.gototop {
display: none !important;
position: fixed;
right: 20px;
bottom: 85px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.gototop {
position: fixed;
bottom: 18px;
right: 5px;
width: 40px;
height: 40px;
z-index: 99999;
display: none;
}
.gototop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
}
}
@media (min-width: 980px) {
.gototop {
position: fixed;
bottom: 18px;
right: 5px;
width: 40px;
height: 40px;
z-index: 99999;
display: none;
}
.gototop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
}
}
@media (min-width: 1200px) {
.gototop {
position: fixed;
bottom: 18px;
right: 30px;
width: 40px;
height: 40px;
z-index: 99999;
display: none;
}
.gototop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
}
}
/* Rows
------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) and (min-width: 768px) {
.row {
margin: 15px 0px 15px 10px;
}
}
@media (min-width: 980px) {
.row {
margin: 15px 0px 15px 10px;
}
}
@media (min-width: 1200px) {
.row {
margin: 15px 0px 15px 15px;
}
}
/* Headings
------------------------------------------------------------------------------*/
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
h1 {
margin-top: 0px;
margin-bottom: 25px;
font-size: 33px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h2 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 28px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h3 {
margin-top: 0px;
font-size: 20px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h4 {
margin-top: 0px;
font-size: 14px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
p {
margin-top: 0px;
line-height: 18px;
font-size: 12px;
color: #000000;
font-family: 'Open Sans', sans-serif !important;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
h1 {
margin-top: 0px;
margin-bottom: 25px;
font-size: 33px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h2 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 28px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h3 {
margin-top: 0px;
font-size: 20px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h4 {
margin-top: 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
p {
margin-top: 0px;
line-height: 18px;
font-size: 12px;
color: #000000;
font-family: 'Open Sans', sans-serif !important;
}
}
@media (min-width: 980px) {
h1 {
margin-top: 0px;
margin-bottom: 25px;
font-size: 35px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h2 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h3 {
margin-top: 0px;
font-size: 21px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h4 {
margin-top: 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
p {
margin-top: 0px;
line-height: 18px;
font-size: 14px;
color: #000000;
font-family: 'Open Sans', sans-serif !important;
}
}
@media (min-width: 1200px) {
h1 {
margin-top: 0px;
margin-bottom: 25px;
font-size: 35px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h2 {
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h3 {
margin-top: 0px;
font-size: 21px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
h4 {
margin-top: 0px;
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
}
p {
margin-top: 0px;
line-height: 18px;
font-size: 14px;
color: #000000;
font-family: 'Open Sans', sans-serif !important;
}
}
/* Logo
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
#logo {
/*float: left;*/
}
#logo a {
display: inline-block;
/*display: block;*/
background: url('/assets/styles/website/images/layout/provari_logo.png') no-repeat center;
width: 132px;
height: 33px;
padding: 10px 0;
margin: 0px;
/*margin-left: 15px;*/
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#logo {
float: left;
}
#logo a {
display: block;
background: url('/assets/styles/website/images/layout/provari_logo.png') no-repeat left top;
width: 130px;
height: 33px;
padding: 0;
margin: 22px;
margin-left: 20px;
margin-bottom: 15px;
}
}
@media (min-width: 980px) {
#logo {
float: left;
}
#logo a {
display: block;
background: url('/assets/styles/website/images/layout/provari_logo.png') no-repeat left top;
width: 130px;
height: 33px;
padding: 0;
margin: 27px;
margin-left: 0px;
margin-right: 15px;
}
}
@media (min-width: 1200px) {
#logo {
float: left;
}
#logo a {
display: block;
background: url('/assets/styles/website/images/layout/provari_logo.png') no-repeat left top;
width: 130px;
height: 33px;
padding: 0;
margin: 27px;
margin-left: 30px;
}
}
/* Welcome
----------------------------------------------------------------------------- */
.welcome ul {
padding: 0;
margin: 0;
display: inline-block;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.welcome {
text-align: center;
padding-bottom: 0px;
}
.welcome li {
list-style: none;
display: inline-block;
padding: 0px 0 5px 0;
margin-bottom: 0px;
margin-top: 0px;
font-size: 13px;
color: #fff;
}
.welcome p {
color: #fff;
font-size: 13px;
margin: 0;
padding: 10px 0;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.welcome {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
}
.welcome li {
list-style: none;
display: inline-block;
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
font-size: 13px;
color: #fff;
}
.welcome p {
color: #fff;
font-size: 13px;
margin: 0;
padding: 10px 0;
}
}
@media (min-width: 980px) {
.welcome {
text-align: right;
padding-bottom: 5px;
padding-top: 5px;
}
.welcome li {
list-style: none;
display: inline-block;
padding: 0px;
margin-bottom: 0px;
margin-top: 0px;
font-size: 13px;
color: #fff;
}
.welcome p {
color: #fff;
font-size: 13px;
margin: 0;
padding: 10px 0;
display: inline-block;
}
}
@media (min-width: 1200px) {
.welcome {
text-align: right;
padding-bottom: 5px;
padding-top: 5px;
}
.welcome li {
list-style: none;
display: inline-block;
padding: 00px;
margin-bottom: 0px;
margin-top: 0px;
font-size: 13px;
color: #fff;
}
.welcome p {
color: #fff;
font-size: 13px;
margin: 0;
padding: 10px 0;
display: inline-block;
}
}
.welcome a {
background: #383838;
border-radius: 6px;
display: inline-block;
color: #fff;
padding: 0px 10px;
text-decoration: none;
}
.welcome a:hover {
background: #0077AA;
border-radius: 6px;
color: #fff;
padding: 0px 10px;
text-decoration: none;
}
#udToggle {
background: #000 url('/assets/styles/website/images/icons/usettings.png') no-repeat 0% 49% !important;
text-indent: 15px;
padding: 2px 10px;
}
/* Login
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.full_size {
/*float: left;*/
display: inline-block;
}
#formLogin {
display: inline-block;
padding-top: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
vertical-align: top;
float: left;
}
#formLogin form {
display: inline-block;
vertical-align: top;
}
#formLogin input[type="text"],
input[type="password"] {
height: 28px;
line-height: 28px;
margin-top: 0em !important;
text-indent: 0.2em;
}
#formLogin ul {
display: block;
list-style: none;
padding: 0 !important;
margin: 0;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.full_size {
/*float: left;*/
display: inline-block;
}
#formLogin {
display: inline-block;
padding-top: 0px;
margin-right: 0px;
margin-top: 0px;
vertical-align: top;
float: left;
}
#formLogin form {
display: inline-block;
vertical-align: top;
}
#formLogin input[type="text"],
input[type="password"] {
height: 28px;
line-height: 28px;
margin-top: 0em !important;
text-indent: 0.2em;
}
#formLogin ul {
display: block;
list-style: none;
padding: 0 !important;
margin: 0;
}
}
@media (min-width: 980px) {
.full_size {
float: right;
display: inline;
padding-top: 22px;
height: 40px;
}
#formLogin {
display: inline-block;
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;
height: 40px;
width: 30px;
}
#formLogin form {
display: inline-block;
/*vertical-align: middle;*/
}
#formLogin input[type="text"],
input[type="password"] {
height: 28px;
line-height: 28px;
margin-top: 0em !important;
text-indent: 0.2em;
}
#formLogin ul {
display: block;
list-style: none;
padding: 0 !important;
margin: 0;
line-height: 0;
}
}
@media (min-width: 1200px) {
.full_size {
float: right;
display: inline;
padding-top: 22px;
height: 40px;
}
#formLogin {
display: inline-block;
margin-right: 30px;
margin-top: 0px;
margin-left: 0px;
height: 40px;
width: 40px;
}
#formLogin form {
display: inline-block;
/*vertical-align: middle;*/
}
#formLogin input[type="text"],
input[type="password"] {
height: 28px;
line-height: 28px;
margin-top: 0em !important;
text-indent: 0.2em;
}
#formLogin ul {
display: block;
list-style: none;
padding: 0 !important;
margin: 0;
line-height: 0;
}
}
#formLogin li {
padding: 0px 10px 0px 0px;
float: none;
display: inline-block;
width: auto !important;
clear: none !important;
}
#formLogin ul li:last-child {
padding-right: 0px;
}
#formLogin button {
margin: 0em !important;
height: 1.75em;
line-height: 1em;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.log {
height: 40px !important;
width: auto;
/*border: solid 1px #484848;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.log:hover {
height: 40px !important;
width: auto;
/*border: solid 1px #757575;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.log a {
background: url('/assets/styles/website/images/icons/login_motip.png') no-repeat 50% 45% !important;
height: 40px !important;
padding: 0 !important;
width: 40px;
font-size: 0px;
vertical-align: top;
}
.log a:hover {
/*background: url('/assets/styles/website/images/icons/login_b.png') no-repeat 50% 45%;*/
padding: 0 !important;
height: 40px !important;
width: 40px;
font-size: 0px;
}
.logout {
height: 40px !important;
width: auto;
/*border: solid 1px #484848;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.logout:hover {
height: 40px !important;
width: auto;
/*border: solid 1px #757575;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.logout a {
background: url('/assets/styles/website/images/icons/logout_motip.png') no-repeat 50% 45% !important;
height: 40px !important;
padding: 0 !important;
width: 40px;
font-size: 0px;
vertical-align: top;
}
.logout a:hover {
/*background: url('/assets/styles/website/images/icons/logout_b.png') no-repeat 50% 45%;*/
padding: 0 !important;
height: 40px;
width: 40px;
font-size: 0px;
}
.reg {
height: 55px !important;
width: auto;
border: solid 1px #cccccc;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
background: #fdfdfd;
background: -moz-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #f2f1f1), color-stop(100%, #d0cfcf));
background: -webkit-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -o-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -ms-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f1f1', endColorstr='#d0cfcf', GradientType=0);
}
.reg:hover {
height: 55px !important;
width: auto;
border: solid 1px #cccccc;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
background: #d4d3d3;
background: -moz-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #fff), color-stop(100%, #d4d3d3));
background: -webkit-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -o-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -ms-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: linear-gradient(top, #fff 61%, #d4d3d3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d4d3d3', GradientType=0);
}
.reg a {
background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 50% 45% !important;
height: 55px;
padding: 0;
width: 60px;
font-size: 0px;
}
.reg a:hover {
/*background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 50% 45%;*/
padding: 0;
height: 55px;
width: 60px;
font-size: 0px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.log {
height: 55px !important;
width: auto;
border: solid 0px #484848;
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.log:hover {
height: 55px !important;
width: auto;
border: solid 0px #757575;
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.log a {
background: url('/assets/styles/website/images/icons/login_motip.png') no-repeat 50% 45% !important;
height: 55px !important;
padding: 0 !important;
width: 60px;
font-size: 0px;
vertical-align: top;
}
.log a:hover {
/*background: url('/assets/styles/website/images/icons/login_b.png') no-repeat 50% 45%;*/
padding: 0 !important;
height: 55px;
width: 60px;
font-size: 0px;
}
.logout {
height: 55px !important;
width: auto;
border: solid 0px #484848;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.logout:hover {
height: 55px !important;
width: auto;
border: solid 0px #757575;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.logout a {
background: url('/assets/styles/website/images/icons/logout_motip.png') no-repeat 50% 45% !important;
height: 55px !important;
padding: 0 !important;
width: 60px;
font-size: 0px;
vertical-align: top;
}
.logout a:hover {
/*background: url('/assets/styles/website/images/icons/logout_b.png') no-repeat 50% 45%;*/
padding: 0 !important;
height: 55px !important;
width: 60px;
font-size: 0px;
}
.reg {
height: 55px !important;
width: auto;
border: solid 1px #cccccc;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
background: #fdfdfd;
background: -moz-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #f2f1f1), color-stop(100%, #d0cfcf));
background: -webkit-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -o-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: -ms-linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
background: linear-gradient(top, #f2f1f1 61%, #d0cfcf 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f1f1', endColorstr='#d0cfcf', GradientType=0);
}
.reg:hover {
height: 55px !important;
width: auto;
border: solid 1px #cccccc;
border-radius: 10px;
margin-top: 0px;
margin-right: 9px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
background: #d4d3d3;
background: -moz-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #fff), color-stop(100%, #d4d3d3));
background: -webkit-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -o-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -ms-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: linear-gradient(top, #fff 61%, #d4d3d3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d4d3d3', GradientType=0);
}
.reg a {
background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 50% 45% !important;
height: 55px;
padding: 0;
width: 60px;
}
.reg a:hover {
/*background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 50% 45%;*/
padding: 0;
height: 55px;
width: 60px;
}
}
@media (min-width: 980px) {
.log,
.reg,
.logout {
text-transform: uppercase;
display: inline-block !important;
padding: 0!important;
padding-top: 0px !important;
}
.log:hover,
.reg:hover,
.logout {
background: none;
text-decoration: none;
}
.log a {
background: url('/assets/styles/website/images/icons/login_motip.png') no-repeat 50% 45% !important;
height: 40px;
width: 30px;
padding: 0;
font-size: 12px;
text-indent: 35px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
/*vertical-align: middle;*/
}
.log a span {
display: none;
}
.reg a {
background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 50% 45% !important;
height: 40px;
width: 30px;
padding: 0;
font-size: 12px;
text-indent: 20px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
}
.logout a {
background: url('/assets/styles/website/images/icons/logout_motip.png') no-repeat 50% 45% !important;
height: 40px;
width: 30px;
padding: 0;
font-size: 12px;
text-indent: 35px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
/*vertical-align: middle;*/
}
.logout a span {
display: none;
}
.log a:hover {
/*background: url('/assets/styles/website/images/icons/login_b.png') no-repeat 0% 0%;*/
height: 40px;
width: 30px;
color: #09c;
padding: 0;
}
.reg a:hover {
/*background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 0% 0%;*/
height: 26px;
width: auto;
color: #09c;
padding: 0;
}
.logout a:hover {
/*background: url('/assets/styles/website/images/icons/logout_b.png') no-repeat 0% 0%;*/
height: 40px;
width: 30px;
color: #09c;
padding: 0;
}
}
@media (min-width: 1200px) {
.log,
.reg,
.logout {
text-transform: uppercase;
display: inline-block !important;
padding: 0!important;
padding-top: 0px !important;
}
.log:hover,
.reg:hover,
.logout {
background: none;
text-decoration: none;
}
.log a {
background: url('/assets/styles/website/images/icons/login_motip.png') no-repeat 50% 45% !important;
height: 40px;
width: 40px;
padding: 0;
font-size: 12px;
text-indent: 35px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
/*vertical-align: middle;*/
}
.reg a {
background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 0% 0% !important;
height: 20px;
width: auto;
padding: 0;
font-size: 12px;
text-indent: 20px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
}
.logout a {
background: url('/assets/styles/website/images/icons/logout_motip.png') no-repeat 50% 45% !important;
height: 40px;
width: 40px;
padding: 0;
font-size: 12px;
text-indent: 35px;
color: #515151;
text-shadow: 0px 0px 0px !important;
font-family: 'Open Sans', sans-serif !important;
/*vertical-align: middle;*/
}
.logout a span,
.log a span {
display: block;
}
.log a:hover {
/*background: url('/assets/styles/website/images/icons/login_b.png') no-repeat 0% 0%;*/
height: 40px;
width: 40px;
color: #09c;
padding: 0;
}
.reg a:hover {
/*background: url('/assets/styles/website/images/icons/register_b.png') no-repeat 0% 0%;*/
height: 40px;
width: 40px;
color: #09c;
padding: 0;
}
.logout a:hover {
/*background: url('/assets/styles/website/images/icons/logout_b.png') no-repeat 0% 0%;*/
height: 40px;
width: 40px;
color: #09c;
padding: 0;
}
}
.loginbg {
background: #fff;
}
.log,
.logout,
.langs a,
.searchbut {
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
}
/* Modals
----------------------------------------------------------------------------- */
#login,
#register {
margin-bottom: 70px;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
#login,
#register {
min-width: 195px;
}
#loginTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_login.png') no-repeat 17px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#registerTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_reg.png') no-repeat 17px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#loginTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 20px;
font-family: 'Open Sans', sans-serif !important;
}
#registerTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 20px;
font-family: 'Open Sans', sans-serif !important;
}
#login ul {
display: block;
margin: 0;
margin-left: 0px;
clear: both;
padding: 0;
}
#register ul {
display: block;
margin: 0;
margin-left: 0px;
padding: 0;
}
#login button {
cursor: pointer;
height: 40px;
width: 175px;
margin: 0;
margin-left: 0px;
padding: 0 10px;
font-size: 16px;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#login button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #00b0e2), color-stop(80%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -o-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -ms-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
#register button {
cursor: pointer;
height: 40px;
width: 175px;
margin: 0;
margin-left: 0px;
padding: 0 10px;
font-size: 16px;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#register button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(48%, #00b0e2), color-stop(60%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -o-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -ms-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#loginTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_login.png') no-repeat 122px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#registerTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_reg.png') no-repeat 70px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#loginTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 125px;
font-family: 'Open Sans', sans-serif !important;
}
#registerTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 80px;
font-family: 'Open Sans', sans-serif !important;
}
#login ul {
display: block;
margin: 0;
margin-left: 105px;
margin-right: 105px;
clear: both;
padding: 0;
}
#register ul {
display: block;
margin: 0;
margin-left: 50px;
padding: 0;
}
#login button {
cursor: pointer;
height: 40px;
width: 175px;
margin: 0;
padding: 0 10px;
font-size: 16px;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#login button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #00b0e2), color-stop(80%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -o-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -ms-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
#register button {
cursor: pointer;
height: 40px;
width: 366px;
margin: 0;
padding: 0;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#register button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(48%, #00b0e2), color-stop(60%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -o-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -ms-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
}
@media (min-width: 980px) {
#loginTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_login.png') no-repeat 72px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#registerTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_reg.png') no-repeat 135px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#loginTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 80px;
font-family: 'Open Sans', sans-serif !important;
}
#registerTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 150px;
font-family: 'Open Sans', sans-serif !important;
}
#login ul {
display: block;
margin: 0;
margin-left: 55px;
margin-right: 55px;
clear: both;
padding: 0;
}
#register ul {
display: block;
margin: 0;
margin-left: 115px;
padding: 0;
}
#login button {
cursor: pointer;
height: 40px;
width: auto;
margin: 0;
padding: 0 15px;
font-size: 16px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#login button:hover {
cursor: pointer;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #00b0e2), color-stop(80%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -o-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -ms-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
#register button {
cursor: pointer;
height: 40px;
width: 165px;
margin: 0;
padding: 0;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#register button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(48%, #00b0e2), color-stop(60%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -o-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -ms-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
}
@media (min-width: 1200px) {
#loginTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_login.png') no-repeat 240px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#registerTitle {
color: #484848;
margin-top: 70px;
margin-bottom: 30px;
display: block;
background: url('/assets/styles/website/images/icons/modal_reg.png') no-repeat 255px 0px;
text-indent: 40px;
margin-left: 0px;
height: 41px !important;
}
#loginTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 240px;
font-family: 'Open Sans', sans-serif !important;
}
#registerTitle h2 {
font-size: 28px;
padding-top: 16px;
padding-left: 260px;
font-family: 'Open Sans', sans-serif !important;
}
#login ul {
display: block;
margin: 0;
margin-left: 225px;
clear: both;
padding: 0;
}
#register ul {
display: block;
margin: 0;
margin-left: 240px;
padding: 0;
}
#login button {
cursor: pointer;
height: 40px;
width: auto;
margin: 0;
padding: 0 15px;
font-size: 16px;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#login button:hover {
cursor: pointer;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #00b0e2), color-stop(80%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -o-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: -ms-linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
background: linear-gradient(bottom, #00b0e2 46%, #38d2fe 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
#register button {
cursor: pointer;
height: 40px;
width: 165px;
margin: 0;
padding: 0;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(46%, #484848), color-stop(80%, #767676));
background: -webkit-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -o-linear-gradient(bottom, #484848 46%, #767676 80%);
background: -ms-linear-gradient(bottom, #484848 46%, #767676 80%);
background: linear-gradient(bottom, #484848 46%, #767676 80%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#484848', endColorstr='#767676', GradientType=0);
}
#register button:hover {
cursor: pointer;
border-radius: 8px;
background: -moz-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(48%, #00b0e2), color-stop(60%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -o-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -ms-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
}
#login ul li,
#register ul li {
display: inline-block;
/*float: left;*/
padding: 0 0 0 10px;
vertical-align: top;
}
#login input,
#register input {
font-family: 'Open Sans', sans-serif !important;
border: solid 1px #b3b1b2;
background: #eceaeb;
color: #484848;
font-size: 16px;
text-indent: 10px;
height: 40px;
}
.forgot {
font-size: 14px;
padding-top: 20px !important;
}
.forgot li {
clear: both;
float: left;
}
.forgot a {
color: #484848;
}
.forgot h5 {
font-size: 14px;
padding-left: 10px;
font-weight: bold;
}
.forgotpass .forgot li {
float: none !important;
}
.closer {
background: url('/assets/styles/website/images/icons/close_button.png') no-repeat 100%;
}
.closer h5 {
font-size: 14px;
line-height: 36px;
text-align: right;
padding-right: 45px;
margin: 0;
}
/* Menu
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.menubg {
text-align: center;
}
.menuTrigger {
float: left;
cursor: pointer;
}
#mobileButtonContainer {
float: left !important;
margin-right: 0px !important;
margin-bottom: 0px;
padding: 0px;
border-radius: 10px;
/*background: #01c6ff;
background: -moz-linear-gradient(top, #01c6ff 6%, #0199d1 71%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#01c6ff), color-stop(71%,#0199d1));
background: -webkit-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: -o-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: -ms-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: linear-gradient(top, #01c6ff 6%,#0199d1 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c6ff', endColorstr='#0199d1',GradientType=0);*/
background: none;
}
#mobileButtonContainer:hover,
#mobileButtonContainer:active {
float: left !important;
margin-right: 0px !important;
margin-bottom: 0px;
padding: 0px;
border-radius: 10px;
/*background: #01c6ff;
background: -moz-linear-gradient(top, #6ed7fd 6%, #3fa5d4 71%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#6ed7fd), color-stop(71%,#3fa5d4));
background: -webkit-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: -o-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: -ms-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ed7fd', endColorstr='#3fa5d4',GradientType=0);*/
background: none;
}
/*.navbarContainer ul:not(#mobileButtonContainer)>li,
.secondaryNavbarContainer ul:not(#mobileButtonContainer)>li,
.floatingNavbarContainer ul:not(#mobileButtonContainer)>li {
clear: both;
text-indent: 0.15em;
width: 100%;
}*/
.selpage {
/*color: #fff;*/
color: #00a2e1;
font-style: italic;
font-size: 14px;
font-family: 'Open Sans', sans-serif !important;
padding: 15px 20px 0px 20px;
margin: 0 !important;
background: url('/assets/styles/website/images/icons/pro_selector.png') no-repeat 50% 50%;
}
.menu {
float: right;
display: inline-block;
padding: 0;
margin: 0;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
}
.mobileDrop ul {
text-align: left;
padding: 0;
z-index: 10;
position: relative;
}
.mobileDrop ul li {
position: relative;
overflow: hidden;
}
.mobileDrop ul li a {
position: relative;
background: #000;
padding: 0 20px;
display: block;
line-height: inherit;
height: 50px;
text-shadow: 0px 0px 0px #000;
}
.mobileDrop ul li ul li a:hover {
background: #06ccff;
}
.mobileDrop ul li a:after {
display: none;
}
.touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #acaca1;
background: rgba(0, 0, 0, 0.075);
text-align: center;
color: #fff;
}
.touch-button i {
font-style: normal;
color: #fff;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.menuTrigger {
float: left;
margin-right: 5px;
cursor: pointer;
}
#mobileButtonContainer {
float: left !important;
margin-right: 0px !important;
margin-bottom: 0px;
padding: 0px;
height: 55px;
border-radius: 10px;
/*border: solid 1px #01c6ff;
background: #01c6ff;
background: -moz-linear-gradient(top, #01c6ff 6%, #0199d1 71%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#01c6ff), color-stop(71%,#0199d1));
background: -webkit-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: -o-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: -ms-linear-gradient(top, #01c6ff 6%,#0199d1 71%);
background: linear-gradient(top, #01c6ff 6%,#0199d1 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c6ff', endColorstr='#0199d1',GradientType=0);*/
background: none;
}
#mobileButtonContainer:hover,
#mobileButtonContainer:active {
float: left !important;
margin-right: 0px !important;
margin-bottom: 0px;
padding: 0px;
height: 55px;
border-radius: 10px;
/*border: solid 1px #01c6ff;
background: #01c6ff;
background: -moz-linear-gradient(top, #6ed7fd 6%, #3fa5d4 71%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#6ed7fd), color-stop(71%,#3fa5d4));
background: -webkit-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: -o-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: -ms-linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
background: linear-gradient(top, #6ed7fd 6%,#3fa5d4 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ed7fd', endColorstr='#3fa5d4',GradientType=0);*/
background: none;
}
.selpage {
/*color: #fff;*/
color: #00a2e1;
font-style: italic;
font-size: 14px;
font-family: 'Open Sans', sans-serif !important;
padding: 16px 48px 16px 12px;
margin: 0 !important;
background: url('/assets/styles/website/images/icons/pro_selector.png') no-repeat 50% 50%;
}
.menu {
display: block;
padding: 0;
margin: 0;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
float: right;
}
.mobileDrop ul {
text-align: left;
padding: 0;
z-index: 10;
position: relative;
}
.mobileDrop ul li {
position: relative;
overflow: hidden;
float: none;
}
.mobileDrop ul li a {
position: relative;
background: #000;
padding: 0 20px;
display: block;
line-height: inherit;
height: 50px;
text-shadow: 0px 0px;
}
.mobileDrop ul li ul li a:hover {
background: #06ccff;
}
.mobileDrop ul li ul li a {
color: #333;
}
.mobileDrop ul li a:after {
display: none;
}
.touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #acaca1;
background: rgba(0, 0, 0, 0.075);
text-align: center;
color: #fff;
}
.touch-button i {
font-style: normal;
color: #fff;
}
}
@media (min-width: 980px) {
.menubg {
/*height: 88px !important;*/
}
.menu {
display: block;
float: left;
height: 45px;
padding-top: 20px;
margin-top: 0px;
margin-right: 0px;
}
.menu a {
display: inline-block;
height: 45px;
color: #262626;
font-family: 'Open Sans', sans-serif !important;
text-shadow: 0px 0px 0px #444;
padding: 0 10px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.menu a:hover,
.menu a.current {
color: #fff;
background: #000;
}
/*.menu a.index0 {
padding-left: 0px !important;
padding-right: 0px !important;
width: 35px;
display: block;
height: 45px;
font-size: 0px;
background: url('/assets/styles/website/images/icons/home_icon_w.png') no-repeat 50% 46% !important;
}
.menu > ul > li.sub:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 30%;
bottom: -2px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #383838;
margin-left: -10px;
}*/
.menu ul {
/*line-height: 75px;
padding: 0em;*/
padding: 0 0 0 15px;
}
.menu li.menuLi0 {
position: relative;
height: 45px;
line-height: 45px;
}
.menu li.menuLi1 {
position: relative;
height: auto;
line-height: 120%;
}
.menu .submenu {
z-index: 1000;
}
.menu .submenu:hover>ul {
display: block;
}
.menu .submenu ul {
display: none;
position: absolute;
width: 190px;
top: 100%;
left: 0;
padding: 0;
margin-top: 1px;
border: solid 0px #e2e2e2;
}
.menu .submenu ul li {
float: none;
}
.menu .submenu ul li a {
background: #f3f3f3;
border-bottom: 0px dotted #6fc7ec;
color: #262626 !important;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
height: auto;
padding: 15px 10px;
}
.menu .submenu ul li:hover>ul {
display: block;
}
.menu .submenu ul li>ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
}
@media (min-width: 1200px) {
.menubg {
/*height: 88px !important;*/
}
.menu {
display: block;
float: left;
height: 45px;
padding-top: 20px;
margin-top: 0px;
margin-right: 0px;
}
.menu a {
display: inline-block;
height: 45px;
color: #262626;
font-family: 'Open Sans', sans-serif !important;
text-shadow: 0px 0px 0px #444;
padding: 0 10px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.menu a:hover,
.menu a.current,
.dropdown:hover>a {
color: #fff !important;
background: #000;
}
/*.menu a.index0 {
padding-left: 0px !important;
padding-right: 0px !important;
width: 35px;
display: block;
height: 45px;
font-size: 0px;
background: url('/assets/styles/website/images/icons/home_icon_w.png') no-repeat 50% 46% !important;
}
.menu > ul > li.sub:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 30%;
bottom: -2px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #383838;
margin-left: -10px;
}*/
.menu ul {
padding: 0 0 0 15px;
}
.menu li.menuLi0 {
position: relative;
height: 45px;
line-height: 45px;
}
.menu li.menuLi1 {
position: relative;
height: auto;
line-height: 120%;
}
.menu .submenu {
z-index: 1000;
}
.menu .submenu:hover>ul {
display: block;
}
.menu .submenu ul {
display: none;
position: absolute;
width: 230px;
top: 100%;
left: 0;
padding: 0;
margin-top: 1px;
border: solid 0px #e2e2e2;
}
.menu .submenu ul li {
float: none;
}
.menu .submenu ul li a {
background: #f3f3f3;
border-bottom: 0px dotted #6fc7ec;
color: #262626 !important;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
height: auto;
padding: 15px 10px;
}
.menu .submenu ul li a:hover {
color: #262626 !important;
}
.menu .submenu ul li:hover>ul {
display: block;
}
.menu .submenu ul li>ul {
display: none;
position: relative !important;
left: 0;
top: 0;
}
.menu .submenu ul li ul li a {
background: #dfdfdf;
border-bottom: 0px dotted #6fc7ec;
color: #262626;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
height: auto;
padding: 15px 10px;
}
.submenu a:after {
display: none;
}
.touch-button {
position: absolute;
z-index: 999;
top: 0;
right: 0;
width: 50px;
height: 50px;
display: inline-block;
background: #acaca1;
background: rgba(0, 0, 0, 0.075);
text-align: center;
color: #fff;
}
.touch-button i {
font-style: normal;
color: #fff;
}
}
/* Featured, Slider, Slider featured menu
----------------------------------------------------------------------------- */
#featured {
position: relative;
margin-top: -2px !important;
margin: 0px;
margin-bottom: 15px;
float: left;
display: block;
width: 100%;
background: #383838;
border-bottom: 0px solid #fff;
}
.leipis {
border-top: 2px solid #3ccaff;
}
.mobibg {
position: relative;
margin: 0px;
margin-bottom: 15px;
float: left;
display: block;
width: 100%;
background: #383838;
border-bottom: 0px solid #fff;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.featxt {
position: relative;
display: inline-block;
background: #383838;
border-top: solid 10px #bfbdbd;
float: left;
height: auto;
z-index: 200;
padding: 0px;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.featxt strong {
font-size: 24px;
line-height: 20px;
margin: 15px;
}
.featxt p {
margin: 15px;
line-height: 16px;
font-size: 13px;
color: #fff;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.featxt {
position: relative;
display: inline-block;
background: #383838;
border-top: solid 10px #bfbdbd;
float: left;
height: auto;
width: 100%;
z-index: 200;
color: #fff;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0;
}
.featxt strong {
font-size: 24px;
line-height: 20px;
margin: 15px;
}
.featxt p {
margin: 15px;
line-height: 16px;
font-size: 13px;
color: #fff;
}
}
@media (min-width: 980px) {
.featxt {
position: relative;
display: inline-block;
float: left;
height: 205px;
z-index: 200;
color: #fff;
padding-top: 10px;
}
.featxt h2 {
margin-top: 5px;
margin-bottom: 10px;
}
.featxt strong {
font-size: 20px;
line-height: 20px;
}
.featxt p {
margin: 5px 20px 5px 0px;
line-height: 16px;
font-size: 11px;
color: #fff;
}
}
@media (min-width: 1200px) {
.featxt {
position: relative;
display: inline-block;
float: left;
height: 200px;
z-index: 200;
color: #fff;
padding-top: 10px;
}
.featxt strong {
font-size: 20px;
line-height: 20px;
}
.featxt p {
margin: 15px 30px 15px 0px;
line-height: 16px;
font-size: 11px;
color: #fff;
}
}
/* Slider
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
#slider {
display: inline-block;
position: relative;
float: left;
width: 100%
}
#slider #DS {
position: relative;
height: 204px;
display: block;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
z-index: 50;
}
.dsslide img {
height: 204px !important;
width: 100%;
}
.mobilebanner {
/*border-top: solid 10px #bfbdbd;
max-height: 194px;*/
}
.mobilebanner img {
width: 100%;
margin-bottom: 0px !important;
}
.stillbanner {
border-top: solid 10px #bfbdbd;
}
.stillbanner h1 {
position: relative;
background: #000;
color: #fff;
font-weight: 800;
text-transform: uppercase;
padding: 25px;
margin: 0px;
text-align: center;
font-size: 30px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#slider {
display: inline-block;
position: relative;
float: left;
}
#slider #DS {
position: relative;
height: 275px;
display: block;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
z-index: 50;
}
.dsslide img {
height: 275px !important;
width: 100%;
}
.stillbanner h1 {
position: relative;
background: #000;
color: #fff;
font-weight: 800;
text-transform: uppercase;
padding: 25px;
margin: 0px;
text-align: center;
font-size: 30px;
}
}
@media (min-width: 980px) {
#slider {
display: inline-block;
position: relative;
float: left;
}
#slider #DS {
position: relative;
height: 384px;
display: block;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
z-index: 50;
}
.dsslide img {
height: 384px !important;
width: 100%;
}
.stillbanner h1 {
position: absolute;
background: #000;
color: #fff;
font-weight: 800;
text-transform: uppercase;
padding: 25px 35px;
margin: 30px;
}
}
@media (min-width: 1200px) {
#slider {
display: inline-block;
position: relative;
float: left;
}
#slider #DS {
position: relative;
height: 500px;
display: block;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
z-index: 50;
}
.dsslide img {
height: 500px !important;
width: 100%;
}
.stillbanner h1 {
position: absolute;
background: #000;
color: #fff;
font-weight: 800;
text-transform: uppercase;
padding: 25px 35px;
margin: 30px;
}
}
#slider #DS div.dsslide {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
}
#DSCtl {
text-align: center !important;
margin: 0;
padding: 0;
position: absolute;
right: 0px;
height: 30px;
float: none;
width: 100%;
bottom: 0px;
z-index: 998;
}
#DSCtl .dsctl {
/*margin:5px;*/
width: 24px;
opacity: 1;
filter: alpha(opacity=40);
height: 23px;
display: inline-block;
}
#DSCtl a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#DSCtl .dsctl.selected {
background: url('/assets/styles/website/images/icons/active_new.png') no-repeat 0 0;
opacity: 1;
filter: alpha(opacity=100);
}
#DSCtl .dsctl.inactive {
background: url('/assets/styles/website/images/icons/inactive_new.png') no-repeat 0 0;
}
#DSCtl a {
cursor: pointer;
display: block;
z-index: 999;
}
.slidiv {
display: block;
position: absolute;
left: 0;
width: 1200px;
z-index: 100;
}
.stop {
top: 0;
height: 5px;
background: url('/assets/styles/website/images/new/slider_top.png') no-repeat left top;
}
.sbot {
bottom: 0;
height: 9px;
background: url('/assets/styles/website/images/new/slider_bot.png') no-repeat left top;
}
/* Stillbanner
----------------------------------------------------------------------------- */
/*.stillbanner h1 {
position: relative;
background: #000;
color: #fff;
font-weight: 800;
text-transform: uppercase;
padding: 25px;
margin: 0px;
text-align: center;
font-size: 30px;
}*/
.stillbanner img {
margin: 0 !important;
width: 100%;
display: block;
}
/* Slider Submenu
----------------------------------------------------------------------------- */
.featured_menu {
background: #383838;
/*display: block;
width: 100%;*/
height: 25px;
float: left;
display: none;
}
.featured_menu ul {
list-style: none;
margin: 0;
padding: 0;
height: 25px;
}
.featured_menu ul li {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
font-size: 12px;
line-height: 5px;
color: #fff;
}
.featured_menu ul li.divider {
display: none;
width: 2px;
height: 73px;
background: url('/assets/styles/website/images/new/feat_menu_sep.jpg') no-repeat;
border-bottom: 0px;
}
.featured_menu a {
display: block;
color: #fff;
padding: 10px 15px 10px;
text-decoration: none;
}
.featured_menu a:hover {}
.divider {
clear: none;
}
/* Search
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.searchbut {
float: left;
height: 40px !important;
width: 40px;
display: inline-block;
/*border: solid 1px #484848;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.searchbut:hover {
height: 40px !important;
width: 40px;
display: inline-block;
/*border: solid 1px #757575;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 0px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.searchbut a {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
height: 40px;
padding: 0;
width: 40px;
font-size: 0px;
vertical-align: top;
}
.searchbut a:hover {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
}
.formSearch {
display: block;
height: 35px;
position: relative;
margin-bottom: 20px;
}
.searchForm {
margin-left: 10px !important;
margin-right: 10px !important;
height: 100%;
}
#search-items a {
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.searchbut {
float: left;
height: 55px !important;
width: 60px;
display: inline-block;
/*border: solid 1px #484848;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.searchbut:hover {
height: 55px !important;
width: 60px;
display: inline-block;
/*border: solid 1px #757575;*/
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.searchbut a {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
height: 55px;
padding: 0;
width: 60px;
font-size: 0px;
vertical-align: top;
}
.searchbut a:hover {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
}
.formSearch {
display: block;
height: 35px;
position: relative;
margin-bottom: 20px;
}
.searchForm {
margin-left: 0px;
margin-right: 0px;
height: 100%;
}
#search-items a {
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
}
@media (min-width: 980px) {
/*.searchForm {
display: inline-block;
width: 180px;
}*/
.searchbut {
float: left;
height: 40px !important;
width: 30px;
display: inline-block;
border: solid 0px #484848;
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.searchbut:hover {
height: 40px !important;
width: 30px;
display: inline-block;
border: solid 0px #757575;
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.searchbut a {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
height: 40px;
padding: 0;
width: 30px;
font-size: 0px;
vertical-align: top;
}
.searchbut a:hover {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
}
.formSearch {
display: block;
height: 35px;
position: relative;
margin-bottom: 20px;
}
.searchForm {
margin-left: 0px;
margin-right: 0px;
height: 100%;
}
#search-items a {
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
}
@media (min-width: 1200px) {
/*.searchForm {
display: inline-block;
width: 280px;
}*/
.searchbut {
float: left;
height: 40px !important;
width: 40px;
display: inline-block;
border: solid 0px #484848;
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #484848;*/
}
.searchbut:hover {
height: 40px !important;
width: 40px;
display: inline-block;
border: solid 0px #757575;
border-radius: 10px;
margin-top: 0px;
margin-right: 5px;
padding: 0 !important;
font-size: 0px;
vertical-align: top;
/*background: #757575;*/
}
.searchbut a {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
height: 40px;
padding: 0;
width: 40px;
font-size: 0px;
vertical-align: top;
}
.searchbut a:hover {
background: url('/assets/styles/website/images/icons/magnify_motip.png') no-repeat 50%;
}
.formSearch {
display: block;
height: 35px;
position: relative;
margin-bottom: 20px;
}
.searchForm {
margin-left: 30px;
margin-right: 30px;
height: 100%;
}
#search-items a {
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 800;
}
}
.searchForm input[type="text"] {
margin-top: 0.45em !important;
font-size: 13px;
font-family: 'Open Sans', sans-serif !important;
font-weight: bold;
border: 0;
width: 100%;
text-align: right;
text-transform: uppercase;
padding-right: 10px;
height: 30px;
color: #000;
margin-left: 0px;
}
.searchForm button {
display: none;
}
/* Languae bar
------------------------------------------------------------------------------*/
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.langs {
float: left !important;
margin-top: 0px !important;
margin-bottom: 0px;
margin-right: 0px;
display: none;
vertical-align: top;
max-height: 62px;
}
.langs a span {
display: none;
}
.langs a {
height: 55px;
width: 60px;
padding: 0;
margin-right: 5px;
float: left;
border-radius: 10px;
border: solid 1px #484848;
background: #484848;
}
.langs a:hover {
height: 55px;
width: 60px;
padding: 0;
border-radius: 10px;
border: solid 1px #757575;
background: #757575;
}
.langs a:active {
height: 55px;
width: 60px;
padding: 0;
border-radius: 10px;
border: solid 1px #cccccc;
background: #d4d3d3;
background: -moz-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #fff), color-stop(100%, #d4d3d3));
background: -webkit-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -o-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -ms-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: linear-gradient(top, #fff 61%, #d4d3d3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d4d3d3', GradientType=0);
/*background: none;*/
}
.langs a img {
height: 16px;
width: 18px;
line-height: 13px;
text-shadow: none;
color: #515151;
margin: 0px;
margin-bottom: 0px !important;
padding: 19px 21px;
font-size: 12px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.langs {
float: left !important;
margin-top: 0px !important;
margin-right: 0px;
display: none;
vertical-align: top;
max-height: 62px;
}
.langs a span {
display: none;
}
.langs a {
height: 55px;
width: 60px;
padding: 0;
margin-right: 5px;
float: left;
border-radius: 10px;
border: solid 1px #484848;
background: #484848;
}
.langs a:hover {
height: 55px;
width: 60px;
padding: 0;
border-radius: 10px;
border: solid 1px #757575;
background: #757575;
}
.langs a:active {
height: 55px;
width: 60px;
padding: 0;
border-radius: 10px;
border: solid 1px #cccccc;
background: #d4d3d3;
background: -moz-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(61%, #fff), color-stop(100%, #d4d3d3));
background: -webkit-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -o-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: -ms-linear-gradient(top, #fff 61%, #d4d3d3 100%);
background: linear-gradient(top, #fff 61%, #d4d3d3 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#d4d3d3', GradientType=0);
/*background: none;*/
}
.langs a img {
height: 16px;
width: 18px;
line-height: 13px;
text-shadow: none;
color: #515151;
margin: 0px;
margin-bottom: 0px !important;
padding: 19px 21px;
font-size: 12px;
}
}
@media (min-width: 980px) {
.langs {
float: none !important;
display: none;
margin: 0;
}
.langs a span {
display: none;
}
.langs a {
height: 26px;
line-height: 26px;
text-shadow: 0px 0px 0px #515151;
color: #515151;
margin: 0em;
padding: 0px;
font-size: 12px;
}
.langs a:hover {
background: none;
}
.langs a img {
margin: 0px !important;
padding: 0px;
}
}
@media (min-width: 1200px) {
.langs {
float: none !important;
display: none;
margin: 0;
}
.langs a span {
display: inline-block;
}
.langs a {
height: 26px;
line-height: 26px;
text-shadow: 0px 0px 0px #515151;
color: #515151;
margin: 0em;
padding: 0px;
font-size: 12px;
}
.langs a:hover {
background: none;
}
.langs a img {
margin: 0px !important;
padding: 0px;
}
}
.langs ul {
padding: 0em;
}
.langs ul>li {
float: none;
}
/* Content
----------------------------------------------------------------------------- */
.content {
background: #fff;
/*border: 1px solid #eee;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background: #fff;
border-radius: 10px;*/
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.content .height .col4 {
min-width: 231px;
}
}
@media (min-width: 980px) {
.content .height .col4 {
min-width: 303px;
}
}
@media (min-width: 1200px) {
.content .height .col4 {
min-width: 380px;
}
}
.height {
min-height: 650px;
height: 100%;
}
/* breadcrumb
-------------------------------------------------- */
.breadcrumb {
display: block;
clear: both;
margin: 15px 135px 0px 0px;
float: right;
}
.breadcrumb ul {
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb ul li {
list-style: none;
float: left;
margin: 0 4px 0 0;
padding: 0;
font-size: 10px;
font-family: 'Open Sans', sans-serif !important;
}
.breadcrumb ul li a {
background: url('/assets/styles/website/images/icons/crumb_arrow.png') no-repeat right 4px;
padding: 0 13px 0 0;
font-weight: bold;
color: #383838;
}
.breadcrumb ul li:last-child a {
background: none;
padding: 0;
}
.breadcrumb ul li a.current {
text-decoration: none;
font-weight: normal;
}
/* Contact form
------------------------------------------------------------------------------*/
/*.contactForm ul {
padding: 0em;
}
form {
display: block;
padding:0px;
margin:0px;
}
.paytbl {
width:auto;
}
.paytbl.info
{
color: #00529B;
background-color: #BDE5F8;
}
.paytbl.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.paytbl.error
{
color: #D8000C;
background:#ffbaba;
margin-top:15px;
margin-bottom:15px;
border:1px solid #700;
}
.paytbl.error h1, .paytbl.error h2
{
color: #900;
}
.lmandatory
{
font-weight:bold;
color:#D00;
}
form {
margin: 0px;
padding: 0px;
}
form input, form select {
width: auto;
color: #333;
padding: 5px;
border: 1px solid #ccc;
background: #fff;
}
form input.styled {
width:auto;
}
form input.ro {
border: 1px solid #9F6000;
color: #9F6000;
background-color: #FEEFB3;
}
form label {
display: block;
width: auto;
margin-top: 14px;
margin-bottom: 5px;
font-size: 14px;
color: #000;
}
form textarea {
min-width: 410px;
height: 200px;
margin-bottom: 15px;
padding: 5px;
color: #333;
border: 1px solid #ccc;
background: #fff;
}
form .submit_btn {
margin: 10px 0px;
padding: 5px 14px;
border: 1px solid #ccc;
background: #fff;
}
.formi {
margin: 20px;
}
.cf {
padding-bottom: 20px !important;
font-family: 'Open Sans', sans-serif !important;
}
.contactForm .successButton {
padding: 0.8em;
}
.contactForm .select {
width: 183px !important;
font-weight: normal;
}
.contactForm input {
width: 195px !important;
height: 32px;
text-indent: 0px;
}*/
.lomake,
.lomake:hover,
.lomake:visited {
background: #000;
color: #fff !important;
font-weight: 800;
padding: 9px 25px;
text-transform: uppercase;
text-decoration: none;
margin-top: 5px;
display: inline-block;
}
/* User Settings
----------------------------------------------------------------------------- */
#userForm {}
.user {
float: left;
}
.userinfo {
float: left;
margin-right: 50px;
}
#udataTitle h2 {
margin-top: 6px;
margin-left: 5px;
font-size: 24px;
margin-bottom: 0;
}
.set {
background: #484848;
color: #fff;
padding: 10px 10px;
}
/*.userinfo select {
width: 160px;
height: 35px;
margin-bottom: 15px;
}*/
.ulang {
float: left;
clear: both;
width: 161px;
padding: 0px !important;
border: 1px solid #d0d0d0 !important;
font-size: 14px;
border-radius: 2px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
font-weight: normal !important;
margin-bottom: 15px !important;
}
.ulang .text {
min-width: 108px;
height: 33px !important;
line-height: 33px !important;
}
.ulang .arrow {
line-height: 33px !important;
height: 33px !important;
width: 33px !important;
margin: 0 !important;
text-align: center;
}
ul.ulang {
margin-left: 0px !important;
z-index: 100;
font-size: 14px;
}
ul.ulang li:hover {
background-color: #00b0e2 !important;
}
ul.ulang li .text:hover {
color: #fefefe !important;
}
ul.ulang li.selected {
background-color: #05a1ce !important;
font-weight: normal !important;
}
ul.ulang li.selected .text {
color: #fefefe !important;
}
ul.ulang li {
padding: 0px !important;
border: 0px solid #b2b2b2 !important;
background-color: #fefefe !important;
width: 100%;
}
ul.ulang li .text {
background: none;
border: 0;
color: #484848;
height: auto;
line-height: 20px;
width: 100% !important;
padding: 0px !important;
text-indent: 10px;
}
ul.ulang li .text:hover,
ul.ulang li .text:focus {
border-color: none;
box-shadow: 0 0 0px #8ccfff, inset 0 0 0px rgba(0, 0, 0, 0.12);
}
/* Contact Form
----------------------------------------------------------------------------- */
.row1 {
float: left;
clear: left;
margin-right: 20px;
height: 49px;
width: 245px;
}
.row2 {
float: left;
height: 49px;
width: 245px;
}
.closer {
background: url('/assets/styles/shop/images/icons/close_button.png') no-repeat 100%;
}
.closer h5 {
font-size: 14px;
line-height: 36px;
text-align: right;
padding-right: 45px;
margin: 0;
}
#cfTitle {
margin-top: 30px;
}
#cf {
padding-bottom: 20px !important;
font-family: 'Open Sans', sans-serif !important;
}
#contactForm input {
width: 245px !important;
height: 35px;
text-indent: 0px;
}
#contactForm .captcha {
width: 510px !important;
}
#contactForm textarea {
width: 510px;
margin-bottom: 15px;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
#contactForm .captcha {
width: 245px !important;
}
#contactForm textarea {
width: 245px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#contactForm .captcha {
width: 245px !important;
}
#contactForm textarea {
width: 245px;
margin-bottom: 15px;
}
}
#contactForm {
margin-left: 0px;
}
#contactForm a {
border: solid 0px #b2b2b2;
padding: 0;
}
.subject,
.contact_me,
.country,
.place {
font-size: 14px;
width: 243px;
font-weight: normal !important;
padding: 0px !important;
border: 1px solid #d0d0d0 !important;
border-radius: 2px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.12);
}
.subject .text,
.contact_me .text,
.country .text,
.place .text {
min-width: 140px;
height: 33px !important;
line-height: 33px !important;
}
.subject .arrow,
.contact_me .arrow,
.country .arrow,
.place .arrow {
line-height: 33px !important;
height: 33px !important;
width: 33px !important;
margin: 0 !important;
text-align: center;
float: right !important;
}
ul.subject,
ul.contact_me,
ul.country,
ul.place {
margin-left: 0px !important;
z-index: 100;
font-size: 14px;
border-left: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
border-right: solid 1px #d0d0d0;
}
ul.country {
max-height: 250px;
}
ul.subject li:hover,
ul.contact_me li:hover,
ul.country li:hover,
ul.place li:hover {
background-color: #00b0e2 !important;
}
ul.subject li .text:hover,
ul.contact_me li .text:hover,
ul.country li .text:hover,
ul.place li .text:hover {
color: #fefefe !important;
}
ul.subject li.selected,
ul.contact_me li.selected,
ul.country li.selected,
ul.place li.selected {
background-color: #05a1ce !important;
font-weight: normal !important;
}
ul.subject li.selected .text,
ul.contact_me li.selected .text,
ul.country li.selected .text,
ul.place li.selected .text {
color: #fefefe !important;
}
ul.subject li,
ul.contact_me li,
ul.country li,
ul.place li {
padding: 0px !important;
border: 0px solid #b2b2b2 !important;
background-color: #fefefe !important;
width: 100%;
}
ul.subject li .text,
ul.contact_me li .text,
ul.country li .text,
ul.place li .text {
background: none;
border: 0;
color: #484848;
height: auto !important;
line-height: 20px !important;
width: 100% !important;
padding: 10px !important;
max-width: 223px;
}
ul.subject li .text:hover,
ul.subject li .text:focus,
ul.contact_me li .text:hover,
ul.contact_me li .text:focus,
ul.country li .text:hover,
ul.country li .text:focus,
ul.place li .text:hover,
ul.place li .text:focus {
border-color: none;
box-shadow: 0 0 0px #8ccfff, inset 0 0 0px rgba(0, 0, 0, 0.12);
}
#send_form button,
.proceed {
padding: 10px 30px;
font-size: 16px;
border-radius: 8px;
border: 0px solid;
background: #383838;
color: #fff;
}
#send_form button:hover,
.proceed:hover {
background: -moz-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(48%, #00b0e2), color-stop(60%, #38d2fe));
background: -webkit-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -o-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: -ms-linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
background: linear-gradient(bottom, #00b0e2 48%, #38d2fe 60%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00b0e2', endColorstr='#38d2fe', GradientType=0);
}
/* personnel
----------------------------------------------------------------------------- */
.personnel img {
margin-bottom: 25px !important;
}
.personnel h3 {
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
}
.personnel h4 {
font-size: 16px;
font-family: 'Open Sans', sans-serif !important;
}
.personnel p {
font-size: 12px;
font-family: 'Open Sans', sans-serif !important;
}
.info {
text-align: center;
}
.info h2 {
font-size: 21px;
color: #000;
font-weight: 800;
padding: 9px 25px;
margin-bottom: 5px;
}
.info h3 {
font-size: 21px;
color: #000;
padding: 9px 25px;
margin-bottom: 5px;
}
/* news and tags
----------------------------------------------------------------------------- */
.news {
border-top: 0px solid #eee;
margin-top: 10px;
clear: both;
}
.news .item {}
.news .item h3 {
margin: 0;
font-weight: bold;
}
.news .item span.date {
display: block;
font-weight: normal;
font-size: 11px;
margin: 0 0 5px;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.created {
font-size: 12px;
color: #000;
padding-right: 45px;
}
.edited {
font-size: 9px;
display: block;
}
.news .item hr {
height: 0px;
border-top: 0;
}
a.newsitem {
display: block;
text-decoration: none;
color: #000;
background: none;
border: solid 0px #cccccc;
border-radius: 0px;
padding: 10px 0px;
}
.newsitem p {
padding-left: 0px;
font-size: 14px;
margin-bottom: 5px;
}
.tags,
.feeds {
margin-top: 30px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.created {
font-size: 12px;
color: #000;
padding-right: 45px;
}
.edited {
font-size: 9px;
display: block;
}
.news .item hr {
height: 0px;
border-top: 0;
}
a.newsitem {
display: block;
text-decoration: none;
color: #000;
background: none;
border: solid 0px #cccccc;
border-radius: 0px;
padding: 10px 0px;
}
.newsitem p {
padding-left: 0px;
font-size: 14px;
margin-bottom: 5px;
}
}
@media (min-width: 980px) {
.created {
font-size: 12px;
color: #000;
padding-right: 45px;
}
.edited {
font-size: 9px;
/*display: block;*/
display: none;
}
a.newsitem {
display: block;
text-decoration: none;
color: #000;
background: none;
border: solid 0px #cccccc;
border-radius: 0px;
padding: 0px;
}
.newsitem p {
/*background: url('/assets/styles/website/images/icons/arrow_r.png')no-repeat 0% 50%;
padding-left: 18px;
margin-bottom: 5px;*/
display: inline-block;
float: left;
}
.ntitle {
max-width: 405px;
}
}
@media (min-width: 1200px) {
.created {
font-size: 12px;
color: #000;
padding-right: 45px;
}
.edited {
font-size: 9px;
/*display: block;*/
display: none;
}
a.newsitem {
display: block;
text-decoration: none;
color: #000;
background: none;
border: solid 0px #cccccc;
border-radius: 0px;
padding: 0px;
}
.newsitem p {
/*background: url('/assets/styles/website/images/icons/arrow_r.png')no-repeat 0% 50%;
padding-left: 18px;
margin-bottom: 5px;*/
display: inline-block;
float: left;
}
.ntitle {
max-width: 405px;
}
}
#nyyssi div {
padding: 0 20px;
}
#nyyssi h5 {
font-size: 22px;
font-family: 'Open Sans', sans-serif !important;
margin: 0;
}
.feeds {}
/*.feeds hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #000;
margin: 0;
padding: 0;
width: 100%;
-webkit-margin-before: 0.3em;
-webkit-margin-after: 0.3em;
}
.feeds p {
margin-bottom: 0px;
font-size: 12px;
color: #000;
font-style: italic;
font-weight: bold;
}
.feeds a {
text-decoration: none;
margin-bottom: 0px;
font-size: 12px;
color: #010101;
font-style: normal;
padding: 0;
line-height: 15px;
margin-bottom: 15px;
}*/
.feeds h3,
.tags h3 {
background: #000;
color: #fff;
font-weight: 800;
display: inline-block;
padding: 9px 25px;
text-transform: uppercase;
margin-bottom: 5px;
}
/* Page, Middle and Sidebar (frontpage))
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.columns {}
.page {
background: #fff;
border-radius: 0px;
border-right: 0px solid #ddd;
height: 100%;
}
.page h1 {
margin-bottom: 5px;
font-weight: 800;
}
.middle {
background: #fff;
border-radius: 0px;
height: 100%;
}
.middle h4 {
font-size: 13px;
font-weight: bold;
color: #010101;
margin: 0;
}
.middle a img {
width: 100%;
}
.sidebar img {
display: none;
margin-bottom: 0px !important;
width: 100%;
margin-right: 10px;
}
.sidebar img:last-child {
margin-right: 0px !important;
}
#sidebar img {
display: none;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.columns {}
.page {
background: #fff;
border-radius: 0px;
border-right: 0px solid #ddd;
margin-left: 0px;
height: 100%;
text-align: center;
}
.page h1 {
margin-bottom: 5px;
font-weight: 800;
}
.page h4 {
/*font-size: 13px;
font-weight: bold;
color: #010101;
margin: 0;*/
margin-bottom: 5px;
}
.page h5 {
font-size: 13px;
margin: 0;
padding-top: 15px;
line-height: 14px;
font-family: 'Open Sans', sans-serif !important;
color: #010101;
font-weight: bold;
}
.page ul {
font-size: 13px;
color: #010101;
}
.page p a {
color: #383838;
}
.page p img {
margin: 0;
width: 100%;
margin-bottom: 5px !important;
}
.inpage h1 {
margin-bottom: 20px;
font-weight: 800;
}
.inpage h3 {
margin-bottom: 10px;
}
.middle {
background: #fff;
border-radius: 0px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
height: 100%;
margin-left: 0px;
}
.middle h4 {
font-size: 13px;
font-weight: bold;
color: #010101;
margin: 0;
}
.middle a img {
width: 100%;
}
.sidebar {
background: #fff;
border-radius: 10px;
height: 100%;
margin-left: 15px;
}
.sidebar img {
margin-bottom: 0px !important;
width: 100%;
}
#sidebar img {
width: 100%;
}
}
@media (min-width: 980px) {
.page {
margin-left: 0px;
text-align: center;
}
.page h1 {
margin-bottom: 5px;
font-weight: 800;
}
.page h4 {
margin-bottom: 5px;
}
.page h5 {
font-size: 11px;
margin: 0;
padding-top: 15px;
line-height: 14px;
font-family: 'Open Sans', sans-serif !important;
color: #010101;
font-weight: bold;
}
.page ul {
font-size: 11px;
color: #010101;
}
.page p a {
color: #383838;
}
.page p img {
margin: 0;
width: 100%;
margin-bottom: 5px !important;
}
.inpage h1 {
margin-bottom: 20px;
font-weight: 800;
}
.inpage h3 {
margin-bottom: 10px;
}
.middle {}
.middle h1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px;
}
.middle h4 {
font-size: 11px;
font-weight: bold;
color: #010101;
margin: 0;
}
.middle a img {
width: 100%;
}
.sidebar {
margin-left: 0px !important;
}
/*.sidebar h4 {
font-size: 11px;
font-weight: bold;
color: #010101;
margin: 0;
margin-bottom: 10px;
}*/
.sidebar h1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px !important;
}
.sidebar h1 span {
background: url('/assets/styles/website/images/icons/rss.png') no-repeat 100% 25%;
padding-right: 18px;
}
.sidebar img {
margin-bottom: 0px !important;
width: 100%;
}
#sidebar img {
width: 100%;
}
}
@media (min-width: 1200px) {
.page {
margin-left: 0px;
text-align: center;
}
.page h1 {
margin-bottom: 10px;
font-weight: 800;
}
.page h4 {
margin-bottom: 20px;
}
.page h5 {
font-size: 11px;
margin: 0;
padding-top: 15px;
line-height: 14px;
font-family: 'Open Sans', sans-serif !important;
color: #010101;
font-weight: bold;
}
.page ul {
font-size: 11px;
color: #010101;
}
.page p a {
color: #383838;
}
.page p img {
margin: 0;
width: 100%;
margin-bottom: 5px !important;
}
.inpage h1 {
margin-bottom: 20px;
font-weight: 800;
}
.inpage h3 {
margin-bottom: 10px;
}
.middle {}
.middle h1 {
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
}
.middle h4 {
font-size: 11px;
font-weight: bold;
color: #010101;
margin: 0;
}
.middle a img {
width: 100%;
}
.sidebar {
margin-left: 0px !important;
}
.sidebar h1 {
font-size: 20px;
margin-bottom: 5px !important;
}
/*.sidebar h4 {
font-size: 11px;
font-weight: bold;
color: #010101;
margin: 0;
margin-bottom: 7px;
}*/
.sidebar h1 span {
background: url('/assets/styles/website/images/icons/rss.png') no-repeat 100% 25%;
padding-right: 18px;
}
.sidebar img,
.inpage img {
margin-bottom: 0px !important;
width: 100%
}
}
/* Middle links
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.link {
margin: 0;
width: 33.333333%;
background: #fff;
padding: 0px;
text-align: center;
position: relative;
}
.linkImg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.link img {
width: 100%;
margin: 0px;
}
.linkHead {
position: absolute;
top: 40%;
height: auto;
width: 100%;
display: block;
text-align: center;
padding: 0px;
}
.linkHead h3 {
background: #000;
color: #fff;
font-weight: 800;
display: inline-block;
padding: 9px 25px;
text-transform: uppercase;
margin: 0;
}
.link a {
text-decoration: none;
/* font-size: 14px; */
/* text-align: center; */
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 1;
}
.link p {
display: none;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.link {
margin: 0;
width: 100%;
background: #fff;
padding: 30px 0px;
text-align: center;
}
.linkImg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.link img {
width: 100%;
margin-bottom: 20px;
}
.linkHead {
position: absolute;
top: 40%;
height: auto;
width: 100%;
display: block;
text-align: center;
padding: 0px;
}
.linkHead h3 {
background: #000;
color: #fff;
font-weight: 800;
display: inline-block;
padding: 9px 25px;
text-transform: uppercase;
margin: 0;
}
.link a {
text-decoration: none;
font-size: 14px;
text-align: center;
display: block;
}
.link p {
padding: 0px 30px;
}
}
@media (min-width: 980px) {
.linkcontainer {
background: #fff;
}
.link {
margin: 0;
width: 33.333333%;
background: #fff;
padding: 30px 0px;
text-align: center;
}
.linkImg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.link img {
width: 100%;
margin-bottom: 20px;
}
.linkHead {
position: absolute;
top: 30%;
height: auto;
width: 100%;
display: block;
text-align: center;
padding: 0px;
}
.linkHead h3 {
background: #000;
color: #fff;
font-weight: 800;
display: inline-block;
padding: 9px 25px;
text-transform: uppercase;
margin: 0;
}
.link a {
text-decoration: none;
font-size: 14px;
text-align: center;
display: block;
}
.link p {
padding: 0px 30px;
}
}
@media (min-width: 1200px) {
.linkcontainer {
background: #fff;
}
.link {
margin: 0;
width: 33.333333%;
background: #fff;
padding: 30px 0px;
text-align: center;
/*position: relative;*/
}
.linkImg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.link img {
width: 100%;
margin-bottom: 20px;
}
.linkHead {
position: absolute;
top: 40%;
height: auto;
width: 100%;
display: block;
text-align: center;
padding: 0px;
}
.linkHead h3 {
background: #000;
color: #fff;
font-weight: 800;
display: inline-block;
padding: 9px 25px;
text-transform: uppercase;
margin: 0;
}
.link a {
text-decoration: none;
font-size: 14px;
text-align: center;
display: block;
}
.link p {
padding: 0px 30px;
}
}
/* Inner page layout panels
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.mleftpan,
.mrightpan {}
.leftpan {
margin-left: 10px !important;
}
.leftpan h2,
.rightpan h2 {
margin-top: 0px !important;
}
/*.leftpan a,
.rightpan a {
color: inherit;
font-weight: bold;
font-style: italic;
}*/
.kfull tr,
.kfull tr:hover {
background: none;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.mleftpan,
.mrightpan {
/*background: #ededed;*/
}
.mleftpan,
.inpageright {
margin-left: 10px !important;
}
.leftpan h2,
.rightpan h2 {
margin-top: 0px !important;
}
/*.leftpan a,
.rightpan a {
color: inherit;
font-weight: bold;
font-style: italic;
}*/
.leftpan tr,
.leftpan tr:hover,
.rightpan tr,
.rightpan tr:hover {
background: none;
}
}
@media (min-width: 980px) {
.full .inpage {
margin-left: 10px !important;
}
.leftpan,
.rightpan,
.mleftpan,
.mrightpan {
/*background: #ededed;*/
}
.leftpan h2,
.rightpan h2 {
margin-top: 0px !important;
}
/*.leftpan a,
.rightpan a {
color: inherit;
font-weight: bold;
font-style: italic;
}*/
.leftpan tr,
.leftpan tr:hover,
.rightpan tr,
.rightpan tr:hover {
background: none;
}
}
@media (min-width: 1200px) {
.full .inpage {
margin-left: 15px !important;
}
.leftpan,
.rightpan,
.mleftpan,
.mrightpan {
/*background: #ededed;*/
}
.leftpan h2,
.rightpan h2 {
margin-top: 0px !important;
}
/*.leftpan a,
.rightpan a {
color: inherit;
font-weight: bold;
font-style: italic;
}*/
.leftpan tr,
.leftpan tr:hover,
.rightpan tr,
.rightpan tr:hover {
background: none;
}
}
/* Ota yhteyttä - company description
------------------------------------------------------------------------------*/
.descTotal {
margin: 15px;
text-align: center;
}
.singleDesc {
padding-bottom: 10px;
}
/* Ota yhteyttä - contact persons
----------------------------------------------------------------------------- */
.contact_persons {
margin-left: 10px;
margin-bottom: 25px;
}
.contact_persons,
.staff_member .center {
text-align: center;
}
.contact_persons h3 {
margin-top: 15px;
}
.contact_persons h4 {
margin-top: 10px;
text-align: center;
font-size: 1em;
font-weight: bold;
}
.staff_member {
vertical-align: top;
margin: 10px;
width: 180px;
display: inline-block;
}
.staff_member_text {
margin-top: 8px;
vertical-align: top;
}
.staff_member_text p {
margin: 2px!important;
}
.staff_member_image {
height: 120px;
}
.staff_member_text .name {
font-weight: bold;
}
.staff_member_image img {
max-width: 100px;
max-height: 120px;
}
/* Partners details
----------------------------------------------------------------------------- */
.partners {
text-align: left;
}
.partners h3 {
margin-top: 50px;
text-align: left;
padding-left: 0px;
}
.partner {
margin-top: 30px;
vertical-align: top;
}
/* Sidemenu
----------------------------------------------------------------------------- */
.sidemenu ul {
list-style: none;
margin: 0 0 0 2px;
padding: 0;
}
.sidemenu ul li {
background: url('/assets/styles/website/images/new/arrow.jpg') no-repeat left 4px;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
font-size: 11px;
line-height: 16px;
}
/* About Footer
----------------------------------------------------------------------------- */
.painter img {
width: 100%;
}
.about {
text-align: right;
}
.abouthead {
text-align: center;
}
.abouthead h3 {
background: #000;
color: #fff;
text-transform: uppercase;
display: inline-block;
padding: 9px 25px;
}
.about h3 {
font-weight: 800;
text-align: center;
}
.read_more {
text-align: right;
font-weight: 800;
text-decoration: none;
color: #000;
font-size: 21px;
}
.about a {
font-size: 21px;
font-family: 'Open Sans', sans-serif !important;
color: #000000;
text-decoration: none;
font-weight: 800;
}
/* Footer
----------------------------------------------------------------------------- */
.footer {
color: #000;
font-size: 11px;
background: #f3f3f3;
/*background: -moz-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a3a3a), color-stop(100%, #2f2f2f));
background: -webkit-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
background: -o-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
background: linear-gradient(top, #3a3a3a 0%, #2f2f2f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#2f2f2f', GradientType=0);*/
padding: 50px 0px;
border-top: 2px solid #3ccaff;
}
.infoot {
position: relative;
}
.footer h4 {
font-size: 12px;
text-transform: uppercase;
color: #000;
text-shadow: 0px 0px 0px #000;
font-family: 'Open Sans', sans-serif !important;
}
.footer a {
color: #00a2e1;
}
.footcopy a {
font-family: 'Open Sans', sans-serif !important;
color: #000;
text-decoration: none;
}
.footer a:hover,
.footcopy a:hover {
text-decoration: underline;
}
.footcopy {
text-align: center;
color: #000;
font-size: 36px;
background: #f3f3f3;
padding: 60px 0px 160px;
}
.footcopy h1 {
font-weight: 800;
}
.footcopy p {
font-family: 'Open Sans', sans-serif !important;
margin: 0;
font-size: 11px;
margin-left: 17px;
color: #000;
padding: 0px;
}
.footcopy p.copy {
font-family: 'Open Sans', sans-serif !important;
margin: 0;
font-size: 11px;
margin-left: 17px;
color: #000;
padding: 0px;
}
.footer .container .footlogo {
width: auto;
height: auto;
text-align: center;
margin: 0 auto 4em auto;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.contact {
text-align: center;
margin-bottom: 20px;
}
.contact h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
margin-top: 0px;
}
.contact p {
padding-left: 17px;
font-weight: 700;
font-size: 14px;
line-height: 24px
}
.footerContacts,
.footerCopy {
text-align: center;
}
.footerbuttons {
display: inline-block;
vertical-align: top;
float: right;
}
.footlogo a {
display: inline-block;
background: url('/assets/images/footlogo.jpg') no-repeat center top;
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
height: 80px;
width: 210px;
}
.footlogo span {
text-transform: uppercase;
color: #000;
margin-left: 0px;
display: block;
margin-top: 5px;
}
.footcopy {
padding: 20px 0px 130px;
}
.footcopy p {
margin-left: 0px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.contact {
text-align: center;
}
.contact h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 15px;
}
.contact p {
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.footerbuttons {
display: inline-block;
vertical-align: top;
float: right;
}
.footlogo a {
display: block;
background: url('/assets/images/footlogo.jpg') no-repeat center;
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
height: 80px;
/*width: 210px;*/
}
.footlogo span {
text-transform: uppercase;
color: #000;
margin-left: 45px;
}
}
@media (min-width: 980px) {
.contact h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 28px;
margin-top: 0px;
}
.contact p {
padding-left: 17px;
font-weight: 700;
font-size: 18px;
line-height: 24px
}
.footlogo a {
display: inline-block;
background: url('/assets/images/footlogo.jpg') no-repeat left top;
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
height: 80px;
width: 210px;
}
.footlogo span {
text-transform: uppercase;
color: #000;
margin-left: 45px;
}
}
@media (min-width: 1200px) {
.contact h5 {
font-size: 18px;
font-weight: 700;
margin-bottom: 28px;
margin-top: 0px;
}
.contact p {
padding-left: 17px;
font-weight: 700;
font-size: 18px;
line-height: 24px
}
.footlogo a {
display: inline-block;
background: url('/assets/images/footlogo.jpg') no-repeat left top;
font-family: 'Open Sans', sans-serif !important;
text-decoration: none;
height: 80px;
width: 210px;
}
.footlogo span {
text-transform: uppercase;
color: #000;
margin-left: 45px;
}
}
/* Globals
----------------------------------------------------------------------------- */
.top {
margin-top: 0px;
}
.hide {
display: none !important;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.full,
.kfull {
background: #fff;
border-radius: 0px;
/*padding-bottom: 45px;*/
}
.paddings {
padding: 15px;
}
.inner-paddings {
margin: 0px;
padding: 20px;
}
.gallery-paddings {
padding: 15px 15px;
}
.welc_pads {
padding: 30px 220px;
}
.about_pads {
padding: 40px 70px;
}
.bbar {
background: #000;
}
.spacer {
margin-top: 35px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.full,
.mfull {
background: #fff;
/*border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;*/
padding-bottom: 20px;
}
.paddings {
padding: 15px;
}
.inner-paddings {
margin: 10px 0px;
padding: 25px;
}
.gallery-paddings {
padding: 20px 20px;
}
.welc_pads {
padding: 30px 220px;
}
.about_pads {
padding: 40px 70px;
}
.bbar {
background: #000;
}
.spacer {
margin-top: 35px;
}
}
@media (min-width: 980px) {
.full,
.mfull {
background: #fff;
/*border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;*/
padding-bottom: 30px;
}
.paddings {
padding: 25px 5px 25px 25px;
}
.inner-paddings {
margin: 15px 0px;
padding: 20px;
}
.gallery-paddings {
padding: 35px 60px;
}
.welc_pads {
padding: 40px 220px;
}
.about_pads {
padding: 40px 190px;
}
.about_imgs {
padding: 15px 40px;
}
.bbar {
background: #000;
}
.spacer {
margin-top: 35px;
}
}
@media (min-width: 1200px) {
.full,
.mfull {
background: #fff;
/*border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;*/
padding-bottom: 30px;
}
.paddings {
padding: 30px 10px 30px 30px;
}
.inner-paddings {
/*margin: 45px 35px 45px 35px;*/
margin: 15px 0px;
padding: 25px;
}
.gallery-paddings {
padding: 35px 60px;
}
.welc_pads {
padding: 40px 220px;
}
.about_pads {
padding: 40px 190px;
}
.about_imgs {
padding: 15px 40px;
}
.bbar {
background: #000;
}
.spacer {
margin-top: 35px;
}
}
.gallery-paddings img {
width: 100%;
}
.closer {
background: url('/assets/styles/website/images/icons/close_button.png') no-repeat 100%;
}
.closer h5 {
font-size: 14px;
line-height: 36px;
text-align: right;
padding-right: 45px;
margin: 0;
}
#notif h1,
#notif h3 {
margin: 0;
padding: 0;
color: #fff;
font-size: 18px;
}
a.more {
font-size: 14px;
color: #010101;
font-style: italic;
font-weight: bold;
}
/* facebookContainer Customs
------------------------------------------------------------------------------*/
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.fbnews {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
display: block;
height: auto;
min-height: 80px;
}
.fbnews p,
.fbnews a {
word-break: break-word;
margin-top: 25px;
}
.fbnews .crop {
position: relative;
width: auto;
height: 160px;
overflow: hidden;
margin: 0 auto;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.fbnews {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
display: block;
height: auto;
min-height: 80px;
}
.fbnews p,
.fbnews a {
word-break: break-word;
margin-top: 25px;
}
.fbnews .crop {
position: relative;
width: 160px;
height: 160px;
overflow: hidden;
float: left;
margin-right: 25px;
}
}
@media (min-width: 980px) {
.fbnews {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
clear: both;
}
.fbnews p,
.fbnews a {
word-break: break-word;
margin-top: 25px;
}
.fbnews .crop {
position: relative;
width: 160px;
height: 160px;
overflow: hidden;
float: left;
margin-right: 25px;
}
}
@media (min-width: 1200px) {
.fbnews {
margin-bottom: 20px;
font-family: 'Open Sans', sans-serif;
clear: both;
}
.fbnews p,
.fbnews a {
word-break: break-word;
margin-top: 25px;
}
.fbnews .crop {
position: relative;
width: 160px;
height: 160px;
overflow: hidden;
float: left;
margin-right: 25px;
}
}
.fbnews a {
color: #383838;
}
.fbnews img {
/*height: 260px;
width: auto;*/
float: left;
position: absolute;
left: 50%;
top: 50%;
height: 100%;
/* width: 100%; */
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/*.fbnews img {
float: left;
max-width: 160px;
margin-right: 25px;
margin-bottom: 0;
}*/
.fbnews h4 {
margin-bottom: 0px;
font-size: 14px;
font-family: 'Open Sans', sans-serif !important;
}
.fbnews hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #6d6e70;
margin: 0;
padding: 0;
width: 100%;
-webkit-margin-before: 10px;
-webkit-margin-after: 10px;
}
/* Case Examples
----------------------------------------------------------------------------- */
#industlinkTitle,
#constlinkTitle,
#consumlinkTitle {
margin-left: 5px;
}
.galset {
position: relative;
}
.casebut {
position: absolute;
bottom: 0;
background: rgba(230, 235, 235, 0.6);
height: auto;
width: 100%;
display: block;
text-align: center;
padding: 8px 0px;
}
.cbut {
background: rgba(242, 243, 245, 0.8) url('/assets/styles/website/images/icons/preview.png') no-repeat 25px center;
padding: 15px 35px;
display: inline-block;
font-size: 12px;
border-radius: 10px;
}
.cbut span {
display: inline-block;
text-indent: 45px;
color: #010101;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.constbg {
width: 100%;
height: auto;
display: block;
position: relative;
background: #484848;
}
.industbg {
width: 100%;
height: auto;
display: block;
position: relative;
background: #484848;
}
.consumbg {
width: 100%;
height: auto;
display: block;
position: relative;
background: #484848;
}
.constbg img {
width: 50%;
height: auto;
display: block;
margin: 0 auto !important;
}
.industbg img {
width: 50%;
height: auto;
display: block;
margin: 0 auto !important;
}
.consumbg img {
width: 50%;
height: auto;
display: block;
margin: 0 auto !important;
}
.casehead {
background: #252525;
height: 45px;
width: 100%;
text-align: center;
}
.galselect {
background: #fff;
padding-top: 10px;
}
.galselect .col4 {
margin-left: 0px !important;
}
.casehead h4 {
font-size: 17px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
padding: 12px 18px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.constbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.industbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.consumbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.constbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.industbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.consumbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.casehead {
background: #252525;
height: 45px;
width: 100%;
}
.galselect {
background: #fff;
padding-top: 10px;
}
.galselect .col4 {
margin-left: 10px !important;
}
.casehead h4 {
font-size: 17px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
padding: 12px 18px;
}
}
@media (min-width: 980px) {
.constbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.industbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.consumbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.constbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.industbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.consumbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.casehead {
background: #252525;
height: 45px;
width: 100%;
}
.galselect {
background: #fff;
padding-top: 15px;
}
.galselect .col4 {
margin-left: 10px !important;
}
.casehead h4 {
font-size: 20px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
padding: 10px 25px;
}
}
@media (min-width: 1200px) {
.constbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.industbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.consumbg {
width: 100%;
height: auto;
display: block;
position: relative;
}
.constbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.industbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.consumbg img {
width: 100%;
height: auto;
display: block;
margin: 0 !important;
}
.casehead {
background: #252525;
height: 45px;
width: 100%;
}
.galselect {
background: #fff;
padding-top: 15px;
}
.galselect .col4 {
margin-left: 15px !important;
}
.casehead h4 {
font-size: 20px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
padding: 10px 25px;
}
}
tbody tr,
tbody tr:hover {
background: none;
}
/* Locations and maps
-------------------------------------------------------------- */
.bigHeader {
font-weight: 800;
font-size: 20px;
margin-bottom: 15px;
}
.lineText {
padding: 0px 10px;
font-size: 18px;
}
.lineLink {
padding: 0px 10px;
font-size: 18px;
}
#map {
width: 100%;
height: 395px;
display: inline-block;
}
.contactSort {
margin-top: 60px;
}
.contactSort input,
.contactSort select {
float: none;
margin: 0;
height: 28px;
width: 240px;
}
.pagiStart,
.pagiPr,
.pagiNx,
.pagiEnd,
.paginatePages {
cursor: pointer;
}
.pagiStart,
.pagiPr,
.pagiNx,
.pagiEnd {
font-size: 25px;
}
.pagiPg {
font-size: 14px;
text-transform: uppercase;
display: inline-block;
height: 25px;
top: -4px;
position: relative;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
.location {
background: #f2f2f2;
width: 100%;
min-height: 300px;
float: left;
text-align: center;
}
.mapContainer {
width: 100%;
height: 395px;
float: left;
}
.contactSort input,
.contactSort select {
float: none;
margin: 0;
height: 28px;
width: 240px;
}
.locationPaddings {
padding: 60px;
}
.itemWrapper {
cursor: pointer;
margin-left: 0;
min-height: 100px;
text-align: center;
}
.itemWrapper:hover {
background-color: #f2f2f2;
}
.contactSort select {
display: inline-block;
}
.contactPad {
padding: 0px 40px;
}
.contactSearch {
text-align: center;
margin-bottom: 15px !important;
}
.contactType {
text-align: center;
margin-bottom: 15px !important;
}
.contactSearch span {
font-weight: 800;
padding-right: 10px;
}
.contactSearchButton {
background: #000;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 5px 20px;
border: solid 1px #000;
margin-left: -4px;
}
.contactType span {
padding-right: 0px;
display: block;
}
.contactType span,
.contactType select {
font-size: 14px;
}
.contacts h5,
.itemHeader {
font-size: 16px;
color: #000;
font-weight: 800;
margin-bottom: 10px;
padding-left: 20px;
}
.contacts p,
.itemSubWrapper {
font-size: 16px;
color: #000;
padding-left: 30px;
}
.contactPagi,
.pagiPages {
text-align: center;
font-size: 14px;
}
.pagiStart,
.pagiPr {
padding-right: 15px;
}
.pagiEnd,
.pagiNx {
padding-left: 15px;
}
.paginatePages {
padding: 0px 10px;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
.location {
background: #f2f2f2;
width: 40%;
height: 395px;
float: left;
}
.mapContainer {
width: 60%;
height: 395px;
float: left;
}
.contactSort input,
.contactSort select {
float: none;
margin: 0;
height: 28px;
width: 240px;
}
.locationPaddings {
padding: 60px;
}
.itemWrapper {
cursor: pointer;
margin-left: 0;
min-height: 145px;
}
.itemWrapper:hover {
background-color: #f2f2f2;
}
.contactSort select {
display: block;
width: 100%;
}
.contactPad {
padding: 0px 40px;
}
.contactType {
text-align: right;
}
.contactSearch span {
font-weight: 800;
padding-right: 20px;
}
.contactSearchButton {
background: #000;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 5px 20px;
border: solid 1px #000;
margin-left: -4px;
}
.contactType span {
padding-right: 0px;
display: block;
}
.contactType span,
.contactType select {
font-size: 14px;
}
.contacts h5,
.itemHeader {
font-size: 16px;
color: #000;
font-weight: 800;
margin-bottom: 10px;
padding-left: 20px;
}
.contacts p,
.itemSubWrapper {
font-size: 16px;
color: #000;
padding-left: 30px;
}
.contactPagi,
.pagiPages {
text-align: center;
font-size: 14px;
}
.pagiStart,
.pagiPr {
padding-right: 15px;
}
.pagiEnd,
.pagiNx {
padding-left: 15px;
}
.paginatePages {
padding: 0px 10px;
}
}
@media (min-width: 980px) {
.location {
background: #f2f2f2;
width: 35%;
height: 395px;
float: left;
}
.mapContainer {
width: 65%;
height: 395px;
float: left;
}
.contactSort input,
.contactSort select {
float: none;
margin: 0;
height: 28px;
width: 285px;
}
.locationPaddings {
padding: 80px;
}
.itemWrapper {
cursor: pointer;
margin-left: 0;
min-height: 145px;
}
.itemWrapper:hover {
background-color: #f2f2f2;
}
.contactSort select {
display: inline-block;
}
.contactPad {
padding: 0px 40px;
}
.contactType {
text-align: right;
}
.contactSearch span {
font-weight: 800;
padding-right: 20px;
}
.contactSearchButton {
background: #000;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 5px 20px;
border: solid 1px #000;
margin-left: -4px;
}
.contactType span {
padding-right: 0px;
display: block;
}
.contactType span,
.contactType select {
font-size: 14px;
}
.contacts h5,
.itemHeader {
font-size: 16px;
color: #000;
font-weight: 800;
margin-bottom: 10px;
padding-left: 20px;
}
.contacts p,
.itemSubWrapper {
font-size: 16px;
color: #000;
padding-left: 30px;
}
.contactPagi,
.pagiPages {
text-align: center;
font-size: 14px;
}
.pagiStart,
.pagiPr {
padding-right: 15px;
}
.pagiEnd,
.pagiNx {
padding-left: 15px;
}
.paginatePages {
padding: 0px 10px;
}
}
@media (min-width: 1200px) {
.location {
background: #f2f2f2;
width: 35%;
height: 395px;
float: left;
}
.mapContainer {
width: 65%;
height: 395px;
float: left;
}
.contactSort input,
.contactSort select {
float: none;
margin: 0;
height: 28px;
width: 240px;
}
.locationPaddings {
padding: 65px 100px;
}
.itemWrapper {
cursor: pointer;
margin-left: 0;
min-height: 145px;
}
.itemWrapper:hover {
background-color: #f2f2f2;
}
.contactSort select {
display: inline-block;
}
.contactPad {
padding: 0px 40px;
}
.contactType {
text-align: right;
}
.contactSearch span {
font-weight: 800;
padding-right: 20px;
}
.contactSearchButton {
background: #000;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 5px 20px;
border: solid 1px #000;
margin-left: -4px;
}
.contactType span {
padding-right: 10px;
display: inline-block;
}
.contactType span,
.contactType select {
font-size: 14px;
}
.contacts h5,
.itemHeader {
font-size: 16px;
color: #000;
font-weight: 800;
margin-bottom: 10px;
padding-left: 40px;
}
.contacts p,
.itemSubWrapper {
font-size: 16px;
color: #000;
padding-left: 50px;
}
.contactPagi,
.pagiPages {
text-align: center;
font-size: 14px;
}
.pagiStart,
.pagiPr {
padding-right: 15px;
}
.pagiEnd,
.pagiNx {
padding-left: 15px;
}
.paginatePages {
padding: 0px 10px;
}
}
.tags ul {
padding: 0;
margin: 0;
}
.tags li {
display: inline-block;
padding: 10px 15px;
}
.tags a {
background: #47d9fe;
color: #000;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
padding: 0px 15px;
margin: 3px;
font-weight: 800;
display: inline-block;
text-align: right;
}
/*** Yhteystiedot sivu ***/
#moreInfoModalTitle {
margin-bottom: 30px;
}
#moreInfoModalTitle h2 {
background: #00a3e2;
color: #fff;
font-weight: bold;
text-align: center;
padding: 15px 0px;
}
#moreInfoModal {
text-align: center;
}
.modalDesc:last-child {
border-bottom: solid 0px #00a3e2;
}
.modalDesc p,
.modalDesc img {
margin: 10px 0px;
}
@media screen and (max-width: 767px),
screen and (max-device-width: 767px) {
#moreInfoModal {
text-align: center;
/*margin: 0 auto;*/
height: 100%;
}
.modalDesc {
padding: 0px;
border-bottom: solid 1px #00a3e2;
}
.modalDesc.compLogo {
/*float: left;*/
display: block;
}
.modalDesc.compContacts {
/*float: left;*/
display: block;
}
.modalDesc.compPic {
width: 100%;
float: left;
display: block;
}
}
@media screen and (max-width: 979px) and (min-width: 768px) {
#moreInfoModal {
text-align: center;
/*margin: 0 auto;*/
height: 100%;
}
.modalDesc {
padding: 0px;
border-bottom: solid 1px #00a3e2;
}
.modalDesc.compLogo {
/*float: left;*/
display: block;
}
.modalDesc.compContacts {
/*float: left;*/
display: block;
}
.modalDesc.compPic {
width: 100%;
float: left;
display: block;
}
}
@media (min-width: 980px) {
#moreInfoModal {
text-align: center;
margin: 0 auto;
height: 100%;
}
.modalDesc {
padding: 10px;
border-bottom: solid 0px #00a3e2;
}
.modalDesc.compLogo {
float: left;
width: 45%;
display: block;
}
.modalDesc.compContacts {
float: left;
width: 45%;
display: block;
}
.modalDesc.compPic {
border-top: solid 1px #00a3e2;
width: 100%;
float: left;
display: block;
}
}
@media (min-width: 1200px) {
#moreInfoModal {
text-align: center;
margin: 0 auto;
height: 100%;
}
.modalDesc {
padding: 10px;
border-bottom: solid 0px #00a3e2;
}
.modalDesc.compLogo {
float: left;
width: 45%;
display: block;
}
.modalDesc.compContacts {
float: left;
width: 45%;
display: block;
}
.modalDesc.compPic {
border-top: solid 1px #00a3e2;
width: 100%;
float: left;
display: block;
}
}