@charset "UTF-8";
/* CSS Document */

*{margin: 0; padding: 0;font-family: 'robotoregular';}

@font-face {
    font-family: 'patua_oneregular';
    src: url('../fonts/patuaone-regular_0-webfont.eot');
    src: url('../fonts/patuaone-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/patuaone-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/patuaone-regular_0-webfont.woff') format('woff'),
         url('../fonts/patuaone-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/patuaone-regular_0-webfont.svg#patua_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light_0-webfont.eot');
    src: url('../fonts/roboto-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light_0-webfont.woff') format('woff'),
         url('../fonts/roboto-light_0-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light_0-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular_0-webfont.eot');
    src: url('../fonts/roboto-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular_0-webfont.woff') format('woff'),
         url('../fonts/roboto-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular_0-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family:Raleway;
	background-color:#5d6073;
	}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}



#top {
	background-color:#222428;
	padding:20px 0 5px 0;
	}
#top ul { list-style:none; margin-left:0px;}	
#top li { display:inline-block; font-size:16px;}	
#top .fa { color:#989898; margin-right:6px; font-size:16px!important; }	
#top a { color:#989898; margin-right:30px; text-decoration:none;}
#top a:hover { color:#fff;}	

#flags { float:right; margin-top:-33px;}
#flags a { margin-right:10px;}
#flags img:hover {
  filter: gray;
  -webkit-filter: grayscale(1);
	}

	
/* NAV */
.navbar-default .navbar-brand {
	color:#bd5920;
	padding:15px 0;
}

.navbar-default {
	margin-top:0px;
	border:none;
	background-color:#08050c;
	padding-top:10px;
	padding-bottom:30px;
	margin-bottom:0;
}

.navbar-default .navbar-nav>li>a {
	margin-top:0px;
    color:#bd5920;
	margin-right:0px!important;
	padding-bottom:10px;
	font-size:16px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color:#D3D3D3;
	}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	background:transparent;
	color:#D3D3D3;
}
.navbar-default .navbar-toggle {
	margin-top:20px;
    border-color: transparent;
	background-color:transparent;
	border-width:1px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #D3D3D3;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#D3D3D3;
}

#block1, #contact {
		background-image:url(../images/bg.jpg);
	  background-position: center center;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  background-size: cover;
	  background-color: #464646;
	}
	
#block1, #contact {
	padding:30px 0;
	}	
#block1 h2, #contact h2 { font-size:72px; font-weight:bold; padding-top:10%; color:#EDEDED; text-shadow:2px 2px 2px #000;}	
#block1 h3 { font-size:24px; color:#fff; padding-top:10%; padding-bottom:40px;}	
#block1 p { font-size:18px; color:#fff; line-height:24px; padding-bottom:40px;}
#block1 h4 { font-size:20px; font-weight:600; color:#fff;}
#block1 a { display:table; background:#920102; color:#fff; font-size:18px; line-height:50px; text-align:center; width:240px; margin-top:30px; margin-bottom:100px;}	
#block1 a:hover { background:#bd5920; text-decoration:none; -webkit-transition: 0.5s; transition: 0.5s;}

#block2 { background-color:rgba(0,0,0,0.30); padding-top:40px; margin-bottom:-30px!important;}
#block2 h6 { color:#fff; font-size:30px;  text-transform:uppercase; font-weight:lighter; margin-bottom:40px;}
#block2 img { max-height:100px; margin:0 auto;}
#block2 p { text-align:center; padding:20px 0;}
#block2 a { background:transparent!important;}
#block2 a:hover { opacity:0.8;}
.img-block { min-height:110px!important; display:block;}	
	
	
#bottom { padding:40px 0; background:#222429;}	
#bottom h2 { font-size:16px; color:#fff; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:20px;}
#bottom li { color:#fff; list-style:none; line-height:30px; font-size:14px;}
#bottom a { color:#fff; text-decoration:none;}
#bottom a:hover { color:#bd5920;}
#bottom .fa { color:#fff; margin-right:10px;}	
	
.hinnasto { color:#fff; margin-top:0px; margin-bottom:50px;}
table { width:100%;}
th { font-size:24px; line-height:10px;}
td { font-size:18px; border-bottom:1px dashed #fff; padding-top:15px;}
td.right { text-align:right;}
a.innerlink { background:none!important; text-align:left!important; display:inline!important; text-decoration:underline;}
a.innerlink:hover { font-weight:bold!important; font-style:italic; text-decoration:underline!important;}


/* KUVAGLLERIA */
#gallery img {
	position: relative;
    float: left;
    width:  250px;
    height: 150px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
	margin:10px auto!important;
	display:table;
	border:1px solid #fff;
	border-radius:1px;
	}	
#gallery img:hover { opacity:0.9; background:€fff;}	
#gallery a { background:none!important; margin:0 auto; width:auto;}

/*** FORM ***/
#contact { color:#fff; }
#contact h5 { font-size:24px;  font-weight:lighter; text-transform:uppercase; }
#contact h6 { font-size:20px;  font-weight:lighter; margin-bottom:20px;}
#contact a { color:#fff;}
#contact li { color:#fff; margin-top:10px; font-size:16px;}
#contact ul { list-style:none; margin-left:0px!important; margin-top:30px;}
.white { color:#fff; }


#register-form { margin-top:0px;}
#send {
	display:table;
	width:200px;
	line-height:40px;
	margin-top:20px;
	background-color:#920102;
	text-transform:uppercase;
	border-radius:0;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:30px;
	border:none;
	}
#send:hover {
	background-color:#bd5920;
	color:#fff;
	-webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
	 }

.fieldgroup {
	margin-bottom:20px;
	}

input[type="text"], input[type="email"], input[type="tel"] {
    background-color: rgba(255,255,255,0.85);
	border-radius:0;
	color:#000;
	padding-left:10px;
	height:50px;
	margin-bottom:-10px;
	border:none!important;
}

textarea {
    background-color: rgba(255,255,255,0.85)!important;
	border:none!important;
	border-radius:0!important;
	color:#000;
	padding-left:10px;
	padding-top:10px;
}		

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
  color: #000!important;
  font-style:;
}

:-moz-placeholder { /* Firefox 18- */
  color: #000!important;
  font-style:;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #000!important;
  font-style:;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #000!important;
  font-style:;
}

::-ms-input-placeholder { /* Edge */
  color: #000!important;
  font-style:;
}

:placeholder-shown { /* Standard one last! */
  color: #000!important;
  font-style:;
}


#googleMap iframe {
	border:20px solid #fff;
	}


/* Footer */
#footer {
	padding-top:20px;
	padding-bottom:10px;
	}
#footer a { color:#fff;}
#footer p { color:#fff; padding-top:10px;}
#footer-right img { float:right; margin-top:10px;}




/***** INNER *****/


/********** RESPONSIVE DESIGN *************/
@media (max-width: 1199px) {
	#block1 h2 { font-size:60px;}
}

@media (max-width: 1023px) {
}

@media (max-width: 991px) {
	#block1 h2 { font-size:50px;}
	}

@media (max-width: 767px) {
	#block1 h2 { font-size:40px;}
}

@media (max-width: 599px) {
	#flags { float:none; margin-top:20px; margin-bottom:20px;}
	}
@media (max-width: 479px) {
	#block1 h2 { font-size:30px;}
	#block1 h3 { font-size:18px;}
	#block1 p { font-size:16px;}
	}

@media (max-width: 321px) {
	}