.flexslider.vehicle-carousel .slides li {
	opacity: 0.8;
	transition: opacity 250ms;
	cursor: pointer;
}

.flexslider.vehicle-carousel .slides li img {
	border: 3px solid transparent;
}

.flexslider.vehicle-carousel .slides li:hover,
.flexslider.vehicle-carousel .slides li.flex-active-slide {
	opacity: 1;
}

.flexslider.vehicle-carousel .slides li.flex-active-slide img {
	border-color: #00242C;
}

.flex-direction-nav .flex-next {
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flex-direction-nav a:before {
	color: #00242C !important;
	text-shadow: none;
}

.flex-direction-nav a {
	overflow: visible !important;
}

.flexslider:hover .flex-direction-nav .flex-next {
	right: 20px;
}

.flexslider:hover .flex-direction-nav .flex-prev {
	left: 20px;
}

.bs-block img {
	max-width: 100%;
	height: auto;
}


@media (min-width: 768px) {
	.bs-block.etusivun-lohko .block-content.image img {
		/*position: absolute;*/
		/*position: relative;*/
		margin-top: -23%;
		/*left: 0%;*/
	}
}

.viiva .bs-block ul:not([class]),
.bs-block ol:not([class]) {
	padding-left: 0rem !important; 
}


.bs-block ol:not([class]),
.bs-block ul:not([class]) {
	padding-left: 25px !important; 
	list-style-position: outside;
}

.bs-block ol:not([class]) li,
.bs-block ul:not([class]) li {
	margin-bottom: 1em;
}

.bs-block ul:not([class]) li {
	list-style: square;
}

.bs-block ul:not([class]) li::marker {
	color: #aa9b54;
	font-size: 1.5em;
}

.viiva ul li::marker {
  color: #aa9b54;
  font-size: 2em;
}

.viiva ol li::marker {
    color: #aa9b54;
    font-size: 2em;
}


.viiva ol li,
.viiva ul li {
	margin-bottom: 1em;
}


.lista-iso .block-content h3 {
    font-size: 1.2rem;
    font-family: "Noto Serif", sans-serif;
    color: #181554;
    background: #f3f3f6;
    padding: 15px;
    min-height: 105px;
}

.ala-viiva .container {

}

@media (max-width: 768px) {
	.bs-block {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}

	.bs-block .block-content.image .img-wrapper[style*="width"] {
		width: 100% !important;
	}

	.lista-iso .block-content h3 {
		min-height: 0;
	}
}



#header.header-mini .header-inner #mainMenu>.container nav>ul>li>a, #header.header-mini #header-wrap #mainMenu>.container nav>ul>li>a {
	font-size: 16px;
	font-family: "Noto Serif", sans-serif;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

#mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span, #mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a {
	font-size: 14px;
}


@media (max-width: 1280px) {
	#mainMenu nav>ul>li>a {
		padding-left: 5px;
		padding-right: 5px;
	}

	#header.header-mini .header-inner #mainMenu>.container nav>ul>li>a, #header.header-mini #header-wrap #mainMenu>.container nav>ul>li>a {
		font-size: 13px;
	}
}

.form-control,
textarea {
	font-size: 16px !important;
}