/* BASE BGN */

.moto {
    text-transform: uppercase;
    padding: 40px 0;
    background: #323232;
    font-size: 1.8rem;
    color: #fff;
}

.moto a{
    color: #444;
}
.moto a:hover{
    text-decoration:emptyline;
}
.trademark {text-align: justify;font-size:70%!important}
.block {display: block;}
ul.row {margin:10px 0;}
.sup { vertical-align: super; font-size:70%}
.break5 { height: 5px; }
.break10 { height: 10px; }
@media only screen and (max-width: 500px) {.break10 { height: 0px; }}
.break20 { height: 20px; }
.break50 { height: 50px; }
@media only screen and (max-width: 500px) {.break50 { height: 0px; }}

.dark { background: #e9e9e9; }
.darkness { background: #323232; }
.dottedline { border-bottom: 1px dotted; }
.underline { border-bottom: 1px solid; }
.emptyline { clear: both; margin-top: 35px; border-top: 1px dotted darkgray; padding-top: 10px;}
.small { font-size: 80%; line-height: 16px; line-height: 1rem;}
.smaller { font-size: 100%}
.white { background: #fff}
.fontwhite { color: #fff;}
.gray { color: #a4a4a4;}
.blue { color: #01579b;}
.tabcolor2 {background:#01579B; color:#fff;}
.tabcolor1 {background:#66b0b0;}
.tabcolor3 {background:#a8c9c7;}
.tabborder {border: 1px solid #e5e5e5; border-width: 0 1px 1px 1px;}
.center {text-align:center}
.right {text-align:right}
.floatright {float:right}
.floatleft {float:left}
.td20 {width:20px}
.img350 {height:350px; width:280px}
.numb {
    background: #01579b;
    color: #FFF;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-transform: uppercase;
    border: 2px solid #e2e2e2;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
	font-size: 80%;
    font-weight: 600;
    text-align: center;
    float: left;
    margin-right: 10px;
}
table.tableModules th.zahlavi {width:100%}
table.tableModules th.thmodule {min-width:65px; max-width:70px}
table.tableTechSpec th.zahlavi {width:30%}
table.tableTechSpec th.thmodule {width:35%}

.posunhore65 {
    margin: -65px 0 70px;
}

/*.columns {border:1px solid orange} */

.nomarginleft {margin-left: 0; margin-right: 5px}
.padding10 {border:10px solid #e9e9e9}
.marginleft40 {margin-left:40px;}

.container {padding-top:155px; padding-bottom:100px; margin-top:-170px; margin-bottom: 100px; border-bottom: 1px dotted lightgray;}
.container_index {padding-top:155px; margin-top:-170px; margin-bottom: 60px;}
.container_news {padding-bottom:100px; margin-bottom: 100px; border-bottom: 1px dotted lightgray;}
.container#footer {padding-top:40px;margin-bottom: 0;padding-bottom:20px;}
@media screen and (max-width: 768px) {.container {padding-top:30px; padding-bottom:30px; margin-top:-30px; margin-bottom: 30px;}}



/* BASE END */

/* FORMS BGN */
form *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.contact-form .input {margin: 4px 0}

/* Chrome bug */


.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 70%;
	border: none;
	border-radius: 0;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	margin-top: 20px;
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 30%;
	color: #01579B;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.6em 0;
	width: 100%;
}


/* FORMS END */

/* HEADER BGN */
#header {
  height: 176px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 101;
  min-width: 980px;
}

.flags {padding-top: 5px}
ul.flags li a{margin: 3px; width:20px; height:14px;padding:0}
ul.flags li a:hover{margin: 3px; width:20px; height:14px;}
ul.flags li a span{display:none}
.flag_en {display: block; background: url(../img/home/design/flags/en.gif) no-repeat!important;}
.flag_de {display: block; background: url(../img/home/design/flags/de.gif) no-repeat!important;}
.flag_ru {display: block; background: url(../img/home/design/flags/ru.gif) no-repeat!important;}
.flag_cz {display: block; background: url(../img/home/design/flags/cz.gif) no-repeat!important;}
.news {float: left;background: url(../img/home/design/news.png) 0 0 no-repeat;width: 120px;height: 110px;}
.news24 {float: right;background: url(../img/home/design/news24.png) 0 0 no-repeat;width: 100px;height: 110px;}
.bfly2 {float: left;background: url(../img/home/design/bfly2.png) 0 0 no-repeat;width: 220px;height: 266px; padding:0; margin-top:50px}
.trybuy {float: left;/* background: url(../img/home/design/trybuy.png) 0 0 no-repeat; */width: 68px;height: 80px; padding:0;     margin-top: 30px;    margin-left: 390px;}
/* HEADER END */

/* HOME BGN */
.home article{height:110px;overflow:hidden;width:100%;float:left;position:relative;margin-left:0;color:#fff;cursor:pointer}
.home article h3 {visibility: hidden}
@media only screen and (max-width: 769px){.home article{width:49%;margin-right:1px}}
@media only screen and (max-width: 500px){.home article{width:100%;height:80px; margin-bottom: 2px;}}

.home article a{font-weight:bold;color:#fff}

.home article>div{width:100%;height:100%;padding:0;position:absolute;top:0;left:0;z-index:1;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}
@media only screen and (max-width: 769px){.home article>div{width:100%}}
@media only screen and (max-width: 500px){.home article>div{height:140px}}

.home article>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;width:100%}
@media only screen and (max-width: 980px){.home article>div>.active{width:98%}}
@media only screen and (max-width: 500px){.home article>div>.active{width:98%}}

.home article>div h3,
.home article>div>.active,
.home article>div>.active p.btn-holder{position:relative;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;top:0;}
@media only screen and (max-width: 769px){.home article>div h3,.home article>div>.active{}}

.stamp-astm{background: url(../img/home/design/stamp-astm_e83.svg) center center  no-repeat; width: 100px; height: 95px;  display: block; background-size: 100px 100px;}
.stamp-iso{background: url(../img/home/design/stamp-iso9513.svg) center center  no-repeat; width: 100px; height: 95px;  display: block; background-size: 100px 100px;}
.sobriety_logo{background: url(../img/home/design/sobriety_logo.png) center center  no-repeat; width: 200px; height: 95px;  display: block; position: absolute; top: 0;}
.sobriety_logo_small_w{background: url(../img/home/design/sobriety_logo_small_white.png) center center  no-repeat; width: 140px; height: 100px;  display: block;}
/*
.home article.bfly050>div{background: url(../img/home/pictures/bfly050.png) 0 0 no-repeat;}
.home article.bfly100>div{background: url(../img/home/pictures/bfly100.png) 0 0 no-repeat;}
.home article.bfly150>div{background: url(../img/home/pictures/bfly150.png) 0 0 no-repeat;}
.home article.bfly200>div{background: url(../img/home/pictures/bfly200.png) 0 0 no-repeat;}
*/
.home article.merc_industry>div{background: url(../img/home/pictures/merc_industry.jpg) 0 0 no-repeat;}
.home article:hover{overflow:visible;}
.home article:hover h3{visibility: visible}

.home article:hover>div{background:none; background-color:#01579B;width:150%;height:135%;top:-10px;left:-10%;padding:10px 10px 10px !important;z-index:2;}
@media only screen and (max-width: 769px){.home article:hover>div{width:100%;height:130px;top:-20px;left:0;padding:0 !important}}
@media only screen and (max-width: 500px){.home article:hover>div{height:110px; top:-10px;}}

.home article:hover>div p{margin:0 0 0}
@media only screen and (max-width: 769px){.home article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}
@media only screen and (max-width: 500px){.home article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}

.home article:hover>div p a{font-size: 90%;}

@media only screen and (max-width: 769px){.home article:hover>div p,.home article:hover>div h3{ }}

.home article:hover>div h3{top:0px}
@media only screen and (max-width: 769px){.home article:hover>div h3{text-align:center}}

.home article:hover>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0}

.home article:hover>div>.active .btn-holder{top:2px}

.home article h3{color:#fff;font-weight:200;text-align:center;line-height:80px}
@media only screen and (max-width: 500px){.home article h3{line-height:50px}}

.home article:hover h3{text-align:left;line-height:1em;margin-bottom:5px}
@media only screen and (max-width: 769px){.home article:hover h3{font-size:26px;font-size:1.625rem;color:#fff;font-weight:200;}}
@media only screen and (max-width: 500px){.home article:hover h3{margin:0;line-height:30px !important}}
/* HOME END */

/*  HORNI SLIDER BGN*/

@media only screen and (max-width: 940px) { .slider-container { display: none; }}

.slider-container{
 	height: 235px;
	position: relative;
	margin: 50px auto 15px auto;	
}
.slider-container label{
	width: 235px;
	height: 50px;
	cursor: pointer;
	color: #fff;
	line-height: 50px;
	font-size: 20px;
	float:left;
	position: relative;
	margin-top:185px;
	z-index: 50;
	background-color: rgba(50,50,50,0.5);
	text-align: center;
	text-transform: uppercase;
}
.slider-container label a{
	color: #fff;
}
.slider-container label a:hover{
	text-decoration:emptyline;
}

.scr-container label:before{
	content:'';
	width: 34px;
	height: 34px;
	background: rgba(130,195,217,0.9);
	position: absolute;
	left: 50%;
	margin-left: -17px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 4px rgba(255,255,255,0.3);
	z-index:-1;
}

.slider-container label:after{
	width: 1px;
	height: 235px;
	content: '';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.slider-container.RUS label{
	font-size: 17px;
}

.slider-container label.cr-label-img-4:after{
	width: 0px;
}
.slider-container input.cr-selector-img-1:checked ~ label.cr-label-img-1,
.slider-container input.cr-selector-img-2:checked ~ label.cr-label-img-2,
.slider-container input.cr-selector-img-3:checked ~ label.cr-label-img-3,
.slider-container input.cr-selector-img-4:checked ~ label.cr-label-img-4
{
}
.slider-container input.cr-selector-img-1:checked ~ label.cr-label-img-1:before,
.slider-container input.cr-selector-img-2:checked ~ label.cr-label-img-2:before,
.slider-container input.cr-selector-img-3:checked ~ label.cr-label-img-3:before,
.slider-container input.cr-selector-img-4:checked ~ label.cr-label-img-4:before
{
}
.slider-container input{
	display: none;
}
.cr-bgimg{
	width: 940px;
	height: 235px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.cr-bgimg{
	background-repeat: no-repeat;
	background-position: 0 0;
  
}
.cr-bgimg div{
	width: 235px;
	height: 100%;
	position: relative;
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: pointer;
}
.cr-bgimg div span{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: -235px;
	z-index: 2;
	text-indent: -9000px;
}
.slider-container input.cr-selector-img-1:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(1){
	background-image: url(../img/slider/slider-01.jpg);
}
.slider-container input.cr-selector-img-2:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(2){
	background-image: url(../img/slider/slider-02.jpg);
}
.slider-container input.cr-selector-img-3:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(3){
	background-image: url(../img/slider/slider-03.jpg);
}
.slider-container input.cr-selector-img-4:checked ~ .cr-bgimg,
.cr-bgimg div span:nth-child(4){
	background-image: url(../img/slider/slider-04.jpg);
}

.cr-bgimg div:nth-child(1) span{
	background-position: 0px 0px;
}
.cr-bgimg div:nth-child(2) span{
	background-position: -235px 0px;
}
.cr-bgimg div:nth-child(3) span{
	background-position: -470px 0px;
}
.cr-bgimg div:nth-child(4) span{
	background-position: -705px 0px;
}

.slider-container input:checked ~ .cr-bgimg div span{
	-webkit-animation: slideOut 0.6s ease-in-out;
	-moz-animation: slideOut 0.6s ease-in-out;
	-o-animation: slideOut 0.6s ease-in-out;
	-ms-animation: slideOut 0.6s ease-in-out;
	animation: slideOut 0.6s ease-in-out;
}
@-webkit-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 235px; }
}
@-moz-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 235px; }
}
@-o-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 235px; }
}
@-ms-keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 235px; }
}
@keyframes slideOut{
	0%{ left: 0px; }
	100%{ left: 235px; }
}
.slider-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),
.slider-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),
.slider-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),
.slider-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4)
{
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out;
	-ms-transition: left 0.5s ease-in-out;
	transition: left 0.5s ease-in-out;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	left: 0px;
	z-index: 10;
}

/* Media Query: Let's show the inputs on mobile sized browsers because they probably don't support the label trick: */
@media screen and (max-width: 768px) {
	.slider-container input{
		display: inline;
		width: 24%;
		margin-top: 350px;
		z-index: 1000;
		position: relative;
	}
	.slider-container label{
		display: none;
	}
}

/* HORNI SLIDER END*/

/* NAHLEDY LEAFLETS BGN */
.view, .view2 {
   margin: 10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff;
}
.view .mask,.view .content,.view2 .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.view img,.view2 img {
   display: block;
   position: relative;
}
.view p,.view2 p {
	font-size: 14px;
	position: relative;
	color: #fff;
	padding: 10px 0px 1px;
	text-align: center;
}
.view a.info,.view2 a.info {
   display: inline-block;
   text-decoration: none;
   background: #01579B;
   font-size: 15px;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info {
   padding: 20px 14px;
}
.view2 a.info {
   padding: 5px 40px;
}
.view a.info: hover, .view2 a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-first img {
   -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   -ms-transition: all 0.4s linear;
   transition: all 0.4s linear;
}
.view-first .mask {
    width: 100%;
    height: 100%;	
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(133, 133, 133, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.05,1.05);
   -moz-transform: scale(1.05,1.05);
   -o-transform: scale(1.05,1.05);
   -ms-transform: scale(1.05,1.05);
   transform: scale(1.05,1.05);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
/* NAHLEDY LEAFLETS END */

/* CONFIGURATION BGN */

.bios-col { width: 452px; margin: 0 0 0 30px; position: relative; }
.bios-col .kontainer { background: url(../img/home/design/target00.svg) no-repeat 0 10px; width: 452px; height: 452px; position: relative; z-index: 1;}
.bios-col .kontainer .default { width: 150px; position: absolute; top: 75px; left: 120px; z-index: 1; }
@media screen and (max-width: 768px) {.bios-col .kontainer .default {display:none}}
.bios-col .kontainer .default.RUS { left: 60px;}
.bios-col .kontainer a { color: #fff; }
.bios-col .kontainer .arrow { position: absolute; top: -140px; left: 415px; z-index: 1; width: 470px;}
.bios-col .kontainer .arrowRUS { position: absolute; top: -140px; left: 445px; z-index: 1; }
.bios-col .kontainer .arrow a, .bios-col .kontainer .arrowRUS a { color: #01579B; }

.bios-col .kontainer .bio { width: 310px; position: absolute; top: 150px; left: 46px; opacity: 0; filter:alpha(opacity=0); }
.bios-col .kontainer .bio.RUS { left: 60px;}
/*.bios-col .kontainer .bio h2 { font-size: 40px; line-height: 40px; padding: 0; margin: 0; }*/
.bios-col .kontainer .bio.RUS h2 { font-size: 33px;}
.bios-col #pozn h3 {  line-height: 10px; }
.bios-col #pozn h5,.bios-col #pozn_s h5{  line-height: 15px; }
.bios-col .kontainer .bio p { font-size: 15px; line-height: 21px; padding: 0 0 10px; }
.bios-col .kontainer .bio ul { list-style: none; font-size: 18px; line-height: 16px; padding: 0 0 0 10px}
.bios-col .kontainer .bio ul li { padding: 0; }
.bios-col .kontainer .bio ul li strong {font-weight:normal; }

.bios-col .nav { width: 452px; height: 0; position: relative; z-index: 2; list-style: none; }
.bios-col .nav > li { position: absolute;  }
/*.bios-col .nav li img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }*/


.bios-col .nav .circle-1 { top: 0; left: 266px; }
.bios-col .nav .circle-2 { top: 71px; left: 333px; }
.bios-col .nav .circle-12 { top: 165px; left: 359px; }
.bios-col .nav .circle-3 { top: 260px; left: 338px; }
.bios-col .nav .circle-4 { top: 339px; left: 270px; }
.bios-col .nav .circle-5 { top: 344px; left: 64px; }
.bios-col .nav .circle-6 { top: 296px; left: 9px; }
.bios-col .nav .circle-7 { top: 233px; left: -23px; }
.bios-col .nav .circle-8 { top: -15px; left: 126px; }
.bios-col .nav .circle-9 { top: 10px; left: 63px; }
.bios-col .nav .circle-10 { top: 55px; left: 11px; }
.bios-col .nav .circle-11 { top: 116px; left: -21px; }

.circle-1 .hi-icon { background:url(../img/home/design/circle-1.svg) center center #000 no-repeat ; }
.circle-2 .hi-icon { background:url(../img/home/design/circle-2.svg) center center #000 no-repeat; }
.circle-12 .hi-icon { background:url(../img/home/design/circle-12.svg) center center #000 no-repeat; background-size: auto 60px;}
.circle-3 .hi-icon { background:url(../img/home/design/circle-3.svg) center center #000 no-repeat; background-size: auto 45px;}
.circle-4 .hi-icon { background:url(../img/home/design/circle-4.svg) center center #000 no-repeat; }
.circle-5 .hi-icon_s { background:url(../img/home/design/circle-5.svg) center center #000 no-repeat; }
.circle-6 .hi-icon_s { background:url(../img/home/design/circle-6.svg) center center #000 no-repeat; }
.circle-7 .hi-icon_s { background:url(../img/home/design/circle-7.svg) center center #000 no-repeat; }
.circle-8 .hi-icon_s { background:url(../img/home/design/circle-bfly050.svg) center center #000 no-repeat; background-size: auto 30px;}
.circle-9 .hi-icon_s { background:url(../img/home/design/circle-bfly100.svg) center center #000 no-repeat; background-size: auto 30px;}
.circle-10 .hi-icon_s { background:url(../img/home/design/circle-bfly150.svg) center center #000 no-repeat; background-size: auto 30px;}
.circle-11 .hi-icon_s { background:url(../img/home/design/circle-bfly200.svg) center center #000 no-repeat; background-size: auto 30px;}


#pozn {display: none; position:absolute; left:50px; top:0; text-align:left;padding-left:40px;border-bottom: 2px solid transparent;width: 200px;white-space:nowrap;}
/*@media screen and (max-width: 768px) {#pozn  {display: none; left:-250px; top:0px; white-space:normal;text-align:right;padding-right:60px;width: 290px}}
@media screen and (max-width: 768px) {#pozn h5{display: none;}}*/
#pozn_s {display: none; position:absolute; left:40px; top:-50px; width:155px;text-align:left;padding-left:40px}
/*@media screen and (max-width: 768px) {#pozn_s h5{display: none;}}*/
#pozn_b {display: none; position:absolute; left:-130px; top:-15px; width:140px;text-align:left;padding-left:0px}
/*@media screen and (max-width: 768px) {#pozn_b h5{display: none;}}*/
a:hover ~ #pozn {display:block;border-bottom:2px solid #01579B;}
a:hover ~ #pozn_s {display:block;border-bottom:2px solid #01579B;}
a:hover ~ #pozn_b {display:block;border-bottom:2px solid #01579B;}
@media screen and (max-width: 950px) {
	.bios-col .nav #pozn,.bios-col .nav #pozn_s,.bios-col .nav #pozn_b{padding-left:0;border-bottom: none!important;width: 300px;}
	.bios-col .nav .circle-1 #pozn{top:150px;left:-210px;} /*left k=rozdil, top k=150*/
	.bios-col .nav .circle-2 #pozn{top:79px;left:-277px;}
	.bios-col .nav .circle-12 #pozn{top:-15px;left:-303px;}
	.bios-col .nav .circle-3 #pozn{top:-110px;left:-282px;}
	.bios-col .nav .circle-4 #pozn{top:-189px;left:-214px;}
	.bios-col .nav .circle-5 #pozn_s{top:-194px;left:-8px;}
	.bios-col .nav .circle-6 #pozn_s{top:-146px;left:47px;}
	.bios-col .nav .circle-7 #pozn_s{top:-83px;left:79px;}
	.bios-col .nav .circle-8 #pozn_b{top:173px;left:-68px;}
	.bios-col .nav .circle-9 #pozn_b{top:148px;left:-5px;}
	.bios-col .nav .circle-10 #pozn_b{top:103px;left:47px;}
	.bios-col .nav .circle-11 #pozn_b{top:42px;left:79px;}
}

.hi-icon{
	width: 75px;
	height: 75px;
}

.hi-icon_s{
	width: 60px;
	height: 60px;
}

.hi-icon-effect-9 .hi-icon, .hi-icon-effect-9 .hi-icon_s {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after ,.hi-icon-effect-9 .hi-icon_s:after {
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: 0 0 0 3px #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-9a .hi-icon:hover:after ,.hi-icon-effect-9a .hi-icon_s:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	opacity: .7;
}

.hi-icon-effect-9a .hi-icon:hover,.hi-icon-effect-9a .hi-icon_s:hover {
	box-shadow: 0 0 0 5px #01579B;
	color: #fff;
	background-color: #01579B;
}

.hi-icon,.hi-icon_s {
	box-shadow: 0 0 0 1px rgba(0,0,0,1);
	display: inline-block;
	font-size	: 0px;
	cursor: pointer;
	margin: 0;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff; 
}

.hi-icon:after,.hi-icon_s:after{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before,.hi-icon_s:before {
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* CONFIGURATION END* /

/* APPLICATIONS BGN */
#slider2 { width:450px; height:360px;	
		/*IE bugfix*/
		padding:0; margin:0; }
#slider2 li { list-style:none; }
/* APPLICATIONS END */

/* FEATURES BGN */

.ModulTable{
	font-size: 0.7rem;
}

.ModulTable td{
	border-right: 1px solid #e5e5e5;
	width: 65px !important;
	padding: 3px 0 0 2px;
	text-align: center;
}

.ModulTable.RUS td{
	font-size: 9px
}

.ModulTable td.dark{
	background-color:#EEF6F4;
	color: #444;
}

.ModulTable td.zahlavi{
	width:400px !important;
	text-align: left;
	color: #000 !important;
	border-bottom: 1px solid white;
}

.ModulTable.RUS td.zahlavi{
	font-size: 11px
}

.ModulTable td.zahlavi.col1{background-color:#E2FBFA;}
.ModulTable td.zahlavi.col2{background-color:#CAF4F2;}
.ModulTable td.zahlavi.col3{background-color:#96DDDA;}
.ModulTable td.zahlavi.col4{background-color:#29B6F6;}
.ModulTable td.zahlavi.col5{background-color:#96DDDA;}
.ModulTable td.zahlavi.col6{background-color:#CAF4F2;}
.ModulTable td.zahlavi.col7{background-color:#E2FBFA;}

.ModulTable .fixedHeader tr td{
	color: #01579B;
	text-align: center;
	-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb;
}
@media only screen and (max-width: 769px){.ModulTable .fixedHeader tr td{ height:100%}}

.ModulTable tr:last-child{ }
.ModulTable tr td:last-child{
	border-right: none !important;
}
.ModulTable tr:nth-child(odd){ background-color:transparent;}
.ModulTable tr:nth-child(even){ background-color: #f9f9f9;}

td span.pointGreenSmall {
	background-image: url(../img/home/design/point-green-small.png);
	width: 10px;
	height: 10px;
	margin: auto auto;
	display: block
	}

.ModulTable thead.fixedHeader tr {
	position: relative;
	display: block;
}

.ModulTable tbody.scrollContent {
	display: block;
	border-bottom: 1px solid #01579B;
	border-top: 1px solid #01579B;
/* 	
	height: 520px;
	border-bottom:1px solid #01579B;
	 */
	height: 265px;	
	overflow: auto;
}




/******************* VLASTNOSTI - END***************/

/* MODULES BGN */
.modules article{height:100px;overflow:hidden;width:100%;float:left;position:relative;margin-left:0;color:#fff;cursor:pointer}
@media only screen and (max-width: 769px){.modules article{width:49%;margin-right:1px}}
@media only screen and (max-width: 500px){.modules article{width:100%;height:80px; margin-bottom: 2px;}}

.modules article a{font-weight:bold;color:#fff}

.modules article>div{width:100%;height:240px;padding:0;position:absolute;top:0;left:0;z-index:1;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}
@media only screen and (max-width: 769px){.modules article>div{width:100%}}
@media only screen and (max-width: 500px){.modules article>div{height:140px}}

.modules article>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;width:100%}
@media only screen and (max-width: 980px){.modules article>div>.active{width:98%}}
@media only screen and (max-width: 500px){.modules article>div>.active{width:98%}}

.modules article>div h3,
.modules article>div>.active,
.modules article>div>.active p.btn-holder{position:relative;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;top:0}
@media only screen and (max-width: 769px){.modules article>div h3,.modules article>div>.active{}}

.modules article.first>div{background-color:#616161}
.modules article.second>div{background-color:#323232}
.modules article:hover{overflow:visible}

.modules article:hover>div{background-color:#01579B;width:140%;height:190px;top:-50px;left:-20%;padding:20px 20px 20px !important;z-index:2;}
@media only screen and (max-width: 769px){.modules article:hover>div{width:100%;height:130px;top:-20px;left:0;padding:0 !important}}
@media only screen and (max-width: 500px){.modules article:hover>div{height:110px; top:-10px;}}

.modules article:hover>div p{margin:0 0 0}
@media only screen and (max-width: 769px){.modules article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}
@media only screen and (max-width: 500px){.modules article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}

.modules article:hover>div p a{font-size: 90%;}

@media only screen and (max-width: 769px){.modules article:hover>div p,.modules article:hover>div h3{ }}

.modules article:hover>div h3{top:0px}
@media only screen and (max-width: 769px){.modules article:hover>div h3{text-align:center}}

.modules article:hover>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0}

.modules article:hover>div>.active .btn-holder{top:2px}

.modules article h3{color:#fff;font-weight:200;text-align:center;line-height:80px}
@media only screen and (max-width: 500px){.modules article h3{line-height:50px}}

.modules article:hover h3{text-align:left;line-height:1em;margin-bottom:5px}
@media only screen and (max-width: 769px){.modules article:hover h3{font-size:26px;font-size:1.625rem;color:#fff;font-weight:200;}}
@media only screen and (max-width: 500px){.modules article:hover h3{margin:0;line-height:30px !important}}

.modules .modal.active h3{color:#444;}

/* TYPES */
.types article{height:80px;overflow:hidden;width:100%;float:left;position:relative;margin-left:0;color:#fff;cursor:pointer;
	box-shadow: 0 0 0 3px rgba(97,97,97,1);
	margin: auto auto;
	padding: 4px 4px;
	border-radius: 15px;
	text-align: left;
	border: 2px solid white;}
@media only screen and (max-width: 769px){.types article{height:50px;width:47%;margin-right:10px;margin-bottom: 10px;}}
@media only screen and (max-width: 500px){.types article{width:100%;height:70px; margin-bottom: 10px;}}

.types article a{font-weight:bold;color:#fff}

.types article>div{width:100%;height:140px;padding:0;position:absolute;top:0;left:0;z-index:1;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}
@media only screen and (max-width: 769px){.types article>div{width:100%}}
@media only screen and (max-width: 500px){.types article>div{}}

.types article>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;width:100%}
@media only screen and (max-width: 980px){.types article>div>.active{width:98%}}
@media only screen and (max-width: 500px){.types article>div>.active{width:98%}}

/*.types article>div h3 {font-size: 16px; font-size: 1rem; }*/

.types article>div h3,
.types article>div>.active,
.types article>div>.active p.btn-holder{position:relative;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;transition-property:top;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s;top:0}
@media only screen and (max-width: 769px){.types article>div h3,.types article>div>.active{}}

.types article.first>div{background-color:#616161}
.types article.second>div{background-color:#323232}
.types article:hover{overflow:visible}

.types article:hover>div{background-color:#01579B;width:200%;height:200%;top:-50px;left:-20%;padding:10px 10px 10px !important;z-index:2;	border-radius: 15px;}
@media only screen and (max-width: 769px){.types article:hover>div{width:100%;height:130px;top:-50px;left:0;padding:0 !important}}
@media only screen and (max-width: 500px){.types article:hover>div{height:120px; top:-10px;}}

.types article:hover>div p{margin:0 0 0}
@media only screen and (max-width: 769px){.types article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}
@media only screen and (max-width: 500px){.types article:hover>div p{margin-bottom:0;text-align:center; font-size:90%}}

.types article:hover>div p a{font-size: 90%;}

@media only screen and (max-width: 769px){.types article:hover>div p,.types article:hover>div h3{ }}

.types article:hover>div h3{top:0px}
@media only screen and (max-width: 769px){.types article:hover>div h3{text-align:center}}

.types article:hover>div>.active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;top:0}

.types article:hover>div>.active .btn-holder{top:2px}

.types article h3{color:#fff;font-weight:200;text-align:center;line-height:30px}
@media only screen and (max-width: 500px){.types article h3{line-height:50px}}

.types article:hover h3{text-align:left;line-height:1em;margin-bottom:5px}
@media only screen and (max-width: 769px){.types article:hover h3{font-size:26px;font-size:1.625rem;color:#fff;font-weight:200;}}
@media only screen and (max-width: 500px){.types article:hover h3{margin:0;line-height:30px !important}}
/* FEATURES END */


/* CALCULATOR BGN */
@media only screen and (max-width: 920px){.calculator{display:none}}

input[readonly] {
    background-color: transparent;  border: none;
}

#CameraSelectionId {	width:110px;}

#CameraInterfaceId, #CameraResolutionId {width:100px;}
#RelativeResolutionStartId, #RelativeResolutionEndId, #AbsoluteResolutionId,#MaxExtensionLabelId input,
#FoVLabelId input,
#Length0LabelId input {width:70px;}
#FpsSpeedId, #StitchCountId, #BackDoFId input, #MaxSampleWidthId, #BackDoFLabelId input, #WorkingDistanceId, #FrontDoFId {width:50px;}

#CameraTableId {
    float: left;
    padding-bottom: 5px;
}

#ResolutionTableId {
    float: left;
    padding-bottom: 9px;
}

#SceneTableId {
    clear: both;
    float: none;
}

#PixelSensitivitySliderId {
    width: 330px;
}
/* must be set in CSS as JS resets to style defaults */

.PageImage {
    position: relative;
}

    .PageImage span {
        /* border: thin solid; */
        /* padding: 2px; */
        /* background-color: ghostwhite; */
    }

        .PageImage span input , 
		.PageImage span select {
            text-align: left;
			font-size: 16px; font-size: 1rem;
        }

    .PageImage #LensLabelId {
        position: absolute;
        left: 0px;
        top: 160px;
    }

    .PageImage #WorkingDistanceLabelId {
        position: absolute;
        left: 230px;
        top: 610px;
    }

    .PageImage #FrontDoFLabelId {
        position: absolute;
        left: 188px;
        top: 555px;
    }

    .PageImage #BackDoFLabelId {
        position: absolute;
        left: 588px;
        top: 555px;
    }

    .PageImage #MaxExtensionLabelId {
        position: absolute;
        left: 550px;
        top: 40px;
    }

    .PageImage #Length0LabelId {
        position: absolute;
        left: 545px;
        top: 300px;
    }

    .PageImage #FoVLabelId {
        position: absolute;
        left: 625px;
        top: 175px;
    }

    .PageImage #MaxSampleWidthLabelId {
        position: absolute;
        left: 178px;
        top: 479px;
		-webkit-transform: rotate(22deg);
		-moz-transform: rotate(22deg);
		-o-transform: rotate(22deg);
		-ms-transform: rotate(22deg);
    }
	
#MaxExtensionLabelId,
#FoVLabelId,
#Length0LabelId
	{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}	

/* CALCULATOR END */


/* REPORTS BGN  */
ul#repo {
	padding-left: 15px
}
.reprt {
	width: 100%;
	float: left;
}
#reprt-nav {
	float: left;
	padding-top: 8px;
}
    @media only screen and (max-width: 769px){#reprt-nav{margin-bottom: 20px;}}	 
	
#reprt-nav ul {
	padding-left:0;
	list-style: none;
}
#reprt-nav ul a{
	text-decoration: none;
	cursor: pointer;
}
#reprt-nav ul li{
	list-style: none;
	padding: 0 2px 0 5px;
	height: 24px;
	margin: 2px 0;
	background: #E9E9E9;
	font-size: 15px;
}
#reprt-nav ul li.current{
	position: relative;
	background: #01579B;
	width: 80%
}
#reprt-nav a.current{
	color: #fff;
}
#reprt-nav ul li.current:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(196, 196, 196, 0);
	border-left-color: #01579B;
	border-width: 20px;
	margin-top: -20px;
}
    @media only screen and (max-width: 769px){#reprt-nav ul li.current:after{display:none;}}	
	
.usedmodules {	text-align: center;border-bottom: 1px solid #C4C4C4; }
    @media only screen and (max-width: 769px){.usedmodules{display:none;}}	

#reports {
	padding-left: 40px;	
}
#reports a{
	float: left;
	width: 100%;	
	text-decoration: none;
	margin-top: 0;
}
#reports span{
	float: left;
	text-align: center;
	min-width: 37px;
	font-size: 9px;
	font-family: arial, sans-serif;
	line-height: 13px;
	padding: 1px 0;
	margin: 9px 2px 0 0;
	background:#616161 !important;
	border: 1px solid #ccc;
}
#reports span a{
	color: #fff;
}
#reports span.none{ background: none !important; border: none; padding: 0 1px; }
#reports span.video3d{ width: 48px; }
#reports span.fullfield{ width: 53px; }
#reports span.testrig{ width: 46px; }
#reports span.vibro{ width: 69px; }

@media only screen and (max-width: 769px){#reports .row.reprt{border-bottom:1px solid #616161}}

/* REPORTS END */

/* DOWNLOADS BGN  */
ul#dwnl {
	padding-left: 15px
}
.dwnld {
	width: 100%;
	float: left;
}
#dwnld-nav {
	float: left;
	padding-top: 8px;
}
    @media only screen and (max-width: 769px){#dwnld-nav{margin-bottom: 20px;}}	 
	
#dwnld-nav ul {
	padding-left:0;
	list-style: none;
}
#dwnld-nav ul a{
	text-decoration: none;
	cursor: pointer;
}
#dwnld-nav ul li{
	list-style: none;
	padding: 0 2px 0 5px;
	height: 24px;
	margin: 2px 0;
	background: #E9E9E9;
	font-size: 15px;
}
#dwnld-nav ul li.currentdwnld{
	position: relative;
	background: #01579B;
	width: 100%
}
#dwnld-nav a.currentdwnld{
	color: #fff;
}
#dwnld-nav ul li.currentdwnld:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(196, 196, 196, 0);
	border-left-color: #01579B;
	border-width: 20px;
	margin-top: -20px;
}
    @media only screen and (max-width: 769px){#dwnld-nav ul li.currentdwnld:after{display:none;}}	
	
.usedmodules {	text-align: center;border-bottom: 1px solid #C4C4C4; }
    @media only screen and (max-width: 769px){.usedmodules{display:none;}}	

#reports {
	padding-left: 40px;	
}
#reports a{
	float: left;
	width: 100%;	
	text-decoration: none;
	margin-top: 0;
}
#reports span{
	float: left;
	text-align: center;
	min-width: 37px;
	font-size: 9px;
	font-family: arial, sans-serif;
	line-height: 13px;
	padding: 1px 0;
	margin: 9px 2px 0 0;
	background:#616161 !important;
	border: 1px solid #ccc;
}
#reports span a{
	color: #fff;
}
#reports span.none{ background: none !important; border: none; padding: 0 1px; }
#reports span.video3d{ width: 48px; }
#reports span.fullfield{ width: 53px; }
#reports span.testrig{ width: 46px; }
#reports span.vibro{ width: 69px; }

@media only screen and (max-width: 769px){#reports .row.dwnld{border-bottom:1px solid #616161}}

/* DOWNLOADS END */


/* CONTACT BGN */

.gmap {width:100%; height:200px}

/*mapa*/
#worldmap {
 width: 400px;
 height: 210px;
 margin:0 auto;
 background: url(../img/worldmap.png) no-repeat;
 position: relative;
 padding:0;
 cursor: crosshair;
 }


.continfo ul.double { width:590px;}
.continfo .double li  { width:50%; list-style: none; float: left; display: inline; padding-bottom: 15px; }

#worldmap li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#worldmap a {display: block; text-decoration: none; font-size:13px; line-height:normal; text-decoration:none; color:#000;}
#worldmap a:hover {color: #fff!important;}
#worldmap a.current {color:#01579B; font-weight:bold;}

.section-kontakt .cont-col .container .region li {display: none!important; list-style: none; padding-bottom: 15px; }

.section-kontakt .cont-col .container .region li.current {display: block!important; border-bottom: 1px solid red; }

#sa { left: 0; top: 0; width: 166px; z-index:10;}
#sa a {height: 101px; text-align:center; padding-top:31px; padding-right: 32px; }
#sa a:hover {background: url(../img/worldmap.png) 0 -227px no-repeat;}

#ja { left: 67px; top: 102px; width: 79px; z-index:10;}
#ja a {height: 107px; text-align:center; padding-top:26px; padding-left:0;}
#ja a:hover {background: url(../img/worldmap.png) -67px -329px no-repeat;}

#ev { left: 167px; top: 0; width: 70px; z-index:10;}
#ev a {height: 65px; text-align:center; padding-top:26px; padding-left:17px;}
#ev a:hover {background: url(../img/worldmap.png) -167px -454px no-repeat;}

#ru { left: 237px; top: 0; width: 158px; z-index:10;}
#ru a {height: 55px; text-align:center; padding-top:21px; padding-right:50px; letter-spacing:-1px;}
#ru a:hover {background: url(../img/worldmap.png) -237px -228px no-repeat;}

#as { left: 225px; top: 50px; width: 155px; z-index:10;}
#as a {height: 78px; text-align:center; padding-top:10px; padding-right:0px; letter-spacing:-1px;}
#as a:hover {background: url(../img/worldmap.png) -225px -277px no-repeat;}

#af { left: 167px; top: 66px; width: 92px; z-index:9;}
#af a {height: 116px; text-align:center; padding-top:23px; padding-right:10px;}
#af a:hover {background: url(../img/worldmap.png) -167px -520px no-repeat;}

#au { left: 333px; top: 127px; width: 67px; z-index:10;}
#au a {height: 70px; text-align:center; padding-top:20px; padding-left:0;}
#au a:hover {background: url(../img/worldmap.png) -333px -354px no-repeat;}

sup{ position:relative; font-size:.75em; vertical-align:super;}

.distributor, .distributor p {
	margin-bottom: 5px;
	text-align:center;
	background-color: #F5F5F5;
	}

/* CONTACT END */

/* NEWS BGN */
.newsimg {
	width: 100%;
    height: 150px;
    overflow: hidden;
	border: 1px lightgray solid;
   position: relative;
	}
.newsimg .imghorizontalalign {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
	}
.newsdate {
    font-size: 0.9rem;
    color: #01579b;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 10px;
	}
.newstitle {
    font-size: 0.9rem;
    color: #01579b;
	font-weight: bold;
	padding-bottom: 10px;	
    line-height: 1.1em;
	text-transform: uppercase;
    border-bottom: 1px dotted lightgray;
	}
.newstext {
    font-size: 0.9rem;
	line-height: 1.1em;
	}
/* NEWS END */


/* FOOTER BGN */
/*.crossmove {top:-150px; left:-50px;position: relative;}
@media only screen and (max-width: 769px){.crossmove{display:none;}}	
.cross { background:url(../img/home/design/cross.svg) -100px center #000 no-repeat; width: 319px!important; height: 319px;z-index: 10; }
*/
#footer {color:#fff}
#footer a {color:#29B6F6}
#footer a:hover {color:#c03d20}
#footer .modal {color:#444}
.footer-logo {width: 330px; height: 77px;}
/* FOOTER END */


/* NEW DESIGN 2017 BGN */

ul#supersized.quality {display:none;}

.navMenu {
	margin-left:90px;
}
.level2 {}
.powered {
	text-align: right;
    line-height: 15px;
    font-size: 0.85rem;
    margin-top: 3px;
}
.powered2 {
	text-align: right;
    line-height: 15px;
    font-size: 0.85rem;
    margin-top: 22px;
}
.theme {
    text-align: right;
    line-height: 26px;
    font-size: 1.2rem;
    padding-top: 85px;
    color: #fff;
    height: 122px;
    font-weight: bold;
    text-transform: uppercase;
}
.header-logo {height: 76px; margin-top: 7px;}
.header-logo-aeroflow {height: 60px; margin: -5px auto;}
.header-logo-dynrot {height: 80px; margin: -5px auto;}
.footer-logo-dynrot {height: 80px; margin: 10px auto;}
.header-logo-poteron {height: 40px; margin: 3px auto 0;}
.footer-logo-poteron {height: 40px; margin: 10px auto 0;}
.lineright {border-right: 1px dotted #616161}
.linetop {border-top: 1px dotted #616161}

.block-bordered {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f5f5f5;
    transition: all 0.30s linear 0s !important;
    -o-transition: all 0.30s linear 0s !important;
    -ms-transition: all 0.30s linear 0s !important;
    -moz-transition: all 0.30s linear 0s !important;
    -webkit-transition: all 0.30s linear 0s !important;
    padding: 3px;
}

.index-block-bordered {
    background: #ffffff;
    transition: all 0.30s linear 0s !important;
    -o-transition: all 0.30s linear 0s !important;
    -ms-transition: all 0.30s linear 0s !important;
    -moz-transition: all 0.30s linear 0s !important;
    -webkit-transition: all 0.30s linear 0s !important;
    padding: 0;
    margin: 0;
}

.sestina {
    width: 14%;
    float: left;
    position: static;
    margin-left: -5px;
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.45);
	line-height: 0.5em;
}

.indexpic{padding:0; margin:0}

.indexrow {background: #0277bd}

.minheight {min-height: 450px; padding-top:75px;}

.bg_white {background: white}

h2.indexh2 {font-size: 1.4rem; text-align:center;}

.picRowLeft {
    float: left;
    margin-right: 20px;
}

.picRowRight {
    float: right;
    margin-right: 20px;
}

.frame {
	border: 1px solid #f1eeee;
	background: #f9f9f9;
	padding: 10px;
	margin-top: 20px;
}

.frame p ,.frame ul {
	font-size: 11px!important; font-size: 0.8rem!important;
}

.posun {padding-top: 0; /* top:-150px; position: relative */}

.bold {font-weight: bold;}

#footer h2 {color:#fff}

.scheme {
	background:url(../img/dynrot/schema.png) no-repeat left 0;
	height: 260px;
	margin-top: 10px;
}
.logo-win7 {
	background:url(../img/dynrot/logo-win7.png) no-repeat left 0;
    padding-left:75px !important;;
	height: 80px;
	margin: 5px 0;
}
.logo-win8 {
	background:url(../img/dynrot/logo-win8.png) no-repeat left 0;
    padding-left:75px !important;;
	height: 80px;
	margin: 20px 0;
}
.logo-touch {
	background:url(../img/dynrot/logo-touch.png) no-repeat left 0;
    padding-left:75px !important;;
	height: 80px;
	margin: 20px 0;
}
.move h5, .movetop {
	padding-top: 20px;
}
.move2 {
	padding-left: 365px;
}
table.bluetable th {background: #0277bd; font-weight:normal; font-size: 80%; padding: 5px;text-align: center;}
table.bluetable td{text-align: center;vertical-align: middle;}
table.bluetable{border-bottom: 1px solid #0277bd!important;}
.overlay { 
/* 	opacity: 0.7;
	filter: alpha(opacity=70); */
}

.overlay:hover { 
/* 	opacity: 1;
	filter: alpha(opacity=100); */
}

ul.noli {
	list-style-type: none;
	margin-left: 10px;
}

ul.noli li{
	line-height: 26px;
	padding-left: 20px;
}

ul.noli li span.font-icon-arrow-simple-right {
	margin-left: -17px;
}

.color-text {
    color: #01579b;
}

.padding10px { padding:0 10px 10px 10px }

/* Accordion Featured Post Slider By TopBloggingIdeas.com */
/* Rozbalovaci box */

.ac-container{
	width: 100%;
	margin: 5px auto;
	text-align: left;
}
.ac-container label{
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	background: #01579b;
	font-size: 90%;
}
.ac-container label span{
	padding-left: 10px;
	color: #fff;
}

.ac-container label:hover{
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	color: #3d7489;
	background: #0277bd;
}

.ac-container label:after,
.ac-container input:checked + label:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	dbackground: transparent url(../images/design/ico-down.png) no-repeat 0 0;
}	

.ac-container label:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	left: 0px;
	top: 7px;	
}

.ac-container input{
	display: none;
}
.ac-container article{
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f5f5f5;
    transition: all 0.30s ease-out 0s !important;
    -o-transition: all 0.30s ease-out 0s !important;
    -ms-transition: all 0.30s ease-out 0s !important;
    -moz-transition: all 0.30s ease-out 0s !important;
    -webkit-transition: all 0.30s ease-out 0s !important;
	margin-top: -2px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
    font-size: 80%;
    line-height: 1.15538em;
}
.ac-container article p{
}

.ac-container input:checked ~ article{
}

.ac-container input:checked ~ article.ac-large{
    transition: all 0.30s ease-out 0s !important;
    -o-transition: all 0.30s ease-out 0s !important;
    -ms-transition: all 0.30s ease-out 0s !important;
    -moz-transition: all 0.30s ease-out 0s !important;
    -webkit-transition: all 0.30s ease-out 0s !important;
	height: 100%;
}

/**********************************************************************/
/* ==================================================
   Section Portfolio
================================================== */

.type-work {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 30px;
	line-height: 1em;
	text-transform: uppercase;
}

.work-nav #filters {
	margin: 0;
	padding: 0;
	list-style: none;
}

.work-nav #filters li {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 25px;
	color: #4AA2D9;
}

.work-nav #filters li a {
	color: #7F8289;
	/* display: block;	 */
}

.work-nav #filters li a:hover {
	color: #FFFFFF;
}

.work-nav #filters li a.selected {
	color: #4AA2D9;
}

#thumbs {
	margin: 0;
	padding: 0;	
}

#thumbs li {
	list-style-type: none;
}

.item-thumbs {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
	width: 170px;
    border: 1px solid rgba(0, 0, 0, 0.1);
	margin-left: 10px!important;
}

.item-thumbs a + img {
	width: 100%;	
}

.item-thumbs .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.item-thumbs .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #4AA2D9;
	
	opacity: 0.80;
	filter: alpha(opacity=80);
}

.item-thumbs .hover-wrap .overlay-img-thumb {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 1em;
	
	opacity: 1;
	filter: alpha(opacity=100);
}
/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* ************************************************** */
/* NEW DESIGN 2017 END*/