@charset "UTF-8";
.header-bg {
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.10) 100%), url(../kuvat/banneri-05.jpg);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.10) 100%), url(../kuvat/banneri-05.jpg);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.10) 100%), url(../kuvat/banneri-05.jpg);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.10) 100%), url(../kuvat/banneri-05.jpg);
	background-size: cover;
	background-position: 57%
% center;
	padding-top: 70px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-position: 60% center;
	border-bottom: 3px solid hsla(46,98%,49%,1.00);
}
.header-bg-2 {
	background-image: url(../kuvat/banneri-04.jpg);
	background-size: cover;
	background-position: 57%
% center;
	padding-top: 70px;
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-position: 60% center;
	border-bottom: 3px solid hsla(46,98%,49%,1.00);
}
.header-bg-3 {
    background-image: url(../kuvat/banneri-joulu.jpg);
    background-size: cover;
	background-position: 57%
% center;
    padding-top: 70px;
    padding-bottom: 70px;
    background-repeat: no-repeat;
    background-position: 60% center;
    border-bottom: 3px solid hsla(46,98%,49%,1.00);
}
.header-bg-paasiainen {
    background-image: url(../kuvat/tipuset.jpg);
    background-size: cover;
	background-position: 57%
% center;
    padding-top: 70px;
    padding-bottom: 70px;
    background-repeat: no-repeat;
    background-position: 60% center;
    border-bottom: 3px solid hsla(46,98%,49%,1.00);
}
.kampanja-bg {
    background-image: url(../kuvat/Katiskanmaki/katiskanmaki-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.ajankohtaistamerkki {
    background-color: #3B763D;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 20px;
}

h1, h2  , h3, h4{
	color: #870018;
	margin-top: 0px;
}
h1, h2, h3 {
	font-family: alice;
	font-style: normal;
	font-weight: 400;
}
.jumbotron p {
}
.header-bg h1 , .header-bg p{
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 1px hsla(0,0%,0%,1.00);
	margin-top: 0px;
}
.header-bg-2 h1  , .header-bg-2 p{
	color: white;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 1px hsla(0,0%,0%,1.00);
	margin-top: 0px;
}
.header-bg h1 {
	color: white;
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-color: rgba(212,0,37,1.00);
	background-image: -o-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -webkit-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	border-radius: 5px;
	border: 2px solid rgba(252,202,0,1.00);
	-webkit-box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
	box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
}
.header-bg-2 h1 {
	color: white;
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-color: rgba(212,0,37,1.00);
	background-image: -moz-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -webkit-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	border-radius: 5px;
	border: 2px solid rgba(252,202,0,1.00);
	-webkit-box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
	box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
}
.header-bg-3 h1  , .header-bg-paasiainen h1{
	color: white;
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	background-color: rgba(212,0,37,1.00);
	background-image: -moz-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -webkit-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	border-radius: 5px;
	border: 2px solid rgba(252,202,0,1.00);
	-webkit-box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
	box-shadow: inset 2px 2px 2px rgba(249,34,45,1.00);
}
.header-logo {
	max-width: 150px;
}
.alert a {
	text-decoration: underline;
	color: rgba(60,118,61,1.00);
	font-weight: bolder;
}
.alert a:hover {
	opacity: 0.7;
}
.osa-alueicon {
	margin-left: auto;
	margin-right: auto;
	width: 35%;
	max-width: 100px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.nav-logo {
	margin-top: -7px;
	text-shadow: 0px 0px;
	width: 210px;
}
.logoesim {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.maksimi {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1100px;
}
.sisaltoboxi {
	padding-top: 60px;
	padding-bottom: 60px;
}
.footerboxi {
	padding-bottom: 30px;
	padding-top: 25px;
}
.footerboxi a {
	text-decoration: underline;
	color: rgba(255,204,1,1.00);
}
.footerboxi a:hover {
	opacity: 0.8;
}
.logoboxi {
	padding-bottom: 50px;
	padding-top: 30px;
}
.bg-1 {
	background-color: #F9F2E9;
}
.bg-2 {
	background-color: rgba(212,0,37,1.00);
	color: white;
	background-image: -webkit-linear-gradient(270deg,rgba(199,0,34,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(179,54,75,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(199,0,34,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(199,0,34,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(199,0,34,1.00) 0%,rgba(135,0,24,1.00) 100%);
}
.bg-2 h2 , .bg-2 h4{
	color: rgba(255,204,1,1.00);
}
.tasansata {
	width: 100%;
}
.sisaltoboxi h1 , .sisaltoboxi h2{
	margin-top: 0px;
}
.tuotekuvaboxi {
	position: relative;
}
.kuvahuom {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 22px;
	padding: 5px 10px;
	background-color: hsla(34,100%,49%,1.00);
	color: white;
	-webkit-box-shadow: 2px 2px 2px hsla(0,0%,0%,0.50);
	box-shadow: 2px 2px 2px hsla(0,0%,0%,0.50);
	border-right-color: hsla(51,100%,50%,1.00);
	border-bottom-color: hsla(51,100%,50%,1.00);
	border-top-color: hsla(51,100%,50%,1.00);
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	background-image: -webkit-linear-gradient(270deg,rgba(249,162,0,1.00) 0%,rgba(249,104,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(249,162,0,1.00) 0%,rgba(249,104,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(249,162,0,1.00) 0%,rgba(249,104,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(249,162,0,1.00) 0%,rgba(249,104,0,1.00) 100%);
	letter-spacing: 1px;
	text-shadow: 1px 1px hsla(29,100%,33%,1.00);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.kuvahuom-2 {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 22px;
	padding: 5px 10px;
	background-color: rgba(212,0,37,1.00);
	color: white;
	-webkit-box-shadow: 2px 2px 2px hsla(0,0%,0%,0.50);
	box-shadow: 2px 2px 2px hsla(0,0%,0%,0.50);
	border-right-color: hsla(51,100%,50%,1.00);
	border-bottom-color: hsla(51,100%,50%,1.00);
	border-top-color: hsla(51,100%,50%,1.00);
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	background-image: -webkit-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(212,0,37,1.00) 0%,rgba(135,0,24,1.00) 100%);
	letter-spacing: 1px;
	text-shadow: 1px 1px hsla(29,100%,33%,1.00);
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.tuotekuva {
	padding: 5px;
	background-color: white;
	margin-top: 30px;
	margin-bottom: 15px;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}
.tuotekuva2 {
    padding: 5px;
    background-color: white;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
}
.tuoteotsikko {
	margin-top: 0px;
}
.lisatuoteosio-bg {
	background-color: #F3E5D4;
	margin-top: 35px;
	padding-top: 25px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 25px;
}
.lisatuoteosio-bg p {
	margin-bottom: 0px;
}
.border-keltainen {
	border: 1px solid #FFCC01;
}
.border-punainen {
	border: 1px solid #870018;
}
.footer-bg {
	background-color: #2E0B04;
	color: hsla(34,100%,46%,1.00);
	border-top: 3px solid hsla(46,98%,49%,1.00);
}
.footer-bg-2 {
	background-color: #3B000A;
	color: hsla(34,100%,46%,1.00);
	border-top: 3px solid hsla(46,98%,49%,1.00);
}
.someicon {
	max-width: 45px;
	display: inline-block;
	float: none;
	margin-right: 10px;
	margin-bottom: 25px;
	border-radius: 50%;
	padding: 2px;
	background-color: white;
}
.someicon:hover {
	opacity: 0.7;
}
.profileimgboxi {
	float: left;
	width: 33.333%;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
.profiilikentta {
	padding-left: 10px;
	padding-right: 10px;
}
.profileimg {
	max-width: 95px;
	border-radius: 50%;
	border: 2px solid #FCC901;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	-webkit-box-shadow: 0px 4px 3px #160003;
	box-shadow: 0px 4px 3px #160003;
}
.copyrigtsection {
    background-color: #1C0602;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #9C5700;
    text-align: center;
    border-top: 1px solid #944200;
}
.copyrigtsection a {
	color: #9C5700;
	text-decoration: underline;
}
.copyrigtsection a:hover {
	opacity: 0.7;
}
.copyrigtsection p {
	margin: 0;
}
.inforivi {
	border-top: 1px dotted #FFCC01;
	margin-top: 30px;
}
.infolaatikko {
	padding-top: 25px;
}
.infolaatikko-2 {
	padding-top: 25px;
}
.infolaatikko a {
	color: rgba(241,138,0,1.00);
	text-decoration: underline;
}
.infolaatikko a:hover {
	opacity: 0.7;
}
.reunus-yla {
	border-top: 2px solid #FFCC01;
}
.reunus-yla-pieni {
	border-top: 1px dotted #FFCC01;
}
.kehykset {
	border: 2px solid rgba(255,204,1,1.00);
}
.info-iconi {
	color: #FFCC01;
}
.nappula {
	background-color: #F08A00;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 3px;
	color: white;
	font-weight: bold;
	border: 1px solid #D5AA00;
}
.nappula:hover {
	background-color: #E69B00;
	color: white;
	text-decoration: none;
}
.footer-bg-2 h4  , .footer-bg-2 h5{
	color: hsla(48,100%,49%,1.00);
	margin-top: 30px;
}
.tuoteselosteotsikko small {
	color: #F08A00;
}
.tuotetietokuva {
	width: 100%;
}
.kuvavarjo {
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
.sisallys {
	color: #F08A00;
	font-weight: bold;
}
.alert .alert-warning .tiedoksi a {
	color: rgba(184,157,18,1.00);
}
.alert .alert-warning .tiedoksi a:hover {
	color: rgba(90,77,8,1.00);
}
.ingressi {
    font-weight: 400;
}
.ukk2 li {
    margin-top: 7px;
    font-size: 16px;
}
.ukk li {
    margin-top: 10px;
    font-size: medium;
}
.mainosbg {
    background-color: #F9F2E9;
}

@media (max-width:768px){
.tuotetietokuva {
	width: 100%;
	margin-top: 20px;
}
.jumbotron p {
	font-weight: bolder;
}
.tuotekuva2 {
    padding: 5px;
    background-color: white;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    margin-bottom: 30px;
}
.30-vuotta-teksti {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}