/* ******************************************************** Left column ******************************************************** */

#iicolleft ul li {
	border-bottom: solid 1px #f3f4f4;
}

#iicolleft ul li a {
	display: block;
	padding: 5px;
	padding-top: 10px;
	color: #3d474e;
}

#iicolleft ul li a.level-1 {
	padding-left: 1em;
	color:#a9becb;
}
#iicolleft ul li a.level-1::before{
	content:"\00AC";
	display:block;
	font-family: "iicons";
	float: left;
	margin-right: 0.2em;
	font-size:0.5em;
}

#iicolleft ul li a.active,
#iicolleft ul li a:hover {
	color: #2397ce;
}

#iicolleft ul li:last-child {
	border-bottom: none;
}

/* ******************************************************** History timeline ******************************************************** */

ul.timeline {
	background: url('../img/bg-timeline-axis.png') repeat-y center;
	color: #3d474e !important;
	overflow: hidden;
	margin-left: 50px !important;
	margin-right: 50px !important;
}

ul.timeline li:before {
	display: none;
}

ul.timeline li {
	width: 51%;
	float: left;
	text-align: right;
	clear: both;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	background-image: url('../img/ico-timeline-bullet.png');
	background-repeat: no-repeat;
	background-position: right 50%;
	padding-right: 35px;
}

ul.timeline li:nth-child(odd) {
	float: right;
	text-align: left;
	background-position: left 50%;
	padding-right: 0;
	padding-left: 35px;
}

ul.timeline li strong {
	color: #1593cc;
}

@media screen and (max-width: 991px) {
  ul.timeline {
    background-position: 9px 0;
  }

  ul.timeline li:nth-child(odd),
  ul.timeline li:nth-child(even){
      float: left;
      text-align: left;
      background-position: left 50%;
      padding-right: 0;
      padding-left: 35px;
    width: 100%;
  }
}

/* ******************************************************** Contact boxes ******************************************************** */

#addresses .map {
	border: solid 1px #e4e6e7;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 60px;
}

#addresses .map p {
	margin: 25px 20px;
	text-align: left;
}

#addresses .map strong {
	color: #1593cc;
}

#addresses .map.big {
	width: 455px;
}

#addresses .map.big img {
	display: block;
	float: left;
}

#addresses .map.big p {
	float: left;
	width: 170px;
}

#addresses ul {
	margin: 0 !important;
	color: #3d474e !important;
}

#addresses ul li:before {
	display: none;
}

#addresses ul li {
	display: inline-block;
}

#addresses ul .map {
	padding-bottom: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
}


form.contactform {
	overflow: hidden;
}

#buyparagon {
	padding: 0;
	width: 200px;
	border-radius: 0;
	border: 0;
	margin-left: 10px;
}

#buyfotovideo {
	padding: 0;
	width: 200px;
	border-radius: 0;
	border: 0;
	margin-left: 10px;
}

.mprevwrpr,
form.contactform input,
form.contactform textarea {
	width: 295px;
	border: solid 1px #e4e6e7;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.929em;
	padding: 10px 20px;
/* 	border-radius: 10px; */
	border-radius: 4px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.mprevwrpr {
	display: inline-block;
	height: 36px;
}

form.contactform input.longinput {
	width: 100%;
}

form.contactform textarea {
	width: 100%;
	resize: vertical;
	height: 120px;
}

form.contactform input:focus,
form.contactform textarea:focus {
	outline: none;
	border: solid 1px #3d474e;
}

.error {
	background: #ffc5c5!important;
	border: solid 1px red!important;
}

form.contactform button {
	background: #0585c7;
	border-radius: 5px;
	color: #fff;
	font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: 10px 30px;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
}

form.contactform button:hover {
	background: #b4bdc6;
}

form.contactform#contactform .button,
form.contactform#serviceform .button {
	float: right;
	margin-top: -10px;
}

@media (max-width: 768px){

#div-serviceform .sectionwrpr div{
      min-height: 0 !important;
}
}

#contactform #company {
  margin-right: 0;
  width: 100%;
}

#contactform #name,
#contactform #phonenr {
  margin-left: 0;
  margin-right: 3%;
  width: 47%;
}

#contactform #surname,
#contactform #email {
  margin-left: 2%;
  margin-right: 0;
  width: 47%;
}

@media screen and (max-width: 767px) {
  #contactform #name,
  #contactform #phonenr,
  #contactform #surname,
  #contactform #email {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}


form.contactform button#Unsubscribe {
	background: #b4bdc6;
}

form.contactform button#Unsubscribe:hover {
	opacity: 0.75;
}

@media screen and (max-width: 519px) {
  #modelfind {
    text-align: center;
  }

  .findresform input {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 10px;
  }

#warrantyform fieldset input[type=text], #warrantyform fieldset .mprevwrpr,
#warrantyform fieldset input[type=text]:nth-child(2),
  #warrantyform fieldset input[type=text]:nth-child(3) {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
}

@media screen and (min-width: 520px) {
#warrantyform fieldset input[type=text], #warrantyform fieldset .mprevwrpr,
#warrantyform fieldset input[type=text]:nth-child(2),
  #warrantyform fieldset input[type=text]:nth-child(3) {
  width: 48%;
  margin-left: 0;
  margin-right: 2%;
}

#warrantyform fieldset input[type=text]:nth-child(2) {
  margin-left: 1%;
  margin-right: 0;
}
}

@media screen and (min-width: 992px) {
#warrantyform fieldset input[type=text], #warrantyform fieldset .mprevwrpr,
#warrantyform fieldset input[type=text]:nth-child(2) {
  width: 31%;
    margin-left: 0;
  margin-right: 2%;
}

#warrantyform fieldset input[type=text]:nth-child(3) {
  width: 33%;
  margin-left: 0;
  margin-right: 0;
}
}

/* Hide input placeholder on focus */

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: 300; }
textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder { opacity: 0; }

/* Firefox < 19 */
textarea:-moz-placeholder, input:-moz-placeholder { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: 300; }
textarea:focus:-moz-placeholder, input:focus:-moz-placeholder { opacity: 0; }

/* Firefox > 19 */
textarea::-moz-placeholder, input::-moz-placeholder { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: 300; }
textarea:focus::-moz-placeholder, input:focus::-moz-placeholder { opacity: 0; }

/* Internet Explorer 10 */
textarea:-ms-input-placeholder, input:-ms-input-placeholder { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-weight: 300; }
textarea:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder { opacity: 0; }

/* Placeholder color with error class */

textarea.error::-webkit-input-placeholder, input.error::-webkit-input-placeholder { color: red; }
textarea.error:-moz-placeholder, input.error:-moz-placeholder { color: red; }
textarea.error::-moz-placeholder, input.error::-moz-placeholder { color: red; }
textarea.error:-ms-input-placeholder, input.error:-ms-input-placeholder { color: red; }
/* Graphic select */

.select-skinned {
	display: inline-block;
	width: 335px !important;
	background: url('../img/ico-select-arrow-down.png') no-repeat right 50%;
	border: solid 1px #e4e6e7;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.929em;
	border-radius: 3px;
	margin-right: 15px;
	margin-bottom: 20px;
	position: relative;
}
.select-skinned:focus {
	border: solid 1px #3D474E;
	}
.select-skinned-text {
	padding: 10px 20px;
}

.select-skinned ul {
	position: absolute;
	left: -1px !important;
	right: -1px !important;
	top: 27px;
	border: solid 1px #e4e6e7;
	border-top: none;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #fff;
	margin: 0 !important;
	width: auto;
	padding-top: 10px !important;
	max-height: 300px;
	overflow-y: auto;
}

.select-skinned ul li:before {
	display: none;
}

.select-skinned ul li:first-child {
	display: none;
}
.select-skinned ul li {
	color: #3d474e;
	padding: 7px 20px;
	margin-bottom: 0 !important;
	cursor: default;
}

.select-skinned ul li:hover {
	background: #f4f5f6;
}

.radiofields {
	margin-bottom: 15px;
}

.radiogplabel {
	width: 335px;
	display: inline-block;
	clear: both;
}

.radiolabel {
	display: inline-block;
	margin-right: 25px;
}

form.contactform input[type="radio"],
form.contactform input[type="checkbox"] {
	width: auto;
	margin-right: 5px;
	display: inline-block;
}



#serviceform .chosen-container,
#serviceform #buydate,
#serviceform #buyplace,
#serviceform #name,
#serviceform #addres,
#serviceform #city,
#serviceform #cellphone {
	width: 47%!important;
	margin-right: 3%;
	margin-left: 0;
	margin-bottom: 20px;
}

#serviceform .select-skinned,
#serviceform #serialnr,
#serviceform #surname,
#serviceform #zip,
#serviceform #telephone,
#serviceform #email {
	width: 47%!important;
	float: right;
	margin-left: 2%;
	margin-right: 0;
}

@media screen and (max-width: 767px) {
	#serviceform .chosen-container,
	#serviceform #buydate,
	#serviceform #name,
	#serviceform #addres,
	#serviceform #city,
	#serviceform #cellphone,
	#serviceform .select-skinned,
	#serviceform #serialnr,
	#serviceform #surname,
	#serviceform #zip,
	#serviceform #telephone,
	#serviceform #email {
		width: 100%!important;
		float: none;
		clear: both;
		margin-left: 0;
		margin-right: 0;
	}
}


/* ******************************************************** Find monitor form ******************************************************** */

#monitorfinder {
	width: 480px;
	background: #1697ce;
	border-radius: 5px;
	padding: 25px;
}

#monitorfinder label {
	color: #e3e4e5;
	font-size: 0.923em;
	display: block;
	margin-bottom: 10px;
}

#monitorfinder input {
	border: none;
	width: 285px;
	margin-right: 0;
	margin-bottom: 25px;
	border-radius: 8px;
}

#monitorfinder button {
	background: #333333;
	padding: 10px 25px;
}

#monitorfinder button:hover {
	background: #25c5ec;
}

#monitorfinder p {
	margin:  0;
	color: #fff;
}

#monitorfinder p span {
	color: #3d474e;
}

/* ******************************************************** Table in content ******************************************************** */


#iicolright table p {
	margin: 0 !important;
	text-align: inherit;
}

#iicolright table.bordered {
	border-spacing: 4px;
    border-collapse: separate;
	font-size: 0.929em;
}

#iicolright table.bordered th,
#iicolright table.bordered td {
	border: solid 1px #e4e6e7;
	text-align: left;
	border-radius: 5px;
	padding: 10px 10px;
}

#iicolright table.bordered td {
	border: solid 1px #e4e6e7;
	background: #fff;
}
.text1col table {
	width: 100%;
}
#iicolright table.bordered.alternate tr:nth-child(odd) td, .text1col table tr:nth-child(odd){
	background: #f4f5f6;
	border: solid 1px #e4e6e7;
}
.text1col table td{
	padding: .25em;
}
.downloadlabel {
	display: inline-block;
	width: 50%;
	height: 40px;
}

li .button,
li .downloadbutton {
	margin-top: -10px;
	margin-bottom: 10px;
}

.button,
.downloadbutton {
	display: inline-block;
	background: #0585c7;
	border-radius: 4px;
	text-transform: uppercase;
	padding: 10px 20px;
	color: #fff !important;
	text-decoration: none !important;
}

.downloadbutton:hover {
	background: #25c5ec;
}

/* ******************************************************** FAQ ******************************************************** */

#div-8 h4 {
	color: #1593cc;
	text-transform: none;
	margin: 10px 0;
	font-weight: 400;
}

#div-8 h4:before {
	content: '› ';
	margin-left: -10px;
	margin-right:  5px;
	color: #a5aaae;
}

#div-8 h4:first-of-type:before {
	display: none;
}

#div-8 div {
	margin-bottom: 35px;
	margin-top: -15px;
}

/* ******************************************************** News ******************************************************** */

.iinewslead {

}

.iinewslead h4 {
	color: #1593cc !important;
	margin-bottom: 0 !important;
	margin-top: 35px !important;
}

.iinewslead h3 {
	margin: 0 !important;
	margin-bottom: 5px !important;
}

.iinewslead h3 a {
	color: #000 !important;
	text-decoration: none !important;
}

.iinewslead p {
	margin: 0 !important;
}

.iinewslead p a {
	color: #3d474e !important;
	text-decoration: none !important;
}

.morenewsbutton {
	display: inline-block;
	border: solid 1px #1593cc;
	border-radius: 5px;
	color: #909193 !important;
	text-decoration: none !important;
	text-transform: uppercase;
	margin-top: 35px;
	padding: 10px;
	font-size: 12px;
}

/* ******************************************************** Buy monitor ******************************************************** */

.findresform {
	background: #1697ce;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 5px;
}

.findresform input {
	border: none;
	padding: 6px 10px;
	width: 80%;
	border-radius: 6px;
	margin-right: 3px;
	font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.findresform a {
	display: inline-block;
	background: #333333;
	color: #fff !important;
	text-decoration: none !important;
	padding: 6px 20px;
	border-radius: 6px;
}

#iicontent #iiscont #iibdcont #iicolright #googlemap {
	height: 430px;
	width: 700px;
	padding: 10px;
	background-color: #F3F5F6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#googlemap #map_canvas {
	padding: 0px;
	height: 430px;
	width: 100%;
	margin:0;
}

#reslist {
	overflow: hidden;
	padding-top:  35px;
}

#reslist ol {
	margin: 0 -10px !important;
	color: #3d474e !important;
}

#reslist li:before {
	display: none;
}

#reslist li {
	display: block;
	float: left;
	width: 30%;
	padding-left: 25px;
	height: 235px !important;
	border: solid 1px #e4e6e7;
	margin: 25px 1.5%;
	box-sizing: border-box;
	padding: 55px 25px;
	border-radius: 6px;
	background-position: 20px 20px;
}

@media screen and (max-width: 480px) {
	#reslist li{
	width: 43%;
    padding-left: 25px;
    height: 250px !important;
    margin: 24px 3.5%;
	}
	#distibutorlist .distributor {
    min-height: 261px;
	margin-bottom: 10px;
}
}

#reslist li a:first-of-type {
	display: block;
}

#reslist li a {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	display: inline-block;
}

#distibutorlist {
	overflow: hidden;
}

.distributor {
	float: left;
	width: 218px;
	margin-right: 10px;
	border: solid 1px #e4e6e7;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 60px;
	min-height: 350px;
	font-size: 13px;
}

.distributor .logo {
	border-bottom: solid 1px #e4e6e7;
	height: 130px;
	overflow: hidden;
	padding: 10px 0;
	margin-bottom: 10px;
}

.distributor .logo img {
	display: block;
	margin:2.5em auto;
	max-width: 90%;
	max-height: 80px;
	width: auto !important;
	height: auto !important;
	 -webkit-filter: saturate(0%);
	 filter: saturate(0%);
	 opacity: 0.8;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.distributor .logo img:hover{
	-webkit-filter: saturate(100%);
	filter: saturate(100%);
	opacity: 1;

}

.distributor .note {
	margin: 10px 20px;
	font-size: 85%;
}

.mapmark1 {
	background-image: url('/img/map/blue_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark2 {
	background-image: url('/img/map/orange_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark3 {
	background-image: url('/img/map/green_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark4 {
	background-image: url('/img/map/red_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark5 {
	background-image: url('/img/map/yellow_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark6 {
	background-image: url('/img/map/aqua_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark7 {
	background-image: url('/img/map/white_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.mapmark8 {
	background-image: url('/img/map/black_min.png');
	background-repeat: no-repeat;
	background-position: left top;
}

@media screen and (max-width: 767px) {
  .distributor {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 480px) {
  .distributor {
    width: 100%;
    margin-right: 0;
  }
	.findresform input {
	width: 100%;
}
}


