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

body {
	background-color:#141414;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
.nopadding {
	margin:0!important;
	padding:0!important;
	}

#top {
	background-color:#141414;
	border-top:5px solid #fff;
	padding:10px 0;
	}
#topleft a { color:#fff; margin-right:30px; margin-top:5px; display:table; float:left;}	
.topico { margin-right:10px; color:#FF8A00;}	
#top .information { color:#fff; float:right; margin-right:10px; padding-top:5px;}	
#top img { width:30px; float:right;}	
#top p { color:#fff; font-size:14px;}

#title { background:#efefef; padding:30px 0;}
#title img { max-width:280px;}
#title h2 { color:#444444; font-size:20px; margin-top:10px;}


#youtube { background:#141414;}
#youtube2 { background:#141414; padding:0; }
.videowrapper {
	display:block; 
	margin:0 auto;
    float: none;
    clear: both;
    width: 700px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fb-page { margin-top:20px;}


#block1 { background:#fefefe; padding:30px 0;}
#block1 h2 { font-size:20px; text-align:center;}
img#pullo { max-width:70%; display:block; margin:0 auto; padding-bottom:30px;}
#block1 h4 { text-align:center; font-size:16px; text-transform:uppercase; }

.box { background:#fff; border-top:1px solid #9F9F9F; padding-top:10px; border-bottom:1px solid #9F9F9F; padding-bottom:10px;}
.box img { max-height:100px; display:block; margin:20px auto;}
.box a { text-align:center; margin:0 auto; display:table; line-height:30px; background:#141414; color:#fff; padding:0 20px; border-radius:5px;}
.box a:hover { text-decoration:none; background:#FF8A00;}

a#ohje { text-align:center; margin:30px auto; padding:0px 0 3px 0;; display:table; color:#141414; border-bottom:1px solid #141414; }
a#ohje:hover { color:#FF8A00; text-decoration:none;}

.hinnasto { background:#EBEBEB; padding:10px}
.hinnasto h3 { color:#141414; font-weight:normal; font-size:22px; border-bottom:1px solid #444444; padding-bottom:10px; margin-bottom:20px;}
.hinnasto h5 { color:#141414;; font-size:16px;}
.hinnasto p { color:#FF8A00; font-weight:bold; font-size:16px; }
.hinnasto h6 { color:#141414;; margin-bottom:10px; font-size:14px; border-bottom:1px dashed #303030; padding-bottom:15px; margin-bottom:15px; }

.hinnasto-content { padding-bottom:10px; }
.icohinnasto { margin-left:10px; font-size:12px;}
.hinnasto-content a { color:#FF8A00;}
.hinnasto-content img { max-height:80px;}

a#jalleenmyyja { text-align:center; margin-top:20px; display:table; line-height:30px; background:#141414; color:#fff; padding:0 20px; border-radius:5px;}
a#jalleenmyyja:hover { text-decoration:none; background:#FF8A00;}


#price { background:#141414; padding:30px 0; color:#fff;}
#price h3 { color:#FF8A00; font-weight:normal; font-size:20px; border-bottom:1px solid #6E6E6E; padding-bottom:5px; margin-bottom:20px;}
#price p { border-bottom:1px dashed #3A3A3A; padding-bottom:15px; margin-bottom:15px;}
p.alv { color:#fff; border:none!important; margin-bottom:0!important; font-style:italic; color:#B1B1B1;}
#price a { color:#FF8A00;}


.ukk { background:#242424; padding:10px; overflow-y: scroll; height:660px;}
.ukk p { border:none!important; color:#fff;}
p.border { border-bottom:1px dashed #3A3A3A!important; color:#D5D5D5;}

/*** FOOTER + FORM ***/
#contact { background-color:#efefef; padding:20px 0;}
#contact h2 { font-size:24px; color:#000; }
#contact h1 { font-weight:normal; font-size:18px; color:#000;}
#contact h6 { font-size:14px; color:#000; font-weight:normal;}
#contact a { color:#000;}
#contact li { color:#000; margin-top:10px; font-size:14px;}
#contact ul { list-style:none; margin-left:-40px!important; margin-top:30PX;}
.white { color:#FF8A00; }

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

.fieldgroup {
	margin-bottom:20px;
	}

input[type="text"], input[type="email"], input[type="tel"] {
    background-color: #DADADA;
	border:none!important;
	border-radius:0;
	color:#141414;
	padding-left:10px;
	height:40px;
	margin-right:10px;
	margin-bottom:-15px;
}

textarea {
    background-color:#DADADA!important;
	border:none!important;
	border-radius:0!important;
	color:#141414;
	padding-left:10px;
	padding-top:10px;
}		

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

:-moz-placeholder { /* Firefox 18- */
  color: #444444;
  font-style:;
}

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

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

::-ms-input-placeholder { /* Edge */
  color: #444444;
  font-style:;
}

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



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



/********** RESPONSIVE DESIGN *************/
@media (max-width: 1199px) {
	#main {
		height:500px;
		padding:150px;
		}
}

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

@media (max-width: 991px) {
	#main {
		height:400px;
		padding:100px;
		}
	}

@media (max-width: 767px) {
	#block1 img { margin:20px 0 0 0}
	h1 { font-size:74px;}
	#top h2 { font-size:50px;}
	#main {
		height:360px;
		padding:100px;
		}
	#main h2 { font-size:54px;}
	#main h3 { font-size:60px;}
}

@media (max-width: 506px) {
	#block1 img { margin:20px 0 0 0}
	h1 { font-size:44px;}
	#top h2 { font-size:30px;}
	#main {
		height:260px;
		padding:100px;
		}
	#main h2 { font-size:34px;}
	#main h3 { font-size:38px;}
	}
@media (max-width: 391px) {
	#main h2 { font-size:20px;}
	#main h3 { font-size:24px;}
	}

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