article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; *zoom:1;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { background: transparent; color: #000; outline: none; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
a:hover { text-decoration: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
input, select { vertical-align: middle; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -webkit-border-radius: 0; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
ul{ margin-bottom:0}		
input::-moz-focus-inner {
border:0;
padding:0;
}
input[type="text"], input[type="password"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"] { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Muli', sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus { outline: none; }
textarea { overflow: auto; vertical-align: top; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none }
textarea:focus { outline: none; }
#contact_comment { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Muli', sans-serif; }
#contact_comment:focus { outline: none; }
/*::-webkit-input-placeholder:focus{}
:-moz-placeholder{opacity: 1 !important;}
:-moz-placeholder:focus{color: #000;}
::-moz-placeholder{opacity: 1 !important;}
::-moz-placeholder:focus{ color: #000;}
:-ms-input-placeholder{opacity: 1 !important;}
:-ms-input-placeholder:focus{ color: #000;}*/
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; display: block; }
* { margin: 0px; padding: 0px; }
nav ul { list-style: none; }
ul { list-style: none; }
strong { font-weight: 700; }
.nopad { padding-bottom: 0px !important; }
.nobor{ border:none !important;}
em { font-style: italic; }
.width94{ width:94%; display:inline-block; float:none;}

body { font-size: 16px; color: #000000; font-family: 'Muli', sans-serif; font-weight: 400; margin: 0px; padding: 0px; text-align: center; line-height: 1; overflow-x: hidden;}
.width100, header, footer, section { float: left; width: 100% !important; }

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
} 

/*--- Header START ---*/
header{ float:left; width:100%;  padding-bottom:19px; position:absolute; }
.logo-back{ float:left;  position:relative; padding-bottom:6px;}

.header-tpline{ float:left; width:100%;}
.header-lft{ float:left; width:80%;}
.call-blk{ float:right; padding:42px 8px 5px 9px; text-align:left; color:#c3e2f3;}
.call-blk:first-child{ border-right:none;}
.call-blk a{ font-size:24px; color:#ffffff; line-height:27px; font-family: 'Crete Round', serif;}
.call-blk a:hover{ color:#ffca0f;}
.call-blk a i{ color:#ffca0f; border:2px solid #e0b83d; width:40px; height:40px; border-radius:100%;font-size: 19px; padding: 5px; margin-right: 8px;}

.social-area{ float:right; width:20%; position:relative; padding-right:5px;}

.social-area ul{ margin-top:12px; float:right}
.social-area ul li{ float:left; margin:0px 0px 0px 7px;}
.social-area ul li a{ float:left; border:2px solid #e0b83d; color:#e0b83d; width:30px; height:30px; border-radius:100%; line-height:18px; font-size:14px; padding:3px 0px;}
.social-area ul li a:hover{ background:#fff; color:#7b669e; border:2px solid #fff; }
.logo{ float:left; margin:27px 0px 0px 10px; position:relative; z-index:2}
/*--- Header END ---*/

/*Menu STARTS*/

.menu{ margin:3px 0px 0px 0px; float:right; position:relative; z-index:9;}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
.navbar{ min-height:inherit; margin-bottom:0px;}
.navbar-collapse{ padding:0px;}
.navbar-nav{ width:100%;}
.navbar-nav > li{ margin:0px 10px; float:none; display:inline-block;}
.navbar-nav > li > a{ padding:42px 12px 40px 12px; font-size:17px; color:#ffffff; position:relative; font-weight:400; text-transform:uppercase; font-family: 'Crete Round', serif; }
.nav > li > a:focus{ background:transparent;}
.navbar-nav > li > a:hover, .navbar-nav > li > a.active{ color:#ffffff; background:url(../images/menu-bullet.png) no-repeat left top; background-size: 80px;}
.navbar-nav > li:hover > a{color:#ffffff; background:url(../images/menu-bullet.png) no-repeat left top; background-size: 80px;}

.dropdown-menu{  border-radius:0px; background:#23a0da; box-sizing:border-box; padding:8px 0; width:220px; border:none;}
.dropdown-menu > li > a{ font-size:14px; color:#fff; line-height:22px; padding:8px 24px; margin:0px 0px; float:left; width:100%; font-weight:500; text-transform: capitalize; }
.dropdown-menu > li > a:hover, .dropdown-menu > li.active > a{ color:#135ba8; text-decoration:none; background:#ffca0f; text-decoration:none; }
.dropdown-menu > li.active > a:hover{ background:#ffca0f; color:#26292a; text-decoration:none;}
.dropdown-menu > li:last-child > a{ border-bottom:none;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{ background-color:transparent;}


  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  
/*Menu END*

/*--- Banner START ---*/
.banner-wrapper{ padding:194px 0px 0px;  float:left; width:100%; clear:left;}
.banner-wrapper img{ display:inline-block; width:100%;}
.banner{ position:relative; color:#fff;}
.banner .carousel-caption{ width:100%; position:relative; left:inherit; right:inherit; display:inline-block; float:none;  text-align:center;  padding:50px 8% 90px;}

.banner .carousel-caption h1{float:left; width:100%; font-size:40px; line-height:48px; color:#fff;  position:relative; margin-top:0px; font-family: 'Crete Round', serif; padding-bottom:22px; position:relative; text-shadow: 7px 5px 6px rgba(90, 52, 169, 0.49);} 

.banner .carousel-caption p{ float:left; width:100%; font-size:16px; line-height:22px; color:#fff; font-weight:600; padding-bottom:20px; text-shadow: 7px 5px 6px rgba(90, 52, 169, 0.49); font-style:italic; }
.banner .carousel-caption a{ font-family: 'Crete Round', serif; float:none; display:inline-block; background:rgba(255, 202, 15, 0.80) url(../images/arrow-brown.png) no-repeat right center; font-size:28px; color:#383242; font-weight:400;   padding:17px 85px 17px 25px; text-shadow:none; border:3px solid #fff; border-radius:5px;}
.banner .carousel-caption a:hover{ background:#383242 url(../images/arrow-brown.png) no-repeat right center; color:#fff; }

.bigWidth{ float:left; width:100%; margin-top: 10px; margin-bottom: 119px;}
.coupanCode{ display:inline-block; width:590px; background:url(../images/coupan-back.png) no-repeat center top; padding: 61px 20px 41px;

background-size: 100%;}
.cSale{ font-size:20px; letter-spacing:2px; text-transform:uppercase; color:#ffffff; font-weight:900; text-shadow: none;}
.cClean{ font-size:45px;  color:#f4c943; font-family: 'Crete Round', serif; text-shadow: none;}


/*--- Banner END ---*/


/*--- News Section START ---*/
.worker-wrapper:before{ content:''; width:100%; height:10px; position:absolute; left:0px; top:0px; background:#fff; -webkit-box-shadow: 0px 7px 27px 0px rgba(145, 119, 147, 0.24);
-moz-box-shadow:    0px 7px 27px 0px rgba(145, 119, 147, 0.24);
box-shadow:         0px 7px 27px 0px rgba(145, 119, 147, 0.24);}
.worker-wrapper{ position:relative; padding:67px 0px 116px;}

.worker-wrapper h2{ font-size:66px; color:#e3b31e; line-height:72px; font-style:italic; font-family: 'Crete Round', serif; padding-bottom:19px;}
.worker-wrapper p{ font-size:18px; color:#756d83; line-height:26px; font-weight:600; padding:0px 100px; margin-bottom:40px;}
.work-box{ width:100%; background: #fff;  padding:30px 35px 36px; margin-top:36px; position:relative; border:6px solid #f4f1f8; -webkit-box-shadow: -6px -9px 30px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    -6px -9px 30px 0px rgba(0, 0, 0, 0.22);
box-shadow:         -6px -9px 30px 0px rgba(0, 0, 0, 0.22);}
.work-box:before{ content:''; position:absolute; left:-6px; top:-16px; width:0px; height:0px; border-top:50px solid #7b65a7; border-left:50px solid #7b65a7; border-right:60px solid transparent; border-bottom:40px solid transparent;}

.work-logo{ height:100px; position:relative;}
.work-logo i{color:#7b65a7; font-size:70px;}

.work-box h3{ color:#7b65a7; font-size:22px; font-family: 'Crete Round', serif; margin-top: 3px; margin-bottom: 17px; }
.work-box p{ color:#756d83; /*font-style:italic; */font-size:15px; font-weight:600; line-height:18px; margin-bottom: 6px; padding:0px; }


.palvelut-wrapper{ position:relative; padding:59px 0px 72px;}

.palvelut-wrapper h2{ font-size:66px; color:#68509b; line-height:72px; font-style:italic; font-family: 'Crete Round', serif; padding-bottom:11px;}
.palvelut-wrapper p{ font-size:18px; color:#1e1139; line-height:26px; font-weight:600; padding:0px 100px; margin-bottom:76px;}

.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
	width:100%;
    height: auto;
}
.hvrbox .hvrbox-layer_bottom {
    display: block;
}
.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #7b65a7;
    color: #fff;
    padding: 15px;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	width:82%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
.hvrbox .hvrbox-layer_image {
	padding: 0;
	background: none;
}
.hvrbox .hvrbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
.backtri{ position:relative; padding:10px }
.backtri:before{ content:''; position:absolute; left:-3px; top:-3px; width:0px; height:0px; border-top:60px solid #7b65a7; border-left:60px solid #7b65a7; border-right:70px solid transparent; border-bottom:50px solid transparent;     -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;}
.backtri:hover:before{border-top:60px solid #ffffff; border-left:60px solid #ffffff; border-right:70px solid transparent; border-bottom:50px solid transparent;}
.serbox{ float:left; width:100%; background:#fff; padding:30px 30px 40px;}

.iconPal{width:126px; height:126px; border-radius:100%; border:7px solid #fff; background:#ffd144; display:inline-block; -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow:    0px 0px 18px 0px rgba(0, 0, 0, 0.24);
box-shadow:         0px 0px 18px 0px rgba(0, 0, 0, 0.24);}
.serbox i{ color:#68509b; font-size: 72px; line-height: 102px; }
.serbox h3{ font-size:36px; color:#7b65a7; font-family: 'Crete Round', serif; padding-bottom:20px; margin-top: 10px;}
.serPrise{ background:#fff0c2; font-size:24px; color:#bc8f04; font-family: 'Crete Round', serif; border-radius:22px; display:inline-block; padding:10px 50px;}
.nxtup{ position:absolute; background:#776798; font-size:10px; color:#fff; bottom: 4px;     right: 0px;}
.nxtup a{ color:#fff;}
.nxtup a i{ color: #fff;
font-size: 9px;
line-height: 16px;
padding: 7px 6px; background:#776798;}
.nxtup a:hover{}
.hvrbox-text{}
.hvrbox-text h3{ font-size:36px; color:#ffd144; padding-bottom:10px; font-family: 'Crete Round', serif; padding-top:0px;}
.hvrbox-text p{ padding:0px; color:#decdff; font-size:14px; line-height:22px; font-weight:600; margin-bottom:15px;}

a.sMore{ font-family: 'Crete Round', serif; float:none; display:inline-block; background:rgba(56, 50, 66, 0.80) url(../images/arrow-wht.jpg) no-repeat right center; font-size:28px; color:#fff; font-weight:400;   padding:17px 85px 17px 25px; text-shadow:none; border:3px solid #fff; border-radius:5px;margin-top: 77px;}
a.sMore:hover{ background:#fff url(../images/arrow-wht.jpg) no-repeat right center; color:#383242; }

/*--- News Section END ---*/




/*--- Footer START ---*/
footer:before{ content:''; width:100%; height:10px; position:absolute; left:0px; top:0px; background:#fff; -webkit-box-shadow: 0px 7px 27px 0px rgba(145, 119, 147, 0.24);
-moz-box-shadow:    0px 7px 27px 0px rgba(145, 119, 147, 0.24);
box-shadow:         0px 7px 27px 0px rgba(145, 119, 147, 0.24);}
footer{ position:relative; padding:50px 0px 40px; text-align:center;}
.footer-inner{ background:url(../images/ft-bg.png) no-repeat right top; float:left; width:100%;}

.copyright{ float:left; width:100%;  color:#8b74b9; font-size:36px; line-height:42px; font-weight:200; margin-top:20px; }
.copyright span{ color:#e0b83d;}

.design{ float:left; width:100%; color:#777777; font-size:13px; line-height:16px; font-weight:600; margin-top:5px; }
.design a{ color:#383242; text-decoration:underline;}
.design a:hover{ color:#777777; text-decoration:none;}
.ft-logo{ float:left; width:100%; margin-top:17px;}
.logoProvacy{ display:inline-block; margin:10px; vertical-align:middle;}
.pLink{ float:left; width:100%; margin-top:10px;}
.pLink a{color:#777777; font-size:13px; line-height:16px; font-weight:600; text-decoration:underline;}
.pLink a:hover{ color:#8b74b9;}
/*--- Footer END ---*/