/*
 *
 * Dark Blue: #014a6d
 * Light Blue: #1d8cd1
 */

/* Fonts */
@font-face {
	font-family: 'PTSans-Bold';
	src: url('../fonts/PTSans-Bold.eot');}
@font-face {
	font-family: 'PTSans-Bold';
	src: url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');}
@font-face {
	font-family: 'PTSans-BoldItalic';
	src: url('../fonts/PTSans-BoldItalic.eot');}
@font-face {
	font-family: 'PTSans-BoldItalic';
	src: url('../fonts/PTSans-BoldItalic.woff') format('woff'), url('../fonts/PTSans-BoldItalic.svg#PTSans-BoldItalic') format('svg');}
@font-face {
	font-family: 'PTSans-Italic';
	src: url('../fonts/PTSans-Italic.eot');}
@font-face {
	font-family: 'PTSans-Italic';
	src: url('../fonts/PTSans-Italic.woff') format('woff'), url('../fonts/PTSans-Italic.svg#PTSans-Italic') format('svg');}
@font-face {
	font-family: 'PTSans-Regular';
	src: url('../fonts/PTSans-Regular.eot');}
@font-face {
	font-family: 'PTSans-Regular';
	src: url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');}

/* Global elements */
body {
	font-family: 'PTSans-Regular';
	-webkit-font-smoothing: antialiased;
}

/*@media ()*/
.wide-content{ background-color: #f0f0f0; }

h1,h2,h3{ font-family: 'PTSans-Bold'; margin: 0; padding: 0; }

h1{
	color: #004f71;
	font-size: 19px;
	padding: 30px 0;
	text-transform: uppercase;
}
.large-h1{ font-size: 29px; text-transform: none; color: #1d8cd1; padding: 0 0 20px 0; }
h2{
	padding: 0;
	color: #1d8cd1;
	font-size: 17px;
}

a{ text-decoration: none; color: #1d8cd1; }
a:hover{ text-decoration: none; }

i{ color: #FFF; }

.date{ color: #727272; font-size: 12px; display: block; padding: 5px 0 10px 0; }
.container{ max-width: 1030px; }
.more{
	color: #1d8cd1;
	font-family: 'PTSans-Bold';
	display: block;
	padding: 10px 10px 10px 30px;
	background: url(../images/arrow.png) no-repeat left center;
	background-size: 19px;
}
.exclusive .more {
	background-image: url(../images/arrow_exclusive.png);
}
.clickable { cursor: pointer; }
.all{ font-family: 'PTSans-Bold'; float: right; color: #004f71; padding: 30px 20px; font-size: 14px; text-transform: uppercase; background: url(../images/arrow-blue.png) no-repeat right center; background-size: 9px; text-decoration: underline;  }
.all.white{ background-image: url(../images/arrow-white.png); }
.all:hover{ color: #FFF; }
.white{ color: #FFF; }
.gray{ color: #6b7878; }
.bg-gray{ background-color: #f0f0f0; display: block; }
.bg-blue{ background-color: #1d8cd1; }
.bg-gray{ background-color: #6b7878; }
.bg-lightgray{ background-color: #f0f0f0; }
.nopadding{ padding: 0; margin: 0; }
.external{ display: block; background: url(../images/external.png) no-repeat left center; background-size: 10px; padding-left: 16px !important; }
.download{ display: block; background: url(../images/download.png) no-repeat left center; background-size: 12px; padding-left: 16px !important; }
.pdf{ display: block; background: url(../images/pdf.png) no-repeat left center; background-size: 12px; padding-left: 20px; }

.line{ border: none; height: 1px; margin: 20px 0 30px 0; padding: 0; border-bottom: 1px solid #e0e0e0; }

.bg-graphics-gray{ background: url(../images/bg-products.jpg) no-repeat center center; }

.form-error{ border: 1px solid #d50037; color: #d50037; font-style: italic; }
.form-error::-webkit-input-placeholder { color: #d50037; }
.form-error:-moz-placeholder { color: #d50037; }
.form-error::-moz-placeholder { color: #d50037; }
.form-error:-ms-input-placeholder { color: #d50037; }
.brand-color-primary {
	color: #199cc5;
}
.brand-color-secondary {
	color: #d70183;
}

/* Menu */
.navbar-header{ display: none; }
.nav-wrapper{ position: inherit; }

.container-arrow img {
	display: none;
}

nav{ min-height: 80px; background-color: #FFF;}

@media (min-width: 991px) {
	.page-home nav {
		background-color: transparent;	
	
	}
	nav {
		position: relative;
	}
}	
nav{ margin: 0; padding: 0; }


@media (min-width: 992px) {
	nav {
		margin-left: 160px;
	}

	.hide-desktop {
		display: none;
	}
}	

nav ul{ margin: 0; padding: 0; }
nav ul LI{ float: left; list-style-type: none; margin: 0; padding: 0; position: relative; }
nav ul LI A{
	font-family: 'PTSans-regular';
	font-size: 15px;
	display: block;
	line-height: 80px;
	padding: 0 10px;
	height: 80px;
	color: #333;
	text-transform: capitalize;}
nav ul ul{
	background-color: #1d8cd1;
	color: #FFF;
	position: absolute;
	z-index: 8889;
	*left: 0;
	display: none; }

nav LI:hover>A,
nav LI A.active{ background-color: #1d8cd1; color: #FFF; text-decoration: none; }

nav LI:hover ul{ display: block; }
nav LI ul LI A{ color: #FFF; background-color: #1d8cd1; line-height: 1.2em; height: auto; padding: 10px 15px; min-width: 200px; }
nav LI ul LI A:hover{ color: #004f71; }



.mobile-menu{ display: none; color: #1d8cd1; }
.mobile-menu:hover,
.mobile-menu:active{ text-decoration: none !important; color: #1d8cd1 !important; }


.logo-small{ padding: 10px; display: block; float: left; width: 210px; display: none; padding-left: 20px;}
.logo-small img{ height: 60px; width: auto;  }
.show-logo-small{ display: block; background-color: #FFF;}

.logo-mobile{ padding: 10px; display: block; float: left; width: 210px; display: none;}
.logo-mobile img{ height: 60px; width: auto;  }


.join-newsletter ul LI A,
.search ul LI A,
.language ul LI A{ line-height: inherit; height: inherit; min-width: 10px; }
.language ul li a,
nav ul ul {
	background-color: transparent;
}

.vertical-line a {
	border-left: 1px solid black;
	padding-left: 50px;
}

/* Sidemenu */
.side-nav-container .col-xs-2{}

.sidemenu{ margin: 0; padding: 0; }
.sidemenu.master{ display: none; }
.sidemenu LI{ margin: 0; padding: 0; list-style-type: none; }
.sidemenu LI A{
	display: block;
	background: url(../images/arrow-subnav-blue.png) no-repeat 95% center;
	background-size: 6px;
	background-color: #6b7878;
	color: #FFF;
	padding: 8px 20px;
	border-bottom: 1px solid #788383;
	padding-left: 30px;
}
/*.sidemenu li a span {
	margin-left: 10px;
}*/
.sidemenu.blue-sidemenu LI A{ background-color: #004e70; border-bottom: 1px solid #185d7c; background-image: url(../images/arrow-subnav-white.png); }

.sidemenu.back LI A{ background-color: #004f71; border-bottom: 1px solid #185d7c; position: relative; padding-left: 46px; }
.sidemenu.back LI A SPAN{
	display: block;
	background: url(../images/arrow-white-left.png) no-repeat center center;
	background-size: 11px;
	background-color: #1d8cd1;
	position: absolute;
	left: 0;
	top:0;
	height: 36px;
	width: 36px;
}

.sidemenu.midlevel li a {
	background: url(../images/arrow-white-down.png) no-repeat 95% center;
	background-size: 10px;
	background-color: #546363;
	font-family: "PTSans-Bold";
}

/* hover and active effects */
.sidemenu li a:hover,
/*.sidemenu LI A.active{ text-decoration: none; color: #50caff; background-color: #546363; background-image: url(../images/arrow-subnav-white.png); }*/
.sidemenu li a.active{ text-decoration: none; color: #FFF; background-color: #1d8cd1; background-image: url(../images/arrow-subnav-white.png); }

.sidemenu.blue-sidemenu A:hover,
.sidemenu.blue-sidemenu LI A.active{ background-color: #00354c; }

.sidemenu LI.selected A{ background-image: url(../images/blue-cross.png); background-size: 10px; }

.show-bright A{ background-color: #c7177a !important; font-weight: bold; }
.show-bright-title{ color:#c7177a; }
.show-bright-color {
	background-color: #c7177a !important;
}

/* Language */
.language{
	position: absolute;
	right: 20px;
	top:20px;
	display: inline-block;
}
/*Webi lipp	*/
.language_flag { width: 21px; margin: 7px 30px 0 0;}   
.language LI{ list-style-type: none; position: relative; margin-top: 7px;}
.language ul ul{ display: none; position: absolute; right: 0; z-index: 8888; }


/* Newsletter */
.join-newsletter{
	position: absolute;
	right: 98px;
	top:20px;}
.join-newsletter ul{ margin: 0; padding: 0; }
.join-newsletter ul LI{ list-style-type: none; margin: 0; padding: 0; }
.join-newsletter ul LI A{
	text-align: center;
	text-transform: uppercase;
	color: #6b7878;
	width: 160px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background-color: #efefef;
	font-family: 'PTSans-Bold';
	font-size: 14px;
	display: block;
}
.join-newsletter LI:hover A{
	background-color: #1d8cd1;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 30px;
	border-radius: 5px 5px 0 0; }
.join-newsletter ul ul{
	display: none;
	position: absolute;
	right: 0;
	z-index: 8888;
	background-color: #1d8cd1;
	padding: 20px;
	border-radius: 5px 0 5px 5px;
	min-width: 230px; }
.join-newsletter LI:hover ul{ display: block; }
.join-newsletter input{ height: 40px; font-family: 'PTSans-Italic'; }
.join-newsletter button,
.orange-btn{
	width: 100%;
	font-family: 'PTSans-Bold';
	color: #FFF;
	height: 43px;
	background-color: #f18e00;
	border-bottom: 2px solid #d46400; }
.orange-btn:hover,
.join-newsletter button:hover{ color: #FFF; }

.orange-btn{ width: auto; }

.join-newsletter button:hover,
.orange-btn:hover{
	background-color: #d46400;
}

/* nav icons */

@media (min-width: 992px) {

	.nav_icons {
		width: 140px;
	    display: inline-flex;
	    min-height: 80px;
	    flex-direction: row;
	    align-items: center;
	    float: right;
	    margin-right: 70px;
	}

	.nav_icons div {
		display: inline-block;
		margin-right: 13px;

	}

	.nav_search {
		width: 20px;
		margin-top: 2px;
		vertical-align: unset;
	}

	.nav_ig {
		width: 20px;
		vertical-align: unset;
	}

	.nav_fb {
		width: 10px;
		vertical-align: unset;
	}

	.nav_yt {
		width: 25px;
		vertical-align: unset;
	}

	.language-mobile {
		display: none;
	}
}



.search .searchword{ /*display: none;*/ font-family: 'PTSans-Italic'; position: absolute; right: 38px; width: 160px; }

.pages{ background-color: #f8f8f8; position: relative; height: 30px; }
.pages .pagination{ padding: 0; margin: 0 0 0 0; height: 30px; overflow:hidden; }
.pages .pagination li a{ border: none; background-color: transparent; line-height: 30px; height: 30px; padding: 0 10px; }
.pages .pagination li a:hover,
.pages .pagination li.active a{ background-color: #1d8cd1; color: #FFF; }

.prev,.next{ background-color: #6b7878; display: block; width: 30px; height: 30px; }

.prev{ position: absolute; left: 0; background: url(../images/arrow-white-left.png) no-repeat center center; background-size: 12px; background-color: #6b7878; }
.next{ position: absolute; right: 0; background: url(../images/arrow-white.png) no-repeat center center; background-size: 12px; background-color: #6b7878; }

.prev a:hover,.next a:hover{ background-color: transparent !important;}

.search-tabel-container{ margin-left: 0; margin-right: 0; padding: 0 !important; }
.search-tabel-container .search-tabel{ width: 100% !important; }
.search-tabel th{ background-color: #1d8cd1; color: #FFF; border: none !important; vertical-align: middle !important; }
.search-tabel th:last-child {white-space: nowrap; }
.search-tabel td{ border: none !important; vertical-align: middle;}
.search-tabel tr:nth-child(odd){
	background-color: #EEE;
}


/* Header */
HEADER{
	min-height: 320px;
	background: url(../images/bg-header.png) no-repeat center center;
	background-size: cover;
}
HEADER .container{ position: relative; min-height: 40px; }
.header-text{
	padding: 20px;
	left: 215px;
	top:0;
	right: 46%;
	bottom: 0;
	position: absolute;
	background-color: #6b7878;}
.header-text H1{ padding: 0 0 10px 0; font-size: 23px; }
.header-text P{ color: #FFF; }

.homepage-cta {
	font-size: 14px
}

.homepage_logo img {
	width: 120px;
	height: auto;
	margin-top: -50px;
}

.page-descript {
	margin: 80px 0 30px 0;
	font-size: 29px;
	line-height: 38px;
}

.welcome_container .homepage_pic img {
	width: 100%;
	height: auto;

}

@media (max-width: 992px) {

	.welcome-text {
		text-align: center;
	}

	.page-descript {
		font-size: 25px;
		margin-bottom: 25px;
	}

	.homepage_pic {
		padding: 0;
		margin-top: 30px;
		margin-left: -15px;
		margin-right: -54px;
	}

	.navcontainer {
		padding-left: 15px;
		padding-right: 15px;
	}
}


.welcome_container .btn-primary {
	background-color: #1d8cd1;
	border: none;
	margin-top: 10px;
}

/*.votauhendust{
	font-family: 'PTSans-Bold';
	position: absolute;
	text-align: center;
	left: 54%;
	bottom: 0;
	width: 120px;
	height: 120px;
	color: #FFF;
	padding-top: 70px;
	line-height: 1.2em;
	font-size: 16px;
	background: url(../images/bubbles.png) no-repeat center 20px;
	background-size: 60px;
	text-transform: uppercase;
	background-color: #1d8cd1;
}
.votauhendust:hover{ color: #FFF; background-color: #004f71; }*/

 /* Temporary Modal  */

.modal-popup {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 15 !important; 
	background-color: rgba(0,0,0,0.4); 
}

.modal-popup p {
	margin: 0;
}


.modal-popup img {
	width: 100% !important;
	height: auto !important;
}


.modal-popup-content {
	margin: 6% auto; 
	width: 50%; 
	/*background-color: #FFF;*/
}


.modal-popup-close {
	/*color: rgba(84, 84, 84, 0.782);*/
	color: #FFF;
	float: right;
	position: absolute;
	margin: 0.2rem 1.2rem;
	font-size: 45px !important;
	font-weight: bold;
}

.modal-popup-close:hover,
.modal-popup-close:focus {
	color: rgb(63, 63, 63) !important;
	text-decoration: none;
	cursor: pointer;
}

@media (max-width: 992px) {
	.modal-popup-content {
		width: 70%;
		margin: 45% auto;
	}	
}

@media (max-width: 550px) {
	.modal-popup-content {
		width: 95%;
		margin: 45% auto;
	}	
}

/* Notification */
.notification{
	color: #FFF;
	background-color: #c7177a;
	top: 0;
	width: 100%;
	min-height: 40px;
}
.notification p{
	padding: 10px 15px 0 15px;
	font-family: 'PTSans-Bold';
	font-size: 16px;
	display: inline-block;
}


/* New products */
#new-products{
	background: url(../images/bg-products.jpg) no-repeat center center;
	background-size: cover;
	background-color: #f0f0f0;
	min-height: 600px;}

.product{
	display: block;
	cursor: pointer;
	padding: 20px 20px 10px 20px;
	border-bottom: 5px solid #dddddd;
	background-color: #FFF;
}
.product{ color: #2f2f2f; }
.product:hover{ color: #2f2f2f; font-family: 'PTSans-Regular';}
.product:hover h2{ color: #004f71; }

.product:hover .more{ background-image: url(../images/arrow-darkblue.png); color: #004f71; }

.product-image{ /*height: 150px;*/ overflow: hidden; margin-bottom: 20px; }
.product-image img{ width: 100%; height: auto;}
.product:hover .product-image img{ opacity: 0.7; filter: alpha(opacity=70); }
.product-text{ height: 230px; overflow: hidden;}
.product-text h2 { margin-bottom: 15px; }

.product-details{ padding-top: 30px;}
.product-images a{ display: block; margin-bottom: 15px; }

.uudistoode{}

/* Disaintooted */
.disaintoode-label{ background-color: #f8f8f8; float: left; padding: 15px; }
.disaintoode-label img{
	/*height: 20px; */
	width: 100px;
}
.disaintoode{ background-color: #f8f8f8; margin: 0 -30px 30px -30px; padding: 15px 30px; display: block; }
.disaintoode a{ color: #c7177a; }

/* Special offers */
section#special-offers{
	background: url(../images/bg-specialoffers.jpg) no-repeat center top;
	background-size: cover;
	background-color: #1d8cd1;
	min-height: 400px;
}

.offer{
	position: relative;
	display: block;
	padding: 20px;
	margin-bottom: 30px;
	background: url(../images/offer-slide.png) no-repeat right top;
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
	transition: background-position 0.5s;}

.offer-image{ display: table-cell; }
.offer-text{ display: table-cell; vertical-align: top; padding: 10px 0 0 20px; }

.offer h2{ color: #FFF; }
.offer .price{ color: #50caff; }

.offer:hover{
	background-color: #f3f3f3;
	background-position: left top;}
.offer:hover h2{ color: #004f71; }

.more-corner{
	background: url(../images/more-corner.png) no-repeat right bottom; background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 40px;
	width: 40px;}

/* inverted offers */
.offer.gray{
	background: url(../images/offer-slide-reverse.png) no-repeat right top;
	background-color: #f3f3f3;
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
	transition: background-position 0.5s;}
.offer.gray h2{
	color: #2f2f2f;
	max-height: 38px;
	overflow: hidden;
}
.offer.gray:hover{
	background-color: #f3f3f3;
	background-position: left top;}
.offer.gray:hover h2{ color: #FFF; }

/* Articles */
.article{ padding-bottom: 40px;}
.article H2{ color: #004f71; font-size: 19px; padding: 0 0 20px 0; }

/* Map */
#salesman-map{
	overflow: hidden;
	background-color: #b4d1ff;
	min-height: 600px;}
#map{ min-height: 600px;}

#salesman-map .container{ position: relative; }

.dropdown-holder{
	position: absolute;
	z-index: 7000;
	left: 0; right: -500px;
	height: 5px;
	background-color: #004f71;}

.dropdown-holder ul{
	overflow-y: auto;
	height: 600px;
	background-color: #f0f0f0;
	max-width: 320px;
	margin: 0;
	padding: 0; }
.dropdown-holder ul LI{ border-bottom: 1px solid #e7e6e6; margin: 0; padding: 0; list-style-type: none; }
.dropdown-holder ul LI A{ display: block; padding: 0 20px 0 50px; line-height: 40px; }
.dropdown-holder ul LI:hover A,
.dropdown-holder ul LI.active A{ color: #c7177a; }

.dropdown-holder DIV.city{
	overflow: hidden;
	max-width: 320px;
	height: 40px;
	margin: 0; margin-top: 5px;
	background-color: #f0f0f0;
	padding: 0;
	line-height: 40px;
	border-bottom: 1px solid #00567b;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold; }
.dropdown-holder .back{
	display: block;
	float: left; width: 40px; height: 40px;
	margin-right: 10px;
	background:url(../images/arrow-white-left.png) no-repeat center center; background-size: 10px;
	background-color: #00567b;
}



.dropdown{
	display: block;
}

/* Content container */
#content-container{
	background-color: #FFF;
	min-height: 600px;
	margin: 20px;
}
.content-area{ padding: 30px;}

.trail{ padding: 0 0 20px 0;}
.trail a{ color: #1d8cd1; display: inline-block; padding: 0 5px; text-decoration: underline; }
.trail a:first-child{ padding: 0 5px 0 0; }
.trail span{ color: #6b7878; }

/* Tooted */
.toode{ background: #efefef; margin-bottom: 30px; min-height: 100px; display: block; /*border: 1px solid #e5e5e5*/ }
.toode h2 { 
	background-color: #1d8cd1; 
	color: #FFF; 
	padding: 9px; 
	text-align: center; 
	font-size: 14px; 
	min-height: 65px;
}
.toode p { padding: 20px; color: #2f2f2f; }
.toote-image{  padding: 20px; overflow: hidden; border: 1px solid #e5e5e5; border-bottom: none;  }
.single-toote-thumbnail{ background-color: #f8f8f8; text-align: center; display: inline-block; margin-bottom: -5px;  }
.single-toote-thumbnail img {
	border: 10px solid #FFF; max-width: 160px;
}
.toode:hover H2{ background-color: #004e70; }
.toode:hover .toote-image img{ opacity: 0.7; filter: alpha(opacity=70); }

.toode-open{}

.tabel-container{
	background-color: #f8f8f8;
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 30px;
}
.toote-tabel{
	margin-bottom: 40px;
	background-color: #f8f8f8;
}

.toote-tabel TD:nth-child(1){ width: 30%; }
.toote-tabel TD:nth-child(2){ width: 50%; }
.toote-tabel A:hover{ text-decoration: underline; }
.table.toote-tabel tr th{ border: none; color: #6b7878; padding-top: 20px; padding-bottom: 20px }
.page-resellers .col3 {
	overflow-y: scroll;
	max-height: 1200px;
}
.quick-navigation{ padding-top: 15px; }
.quick-navigation H2{ padding: 0 0 10px 0;}
.quick-links a { float: left; padding: 2px; display: flex; align-items: center; justify-content: center; }

.quick-thumbnail .thumbnail-location {
	position:absolute;
	top:0;
	right: 9999px;
	z-index:1;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.thumbnail-location {
    display: flex;
    flex-direction: row;
    justify-content: center; 
	align-items: center;  
	width: 300px;
	height: 300px;

}

.toote-image img {
	margin: auto;
}



.large-thumbnail {
	max-width: 240px;
}

.quick-links A:hover .thumbnail-location {  
	position: fixed;
	top: 16%;
	left: 50%;
	opacity: 1;
}




.quick-links .listlink{ display: block; width: 100%; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px; }
.quick-links .listlink p{ margin: 0; padding: 0; }
.quick-links .listlink a{ margin: 0; padding: 0; }

.quicknavImage {
	position:relative;
	display:block;
	width: 56px;
	height: 56px;
	float: left;
	background: #FFF;
	margin-bottom: 10px;
	margin-right: 10px;

}


.quicknavImage .img-responsive {
	cursor: pointer;

}

/* Brändid */
.brand{
	background-color: #efefef;
	margin-bottom: 30px;
	min-height: 100px;
	display: block;
	text-align: center;
	padding: 20px;
	border: 1px solid #e5e5e5; }
.brand-image{ height: 120px; vertical-align: middle; display: table-cell; }
.brand-image img{ width: 100%;}


/* Resellers */
.resell-list { margin-bottom: 20px; }
.resell-list li { list-style-type: none; padding: 0; margin: 0; }
.resell-list li a { display: block; padding: 7px 0; }
.resell-list .reseller-button { }
.mobile-reseller-info {
	display: none;
	padding-left: 10px;
	border-left: 3px solid #1d8cd1;
}

#resell-options{ padding: 10px 30px; position: relative;}
#resell-options ul{ position: absolute; margin: 0; padding: 0; right: 30px; top:0; z-index: 8885; }
#resell-options ul LI{ list-style-type: none; margin: 0; padding: 0; float: left; }
#resell-options ul LI A{ display: block; padding: 10px 15px 16px 15px; }
#resell-options ul LI A:hover,
#resell-options ul LI A.active{ background: url(../images/map-btn-hover.png) no-repeat center bottom; background-size: auto 50px; color: #FFF; }


/* Tabel gloabals */
table { margin-bottom: 40px; }
table td {}

.table.noborders td{ border: none; }
.table.noborders td:nth-child(1){ font-family: 'PTSans-Bold'; white-space: nowrap; }

/* Firmast */
.tootaja{ 
	background-color: #FFF; 
	min-height: 350px;
}

.tootaja h2{ 
	color: #546363; 
	padding: 0; 
	font-size: 20px; 

}

.tootaja .employee-position { 
	font-size: 15px; 

	margin-bottom: -6px;
}

.tootaja .employee-position_details {  
	font-size: 12px; 
	min-height: 10px;


}

.tootaja p { 
	color: #546363; 
	line-height: 1.5em; 
	padding: 0; 
	margin: 0; 
	font-size: 12px; 
}

.tootaja .tootaja-email {
	margin-top: 6px;	
}

.tootaja-image-background {

	background: rgba(29,140,209,1);
	width: 160px; 
	height: 160px;
	border-radius: 15px 15px 0px 15px;
	margin: 0 auto;
	display: block;
	position: relative;
	background-attachment: fixed;
 	background-position: center;
	z-index: 0;


}

.tootaja-image img { 
	width: 140px; 
	height: auto;
	margin: 0 0 20px 20px;
	top: -50px;
	display: block;
	position: relative;
	z-index: 1;


}

.tootaja a { 
	color: #1d8cd1; 
	text-decoration: none; 
}

.employee { 
	position: relative;
	margin: 60px auto 0;
	display: block;
}

.employee-details { 

	display: block;
	text-align: center;
	margin: 20px auto 0;
}

/* Kontakt */
#kontakt-form{ padding: 20px; position: absolute; width: 100%; bottom: 0; }
#kontakt-form h2{ padding: 0 0 20px 0;}

/* Footer */
footer{ background-color: #FFF; }
footer span{ display: inline-block; padding: 30px 10px; }

/* Bootstrap customs */
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}


/* Responsive */
/* XS 768px */
@media (max-width: 992px) {

	BODY{ margin-top: 80px;}

	nav { 
		min-height: 80px;
		background: url(../images/bg-header.png) no-repeat center center}

	.logo-mobile{ padding: 20px; top:0; position: absolute; display: block; }
	.logo-mobile img { 

		height: 40px; 
		width: auto;  
		margin-left: -13px;
	}

	.home-mobile-logo {
		margin-left: -30px;								
	}


	.show-logo-small{ position: absolute; top:0; }

	.mobile-menu{
		display: block;
		cursor: pointer;
		position: absolute;
		z-index: 11;
		right: 0;
		top:0;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		color: #1d8cd1;
		content: "MENU";
		font-family: 'PTSans-Bold';
		margin-right: 30px;
	}

	.hide-phone {
		display: none;
	}

	.search-mobile {
		display: block !important;
	    position: fixed !important;
	    display: block !important;
	    right: 100px !important;
	    top: 26px;
	}

	.nav_search {
		width: 30px;
	}

	.burger {
		width: 30px;
		display: inline-block;
	}

	.cross {
		width: 30px;
		display: none;
	}
	/* nav icons */

	.nav_icons {
		width: 100%;
	    display: flex;
	    min-height: 80px;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    bottom: 40px;
	}

	.nav_icons div {
		margin-right: 50px;

	}
	.nav_icons .youtube {
		margin-right: 0;

	}

	.nav_ig {
		width: 35px;
		vertical-align: unset;
	}

	.nav_fb {
		width: 17px;
		vertical-align: unset;
	}

	.nav_yt {
		width: 35px;
		vertical-align: unset;
	}

	.language-mobile {
		width: 100%;
	    display: flex;
	    min-height: 80px;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    bottom: 120px;
	}

	.selected-lang {
		text-decoration: underline;
		font-weight: bold;
		color: black !important; 
	}

	.language-mobile a {
		font-size: 20px;
		color: #6f6f6f;
		margin: 0 15px 0 15px;
	}

	.separator {
		font-size: 20px;
		color: #6f6f6f;
	}

	.header-text{
		padding: 20px;
		left: 0px;
		top:0;
		right: 0%;
		bottom: 0;
		position: absolute;
		background-color: #6b7878;}

	.container-arrow {

		margin-left: 50%;
		margin-top: 6px;
	}	

	.container-arrow img {
		height: 25px;
	}

		.blink {
			animation: blinker 1s linear infinite;
	        color: #959595;
	      	font-size: 30px;
	      	font-weight: bold;
	      	font-family: sans-serif;
      	}
      	@keyframes blinker {  
      		50% { opacity: 0.5; }
      	}
 
	/* menu elements */
	.search .searchword{ display: block; }
	.search button{ background-color: #1d8cd1; color: #FFF; border-radius: 0 5px 5px 0 !important; }

	.join-newsletter{ position: absolute; bottom: 0; top:auto; left: -15px; width: 80%; background-color: #efefef; }
	.language { 
		display: none;
	}

	.nav-wrapper{
		width: 100%;
		z-index: 8000;
		left:0;
		top:0;
		position: fixed; }

	nav{ position: fixed; z-index: 8000; left: 0; display: none; top:80px; right: 0; bottom: 0; }
	nav ul { 
		position: relative; 
		clear: both; 
		margin: 0; 
		padding: 0; 
		top:0; 
		margin-top: 20px;
	}

	nav ul LI{ float: none;}
	nav ul LI A { 
		padding: 0 20px; 
		line-height: 40px; 
		height: inherit;
		text-align: center;
		font-size: 18px;
	}

	nav ul ul.menu-level2 {
		padding-left: 20px;
		display: block;
		position: relative;
		color: red;
		background-color: #FFF;
	}
	nav ul ul.menu-level2 li a {
		color: #333;
	}
	nav ul ul.menu-level2 li a:hover {
		color: #FFF;
	}

	nav li ul li a {
		background-color: #FFF;
	}

	nav ul ul.menu-level2 li a.active {
		color: #FFF;
	}
	/*Mobiili lipp*/
	.language_flag {
		width: 35px;	
	}

	#content-container{ margin: 0; }
	.sidemenu-container{
		position: absolute;
		z-index: 10;
	}
	.content-area{ padding-top: 60px; }
	.sidemenu{ display: none; }
	.sidemenu.master{ display: block; }

	.mobile-reseller-info{
		display: none;
	}

	/* Map */
	.dropdown-holder .city,
	.dropdown-holder ul{ width: 100%; min-width:100%; max-width: 100%; left: 0; }

	FOOTER{ display: none; }

	.row-eq-height{ display: block; }

}

/*@media screen and (orientation:landscape) {

	.nav_icons {
		width: 100%;
	    display: flex;
	    min-height: 60px;
	    flex-direction: row;
	    align-items: center;
	    justify-content: center;
	    position: absolute;
	    bottom: 0px;
	}
}*/

/* SM */
@media (min-width: 768px) and (max-width: 992px){
	*{ *border: 1px solid yellow; }

	/*BODY{ margin-top: 80px;}*/

	.logo-mobile{ display: none; }
	.logo-small{ padding: 20px; top:0; position: absolute; display: block; }
	.logo-small img{ height: 40px; width: auto;  }

	.mobile-menu{
		display: block;
		cursor: pointer;
		position: absolute;
		z-index: 11;
		right: 0;
		top:0;
		height: 80px;
		line-height: 80px;
		font-size: 18px;
		color: #1d8cd1;
		content: "MENU";
		font-family: 'PTSans-Bold';
		margin-right: 30px;
	}

	.header-text{
		left: 215px;
		right: 20%;
	}

	/* nav */
	.nav-wrapper{
		width: 100%;
		z-index: 8000;
		left:0;
		top:0;
		position: fixed; }

	nav{ position: fixed; z-index: 8000; left: 0; display: none; top:80px; right: 0; bottom: 0; }
	nav ul{ position: relative; clear: both; margin: 0; padding: 0; top:0; }
	nav ul LI{ float: none;}
	nav ul LI A{ padding: 0 20px; line-height: 40px; height: inherit;}

	#resell-options{
		margin-top: 37px !important;
	}

	/* Map */
	.dropdown-holder .city,
	.dropdown-holder ul{ width: 30%; min-width:30%; max-width: 30%; left: 0; }

	footer { display: block; }
	footer span{ display: inline-block; font-size: 11px; }

	.row-eq-height{ display: block; }
}
@media (min-width: 992px) and (max-width: 1200px) {

	*{*border: 1px solid green; }
}
@media (min-width: 1200px) {

	*{ *border: 1px solid blue; }
}


#recaptchaPlaceholder.error>div {
	border: 1px solid red;
}

/*@media (min-width: 992px) {*/
	#toTop {
		/*width: 25px;*/
		background: #eee;
		opacity: .75;
		text-align: center;
		padding: 10px;
		position: fixed;
		bottom: 15px;
		right: 20px;
		cursor: pointer;
		transition: border-color 300ms, color 300ms, background-color 300ms, opacity 300ms;
		-moz-transition: border-color 300ms, color 300ms, background-color 300ms, opacity 300ms;
		-o-transition: border-color 300ms, color 300ms, background-color 300ms, opacity 300ms;
		-webkit-transition: border-color 300ms, color 300ms, background-color 300ms, opacity 300ms;
		z-index: 9;
		display: block;
		font-size: 1.3em;
		border: 1px solid transparent;
	}

	#toTop:hover {
		border-color: rgba(29, 140, 209, 0.38);
		opacity: 1;
	}
/*}*/

.container-arrow img {
	display: block;
}

body.page-contact .content-area table td {
	padding: 5px 0;
	padding-right: 10px;
}

body.page-contact .content-area table td:first-child {
	font-weight: bold;
	min-width: 168px;
}

@media (min-width: 992px) and (max-width: 1200px) {

	body.page-contact .content-area table td:first-child {
		/*min-width: 250px;*/
	}
}

.product-documents {
	margin-top: 30px;
}

span.discountPrice {
	white-space: nowrap;
}

span.normalPrice {
	text-decoration: line-through;
}

body.page-search-results h3 {
	margin-top: 30px;
	margin-bottom: 5px;
}
.product-images a {
	border: 2px solid #efefef;
	width: 150px;
    height: 150px;
    margin-left: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
    

}
.product-images a img {
    padding: 2px;
	max-height: 100%;
}

.frame {
	max-width: 100%;
	height: 100%;
}


#productMainImage img {
	margin: auto;
	max-width: 50%;
}

.page-home {
	margin-top: 0px;
}

.page-home .resell-list .see-all {
	border-top: 1px solid;
}

.page-home .resell-list .see-all a {
	font-weight: bold;
}

.fancybox-caption__body {
	font-size: 1.5rem;
}

.close {
	font-size: 31px;
}
/*#askQuestion {*/
/*	z-index: 9999;*/
/*}*/