body {padding:0px; margin:0px; font-size: 12px; font-family: 'Open Sans', sans-serif; color:#333; background-color:#fff;}

 /*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    body, p {font-size: 14px;}
}

 
a {color:#0075be;}
a:hover, a:focus {color:#0bb6ee; text-decoration:none}

a.white {color:#fff; text-decoration:underline; font-size:1em; word-wrap: break-word;}
a.white:hover {color:#d3e5f6}
a.no-line {text-decoration:none}
a.white > i.fa {margin-left:0.3em; margin-right:0.1em}
a.yellow {color: #fde802;font-weight: bold;text-decoration:underline;}
a.yellow:hover {color: #e2d223}

.raquo:after {content: '\0000a0»';display: inline;}	

h1, .h1, h2, .h2 {font-family: 'Kameron',Garamond,Georgia,"Times New Roman",serif; font-weight:400}
h1, .h1 {font-size: 2em;  letter-spacing: 0.02em; }
h2, .h2  {font-size: 2em; }
h3, .h3  {font-size: 1.3em; line-height: 1.3em; }
h4, .h4  {font-size: 1.1em; line-height: 1.2em;  }
h1.siteTitle {font-size: 2em;}

@media only screen and (min-width : 768px) {
    h1.siteTitle {font-size: 3em;}
    h1, .h1 {font-size: 2.6em;  letter-spacing: 0.02em; }
    h2, .h2  {font-size: 2.2em;}
    h3, .h3  {font-size: 1.5em; line-height: 1.4em; }
    h4, .h4  {font-size: 1.3em; line-height: 1.3em; margin-top:1.3em }
    p {line-height: 1.5; margin: 0px 0px 1.2em;}
}

#van {margin-top: 1em}
.divider {margin: 10px 0; opacity:0.3;}
.divider.high{margin: 30px 0 20px;}
.opa-1 {opacity:1 !important;}
.center-block {display: block;margin-left: auto;margin-right: auto;}

.icon-white {color:#fff !important}
.icon-blue {color:#0075be}
.car-img {width:80%}


.mt-0 {margin-top:0 !important}
.mt-1 {margin-top:1em !important}
.mb-1 {margin-bottom:1em !important}
.mt-20 {margin-top:20px !important}
.mb-20 {margin-bottom:20px !important}
.mb-0 {margin-bottom:0 !important}
/* Table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#custom-table     {box-shadow: 0px 0px 3em #eee; margin-top:1em; margin-bottom:2em}
#custom-table > tbody > tr > td > .label  {padding:0.4em 0.6em}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td {border-color: #eee;}
#custom-table > tbody > tr:hover {background-color:#f9f9f9}

#custom-table span.small {font-weight: 400;display:block; color:#999}
#custom-table th {vertical-align:top}
#custom-table tr.border {border-top:2px solid #eee}
.etukoodi-table {width:100%; font-size:0.9em}
.etukoodi-table > tbody > tr > td  {
    padding: 5px;
    line-height: 1.42857143;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
	text-align:right;
}
td.text-left {text-align:left !important;}
.etukoodi-table > thead > tr > td {
    padding: 5px;font-weight:600;text-align:right;
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.etukoodi-table {width:40%}
}
/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {background-color: #eee; height: 230px;}
header .siteLogo {position: relative; width: 330px; height: 150px; top: 30px; left: 0px;padding: 0px;z-index: 200;}

/* callInfo
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.callInfo {text-align:right; background-color:#fff; padding: 10px 10px 10px 0; color:#999}
.fa-phone {line-height: 1.8em;}
.fa-stack-2x {font-size: 1.8em;color: rgb(0, 117, 190);}
.mobile-call-info .col-xs-6 {margin:0; padding:0; border: 1px solid #fff;}
.mobile-call-info .col-xs-12 {margin:0; padding:0; }
.mobile-call-info a.btn {width:100%; border-radius:0; margin: 0; border:none}
.mobile-call-info button {width:49%; border-radius:0;}
.callInfo.hidden-sm{display:none}


/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navbar {position: inherit;}
.navbar.container {min-height: 40px;}
 
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.zm-logo img {height: 100px; margin-top: 0;}
.lead {font-size: 1.3em;}
.navbar.container {padding:0; min-height:90px; margin-bottom: 20px;}
}
 
 /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.zm-logo img {height: 115px; /*margin-top: -5px;*/}
.dropdown-menu .divider {margin: 0px;padding-top: 2px;}
.navbar-right {margin-top: 10px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
.zm-logo img {height: 135px; /*margin-top: -5px;*/}	
.navbar-right {margin-top: 50px;}
}
/* Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.banner-section {background-color:#50318d}
.banner-ad { margin-left:auto; margin-right:auto;}
@media only screen and (min-width : 1200px) {
.banner-ad { max-width:980px;}
}

@media only screen and (min-width : 1900px) {
.banner-ad { max-width:100%; }
}


/* Matkakisa
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card-container  {display:none}
#matkakisa-mobile  {border-top:2px solid #fff;}
#matkakisa-mobile img {max-width:300px; margin-left:auto; margin-right:auto}
#matkakisa-desktop {color:#fff;}
#matkakisa-desktop h3 {color:#fff; font-weight:bold}
#matkakisa-desktop p {line-height:1.3}
.muutto-card img:hover {cursor:pointer; opacity:0.9;}

@media only screen and (min-width : 992px) {
#matkakisa-mobile {display:none}
.card-container {display:block; position: absolute;top: 180px;right: 10%;}
}

@media only screen and (min-width : 1200px) {
.card-container { position: absolute;top: 120px;}
}

@media only screen and (min-width : 2200px) {
.card-container {right: 20%;}
}

.card-container {z-index:900;width: 290px;min-height:290px;
      -webkit-perspective: 800px;
         -moz-perspective: 800px;
           -o-perspective: 800px;
              perspective: 800px; }

    #card {
      width: 100%;
      height: 100%;
      position: absolute;
      -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform-origin: right center;
         -moz-transform-origin: right center;
           -o-transform-origin: right center;
              transform-origin: right center;
    }

    #card.flipped {
      -webkit-transform: translateX( -100% ) rotateY( -180deg );
         -moz-transform: translateX( -100% ) rotateY( -180deg );
           -o-transform: translateX( -100% ) rotateY( -180deg );
              transform: translateX( -100% ) rotateY( -180deg );
    }

    #card figure {
      display: block;
      height: 100%;
      width: 100%;
      text-align: center;
      position: absolute;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
           -o-backface-visibility: hidden;
              backface-visibility: hidden;
    }

    #card .front:hover {cursor:pointer; opacity:0.9;}
	#card .back:hover {cursor:pointer;opacity:0.98;}

    #card .back {
    padding:15px;border:5px solid #fff;background-color: #e051a6;
background-image: linear-gradient(to bottom, #ff77ca, #e051a6);border-radius:5px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
      -webkit-transform: rotateY( 180deg );
         -moz-transform: rotateY( 180deg );
           -o-transform: rotateY( 180deg );
              transform: rotateY( 180deg );
    }

/*@media screen and (min-width:0\0) { 
 IE9,10,11 CSS styles go here 
.card-container {display:none}
#matkakisa-mobile {display:block}
}   
*/



/* Homepage Reservation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.blue {  background-color: #0075be;  color:#fff;border-bottom: 1px solid rgba(255, 255, 255, 0.75); background-image:linear-gradient( #0075be, #45b5ed);  }
.blueCol {  background-color: #0075be;  color:#fff; background-image:linear-gradient( #0075be, #45b5ed);  }
#homeResNew {  background-color: #0075be;  color:#fff; background-image:linear-gradient( #0075be, #45b5ed);  }

 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {

 .blue { background-image:linear-gradient( #0075be, #45b5ed);  background-repeat: no-repeat; background-position: right top; background-size: 100% auto; }
 #priceInfo.blue.transparent { background-image:url('../img/kelluva.jpg'), linear-gradient(135deg, #0075be, #45b5ed);  background-repeat:no-repeat, no-repeat; background-position: center bottom, right top; background-size: cover, 100%; }
.blue-invert  { border-bottom:3px solid #fff }

#homeResNew.tilaBg-1 {background-image: url('/media/1059/tilabg-1.jpg'); background-repeat: no-repeat; background-position: right 50%; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-1  { background-image:url('/media/1059/tilabg-1.jpg'); background-repeat:no-repeat; background-position:right center; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, .tilaBg-1 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#homeResNew.tilaBg-2 {background-image: url('/media/1058/tilabg-2.jpg'); background-repeat: no-repeat; background-position: right 50%; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-2  { background-image:url('/media/1058/tilabg-2.jpg'); background-repeat:no-repeat; background-position:right 50%; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, .tilaBg-2 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#homeResNew.tilaBg-3 {background-image: url('/media/1057/tilabg-3.jpg'); background-repeat: no-repeat; background-position: right 90%; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-3  { background-image:url('/media/1057/tilabg-3.jpg'); background-repeat:no-repeat; background-position:right 90%; background-size: cover;  min-height:540px;}
/* Safari 5+ ONLY */
::i-block-chrome, .tilaBg-3 {background:-webkit-linear-gradient(#0075be, #45b5ed)}
	 
#homeResNew.blueCol  {padding:10px 30px 0 30px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}	 
}
	 

/* Large Devices */
@media only screen and (min-width : 1200px) {
#homeResNew .col-lg-5 {width: 44%;}
}


 /* Extra Large desktops */
 @media only screen and (min-width : 2200px) {
 
#homeResNew.tilaBg-1 {background-image: url('/media/1059/tilabg-1.jpg'); background-repeat: no-repeat; background-position: right 40%; background-size: cover;  min-height:740px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-1  { background-image:url('/media/1059/tilabg-1.jpg'); background-repeat:no-repeat; background-position:right 40%; background-size: cover;  min-height:740px;}
/* Safari 5+ ONLY */
::i-block-chrome, .tilaBg-1 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#homeResNew.tilaBg-2 {background-image: url('/media/1058/tilabg-2.jpg'); background-repeat: no-repeat; background-position: right 45%; background-size: cover;  min-height:740px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-2  { background-image:url('/media/1058/tilabg-2.jpg'); background-repeat:no-repeat; background-position:right 45%; background-size: cover;  min-height:740px;}
/* Safari 5+ ONLY */
::i-block-chrome, .tilaBg-2 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#homeResNew.tilaBg-3 {min-height:740px;}
/* Safari 5+ ONLY */
::i-block-chrome, #homeResNew.tilaBg-3  { min-height:540px;}
	 
#homeResNew .col-lg-5 {min-height:740px}	 
}

.gray {background-color: #f9f9f9; padding: 10px 0}
.pink {background-color: #e051a6; padding: 0 0 20px 0;color: #fff;
background: rgba(224,81,166,1);
background: -moz-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,81,166,1)), color-stop(100%, rgba(255,119,202,1)));
background: -webkit-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -o-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: linear-gradient(135deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e051a6', endColorstr='#ff77ca', GradientType=1 );
border-top:1px solid rgba(255, 255, 255, 0.75);
border-bottom:1px solid rgba(255, 255, 255, 0.75)}

.pink-car {border:5px solid #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}
#tila-auto .pink-car {margin-top:20px}
.pink-info-text {margin-bottom:30px;}
.transparent  {padding: 10px 0}
.img-badge {max-width:300px;margin-left:auto; margin-right:auto;padding:20px}
.home-green{border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
.muutot-img img {margin-top:20px;}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .gray {padding: 30px 0}
  .pink, .home-green, .home-yellow {padding: 30px 0}
  .pink-info-text > h2 {margin-top:0}
  .transparent  {padding: 30px 0}
  .transparent-map {padding: 0px 0}
	.img-badge {max-width:100%;padding:20px 0 0 0}
	.muutot-img img {margin-top:0}
}

 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
  .pink-info-text > h2 {margin-top:20px}
  .pink-info-text {padding:20px}
}
/* Offer section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.offer-section {background-color: #f2cf0d;margin-top:-1px;text-align: center;}
.offer-text {font-size: 1.3em;padding: 10px 20px;margin:0}

/* Homepage Services
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#services, #home-services  {padding: 10px 0}
.personalServices  {color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.75); background: rgba(0,117,190,1);
background: -moz-linear-gradient(-45deg, rgba(0,117,190,1) 0%, rgba(69,181,237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,117,190,1)), color-stop(100%, rgba(69,181,237,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,117,190,1) 0%, rgba(69,181,237,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,117,190,1) 0%, rgba(69,181,237,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,117,190,1) 0%, rgba(69,181,237,1) 100%);
background: linear-gradient(135deg, rgba(0,117,190,1) 0%, rgba(69,181,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075be', endColorstr='#45b5ed', GradientType=1 );}
#home-services .text-col, .text-col {padding:0 0 20px 0}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   #services {padding: 30px 0}
}

/*Medium Devices */
@media only screen and (min-width : 992px) {
	#home-services .text-col, .text-col {padding:30px 30px 30px 10px}
}

/*#services > div > .h1 {margin-bottom: 1em}*/
img.icon {margin-top: 2em}
.plusService {margin-top: 2em}

/* Homepage News
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#blog {margin-bottom: 30px;}
span.blog {display:block; margin-bottom: 0.5em;}

#kamppisBanner { /*background-image:url('/media/1010/pikkuyritttajat_bg.jpg');*/ background-repeat:no-repeat;background-size: 100% auto;background-position: right bottom;  border: 5px solid #fff;border-radius: 3px; background-color: #fff;box-shadow: 0px 0px 5em #EEE inset;  min-height: 380px; }
#kamppisBanner > .title {padding:20px;width: 100%;}
span.kamppis {margin-bottom: 0.5em; font-size:0.9em}
#kamppisBanner > .title > h2 {color:#0075be; margin-top: 0; }
span.kamppis-bg {padding: 1px; border-radius:4px; background: rgb(255, 255, 255); /* The Fallback */
   background: rgba(255, 255, 255, 0.8); }
a.btn-default { margin-top: 10px;}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#kamppisBanner { background-size: 100% auto; min-height:380px; border: 5px solid #fff;}
#kamppisBanner > .title {position: relative;top: 10px;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 992px) {
#kamppisBanner { min-height:380px;}
#kamppisBanner > .title {position: relative;top: 20px; left:0; width: 40%;}
}

/* Price Table Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#muutto {  background-color: #0075be;  color:#fff; background-image:linear-gradient( #0075be, #45b5ed); border-bottom:1px solid #fff }
#muutto .blueCol {padding-bottom:20px}


 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
#muutto h1.siteTitle { font-size:2.2em; margin-bottom:20px}

#muutto.muuttoBg-1 {background-image: url('/media/1056/muuttobg-1.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
/* Safari 5+ ONLY */
::i-block-chrome, #muutto.muuttoBg-1  { background-image:url('/media/1056/muuttobg-1.jpg'); background-repeat:no-repeat; background-position: center center; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, .muuttoBg-1 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#muutto.muuttoBg-2 {background-image: url('/media/1055/muuttobg-2.jpg'); background-repeat: no-repeat; background-position: right 40%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, #muutto.muuttoBg-2  { background-image:url('/media/1055/muuttobg-2.jpg'); background-repeat:no-repeat; background-position:right 40%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, .muuttoBg-2 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#muutto.muuttoBg-3 {background-image: url('/media/1064/muuttobg-3.jpg'); background-repeat: no-repeat; background-position: right 40%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, #muutto.muuttoBg-3  { background-image:url('/media/1064/muuttobg-3.jpg'); background-repeat:no-repeat; background-position:right 40%; background-size: cover; }
/* Safari 5+ ONLY */
::i-block-chrome, .muuttoBg-3 {background:-webkit-linear-gradient(#0075be, #45b5ed)}
	 
}

 /* Extra Large desktops */
 @media only screen and (min-width : 2200px) {
#muutto.muuttoBg-2 {background-image: url('/media/1055/muuttobg-2.jpg'); background-repeat: no-repeat; background-position: right 30%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, #muutto.muuttoBg-2  { background-image:url('/media/1055/muuttobg-2.jpg'); background-repeat:no-repeat; background-position:right 30%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, .muuttoBg-2 {background:-webkit-linear-gradient(#0075be, #45b5ed)}

#muutto.muuttoBg-3 {background-image: url('/media/1064/muuttobg-3.jpg'); background-repeat: no-repeat; background-position: right 50%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, #muutto.muuttoBg-3  { background-image:url('/media/1064/muuttobg-3.jpg'); background-repeat:no-repeat; background-position:right 50%; background-size: cover;  }
/* Safari 5+ ONLY */
::i-block-chrome, .muuttoBg-3 {background:-webkit-linear-gradient(#0075be, #45b5ed)}	 
}	 

#priceTable {padding-top:0}
.price-table-banner {text-align:center;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);border-radius: 3px;background: #fff; color:#333; margin-bottom:15px}
.price-table-header{color: #FFF;border-top-left-radius:3px; border-top-right-radius:3px;padding-bottom:10px}
.price-table-body {padding:0 5px}
.blue-header {   
background: rgba(42,196,246,1);
background: -moz-linear-gradient(-45deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,177,235,1)), color-stop(100%, rgba(42,196,246,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);
background: linear-gradient(135deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B1EB', endColorstr='#2AC4F6', GradientType=1 );
 
}
.yellow-header {   
background: rgba(238,217,0,1);
background: -moz-linear-gradient(-45deg, rgba(238,217,0,1) 0%, rgba(4248,229,33,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(238,217,0,1)), color-stop(100%, rgba(248,229,33,1)));
background: -webkit-linear-gradient(-45deg, rgba(238,217,0,1) 0%, rgba(248,229,33,1) 100%);
background: -o-linear-gradient(-45deg, rgba(238,217,0,1) 0%, rgba(248,229,33,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(238,217,0,1) 0%, rgba(4248,229,33,1) 100%);
background: linear-gradient(135deg, rgba(238,217,0,1) 0%, rgba(248,229,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e521', endColorstr='#eed900', GradientType=1 );
 
}
.green-header {   
background: rgba(154,211,44,1);
background: -moz-linear-gradient(-45deg, rgba(154,211,44,1) 0%, rgba(185,226,72,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(154,211,44,1)), color-stop(100%, rgba(185,226,72,1)));
background: -webkit-linear-gradient(-45deg, rgba(154,211,44,1) 0%, rgba(185,226,72,1) 100%);
background: -o-linear-gradient(-45deg, rgba(154,211,44,1) 0%, rgba(185,226,72,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(154,211,44,1) 0%, rgba(185,226,72,1) 100%);
background: linear-gradient(135deg, rgba(154,211,44,1) 0%, rgba(185,226,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e248', endColorstr='#9ad32c', GradientType=1 );

}
.pink-header {       
background: rgba(224,81,166,1);
background: -moz-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(224,81,166,1)), color-stop(100%, rgba(255,119,202,1)));
background: -webkit-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -o-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
background: linear-gradient(135deg, rgba(224,81,166,1) 0%, rgba(255,119,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e051a6', endColorstr='#ff77ca', GradientType=1 );
}

span.flat-size {font-size:2em;}
span.table-price {display:block; font-weight:bold;}
.service-level {background-color:rgba(255,255,255,0.3); padding:5px; margin-bottom:10px; text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.03em;font-weight:bold;
border-top-left-radius:3px; border-top-right-radius:3px;
}
ul.price-table-list {margin:5px 0}
ul.price-table-list li {padding:4px 0; border-bottom:1px dotted #ddd; font-size:0.9em}
.table-btn {margin:10px 0 15px; font-weight:bold}
.btn-blue {border: 2px solid #fff;color: #fff;background-color: #00b1eb;}
.btn-blue:hover {background-color: #2ac4f6;color: #fff;opacity: 0.9;}
.btn-yellow {border: 2px solid #fff; color: #fff;background-color: #eed900;}
.btn-yellow:hover { background-color: #f8e521;color: #fff;opacity: 0.9;}
.btn-green {border: 2px solid #fff;color: #fff;background-color: #9ad32c;}
.btn-green:hover {background-color: #b9e248;color: #fff;opacity: 0.9;}

.btn-pink {border: 2px solid #fff;color: #fff;background-color: #e051a6;}
.btn-pink:hover {background-color: #ff77ca;color: #fff;opacity: 0.9;}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.rightCol {padding-left: 35px}
.leftCol {padding-right: 35px}
.cb-col {margin-top:28px}
.ml-8 {margin-left:8.4%}
.col-sm-2-custom {width:20%}
}


/* Reservation page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pageTitle, .pageImg {padding:10px}
.transparent > .pageTitle {padding-top:0}
.thankYou {
    border-radius: 3px;
    /*box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);*/
    width: 100%;
    color: #FFF;
    /*background-image: linear-gradient(to bottom, #00B1EB, #2AC4F6);*/
   	background: #2ac4f6; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(#00B1EB, #2AC4F6); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(#00B1EB, #2AC4F6); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(#00B1EB, #2AC4F6); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(#00B1EB, #2AC4F6); /* Standard syntax */
    border: 2px solid #CDF2FE;
    padding:10px;
    margin:1em 0;
}

.thankYou > i.fa {font-size: 3em;margin-top:20px; margin-right:20px;margin-bottom:50px;float:left;}

.thankYou > p.lead {margin-left:10px}
.thankYou > p.lead > span {font-size: 0.8em; display:block}

.resInfo {padding-bottom:20px}
.resInfo > p.lead {margin-top:0}
.pay-now {padding-bottom: 20px;}
span.uutta-text {display:block;}

@media only screen and (min-width : 768px) {
    .pageTitle {padding:30px}
	.transparent > .pageTitle {padding-top:0}
    .thankYou   {padding:20px}
    .thankYou > p.lead {margin-left: 20px}
 
	.thankYou  > i.fa {font-size: 5em;margin-top:10px; margin-right:10px; margin-bottom:10px}


}

@media only screen and (min-width : 1280px) {
		span.uutta-text {display:inline;}

}


#reservationCol, #reservationColLeft, #reservationColRight {padding:0 30px}


.smpl-step {margin-top: 0px;}
.smpl-step { border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.smpl-step > .smpl-step-step { padding: 0;position: relative;}   
.smpl-step > .smpl-step-step .smpl-step-info {font-size: 1em;padding-top: 12px;margin-left: 22px;}
.smpl-step > .smpl-step-step > .smpl-step-icon {position: absolute;width: 40px;height: 40px;display: block;background: #f5f5f5 none repeat scroll 0% 0%;left: 50%;margin-left: -15px;border-radius: 50%;font-size: 26px;text-align: center;padding-top: 0px;top: 40px;margin-top: -35px;}
.smpl-step > .smpl-step-step.complete > .smpl-step-icon {color:#0075BE; text-decoration: none; }
a#active-phase  {color: #fff !important;background-color: #51b80c;border: 3px solid #fff;font-size: 24px;}
div#active-phase-div {font-weight:700}
.smpl-step > .smpl-step-step > .progress {position: relative;border-radius: 0px;height: 8px;box-shadow: none;margin-top: 22px; background-color:#0CB6EE }
.smpl-step > .smpl-step-step > .progress > .progress-bar { width: 0px;box-shadow: none;background: #f5f5f5;}
.smpl-step > .smpl-step-step.complete > .progress > .progress-bar {width: 100%; }
.smpl-step > .smpl-step-step.active > .progress > .progress-bar {width: 50%;}
.smpl-step > .smpl-step-step:first-child.active > .progress > .progress-bar {width: 0%;}
.smpl-step > .smpl-step-step:last-child.active > .progress > .progress-bar {width: 100%;}
.smpl-step > .smpl-step-step.disabled > .smpl-step-icon {background-color: #0CB6EE; text-decoration: none; color:#fff }
.smpl-step > .smpl-step-step.disabled > .smpl-step-icon:after {opacity: 0;}
.smpl-step > .smpl-step-step:first-child > .progress {left: 50%;width: 50%;}
.smpl-step > .smpl-step-step:last-child > .progress {width: 50%;}
.smpl-step > .smpl-step-step.disabled a.smpl-step-icon { pointer-events: none;}

@media only screen and (min-width : 768px) {
   .smpl-step > .smpl-step-step > .progress {margin-top: 37px;}
   .smpl-step > .smpl-step-step > .smpl-step-icon {width: 60px;height: 60px;top: 45px;font-size: 42px;}
.smpl-step > .smpl-step-step .smpl-step-info {padding-top: 27px;margin-left: 47px;}
a#active-phase  {font-size: 40px;width: 64px;height: 64px;} 
}

@media only screen and (max-width : 480px) {
.smpl-step > .smpl-step-step .smpl-step-info {font-size: 0.8em;}		
}

.price { margin-bottom:1em}

/* notFound panel*/
.form-error-wrapper {display: inline-block; text-align:left;}
.errorMsg {text-align:left; width: 280px;display: block;margin-left: auto;margin-right: auto;}
.block { display: inline-block;white-space: normal;vertical-align: middle;padding: 5px 0px 5px 10px;}
.icon {width:40px; text-align:center}
.icon > i.fa {font-size:2em; padding:5px;}
.errorTxt {width:230px; text-align:left; padding: 15px 5px}

.one-line { min-width:340px; display:block; margin-left:auto; margin-right:auto}
.one-line > .panel-body {line-height:2.4em; font-weight:600; text-align:left}
.panel-default {border: 2px solid #fff;margin-top: 1em;color: #fff;}
.panel {margin-bottom: 1em;border-radius: 3px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);background-color: #E2201D;}
.panel a {color:#fff; text-decoration:underline;}
.alert-error-icon {float: left;padding-top: 5px; padding-right: 20px;padding-left: 5px;font-size: 2em;}
.has-error .form-control {border: 2px solid #E2201D;}
.has-error .form-control:focus {border: 3px solid #E2201D;}
.form-group.has-error, span.error  {background-color: #E2201D; padding:0.3em; border:1px solid #fff; border-radius:3px}
span.has-error{background-color: #E2201D;border: 1px solid #fff;border-radius: 3px;padding: 15px 10px 18px;}
/*.form-group.confirmEmail.has-error, .form-group.confirmMobile.has-error {background-color: transparent;padding: 0;border: none;border-radius: 0;}*/
.has-error .help-block.white {color:#fff; opacity:1}
.form-group.confirmMobile .help-block.white {margin-top:15px;}
.form-group.has-error > label {margin-bottom:0}
.phase-2 > h4, .phase-3 > h4 {    display: inline;font-weight: 600;font-size: 1.1em;}
button > i.fa {margin-right:0.2em}
.alert-404 {padding: 20px;}
.locationDependentContent {padding-bottom: 20px;}

input.booking-option {background-color: #51b80c;background-image: linear-gradient(to bottom,#43a307, #51b80c );border: 1px solid #51b80c;border-radius: 3px;color: #fff;padding: 2px 6px;font-size: 1em;position: relative;bottom: 3px;}
input.booking-option:hover {opacity:0.9}

@media only screen and (min-width : 768px) {
#invalidDates {margin-left:15px;}
.one-line { width:380px !important}
.errorMsg {text-align:left; width: 380px;}
.errorMsg.Msg-sm {text-align:left; width: 260px;}
.icon {width:50px; }
.errorTxt {width:310px;}
.errorMsg.Msg-sm > .errorTxt{width: 200px;}
}

 /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.alert-404 {margin-top: 90px;}
.locationDependentContent {padding-bottom: 30px;}
}

/* Small Devices, Phones */ 
    @media only screen and (max-width : 767px) {
	.visible-xs.mobile-info {display:inline-block !important}
	}

/* iPads (portrait) ----------- */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.locationDependentContent > .row > div > label {font-size:12px}
}*/


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

div#reservation {padding:10px 0 10px 0}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    div#reservation {padding:30px 0}
}

.reservationBtns button[type="submit"], .reservationBtns button[type="button"] {margin: 0px 10px 0;}
.reservationBtns .btn-cancel {background-color: transparent; border: none;color: #fff;}
.reservationBtns .btn-cancel:hover, .reservationBtns .btn-cancel:focus {background-color:transparent; background-image:none;border: none;color: #fff; opacity:0.9}

#reservation button[type="submit"], .submitFormBtn2, #submitFormBtn, #selectedButton, #notSelectedButton, .greenBtn  {margin: 10px 0; border:2px solid #fff; color:#fff; background-color:#51b80c; background-image: linear-gradient(to bottom,#43a307, #51b80c ); }
#reservation button[type="submit"]:hover, .submitFormBtn2:hover, #submitFormBtn:hover, #selectedButton:hover, #notSelectedButton:hover, .greenBtn:hover {background-color:#51b80c; color:#fff; opacity:0.9}
#confirmRemove {/*color: #333;background: #fff;border: none;*/
	:0;}
.isClubMemberSelection{
    opacity: 0.8;
    margin-left: 0.3em;
    position: relative;
    bottom: 4px;
}
.isClubMemberSelection.location{position: relative;top: 10px;}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.reservationBtns button[type="submit"], .reservationBtns button[type="button"] {margin: 10px 10px 0 10px;}
    #reservation button[type="submit"],.submitFormBtn2, #submitFormBtn, #addressSubmitFormBtn, #startSubmit {margin-top: 20px;}
.isClubMemberSelection.location{position: relative;top: 10px;}
#submitFormBtn.pt {margin-top: 0; padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;}
.fa-spinner,.collector {margin-top: 20px;}	

}

/*.form-control:focus {border-color: #00c2cd;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(42,196,246,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(42,196,246,.6)}
*/

input[type="text"], input[type="password"], input[type="email"], textarea, select {border: 1px solid #eee;font-family: 'Open Sans', sans-serif;color: #333;}
label {font-weight: 400;}
.form-control {color: #505050;background-color: #FFF;border: 1px solid #eee;border-radius: 3px; box-shadow: none;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.form-control:focus {border-color: #0BB6EE;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(13, 183, 238, 0.6);outline: 0 none;}
.form-control.inline {width: 160px;display: inline;vertical-align: middle;}
.form-control.inline-amount {width: 50px;display: inline;vertical-align: middle;}
label.h3 {display:block}
.white {color:#fff;}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.white {font-size:0.85em}
}

.confirmMobile > .form-control.inline, .confirmMobile > input,
.confirmEmail > .form-control.inline, .confirmEmail > input{display:block; margin-left:auto; margin-right:auto;}
/* Small Devices over 455px */
@media only screen and (min-width : 455px) {
.confirmMobile > .form-control.inline, .confirmMobile > input,
.confirmEmail > .form-control.inline, .confirmEmail > input{display:inline;}
.confirmEmail > .form-control.inline {width:250px}
}
.input-group-addon {background-color: #fff; border: medium none;color: #0075be;}
.btn padding: {padding: 8px 16px; }       
.btn-default {background-color:#2ac4f6;border: 2px solid #2ac4f6; color:#fff; background-image: linear-gradient(to bottom, #00b1eb, #2ac4f6);}
.btn-default:hover, .btn-default:focus {background-color:#2ac4f6;border-color: #2ac4f6; color:#fff; opacity:0.9}
.btn-secondary {background-color:#eee; background-image: linear-gradient(to bottom, #ddd, #eee);border-color: #fff; color:#0075BE; font-weight: 700; margin-bottom: 1em;}
.btn-secondary:hover, .btn-secondary:focus {background-color:#eee;border-color: #fff;color:#0075BE;opacity:1}
.btn-offer {background-color: #f9f9f9;margin-top: 1em;color:#333}
.btn-primary {border:2px solid #fff; color:#fff; background-color:#51b80c; background-image: linear-gradient(to bottom,#43a307, #51b80c );}
.btn-primary:hover, .btn-primary:focus {background-color:#51b80c;;border-color: #fff; color:#fff; opacity:0.9}
.btn-white {margin-top:10px;color: #333;background: #fff;border: 2px solid #fff;background-image: linear-gradient(to bottom, #e5e5e5, #fff);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);}
.btn-white:hover,.btn-white:focus{color: #333;border: 2px solid #fff; background: #fff;opacity:0.9 );}
.pink-info-text > .btn-white:hover,.btn-white:focus{color: #fff;border: 2px solid #fff; background: #81d93e;background-image: linear-gradient(to bottom,#81d93e, #aff77a );}

/* Booking options 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a.booking-option {display: block;padding: 0.5em 0;background-color: #fff;border-radius: 3px;margin-bottom: 0.6em;font-size: 1.1em; border: 2px solid #FFF; color:#505050}
a.booking-option.checked {background-color:#51b80c;color: #fff;}
.duration, .places {margin-top:1em;}
.places > a.booking-option, .duration > a.booking-option {display: inline-block; margin-right: 0.6em; padding:0.6em 1em;}
.places > a.booking-option > i.fa, .duration > a.booking-option > i.fa  {padding-right: 0.3em;}


.offer-date {float: left;padding: 0px 0.6em;min-width: 30%;text-align: left;white-space: nowrap;}

.offer-date i.fa {font-size: 1.3em;margin-right: 0.2em;}

.offer-special-price {text-align: right;font-weight: bold;white-space: nowrap; margin-right: 0.3em;}

.normalPrice {text-decoration: line-through;margin-left: 5px;margin-right: 0.6em;white-space: nowrap;font-weight: normal;}

.offer-special-price .normalPrice {font-weight: normal;font-size: 0.7em;margin-left: 1em;}

.choose-option-text {font-size: 0.7em;margin-left: 0.6em; margin-right: 0.6em;white-space: nowrap;font-weight: normal;}

.offer-time {float: left;text-align: left;white-space: nowrap;}

a.btn > i.fa  {margin-right: 0.2em;}
.sort-offer { padding-bottom:0.6em}
.sort-offer > a {color:#fff}
.sort-offer > a:hover {opacity:0.8}
a.sort-date, a.sort-price {margin-right:0.6em; opacity:0.8}
a.sort-date.active, a.sort-price.active {opacity:1; font-weight: 700;}
.sort-offer > a > i.fa {margin-right:0.3em}

/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
a.sort-price {display:block}
a.white.no-line{display:block}
		a.booking-option {font-size:11px;}
		a.yellow.no-line.inline {display:inline;}
    }

/* NEW Reservation Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.form-error-wrapper {display:block;}
.pakuraha-info .form-error-wrapper {}
.errorMsgFullwidth {text-align:left; width: 100%;display: block;margin-top:0; margin-bottom:0;}

.errorMsgFullwidth > .icon {width: 15%;}
.errorMsgFullwidth > .errorTxt {width: 80%;}

.option > i.fa  { font-size: 1.4em;position: relative;top: 2px; margin-right:2px;}

h4.alternative-times {font-size:1.2em;}
#alertValidDates {margin-bottom:1em}
.dateCol {padding-right: 0;}
 /*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.dateCol {width:28%}
.timeCol {width:22%}
}


a#new .offer-table-box {min-height:45px}
a#new .offer-services  {float:left;}
a#new .offer-middle  {float:left}
a#new .offer-time  {float:right;}

.panel-info {margin-bottom: 1em;background-color: #fff;color: #333;min-height: 50px;border-width: 0;display: table;width: 100%;}

.block {display: table-cell;vertical-align: middle;}

.block-top {color: #fff;border-bottom: 1px solid #fff;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.block.services {width: 15%;padding: 5px;color: #fff;background: linear-gradient(135deg, rgba(0,177,235,1) 0%, rgba(42,196,246,1) 100%);text-align: center;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border:2px solid #fff;}
.block.services > i.fa {font-size: 2em;padding: 5px;}
.block.service-icon {width: 10%;text-align: center;height:60px;}
.block.service-icon > i.fa {font-size: 2em;}

.block.info {width: 55%;padding: 10px; text-align:left}
.choose-service > .block.info {width: 85%;}
.block.info > span.prize {font-size: 2em; margin-left: 8px;position: relative;top: -5px;right: 0;}

.block-date {display:block; padding:5px 0; white-space: nowrap;}
.block-duration {padding:5px 0; white-space: nowrap;}
.block-price {padding:5px 0; white-space: nowrap;}

.block.btn {width: 30%;padding: 10px;text-align: center;background-color: #51b80c;background-image: linear-gradient(to bottom,#43a307, #51b80c );border: 2px solid #fff;color:#fff;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.block.btn:hover,.block.submit-btn:hover  {opacity:0.9}

.block.submit-btn{display: table-row;text-align: center;border: 2px solid #fff; width: 50%;padding: 10px;color:#fff;}

.block.submit-btn > .block-select { padding: 10px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
    
.block-select{display: block;font-weight: 700;font-size: 1.3em;padding: 0 0 4px 0;}

.block.icon-info {width:10%; float:left}
.block.icon-info > i.fa {font-size:1.5em}
.block.text-info{font-size: 0.9em;font-weight: 400;}

.alternative {background-color: #E2201D;color:#fff;padding: 2px 5px;display: inline-block;border-radius: 3px;border: 1px solid #fff;}

a.service-link {display:inline-block}

.choose-service { width: 290px; white-space: initial; margin-bottom:10px; padding:0;background-color: #51b80c;
background-image: linear-gradient(to bottom,#43a307, #51b80c ); border:2px solid #fff}
.choose-service >  .block { padding:0;}
.choose-service >  .icon { width:10%; float:left}
.choose-service >  .blockTxt { width: 90%;font-size: 1.1em; min-height:50px; font-weight: 600;text-align: left;padding: 3px 0 3px 8px;}
.choose-service > .blockTxt > span.prize  {font-size: 2em; margin-left:8px;  position:relative; top:-5px; right:0}

 /*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.choose-service {width: 320px; min-height: 110px; height:110px; margin: 10px 5px 10px 5px; }
.choose-service >  .blockTxt {min-height:80px;}
}

 /*Medium devices */
@media only screen and (min-width : 992px) {
.choose-service {width: 360px; }
.choose-service >  .blockTxt {min-height:70px;height:70px}
}

/* Alternative / selected times
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.selected-times {padding-bottom:1em;}
.selected-times-div, .alternative-times-div {border-top:1px solid rgba(255,255,255,0.3);}
span.carFound {font-size:1.2em;}

.selected-times.checked > h4.alternative-times.title, .alternative-times.checked > h4.alternative-times.title {padding-bottom: 0.5em;
margin-top: 0.5em;border-bottom:1px solid rgba(255,255,255,0.3)}
h4.price {font-size:1.2em; margin-top:0.5em; margin-bottom:0.5em;}
.carFoundListDiv p {margin:1em 0 1em 0}
a#alternativeListDivTitle.white:hover, a#carFoundListDivTitle.white:hover {color: #fff;}
h4#alternativeListTitle, h4#carFoundListTitle {padding-bottom: 0.5em;margin-top: 0.5em;}
#alertValidDates .block.errorTxt {padding:10px 5px}
.panel-carFound {background-color: rgba(0,117,190,0.4);border: 1px solid #fff;color:#fff; margin-top:1em;border-radius:3px;}
span.carFound > i.fa {font-size:1.3em; margin-left:3px;}
.alert-info {color:#fff; border-color:#fff; background-color:rgba(0,117,190,0.5);background-color: #E2201D;padding:15px 15px 0 15px;}
#alert-alternativeList a.booking-option-v2017 {font-size:0.9em}
#alert-alternativeList h4 {margin-top:0; margin-bottom:0}
.alert .close {opacity:0.5; text-shadow:none;right:0}
.alert .close span{position: relative;top: -2px; font-size: 16px;right: 5px;font-weight: 400;}
.alert close:hover, .alert .close:focus {color: #fff;text-decoration: none;cursor: pointer;filter: alpha(opacity=100);opacity: 1;}

/* begin custom checkboxes 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input.box { display:none; } 

.blockLinks a { color:#fff}
.blockLinks .form-group  {margin:0 } 
.blockLinks > input[type=checkbox], .blockLinks > input[type="radio"] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before, input[type=radio] + label:before {font-family: FontAwesome;display: inline-block;}

input[type=checkbox] + label:before { content: "\f096"; color:#fff; cursor: pointer;font-size: 1.3em; } /* unchecked icon */
input[type=radio] + label:before { content: "\f10c"; color:#fff; cursor: pointer;font-size: 1.3em; } /* unchecked icon */

input[type=checkbox] + label:before { letter-spacing: 9px; } /* space between checkbox and label */
input[type=radio] + label:before { letter-spacing: 9px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f14a"; color: #fff } /* checked icon */
input[type=radio]:checked + label:before { content: "\f192"; color: #fff } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 8px; } /* allow space for check mark */
input[type=radio]:checked + label:before { letter-spacing: 9px; } /* allow space for check mark */

input.box {display: none !important;}

div.second-choice {margin-left: 23px; margin-bottom: 15px;}

#confirmTermsParent  {margin-top: 1em;}
#confirmTermsParent > label  {font-weight: 600;}
.pakuraha-info {border: 1px solid #fff;margin: 1em 0;padding: 0.6em 0.8em; border-radius: 4px;}

/* Start 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#start {background-color:#0075be; color: #fff;background-image: linear-gradient( #0075be, #45b5ed);
        background-attachment: fixed;}
.btn-primary.disabled {background-color: transparent;border-color: #fff;background-image: none;opacity: 0.75;}
#start img.brand {margin-left:auto; margin-right:auto; padding:10px;display:block;max-width: 200px;height: auto;}
#startSubmit {margin: 20px 0;}
.start-reservation {padding:0 3em;}
.hetu-checked {background-color: #51b80c;padding: 5px 20px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 2px #2475be inset; height:25px; line-height:16px;}
.hetu-row {margin-top:1em;}
#ssnOKRow {padding: 0px 15px; margin-top:15px; margin-bottom:15px;}
#start footer {display:none;}
@media only screen and (min-width : 550px) {
.static {padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;}
}
@media only screen and (min-width : 768px) {
.start-reservation {width:75%; margin-left:auto; margin-right:auto; }
.hetu-row {padding-left:15px;}
}

/* Payment methods
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.payment-wrapper {padding:1em 0}
.payment-method-wrapper { background-color:#fff; border-bottom:1px solid #eee;}
.payment-method-wrapper > h3 {margin-bottom:0; font-size:1.1em; color:#333}

div.payment-button {float:left;font-size: 0;line-height: 0;}
.method-button {width: 80px;height: 80px;background-color: white; background-position: center;background-repeat: no-repeat;
background-size:95%;border: 0;cursor: pointer;margin: 8px 5px;}
.method-button:hover {border:3px solid #51b80c; border-radius:3px;}
.choose-container{
    width: 100%;
    margin: 10px auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.choose-method { width: 100%; white-space: initial; background-color: #fff; border:2px solid #fff; color:#505050; border-radius: 3px; margin-bottom:10px}
.choose-method.checked {background-color: #51b80c; color:#fff}
.choose-method:hover .fa-circle-thin:before{content:"\f058";}
.choose-method >  .block { padding:0;}
.choose-method >  .icon { width:10%; float:left}
.choose-method >  .blockTxt { width: 90%;font-size: 1.1em; min-height:50px; font-weight: 600;text-align: left;padding: 3px 0 3px 8px;}
.btn.choose-method.checked >  .blockTxt {color:#fff;}
.choose-method > .blockTxt > span.prize  {font-size: 2em; margin-left:12px;  position:relative; top:-5px; right:0}
.choose-method >  span.info {font-size: 0.8em; float:left; margin-left:10%; padding:0 0 5px 8px}

 /*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.choose-method {width: 320px; min-height: 110px; margin: 10px 5px 10px 5px; }
.choose-method >  .blockTxt {min-height:80px;}
.payment-method-wrapper {margin: 0; border-radius:0; padding-bottom:10px;}
.choose-method >  span.info {margin-left:0;}
}

 /*Medium devices */
@media only screen and (min-width : 992px) {
.choose-method {width: 360px; }
.choose-method >  .blockTxt {min-height:70px;}
.payment-method-wrapper.col-md-6 {}
.choose-method >  span.info {font-size: 0.9em; float:left; margin-left:10%; padding:0 0 5px 8px}
}

i.fa.hover {float:left;font-size: 2em;margin-top: 10px;margin-right: 10px !important;}
span.payment-info {display:block; margin-left:11%; margin-right:11%;} 

/* Campaign
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#kamppis.transparent > .container {padding:0}
.campaignInfo > .list-unstyled {margin-bottom: 1.2em;}
.campaignInfo hr.divider {margin: 30px 0 15px; opacity:1;}
.mainContent  {border-bottom: 1px solid #eee;padding-bottom: 1em;}
p.author {font-weight:700;}
a.more {font-weight:700; display:block; margin-top:1em}
p.lead {margin:1.2em 0;}
p.lead.mt-0{margin-top:0;}

#kamppisBanner.kamppisPage {border:none;border-radius: 0; min-height:340px;background-size:cover;}
#kamppisBanner.kamppisPage > .title {padding: 20px;width: 100%;position: relative;}
a.tags, span.tags {border-radius: 3px;padding: 2px 5px;margin: 3px 0px 3px 3px;background-color: #0075BE;color: #FFF;display: inline-block;}
a.tags:hover, a.tags.active {background-color:#0BB6EE}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#kamppis.transparent > .container {padding:0 15px}
#kamppisBanner.kamppisPage {background-size: 90% auto;min-height:380px; border-bottom: 2px solid #fff; border-top-left-radius: 3px;border-top-right-radius: 3px;}
#kamppisBanner.kamppisPage > .title {width: 80%;}
.mainContent {padding: 1em 1em; border:none; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
}

 /* Medium Devices, Desktops */
 @media only screen and (min-width : 992px){
#kamppisBanner.kamppisPage {min-height:320px;}
#kamppisBanner.kamppisPage > .title {width: 42%; top:20px; left:20px}
.mainContent {padding: 1em 3em; background-color: #FFF;box-shadow: 0px 0px 5em #EEE inset; margin-bottom:2em}
p.author {padding-top: 1.2em;}
.list-unstyled.mb li {margin-bottom: 0.4em;}
}

/* Varauksen pidennys
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.confirmEndtime  {margin-bottom:1.5em;} 
.confirmEndtime > .form-control.inline {width: 250px;} 
.input-group-addon.weekday{color: #505050;border: 1px solid #eee;border-right: none !important;padding-right: 2px;}
#plusWeekday #endDate { border-left: none !important;}

p.alert {margin-bottom: 0;padding: 0 0 5px 0;}
span.reservation-info {display:block}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
span.reservation-info {display:inline-block}
}

/* Google maps
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Small Devices, Tablets */
#map { position:relative;}
@media only screen and (min-width : 768px) {
.map{padding:0px; height:340px; margin:10px 0}

}

.map-responsive{
    overflow:hidden;
    padding-bottom:36.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border: 1px solid #E5E3DF;
    height:340px
}

/* override GoogleMap settings */
.MapPlaceHolder {
    min-height: 200px;
}

div#info_helsinki, div#info_espoo, div#id_vantaa  {display:none !important}

/* Share Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
div.shareDiv {
  display: block;
  width:100% !important;
  margin-top:1em;
  text-align: right;
}
ul.share-buttons{
  list-style: none;
  padding: 0;
  display:block;
}

ul.share-buttons li{
  display: inline;
}


/* Hinnasto
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#hinnasto .h1 {margin-bottom:1em}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   #hinnasto .h1 {margin-bottom:1em; margin-top:0}
}

.special-prize-banner {
    float: left;
    margin: 0px 20px 20px 0px;
    text-align:center
}

.price-box {
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    width: 100%;
    color: #FFF;
    padding:10px;
    /*background-image: linear-gradient(to bottom, #00B1EB, #2AC4F6);*/
    border: 2px solid #cdf2fe;
    background: #2ac4f6; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(#00B1EB, #2AC4F6); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(#00B1EB, #2AC4F6); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(#00B1EB, #2AC4F6); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(#00B1EB, #2AC4F6); /* Standard syntax */
}

.price-box > p.lead {
margin:0; font-size:1.5em;
}
.fixed-price {
    /*background-image: linear-gradient(to bottom, #2265A5, #2775BD);*/
    background: #2ac4f6; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(#00B1EB, #2AC4F6); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(#00B1EB, #2AC4F6); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(#00B1EB, #2AC4F6); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(#00B1EB, #2AC4F6); /* Standard syntax */
}

span.special-duration {
    font-size: 0.9em;
    margin-bottom: 5px;
}
span.special-duration::after {
    content: " –";
    margin-right: 5px;
}

span.special-price {
    color: #FFF;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.normal-price {
    display: block !important;
    font-size: 0.6em;
    white-space: nowrap;
}
#hinnasto .lead {
    margin: 0;
}

/* Tarjoukset
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.offer-wrapper { display:inline-block}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#offer-col {padding: 5px 0px 15px;}	
.offer-wrapper { padding-top:10px}
.offer-wrapper > .special-prize-banner { float:left}
}

/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.offer-wrapper > .special-prize-banner { float:none}
	}

/* Pricing-list
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pricing-list{width:100%;float:left; padding:0.6em 0; border-bottom:2px solid #eee}
.pricing-list-last {width:100% !important;float:left; border:none; padding:0.6em 0 2em 0; clear:both}
.pricing-item {width:70%; float:left}
.pricing-price {width:30%; float:right;text-align:right}
div.text-xs-left {width:100%; display:block}

/* Faq
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#faq > p > a.tags {background:transparent; border:1px solid rgba(255,255,255,0.7)}
#faq > p > a.tags:hover {background:#2AC4F6}
.m-t-2 {margin-top:2em}
.m-t-20 {margin-top:20px}
.faq-header {margin-bottom:1em;}

/*Small Devices, Tablets */
@media only screen and (min-width : 967px) {
  .faq-header {text-align: center;}
}

/* Page styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

span.img-text{display: block;font-size: 0.9em;color: #999;padding-top: 0.5em;}
.img-center {margin-left: auto;margin-right: auto;}

.tiedote {border-top:2px solid #eee}
#cityInfo img  {max-width:60%; margin-left:auto; margin-right:auto; margin-bottom:10px} 
#cityInfo h3  {letter-spacing:0.01em;}
.map-container {height: 570px;max-width: 400px;margin-left: auto;margin-right: auto;margin-bottom: 10px;background-color:#fff;}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.tiedote {border-top:none; border-left:2px solid #eee;}
.tiedote > h3 {margin-top:0;}
#cityInfo img  {max-width:100%}
}


 /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
img.cityvarasto {max-width:90%}
}

/* Check-List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#checkList li {    margin-bottom: 10px;}
#checkList li > img  {position: absolute; left: -2.44285714em; width: 2.14285714em; top: .14285714em; text-align: center;padding: 0 5px 5px 5px;}

/* YouTube
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.video-container {position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;border:5px solid #fff;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* Testimonial
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.testimonial-div {padding: 1em 3em;background-color: #FFF;margin-bottom: 2em;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

.testimonial-container {width:100%;margin: 10px auto;position: relative;display:flex;flex-wrap:wrap;justify-content:center;}
.testimonial-block {
background-color:#fff;color:#333;width: 250px;margin: 10px;padding:15px 20px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}

.testimonial-block > p.lead {margin:0.3em 0 0.6em}
.testimonial-block > p {margin-bottom:0.6em}
.stars {color:#0075be; display:block; font-size:14px;margin-bottom: 1em !important;margin-top: 0.5em;}
p.quote {font-size:0.96em}
.testimonial-img {width: 90px;height: 90px;border-radius: 50%; overflow: hidden; margin-left: auto;margin-right: auto;}
.testimonial-header {display:block; width:100%; height:100px;margin-top:1em;}
.testimonial-header > span.lead {position: relative;top: 20px;left: 20px;}





/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {background-color:#0075be; padding:40px 0 0 0; color:#fff}
footer .col-xs-12 { margin-bottom:1em}
footer h3 {  margin-top:0}
footer a {color:#fff; padding-right:30px;}
.brand  {height: 120px; padding-bottom: 2em;}
a.compLink {color:#bfd6ec; padding-right:30px;}
.fa-ul > li {margin-bottom: 0.4em;}
.copyright {background: transparent linear-gradient(0deg, #2775bd 0%, #2265a5 100% ) repeat scroll 0% 0%;text-align: center;height: 40px;vertical-align: middle;padding: 10px;color: #fff;margin-top: 1em;}
.copyright p {margin-bottom: 0;}
.scrollToTop {width: 30px;height: 30px;position: fixed;bottom: 25px;right: 40px;display: none;cursor: pointer;color: #FFF;z-index: 997;background-color: rgba(0, 0, 0, 0.5);background-image: url("../img/top.svg");background-repeat: no-repeat;background-position: center center;border-radius: 5rem;}
@media screen and (min-width: 768px) {
li.m-t-10 {margin-top:10px;}
}


/* Kaupunkiländärit
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.citymap {margin:10px 0}
.square-map {margin-top:18px}
.ratio-square, .ratio-16-9 {display: block;position: relative;width: 100%;height: 0;}
.ratio-16-9 {padding-top: 56.25%; /* This is your aspect-ratio */}
.ratio-square {padding-top: 100%; /* This is your aspect-ratio */}
.ratio-inner {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.pickup-container {width: 100%;margin: 10px auto;position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
.pickup-block {position:relative;background-color: #fff;color: #333;width: 90%;margin: 5px;padding: 10px;border-radius:4px;border:1px solid #eee;
-webkit-box-shadow:: 0px 0px 5em rgba(238,238,238,0.5) inset;-moz-box-shadow: 0px 0px 5em rgba(238,238,238,0.5) inset;box-shadow: 0px 0px 5em rgba(238,238,238,0.5) inset;}

.pickup-icon {position: absolute;left: 15px;top: 10px;max-width: 28px;}
.pickup-info { margin-left: 45px;text-align: left;margin-top: 0;padding: 0;}
.pickup-info > h3 { color:#333; margin:2px 0 5px 0; font-size:1.3em}
.pickup-info > p > span { display:block; font-size:0.94em}
.pickup-info > p {margin-bottom: 0.6em;}
.pickup-actions {position: absolute;bottom: 8px;width: 100%;right: 0; border-top:1px dashed #eee; padding-top:8px}
.pickup-actions > span.service{font-size: 0.8em;line-height: 36px;color:#999;margin-left:20px}
.pickup-actions > a.btn{float:right; margin-right:10px; margin-top:0;}
.pickup-actions > a.btn-white {-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);}
.location-block > .pickup-info { margin-bottom:53px}span.block-alternative {font-style: italic;font-size: 0.8em; color:#999}

@media only screen and (min-width : 460px) {
.pickup-block {width: 370px; margin:10px}
}

@media only screen and (min-width : 768px) {
.location-block {width:47%; margin:1%}
.pickup-container {justify-content: left;}
}

/* Modal
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.modal-body {padding: 0 20px;}
.modal-header {border-bottom: 1px solid #eee;}
.modal-footer {border-top: 1px solid #eee;}
@media screen and (min-width: 768px) {
#ehdot .modal-dialog  {width:800px;}
}

/* Datepicker
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.datepicker{top:0;left:0;padding:4px;margin-top:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:6px;}
.datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:7px;}
.datepicker > div{display:none;}
.datepicker.days div.datepicker-days{display:block;}
.datepicker.months div.datepicker-months{display:block;}
.datepicker.years div.datepicker-years{display:block;}
.datepicker table{margin:0.2em 0.5em;}
.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#333;}
.datepicker td.day:hover{background:#eeeeee;cursor:pointer;}

.datepicker td.disabled,.datepicker td.disabled:hover{background:none;color:#999999;cursor:default;}
.datepicker td.today,.datepicker td.today:hover,.datepicker td.today.disabled,.datepicker td.today.disabled:hover{background:#2372c0;color:#ffffff;}
.datepicker td.active,.datepicker td.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover{background:#51b80c;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.datepicker td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.datepicker td span:hover{background:#eeeeee;}
.datepicker td span.disabled,.datepicker td span.disabled:hover{background:none;color:#999999;cursor:default;}
.datepicker td span.active,.datepicker td span.active:hover,.datepicker td span.active.disabled,.datepicker td span.active.disabled:hover{color:#ffffff;background-color:#295ac7;background-image:-moz-linear-gradient(top, #2372c0, #293ac7);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2372c0), to(#293ac7));background-image:-webkit-linear-gradient(top, #2372c0, #293ac7);background-image:-o-linear-gradient(top, #2372c0, #293ac7);background-image:linear-gradient(to bottom, #2372c0, #293ac7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2372c0', endColorstr='#ff293ac7', GradientType=0);border-color:#293ac7 #293ac7 #1c2888;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#293ac7;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.datepicker td span.active:hover,.datepicker td span.active:hover:hover,.datepicker td span.active.disabled:hover,.datepicker td span.active.disabled:hover:hover,.datepicker td span.active:active,.datepicker td span.active:hover:active,.datepicker td span.active.disabled:active,.datepicker td span.active.disabled:hover:active,.datepicker td span.active.active,.datepicker td span.active:hover.active,.datepicker td span.active.disabled.active,.datepicker td span.active.disabled:hover.active,.datepicker td span.active.disabled,.datepicker td span.active:hover.disabled,.datepicker td span.active.disabled.disabled,.datepicker td span.active.disabled:hover.disabled,.datepicker td span.active[disabled],.datepicker td span.active:hover[disabled],.datepicker td span.active.disabled[disabled],.datepicker td span.active.disabled:hover[disabled]{color:#ffffff;background-color:#293ac7;*background-color:#2534b2;}
.datepicker td span.active:active,.datepicker td span.active:hover:active,.datepicker td span.active.disabled:active,.datepicker td span.active.disabled:hover:active,.datepicker td span.active.active,.datepicker td span.active:hover.active,.datepicker td span.active.disabled.active,.datepicker td span.active.disabled:hover.active{background-color:#202e9d \9;}
.datepicker td span.old{color:#999999;}
.datepicker th.switch{width:145px;}
.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer;}

.clearfixit{
clear:both;
}




/* OP */
.opdiv { background-color:white;color:#333; padding:1em 1em 2em 1em;font-family: Chevin,'Open Sans', sans-serif}

 /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.opdiv { padding:1em 3em 2em 3em}	
	}
.optitle{ font-family: Chevin,'Open Sans', sans-serif}
.opbtn:hover {color: white;background-image: linear-gradient(rgba(255,255,255,.075),rgba(255,255,255,.075));border-color: #ff6a10;}
.opbtn {font-weight: 300;background: #ff6a10;margin-top:1em;Text-Decoration: None !important;color: #fff;border-color: transparent;display: inline-block;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;white-space: nowrap;text-align: center;height: auto;vertical-align: top;border: none;min-width: 15rem;border-radius: 2em;padding: 0.58em 1.2em;font-size: 1.1em;}

/* Muuttolaatikot / Vuokralaatikot
–––––––––––––––––––––––––––––––––––––––––––––––––– */    
.flex-container {width: 100%;margin: 0 auto;position: relative;display: flex;flex-wrap: wrap;justify-content: center; }   
.flex-box {position: relative;padding: 15px 10px;}
 
.content-box h1 {margin-top:0}
.day-offer {color: #fff;overflow: hidden;text-align:center;padding:0; width:100%;}
.day-offer .green-header {border-radius: 50%;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
	width: 100px;height: 100px;padding-top: 10px;margin-left:auto; margin-right:auto}
.day-offer h4 {font-size:1em;margin-bottom: 5px;letter-spacing: 0.015em;line-height:1}
.rent-price {font-size: 3em;margin:0;line-height:1}
.rent-money, .rent-time, .rent-amount, .starting-from, .rent-splash {font-size: 1.25em;}
    
 
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.flex-container {justify-content: left;border-bottom:1px solid rgba(238,238,238,0.3)}
.flex-box {padding: 15px 20px;}
.day-offer {width:30%; padding:40px 20px;}
.day-offer h4 {margin:0}
.content-box {width:70%; padding-right:40px;}
.content-box h1 {margin-top:40px; margin-bottom:20px}
.day-offer .green-header {width: 200px;height: 200px;padding-top: 40px;}
.day-offer h4 {font-size:2em;margin-bottom: 15px;letter-spacing: 0.015em;line-height:1}
.rent-price {font-size: 5em;font-weight: bold;}
.rent-money, .rent-time, .rent-amount, .starting-from, .rent-splash {font-size: 1.5em;}   
    }


/* Vuokralaatikot
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gray-wrapper {padding:10px; }
.gray-wrapper h4 {margin-top:0; font-weight:700}
.btn-sm {padding:2px 8px;border-radius:4px}
ul.line-list li {border-bottom:1px dashed rgba(238,238,238,0.3); padding:4px 0;}
ul.line-list li:last-child {border:none}
ul.line-list  li::before {
font-family: 'FontAwesome';
    content: '\f005';
    margin: 0 5px 0 0;
	color:rgba(238,238,238,0.3);}
#priceInfo p {margin-bottom:5px}
#priceInfo table {width:95%}
.package-table {margin-bottom:0;background-color:#fff; color:#333; border-radius:3px}
#priceInfo td, .table > thead > tr > th, .table > tbody > tr > td {border-color:#eee;text-align:left}
.package-table > tbody > tr > td {padding:4px 10px; vertical-align:middle;border-color:#e3e3e3 }
.package-table > thead > tr > th {padding:8px 10px; vertical-align:middle;border-color:#e3e3e3 }
.package-table > tbody > tr > td.text-right, .package-table > thead > tr > th.text-right {text-align:right }
.package-table>tbody>tr:hover>td, .package-table>tbody>tr:hover>th {
  background-color: #f9f9f9;
}

form.disabled {opacity:0.4; cursor:not-allowed}
.btn.disabled {opacity: .4;color: #A9A9A9; border-color:#a9a9a9; background-color:#fff}
.movingBoxPhaseTableRow  {padding:20px}
.movingBoxPhaseTableRow  h3{text-transform:uppercase; font-weight:bold}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.gray-wrapper {padding:30px 0 30px 15px}	
.movingBoxPhaseTableRow {padding:10px 35px 50px}
#movingBoxPhase_1 .movingBoxPhaseTableRow {border-right:1px solid rgba(238,238,238,0.3)}
}

.btn-lgBox {
    margin-top:8px;
	margin-bottom:8px;
	padding: 8px 8px;
    font-size: 14px;
    line-height: 1;
    border-radius: 6px;
}



/* Calendar table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.calendar-table {background-color: #fff;color: #333;border-radius: 3px;}


.calendar-table > tbody > tr > td, .calendar-table > tbody > tr > th {border-color:#e3e3e3; padding:2px 1px}
.calendar-table > tbody > tr > th {text-align: center;font-weight: normal;text-transform: uppercase;}
.calendar-table td.calendar-month {background-color: #eee;text-transform: uppercase;font-weight: bold;letter-spacing: 0.015em;border-top: 1px solid #e3e3e3;}
.calendar-table td.calendar-week {vertical-align:middle}
.calendar-table tr:first-child td:first-child {border-top:none; border-top-left-radius:3px; border-top-right-radius:3px;}
.calendar-table tr td:last-child {padding-right:6px}
a.calendar-day, a.white.priceSelectionTuntityo {display: block;line-height:1.25;color: rgba(255,255,255,0.75);text-decoration: none;
background-color: #51b80c;background-image: linear-gradient(to bottom,#43a307, #51b80c );border-radius: 2px;padding: 2px 4px;}
a.calendar-day.discount-price{background-color: #FFA500;background-image: linear-gradient(to bottom, #FF8C00,#FFA500 );}

a.calendar-day:hover, a.white.priceSelectionTuntityo:hover {background-color: #51b80c;color: #fff;opacity: 0.9;cursor:pointer}
a.calendar-day.discount-price:hover {background-color: #FFA500;}
span.calendar-price {display: block;font-weight: bold;color: #fff;white-space: nowrap;}

.form-group.long-text {margin-bottom: 0;}
.long-text label {display: inline-block;margin-left: 25px;}
.long-text label:before{margin-left: -23px;} 
.long-text label span {display: inline-block; color: rgba(255,255,255,.75)}

/* Landing page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#landing-page a:hover {color:rgba(255,255,255,0.8)}
img.brand.logo-top {margin-left: auto;margin-right: auto;padding: 10px;display: block;max-width: 220px;height: auto;}
.service-container {width: 100%;margin: 10px auto;position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
.service-block  {background-color: #fff;color: #333;width: 100%;margin: 5px;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.service-block:hover, .service-block:focus {-webkit-box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);-moz-box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);box-shadow: 0px 0px 0px 2px rgba(255,255,255,1)}
.service-block > div{float:left; height: 100%; position: relative;}

.service-img {width: 35%; }  
.service-name {width: 65%; } 
.service-name h3 {font-weight: bold; margin: 0;color:#fff; position: absolute;bottom:20%;left:10%;margin-right: 5%;line-height: 1.1;font-size:1.5em}
.service-logo-mobile {position: absolute;right: 3%;top: 3%;width: 35%;opacity:.8}
.service-logo {display:none} 
.service-kotisiivous {background-color:#39d5ff; }   
.service-cityvarasto,.service-tila-auto {background-color:#df3caa; }
.service-muutot {background-color:#f2cf0d; }
.service-cityvarasto div img.service-logo-mobile {width: 55%;margin-top: 2%;}

/* Landscape mobiles ( 500px and up)*/
@media (min-width: 500px) { 
.service-name h3 {font-size:1.9em;bottom:30%;}
.service-logo-mobile {width: 38%;position: absolute;right: 2%;top: 2%;}
.service-cityvarasto div img.service-logo-mobile {right:5%}
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.service-name h3 {font-size:2em;}
.service-logo-mobile {position: absolute;right: 3%;top: 3%;width:35%}
}

 /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#landing-page {padding:0 3em 3em;}
.service-block  {width: 90%;margin: 10px; } 
.service-img {width: 30%; }
.service-name {width: 45%;}
.service-name h3 {position: absolute;top: 50%;transform: translateY(-50%);bottom:inherit;font-size: 2.5em }
img.service-logo {position: absolute;right: 5%;top: 5%;width: 25%;}
.service-logo {display:block;width:25%;border-left: 1px solid rgba(255,255,255,0.5);background-color: rgba(255,255,255,0.3) }
.service-logo img {position: absolute;top: 50%;transform: translateY(-50%);padding:1em}*/
.service-name h3 {font-size:2em;}
.service-logo-mobile {display:none}
}

/* Large Devices */
@media only screen and (min-width : 1200px) {
.service-block  {width: 80%;margin: 10px; }   
}


/* Muuttolaatikot new 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#movingBoxTabsContainer {padding:10px 0 30px}
ul#movingBoxTabs li a::before {font-family: 'FontAwesome';content: '\f1db';font-size: 2.4em}
ul#movingBoxTabs li.active a::before {font-family: 'FontAwesome';content: '\f058';}

ul#movingBoxTabs li.active > a, ul#movingBoxTabs li.active > a:hover, ul#movingBoxTabs li.active > a:focus {
    border-width: 0px; border-bottom:0px;border-radius:0;box-shadow: -4px 0 4px -4px rgba(0, 0, 0, 0.2), 4px 0 4px -4px rgba(0, 0, 0, 0.2);}

ul#movingBoxTabs li > a, ul#movingBoxTabs li > a:hover, ul#movingBoxTabs li > a:focus {
    color: #333; border-width: 0;border-radius:0; margin-bottom: 0; padding: 2em 1em}


ul#movingBoxTabs {background-color: #f9f9f9;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);}

.movingBoxTabContent {
background-color: #51b80c;color: #fff;border:none; padding:15px;box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 0;}

ul#movingBoxTabs > li + li {margin-left: 0;}

#customize span.help-block {color:#fff}
#customize hr.divider, #recommendation hr.divider {margin-top:3em}

.movingBoxTabContent h2 {margin-top:0}

ul#movingBoxTabs li a h3 {margin-top:0}
p.table-bottom-info {padding:1em}
.tab-pane-footer {color:#333; margin-top:2em;}
ul.line-list li::before {margin: 0 8px 0 0; color: rgba(255,255,255,0.5)/*color: rgba(185,226,72,1)*/}
ul.line-list li {border-bottom: none;}

.input-inline  {display: inline-block;width: auto;vertical-align: middle;}
span.recommendation-price {padding:0 0.4em}
.btn-div {text-align: right}
.price-div  {padding: 1em 2em}
.recommendation-price, .recommendation-time {display:inline-block}
.recommendation-price {margin-right: 10px}
.box-images {max-width: 50%;}
.new-badge {position: absolute;width: 62px;top: 8px;right: 12px;z-index: 900;}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
#movingBoxTabsContainer {padding:30px 0 60px}
p.table-bottom-info {padding:1.4em 2em 1em}
.movingBoxTabContent {padding:4em 3em;}
.box-images {width: 28%;}
.flex-container {border-bottom: none;}
.tab-pane-footer {margin-top:2em; padding:0.5 2em 1em}
.input-amount {max-width: 100px; margin:0 0.5em}
#customize hr.divider, #recommendation hr.divider {margin-top:4em}
}  

@media (max-width: 767px) {
ul#movingBoxTabs > li {padding: 0;}
ul#movingBoxTabs li {border-bottom:1px solid #fff;}  
}

/* Muuttolaatikot box wrapper
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.box-container {background-color: #fff;color: #333;border-radius: 3px;margin-bottom:2em;}
.box-wrapper  {display:table;width: 100%}
.box-amount, .box-date  {padding: 10px;text-align: left;}
span.price-label{background-color: #fff;color: #333;padding: 2px 5px;display: inline-block;border-radius: 3px;margin-right: 10px;}

.panel-recommendation-info {background-color: #fff;border-radius: 4px;color: #333;padding: 1.4em 2em 1em;margin-top:3em}
.panel-recommendation-info h2 {color: #51b80c;}
.panel-recommendation-info .input-amount {width: 100px;border-style: dashed;margin:0.2em 0; border-color:rgb(227, 227, 227)}
.form-control[readonly] {background-color: #fff; border-color:#fff}
#recommendation .panel-recommendation-info hr.divider {margin-top:1em; border-top:1px solid #e3e3e3; opacity:1}
label.recommendation-label, span.recommendation-sum-amount {margin:0 5px; position:relative;top:1px}

th span {display: inline-block;white-space: nowrap;}
th span.volume {margin-left:5px}


/*Mobile */

@media (max-width: 767px) {
.package-table > tbody > tr > td {padding: 4px 5px;}
.btn-lgBox { margin-top: 4px;margin-bottom: 4px;padding: 6px 6px;font-size: 12px;  }
.panel-recommendation-info .input-amount {width: 70px;margin-right: 5px}
span.recommendation-sum-amount {margin-left: 75px;display: block;}
}

.blue-tab {   
background: rgba(0, 117, 190,1);
background: -moz-linear-gradient(180deg, rgba(0, 117, 190,1) 0%, rgba(69, 181, 237,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 117, 190,1)), color-stop(100%, rgba(69, 181, 237,1)));
background: -webkit-linear-gradient(180deg, rgba(0, 117, 190,1) 0%, rgba(69, 181, 237,1) 100%);
background: -o-linear-gradient(180deg, rgba(0, 117, 190,1) 0%, rgba(69, 181, 237,1) 100%);
background: -ms-linear-gradient(1805deg, rgba(0, 117, 190,1) 0%, rgba(69, 181, 237,1) 100%);
background: linear-gradient(180deg, rgba(0, 117, 190,1) 0%, rgba(69, 181, 237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075be', endColorstr='#45b5ed', GradientType=1 );
 
}


/*Green tab*/
.movingBoxTabContent.green-tab{border-bottom: 1px solid #fff;box-shadow: none}
ul#movingBoxTabs.green-tab {background-color: #fff; margin-top:1em;box-shadow: none;border-top:1px solid #fff }
ul#movingBoxTabs.green-tab li.active > a, ul#movingBoxTabs.green-tab li.active > a:hover, ul#movingBoxTabs.green-tab li.active > a:focus {
    background-color: #51b80c;color: #fff;box-shadow: none}
ul.green-list li::before {color: rgba(185, 226, 72,1);}
.no-shadow {box-shadow: none}

/*Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.movingBoxTabContent.green-tab {
border-top: none;border-left:2px solid #fff;border-right: 2px solid #fff;border-bottom: 2px solid #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
ul#movingBoxTabs.green-tab {border-top:2px solid #fff; border-left:2px solid #fff; border-right: 2px solid #fff}
     
}


/*Hope Banneri*/
.transparent-map {position: relative}
.transparent-map div h1 {padding-right: 80px}
.hope-banneri{ width: 80px;position: absolute; top: 15px;right: 10px;}

/* Large Devices */
@media only screen and (min-width : 1200px) {
.hope-banneri{ width: 120px;position: absolute;top: -50px;right: -15px;}
.transparent-map div h1 {padding-right: 0}
}

 /* Extra Large desktops */
 @media only screen and (min-width : 1900px) {
.hope-banneri{ width: 160px;position: absolute;top: -50px;right: -150px;}
}

/*Teaser*/
.teaser-section {position:relative;color: #fff;}
.teaser-icon {display: block;font-size: 2em;color: #fff;padding-top: 15px;}
.teaser-text {font-size: 1.3em;font-weight: 600;padding: 5px 15px; margin:0; color:#fff}
.teaser-info {position:relative}
/*.teaser-text {font-size: 1.3em;padding: 10px;margin:0;} 

.teaser-banneri{ width: 110px;position: absolute; top: 5px;right: 10px;z-index: 900;}*/

	

/* Large Devices */
/*@media only screen and (min-width : 1200px) {
.teaser-text {padding: 15px;text-align:center; margin:0; margin-left:80px} 
.teaser-banneri{ width: 140px;position: absolute;top: -40px;right: -15px;z-index: 900;}
}*/

 /* Extra Large desktops */
 @media only screen and (min-width : 1900px) {
/*.teaser-banneri{ width: 180px;position: absolute;top: -40px;right: -180px;}*/



/* muuttajan tavaratalo räätälöinti */

	   @media (min-width : 993px) {
.mobileOnly{display:none}
.tabletOnly{display:none}
}
@media (min-width: 767px) and (max-width: 992px) {
.mobileOnly{display:none}
.desktopOnly{display:none}
}


/* Small Devices, Phones */ 
    @media  (max-width : 766px) {
.desktopOnly{display:none}
.tabletOnly{display:none}
	}

/* Cookie settings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.cookie-banner {margin-bottom: 1em}
#my-cookie-settings {z-index: 999999}
#my-cookie-settings .modal-lg {max-width: 700px;}

#my-cookie-settings h2 {margin-bottom: 0}
#my-cookie-settings .modal-header {padding-left: 20px}
#my-cookie-settings .modal-body {padding: 20px;}
#my-cookie-settings .modal-footer {padding-right: 20px;}
#my-cookie-settings hr.divider {margin:10px 0;border-color:#fff}
#my-cookie-settings .modal-header .close {font-size: 35px;margin-top: 2px;color: rgba(255,255,255,1);}


.cookie-panel  { background-color: #f5f5f5;padding: 10px;position: relative;min-height: 48px;border-bottom:1px solid #fff}
.cookie-panel-title {color:#505050;display: inline;line-height: 28px;font-weight: 700;letter-spacing: .025em;font-size: 1.1em}
.cookie-toggle {display: inline-block;position: absolute;right: 10px;}
.cookie-panel-info {margin-bottom:10px;background-color: #f5f5f5;padding: 10px;}
.cookie-panel-info p {margin-bottom:0;0}
.cookie-toggle label {display: block}
.toggle-handle {background-color: #fff; border-color:#ddd;background-image: none}
.cookie-toggle .toggle.btn {min-width: 110px;}
.cookie-toggle .btn-info, .cookie-toggle .btn-info.active {color: #505050;background-color: #ddd;border-color: #ddd;}
.toggle-on, .toggle-off {padding:5px 8px}
.necessary-text {color: #5cb85c;font-weight: 600;letter-spacing: .025rem;margin-right: 10px;line-height: 28px;}