@import url("css/fontawesome-all.min.css");
@font-face {
    font-family: RobotoL;
    src: url(webfonts/MavenPro-Medium.ttf) format('truetype');
}
@font-face {
    font-family: RobotoB;
    src: url(webfonts/MavenPro-Black.ttf) format('truetype');
}
.headerbg,.video-container iframe{
	-moz-transition: background-position 0.6s ease;
	-webkit-transition: background-position 0.6s ease;
	-o-transition: background-position 0.6s ease;
	transition: background-position 0.6s ease;
}
#skrollr-body,h1,#monitornav, #monitornavpos, #monitornavpos ul li, #monitornavpos ul li a,.menu li, .menu a, .icon-menu , .icon-close,.footerLogoA,.bgimg-product,.bgimg-product-box,
.inputcomment,.erdeklodesSend,#monitornavpos ul,.blogOther,.relevantCont,.relevantContImg,.start-item,.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-4,.topMenu li,.menuLogo,.menuLogoCont,ul.subMenu-item-ddwon-cont,
.allInerRel {
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.social-box, .buttonCircleF, .nextbtn, .nextbtn2, .nextbtn3, .prodbtn,.footer,.karton,.sutis-txtdoboz,.sutis-doboz,.sutike,.okPipe,.testiplace tbody tr td,.colorSelect,
.bigButtonL,.bigButtonC,.bigButtonR,.bigButtonL ul,.bigButtonC ul,.bigButtonR ul,.listimgInner,.footerLogo,.MytbBt,.MytbBtn,h1,h2,h3,h4,.hr4,.nextbtnGal2,.logo1,
.secToolTip, .freeBtn,.boxSub.headerC a,.boxSub.headerC a:before, .centerFLexer,.headerC a,.headerC,.headerCapt h2,.labelsm,.phimgs4,.blogImgCon,.morOne,.blogImg-box-img,.blogList-box,.tframe02 .testiplace tbody tr td, .testiplace tbody tr td,.strLink,
.searchBox,.top-menu-cont ul li a,.top-menu-cont ul li,.boxLayer,.boxLayerText,.letSearch {
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*.top-menu-cont*/
.oksuti,.border-box,.ui-draggable,.rCtopEr{
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.top-menu-conte{
	-moz-transition:  top 0.6s ease;
	-webkit-transition:  top 0.6s ease;
	-o-transition:  top 0.6s ease;
	transition:  top 0.6s ease;
}
.ui-draggable-dragging,.imgbox {
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.innerImg,.blogBlokk,.top-menu-item{
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.onlysee,img.thumbi,.mySlides.slActive,.mySlides.slInActive{
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	/* .mySlides.slActive,.mySlides.slActive,.mySlides.slInActive,.mySlides*/
}
.openBody2{
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.relevantContTxt{
	-moz-transition: width 0.3s ease;
	-webkit-transition: width 0.3s ease;
	-o-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
.descBox{
	display:none;
}
.strLink{
    position: relative;
    margin-top: 21px;
    left: 50%;
    transform: translate(-50%,0%);
}
.descBox.open{
	display:block;-webkit-animation: fadein 0.3s ease-in alternate ;
    -moz-animation: fadein 0.3s ease-in alternate ;
    animation: fadein 0.3s ease-in alternate ;
}
/*origin*/
*{box-sizing: border-box!important;line-height: normal;}
/*b{cursor:default;}*/
html{min-height: 100vh;-webkit-animation: fadein 0.5s ease-in alternate ;
    -moz-animation: fadein 0.5s ease-in alternate ;
    animation: fadein 0.5s ease-in alternate ;
}

html,body{
    top: 0;
    left: 0;
    margin: 0px;
	width: 100%;
	font-family:  'RobotoL', sans-serif;
    overflow-x: hidden;
	word-wrap: unset;
}
#skrollr-body.openBody{margin-left:-308px;}
#skrollr-body.openBody2{margin-left:285px;}
#skrollr-body.openBody2 .bgimg-1,#skrollr-body.openBody2 .bgimg-2,#skrollr-body.openBody2 .bgimg-3,#skrollr-body.openBody2 .bgimg-4,#skrollr-body.openBody2 .bgimg-product{
background-position-x:285px!important;
}
#skrollr-body.openBody .bgimg-1,#skrollr-body.openBody .bgimg-2,#skrollr-body.openBody .bgimg-3,#skrollr-body.openBody .bgimg-4,#skrollr-body.openBody .bgimg-product{
background-position-x:-308px!important;
}
.fixBack{background-attachment:fixed!important;}
.footer span{
	cursor: default;
}
h1{	text-shadow: 0px 0px 1px black;}
.footer span,
h1,h2,h3{
	font-family:  'RobotoB' !important;
	font-weight:bolder;
}
.headerCapt {
	margin: 0px;
	letter-spacing: 16px;
    font-size: 18px;
	text-align:center;
	z-index:3;    position: absolute;
    bottom: 0;
}
.headerCapt h2{
    padding: 20px 30px;
    color: #fff;
    background: #2eb5f7;
}
.headerCapt h2:hover{  transform: scale(0.96);}
.htmlmodifi{margin: 0;}
ul{	
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -o-margin-before: 0em;
    -o-margin-after: 0em;
    -o-margin-start: 0px;
    -o-margin-end: 0px;
    -o-padding-start: 0px;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
margin-before: 0em;
margin-after: 0em;
margin-start: 0px;
margin-end: 0px;
padding-start: 0px;
margin: 0px;
}
li{	
  /*-webkit-margin-start: 0px!important;
    -webkit-margin-end: 0px!important;*/
      -webkit-padding-start: 0px!important;
    -webkit-padding-end: 0px!important;
    -o-margin-start: 0px!important;
    -o-margin-end: 0px!important;
    -o-padding-start: 0px!important;
    -o-padding-end: 0px!important;
   // -moz-margin-start: 0px!important;
    -moz-margin-end: 0px!important;
    -moz-padding-start: 0px!important;
    -moz-padding-end: 0px!important;
margin-start: 0px!important;
margin-end: 0px!important;
padding-end: 0px!important;
padding-start: 0px!important;
}
a{text-decoration: none;}
h1{
	font-size: 44px;
	text-shadow: none;
	text-decoration: none;
	cursor: default;
	margin: 0px;
	text-transform: uppercase;
}
.labelsmPos h1{	
	-webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -o-decoration-break: clone;
    decoration-break: clone;
    //color: #f0fff5;
   // text-align: right;
    //font-size: 60px;
	//    padding-right: 34%;
}
h1.extrah1{
	font-size: 84px;
	line-height: 80px;
    margin: 0px;
	margin-top: 26px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
h2{
	text-transform: uppercase;
    margin: 0px auto;
	word-break: keep-all;
}
h2.extraline{
    text-transform: capitalize;
    line-height: 2.5rem;
	font-size: 36px;
}
h2.extraline:hover{
opacity:0.6;
	cursor:pointer;
}
h3{
	text-transform: uppercase;
	text-align: left;
    margin: 0px auto!important;
}
span{
	font-size: normal;
	text-decoration: none;
}
.art{
	font-size: 38px;
	line-height: 40px;
	font-weight: normal;
}
.sHeadLineMask{
	text-align: center;
	margin: 0 auto;
	display: block;
	font-weight: normal;
}

/*********************origin***************************/
header{
    position: fixed;
	top: 0;
	z-index: 20;
}
strong{
	font-size: 18px;
	font-weight: bolder;
}
.myticle{
	font-size: 38px;
	line-height: 40px;
	font-weight: normal;
}
.hibalink{font-size: 22px;}
.profilfoto{
	width: 100%;
	display: block;
}
.clearer{clear: both;}
.nomobil-clearer{
	width: 100%;
	clear: both;
}
.notarto{margin:10px auto;}
/*ANIM*/
	@-webkit-keyframes fadeBack {
		from { opacity: 1; }
		to { opacity: 0; }
	}
	@-moz-keyframes fadeBack {
		from { opacity: 1; }
		to { opacity: 0; }
	}
	@keyframes fadeBack {
		from { opacity: 1; }
		to { opacity: 0; }
	}

	@-webkit-keyframes fadeOut {
		from { opacity: 1; }
		to { opacity: 0.2; }
	}
	@-moz-keyframes fadeOut {
		from { opacity: 1; }
		to { opacity: 0.2; }
	}
	@keyframes fadeOut {
		from { opacity: 1; }
		to { opacity: 0.2; }
	}
	
	@-webkit-keyframes fadein {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@-moz-keyframes fadein {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@keyframes fadein {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@-webkit-keyframes topFader {
		from { top: 0px; }
		to { top: -50px; }
	}
	@-moz-keyframes topFader {
		from { top: 0px; }
		to { top: -50px; }
	}
	@keyframes topFader {
		from { top: 0px; }
		to { top: -50px; }
	}

	@-webkit-keyframes NONtopFader {
		from { top: -256px; }
		to { top: -2.3vw; }
	}
	@-moz-keyframes NONtopFader {
		from { top: -256px; }
		to { top: -2.3vw; }
	}
	@keyframes NONtopFader {
		from { top: -256px; }
		to { top: -2.3vw; }
	}
	
	@-webkit-keyframes NONbottomFader {
		from { top: 0px; }
		to { top: -256px; }
	}
	@-moz-keyframes NONbottomFader {
		from { top: 0px; }
		to { top: -256px; }
	}
	@keyframes NONbottomFader {
		from { top: 0px; }
		to { top: -256px; }
	}
	
	@-webkit-keyframes rightBm {
		from { margin-left: 0px; }
		to { margin-left: 8px; }
	}
	@-moz-keyframes rightBm {
		from { margin-left: 0px; }
		to { margin-left: 8px; }
	}
	@keyframes rightBm {
		from { margin-left: 0px; }
		to { margin-left: 8px; }
	}
	
	@-webkit-keyframes leftBm {
		from { margin-left: 0px; }
		to { margin-left: -8px; }
	}
	@-moz-keyframes leftBm {
		from { margin-left: 0px; }
		to { margin-left: -8px; }
	}
	@keyframes leftBm {
		from { margin-left: 0px; }
		to { margin-left: -8px; }
	}
	
	@-webkit-keyframes rightB {
		from { left: 100%; }
		to { left: 0; }
	}

	@-moz-keyframes rightB {
		from { left: 100%; }
		to { left: 0; }
	}

	@keyframes rightB {
		from { left: 100%; }
		to { left: 0; }
	}
	
	@-webkit-keyframes leftG {
		from { left: 0%; }
		to { left: -100%; }
	}

	@-moz-keyframes leftG {
		from { left: 0%; }
		to { left: -100%; }
	}

	@keyframes leftG {
		from { left: 0%; }
		to { left: -100%; }
	}

	@-webkit-keyframes trbm {
		from { right: 0%; }
		to { right: -10px; }
	}

	@-moz-keyframes trbm {
		from { right: 0%; }
		to { right: -10px; }
	}

	@keyframes trbm {
		from { right: 0%; }
		to { right: -10px; }
	}
/*********************menu***************************/
nav{
    display: block;
    position: fixed;
    z-index: 20;
    padding: 0px; 
}
nav li {
	text-decoration: none;
	list-style: none;
}
.topMenu{ 
    text-align: left;
    display: block;
position: fixed;top:0;right:-308px;width:400px;
}
.topMenu li{ opacity:0;pointer-events: none;
  cursor: default;}
.topMenu.openMenu li{opacity:1;pointer-events: auto;
  cursor: pointer;}
.topMenu li:first-child{display:block;opacity:1;pointer-events: auto;
  cursor: pointer;}
.topMenu.openMenu{right:0px;background:#2eb5f7;overflow-y: auto!important;}
.topMenu.openMenu .start-item{
	right:300px;
}
.monitorfix .topMenu{}
.monitorfix{}
#monitornav{
    width: 100%;
    max-width: 100%;
    padding: 0px 10px;
    list-style: none;
	border-radius: 0em;
    text-transform: uppercase;
}
#monitornavpos{
	width: 100%;
	padding: 0px;
    margin: 0px auto;
}
#monitornavpos ul{
	padding: 0px 0px;
	margin: 0px;
	float: left;
	display: none;
	height: 100%;
overflow: hidden;
overflow-x: hidden;
}
#monitornavpos ul li{
//float: left;
text-align: left;
float: left;
width: calc(100% - 82px);
display: block;
margin-left: 16px;
}
#monitornavpos ul li:nth-child(2){
	margin-top:102px;
}
#monitornavpos  ul.topMenu > li:nth-child(1) a{
    display: block;
    margin: 0px;
margin-left: 0px;
margin-top: -16px;
}
#monitornavpos ul li a{
	padding: 4px 10px 4px 10px;
	display: inline-block;
	margin:0px;
	border-radius: 0px;
	font-size: 22px;
    text-decoration: none;
	    border: 5px solid transparent;
}
#monitornavpos ul li a:hover{}
.monitorfix #monitornavpos {}
.monitorfix #monitornavpos:hover {}
.topMenu.openMenu .monitorfix #monitornavpos ul li{opacity:0.6;}
.topMenu.openMenu .monitorfix #monitornavpos ul:hover li{opacity:1;}
.monitorfix #monitornavpos ul li a{
	font-size:22px;
	//padding: 18px 14px;
}
.monitorfix .menuLogoCont{
width: 12%;
left: 9%;
top: 50%;
opacity:1;
}
.monitorfix .menuLogo{

}
#monitornav.monitorfix{
	//border-radius: 5em;
	//width: auto;
}
.fomenu {margin-top: 0px;}
.fomenu img{
	float: right; 
	display: none; 
	width: 80px;
}
.menu {
    left: -316px;
    height: 100%;
    display: block;
    position: fixed;
    width: 316px;
    top: 0px;
    z-index: 1000;
    overflow: auto;
    overflow-x: hidden;
}
.menu ul {
	list-style: none;
	padding: 0px;
	padding-left: 26px;
	margin: 0px;
}
.menu li {
	cursor: pointer;
}
.menu li a{
	cursor: pointer;
	padding: 10px 20px;
    display: block;
}
.menu a {
	font-size: 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.icon-menu ,
.icon-close {
	text-transform: uppercase;
	cursor: pointer;
	margin-left: 22px;
	width: 36px;
}
.icon-close {
	font-size: 42px;
	padding-top: 12px;
}
.icon-menu {
	text-decoration: none;
	display: none;
	position: absolute;
	padding-top: 18px;
	font-size: 50px;
}
.monitorfix .icon-menu {
	text-decoration: none;
	//margin-top: 1px;
	color: #e7f2d9!important;
}

ul.subMenu-item-ddwon-cont{
	max-height:0px!important;
	height:0px!important;
	overflow:hidden!important;
}
ul.subMenu-item-ddwon-cont li{
	margin-top:0px!important;
	
}
.subber:before{
	content:'→ ';
}
.subber.onn:before{
	content:'↓ ';
}
.subber.onn{
	color:#229165;
	border: 5px solid #fff;
}
ul.subMenu-item-ddwon-cont.onn{
	height:auto!important;
	max-height:none!important;
}
.subMenu-item-ddwon{
	font-size:18px!important;
}
.subMenu-item-ddwon-cont.onn li a{
	color:#717171!important;
}
.subMenu-item-ddwon-cont.onn li a.footsub{
	font-size:15px!important;
	color:#bcffe5!important;
}
.subMenu-item-ddwon-cont.onn li a.subMenu-item-ddwon.active{}
.subMenu-item-ddwon-cont.onn li a:hover{
	color: #000!important;
}
.menu .subMenu-item-ddwon-cont.onn li a:hover{
	color: #fff!important;
}
.subMenu-item-ddwon-cont.onn li .footsub:hover{
	color:#000 !important;
}
/**noscript in progress**/
.menuno{
	margin-top: -12px;
	display: none;
	margin-left: -20px;
	padding-top: 3px;
}
.menuno ul{
	padding-right: 20px;
	padding-bottom: 6px;
}
/*********************bg************************/
.homeBg{
	display: block;
	position: relative;
    height: 100%;
	margin: 30px 0px 30px 0px;
}
.bg{
	left:0px;
	display: block;
	float: left;
	width: 100%;
}
.bgextra{/*position: fixed;height: 100%!important;*/}
.extrabgr{
	margin-top: -250px;
	padding-top: 250px;
}
.listitem{
	font-size: 14px;
    font-weight: normal;
    list-style: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	    width: 100%;
	display:block;
		margin: 0 auto;
	    margin-top: 6px;
	    margin-bottom: 6px;
	    padding-left: 6px;
	    padding-right: 6px;
    text-decoration: none;
}
.listitem h3{
	text-align: center!important;
	    text-overflow: ellipsis;
    white-space: nowrap;
			max-width: 100%;
			overflow: hidden;
}
.listimg{
	background-color: #3a3a3a;
	height: 200px;
	width: 100%;
}
.listimgInner{
	background-size: cover;
    width: 100%;
    height: 71%;
}
.jb-img-box{
    height: 220px;
    margin-bottom: 20px;
    background: #00d4aa;
}
.limgl,.limgc,.limgr{
	height: 240px;
	    overflow: hidden;
}
.hazer-txt{}
.bigButtonShel{
	width: 100%;
	//max-width: 1470px;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	font-size: 24px;
}
.bigButtonL ul,.bigButtonC ul,.bigButtonR ul{margin:0 auto;padding:0px!important;margin-top: -6px;background:white;display:block;position:relative;}
.bigButtonL .nonmover,.bigButtonC .nonmover,.bigButtonR .nonmover{margin-top: 0px;background:transparent;}
.bigButtonL:hover.bigButtonL .listimgInner,.bigButtonC:hover.bigButtonC .listimgInner,.bigButtonR:hover.bigButtonR .listimgInner{margin-top: -140px;}
.bigButtonL:hover.bigButtonL .nonmover,.bigButtonC:hover.bigButtonC .nonmover,.bigButtonR:hover.bigButtonR .nonmover{margin-top: 0px;}
.bigButtonL,.bigButtonC,.bigButtonR{
	overflow: hidden;
	text-align: center;
	padding: 0px;
	position: relative;
	font-size: 18px;
	cursor:pointer;
	display:block;
}
.bigButtonL{
	float: left;
	padding-right: 4px;
    width: 33%;
}
.bigButtonC{
	float: left;
	padding-left: 4px;
	padding-right: 4px;
    width: 34%;
}
.bigButtonR{
	float: left;
	padding-left: 4px;
    width: 33%;
}
.bigButtonHALF{
	width:50%;
}
.bigButtonHALFc{
	width:50%;
	margin: 0px auto;
	float: none;
}
.bigButtonLb{
	float: left;
	padding: 20px;
	display: block;
    width: 31%;
    margin: 1.15%;
	font-size: 22px;
	cursor: pointer;
}
.bigButtonCb{
	float: left;
	padding: 20px;
	display: block;
    width: 31%;
    margin: 1.15%;
	font-size: 22px;
	cursor: pointer;
}
.bigButtonRb{
	float: left;
	padding: 20px;
	display: block;
    width: 31%;
    margin: 1.15%;
	font-size: 22px;
	cursor: pointer;
}
.buttonCircleL{}
.buttonCircleC{}
.buttonCircleR{}
/*
.buttonCircleL,
.buttonCircleC,*/
.innerSoc,.innerSoc .fab, .innerSoc .fas{
	display:block;float:left;color:grey;
}
.innerSoc{
	margin: 5px 6px;
}
.social-box{
	margin-top: 16px;
	float: left;
left: 4px;
	margin-right: -100px;
	opacity: 0;
	display: block;
	position: fixed;
}
.opper{
	opacity: 0.7;
	display: block;
	margin-right: 10px;
	z-index:21;
}
.opper:hover{
	opacity: 1;
}
.buttonCircleF{
	display: table-cell;
	width: 30px;
	height: 30px;
	text-align: center;
	float:left;
	vertical-align: middle;
}
.bigButtonRbR{
	text-align: left;
	display: block;
    width: 60%;
    margin: 0 auto;
	font-size: 40px;
	cursor: pointer;
}
.fab,
.fas{
	text-align: center;
	width: 100%;
	font-size: 20px;
}
.fa-arrow-circle-right{text-align:left;float:left;width:auto;display:block;margin-right:8px;}
.socF .fab,
.socF .fas{
    color: #acd1f1;
    float: left;
   // margin-right: 16px;
	font-size: 32px;
}
.socF {
	float: left;
	    margin-left: 2px;

}
/*BTN*/

.nextbtnshel{
    padding: 0px;
    /* height: 10px; */
    width: 60%;
    margin: 0 auto;
	position:relative;
	display.block;
}
.nextbtn{
    position: relative;
    display: block;
    min-width: 160px;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    font-size: 1rem;
    font-weight: bolder;
    float: right;
    border: 4px solid;
    z-index: 0;
}
.nextPosRL{
	position: absolute;
    right: 10px;
    bottom: 10px;
}
/*BTN2*/
.nextbtn2{
    position: absolute;
    display: block;
    min-width: 160px;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    font-size: 1rem;
    font-weight: bolder;
    float: left;
    border: 6px solid #2eb5f7;
	border-radius: 70px;
	top: 50%;
	left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
/*prod*/
.prodbtn{
    display: block;
	float: left;
    max-width: 100%;
    text-align: left;
	padding: 8px 16px;
    font-size: 1.5rem;
	margin-top: 10px;
	margin-right: 10px;
    font-weight: normal;
    border-radius: 100px;
}
/*BTN3*/
.nextbtn3{
    position: relative;
    display: block;
    min-width: 160px;
    text-align: center;
    padding: 20px;
    margin: 0 auto;
    font-size: 1rem;
    font-weight: bolder;
    float: left;
    border: 4px solid #2eb5f7;
    z-index: 0;
}
.btn, .greenbtn{cursor: pointer;}
/**/
.kiemstilo{
    margin-top: 18px;
    line-height: 98%;
}
/*content real bg*/
.bgreal{
	display: block;
	width: 100%;
	//min-height: 360px;
	background: #fff;
}
.thisishome{
	margin-top: 117px;
	height: -webkit-calc(100% - 117px);
	height: -moz-calc(100% - 117px);
	height: -o-calc(100% - 117px);
	height: calc(100% - 117px);
}
.thisishome:hover{
	/*opacity: 0.2;*/
}
.homel-bg-logo{
	display: block;
    margin: 0 auto;
    height: 100%;
	opacity: 0.2;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.homel-bg-logo:hover{opacity: 1;}
.menuLogoCont{
padding: 0px;
margin: 0px;
//width: 168px;
width: 16%;
display: block;
position:absolute;
left:7%;
float:left;
    top: 46%;
    transform: translate(0%,-50%);
}
.menuLogo{
   width: 100%;
  // margin-top: 10px;
}
#logo1{display:none!important;-webkit-animation: fadein 0.3s ease-in alternate ;
    -moz-animation: fadein 0.3s ease-in alternate ;
    animation: fadein 0.3s ease-in alternate ;
	opacity:1;
}
#logo1:hover{opacity:1;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);}
.monitorfix #logo1{
	//display:block!important;
//width: 64%;
//margin-top: 11px !important;
}

#logo2{display:block!important;opacity:1;-webkit-animation: fadein 0.3s ease-in alternate ;
    -moz-animation: fadein 0.3s ease-in alternate ;
    animation: fadein 0.3s ease-in alternate ;
}
#logo2:hover{opacity:0.6;}
.monitorfix #logo2{//display:none!important;
}
.monitorfix .monitornavstand .menuLogoCont.openMenuL .menuLogo#logo1{display:none!important;}
.monitorfix .monitornavstand .menuLogoCont.openMenuL .menuLogo#logo2{display:block!important;}
.menuLogoCont.openMenuL .menuLogo#logo2{display:none!important;}
.menuLogoCont.openMenuL .menuLogo#logo2{display:block!important;}
.logoheader{ 
    display: block;
	position: absolute;
	opacity: 0;
    width: 74px;
    height: 44px;
    float: left;
    margin-left: 10px!important;
	padding: 0px;
	z-index: 10;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.logoheader.monitorfix{opacity: 0.8;}
/*carousel or other img*/
.phimgs{width: 100%;min-height: 400px;height:40vh;position:relative;}
/*home*/
.phimgs2{-webkit-filter: contrast(105%); filter: contrast(105%);width: 100%;min-height:100vh;position: absolute;z-index:-4;left:0;bottom:0;}
.phimgs3{position: absolute;left:0;bottom:0;width: 100%;height:100%;z-index:2;
background: #00a5ffd4;
background: -moz-linear-gradient(45deg, rgba(0, 165, 255, 0.83) 0%,rgba(32, 179, 248, 0.55)  100%);
background: -webkit-linear-gradient(45deg, rgba(0, 165, 255, 0.83) 0%,rgba(32, 179, 248, 0.55)  100%);
background: linear-gradient(45deg, rgba(0, 165, 255, 0.83) 0%,rgba(32, 179, 248, 0.55)  100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5ff', endColorstr='#00a5ff',GradientType=1 );
box-shadow:inset 0px 0px 140px #06243e1a;

}
.phimgs4{
	width: 100%;
	min-height: 100%;
	background: rgba(104, 207, 255, 0.27);
//	box-shadow: inset 0px 0px 14px #0000001a;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
	top: 0;
}
.phimgs2cont{    width: 100%;
    min-height: 80vh;
    background: url(rebelo2.jpg)no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 0;
    overflow: hidden;
    opacity: 1;
//	-webkit-filter: contrast(150%); filter: contrast(105%);
	}	
.phimgs2cont2{ 
   min-height: 400px;height:800px;max-height:40vh;
}
.phimgs2cont2.inProd{ 
   min-height: 0px;
   height:0px;
   max-height:40vh;
}
.bottomgrad{
	width: 100%;
	height: 20vh;
display: block;
	position: absolute;
bottom: 0;
left: 0;
    right: 0;

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%, rgba(0,0,0,1) 92%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 10%,rgba(0,0,0,1) 92%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.topgrad{
	display:none;
	/*width: 100%;
	height: 100%;
display: block;
	position: absolute;
top: 0;
left: 0;
    right: 0;
	background: -moz-linear-gradient(top, rgba(19,164,226,1) 0%, rgba(160,219,245,0.3) 67%, rgba(198,234,250,0.09) 85%, rgba(230,246,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(19,164,226,1) 0%,rgba(160,219,245,0.3) 67%,rgba(198,234,250,0.09) 85%,rgba(230,246,255,0) 100%);
background: linear-gradient(to bottom, rgba(19,164,226,1) 0%,rgba(160,219,245,0.3) 67%,rgba(198,234,250,0.09) 85%,rgba(230,246,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a4e2', endColorstr='#00e6f6ff',GradientType=0 );
	-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
    opacity: 0.4;*/
}
/*sitelabel*/
/*container*/
.sitelabel,
.container{
	width:100%;
	max-width:100%;
	display: block;
	margin:	0px auto;
	position:relative;
}
.labelsm{font-size: 30px;
	font-family:  'RobotoB', sans-serif!important;font-weight:bolder;}
.labelsmPos{
display: block;
position: absolute !important;
bottom: 0px;
right: 55px;
line-height: 100%;
width: 100%;
color: #f0fff5;
max-width: 100%;
left: 50%;
transform: translate(-50%,0%);
    border-bottom: 4px solid #c8c8c8;
}
.labelsmPos3{
    display: block;
    position: absolute!important;
    top: 25%;
    right: 0px;
    width: auto;
    max-width: 80%;
    line-height: 100%;
    color: #fff;
    z-index: -1;
    padding-right: 4%;
}
.labelsmPos3 h2{color:#fff;text-align:right!important;}
.labelsmPos2{
    display: block;
    position: absolute!important;
    bottom: -26px;
    right: 0px;
    width: 80%;
    line-height: 100%;
    color: rgba(18, 18, 18, 0.82);
    z-index: -1;
    padding-right: 4%;
	text-align:right;
}
.labelsmPos2 h2{	color:#24bbdc;text-align:right;}
.frside{
	font-size:380%;
}
.sitelabel{
	//max-width: 1420px;
    padding: 0px 26px;
	display: block;
	margin:	0px auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.sitelabel.home{margin-top: 368px;}	
/******************************************************/
.lightboxExtra{padding-top: 80px !important;padding-bottom: 80px !important;}
.lightbox,.lightboxExtra,.bluebox,.blueboxhc,.greybox {padding:50px 80px;text-align: left;}
/*****************footer***********************/
.footer-cond{width: 100%;height: 0px;}
.footer-cond-home{	width: 100%;height: 0px;}
.footer{
    width: 100%;
    padding: 0px 0px;
    position: relative;
    left: 0;
    margin-top: 0px;
	text-shadow: 0px 0px 4px #00000045;
}
.footer ul{
	list-style: none;
	padding: 0px!important;
	margin: 0px!important;
}

.innerFooter{
   // height: auto;
//	border-top: 4px solid #00a5ff;
}
.footerPlus{
background: rgb(15,149,251);
background: -moz-radial-gradient(center, ellipse cover, rgba(15,149,251,1) 0%, rgba(10,105,177,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(15,149,251,1) 0%,rgba(10,105,177,1) 100%);
background: radial-gradient(ellipse at center, rgba(15,149,251,1) 0%,rgba(10,105,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f95fb', endColorstr='#0a69b1',GradientType=1 );
}
.footer:hover{
}
.StFooter{display: none;}
.footer a{line-height: 27px;}
.footer .linkF{
	text-align: center;
	cursor: pointer;
    line-height: 27px;
	
}
.footerLogo{width: 84%;}
.footerLogo:hover{opacity:0.6;}
.logo{
	display: block;
	max-width: 100%;
	margin-left: 0px;
}
.homeLogo{
    max-width: 100%;
    width: 122px;
    height: 122px;
    border-radius: 18px;
    padding: 5px;
}
.logocnter{
	padding-bottom: 0px!important;
	margin-bottom: 8px!important;
	    display: block;
    float: left;

		}
.footerLogoA{
	opacity:0.3;
    width: 120px;
    height: 22px;
    float: right;
    margin: 0 auto;
    margin-right: 0px;
    margin-top: 8px;
    position: relative;
    display: block;
}
#skrollr-bodyr{
	position:relative;
}
.popiBack{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
	display:none;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
   	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.popiDoor{
	display:none;
    position: fixed;
    top: 0;
    width: 60%;
    min-height: 20vh;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 120px;
    background: #ffffff;
    box-shadow: 0px 0px 10px #666d7e;
	padding: 20px!important;
	color: #5570b5;
   	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.popiDoor strong{
	text-align: center;
}
.popiBack2{
	position: fixed;
    top: 0;
	    left: 0;
    width: 100%;
    height: 100%;
	display:none;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
   	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.popiDoor2{
	display:none;
    position: fixed;
    top: 0;
	    left: 0;
		text-align:center;
    width: 60%;
    min-height: 20vh;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 120px;
    background: #ffffff;
    box-shadow: 0px 0px 10px #666d7e;
	padding: 20px!important;
   	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.popiDoor2 strong{
	text-align: center;
}
.openBack{
	display: block;
	z-index: 99;
}
.openDoor{
	display: block;
	z-index: 100;
}
.olvasom{
	width: 100%;
	display: block;
	font-size: 40px;
	float: left;
	padding-bottom: 10px;
}
.expopi{
	cursor: pointer;
	text-align: right;
	float: right;
}
.expopi:hover{
color: #00a5ff;
}
.expopi2{
	cursor: pointer;
	text-align: right;
	float: right;
}
.expopi2:hover{
color: #00a5ff;
}

/*SUTIKE freesssh aah yeaah*/
.karton{
	position: fixed;
	bottom: 0px;
	margin: 0px auto;
	width: 100%;
}
.karton.cellux{
	top: 38px;
}
.sutis-txtdoboz{
	display: none;
	float:left;
    margin: -20px 0px 0px 0px;
    width: 100%;
	padding: 0px 40px 40px 40px;
}
.suti-x{float:right;}
.sutis-txtdoboz tbody,
.sutis-txtdoboz tbody tr,
.sutis-txtdoboz tbody tr td{
	width: 100%;
	display:block;
	float:left;
}
.sutitxt{
	display:block;
	width: 100%;
	border-radius: 5em;
	min-height: 200px;
}
.suti-txt-full{
	width: 100%;
	display:block;
	padding: 40px;
}
.sutis-doboz{
    bottom: 0;
    width: 100%;
	padding: 40px;
}
.sutis-doboz:hover{opacity: 1;}
.sutis-doboz:hover .suti-text{opacity: 1;}
.sutike{ 
	z-index: 12;
display: block;
    width: 98%;
    padding: 10px;
    float: right;
    /* border-radius: 5em; */
    border: none;
    margin: 0px;
    position: fixed;
    bottom: 1vw;
    left: 1%;
    right: 1%;
}
.sutike tr{
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	border-spacing: 0px;
	-webkit-border-spacing: 0px;
}
.tovsuti{cursor: pointer;
    color: #58b7ff;}
.suti-text{
	padding: 20px;
    opacity: 1;
	max-width: 94%;
	float: left;
}
.efogi{
	text-align: right;
	padding-right: 16px;
}
.yfogi{width: 6%;}

.okPipe{
	display: block;
	width: 100%;
	float: right;
	border-radius: 50%;
}
.oksuti{
	cursor: pointer;
	float: right;
	text-align:center;
	padding:20px;
}
/*formmer*/
.formmer{height: 1600px;}
.formletter{
	//padding: 200px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px auto;
	//-webkit-filter: grayscale(1) sepia(39%) opacity(0.2);
	//filter: grayscale(1) sepia(39%) opacity(0.2);
}
.formHead{
	padding-top: 0px; 
	padding-bottom: 0px; 
	text-align: left;
}
/*******************/
/* Form Side */
.backMe{
	padding: 10px;
}
input[type="radio"]{
	margin: 20px;
	cursor: pointer;
}
.incontAct{opacity: 1;}
.nocontAct{opacity: 0.2;}
/**     INNERSTYLENEW     **/
.normal{
}
.bold{
	font-weight: bold!important;
}
.idezet,
.italic{
	font-style: oblique!important;
}
.titlenormal{
	font-weight: normal!important;
}
.titlebold{
	font-weight: bold!important;
}
.titleitalic{
	font-style: oblique!important;
}
/***************************/
/**     INNERSTYLENEW     **/
/**         over          **/
/***************************/
/** EMBED SECTION **/
.embedplayer{height: 120px;}
.eGterkep{
	width: 100%;
	height: 450px;
	border: 0px;
}
/** EMBEDER **/
.videoTxtConter{
	padding-left:40px;
}
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	z-index: 0;
	overflow:hidden;
	cursor:pointer;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container iframe:hover{
}
.embedhc:hover h3{
	background:#1266a2;
}
.embedhc{}
.embedhc h3{
	padding:10px;
	position: absolute;
  top:10%;
  left:50%;

color:#fff;

	transform: translate(-50%,0%); 
	min-width: 44%;
	text-overflow: hidden;
	    background: #1266a29c;
padding: 10px 8px;
text-transform:uppercase;
float:left; -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -o-decoration-break: clone;
decoration-break: clone;
}
.embedhc h3:hover{
}

.embedhc h4,.embedhc .hr4{
	position: absolute;
 bottom: 10%;
  left:50%;
  width:100%;
  margin:0px auto;
	transform: translate(-50%,0%); 
}
.embedhc h4 .innerSoc, .embedhc .hr4 .innerSoc {
margin: 20px;
}
.embedhc h4 .innerSoc i, .embedhc .hr4 .innerSoc i{
color: #1266a2;
}
.MytbBt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4dabeed1 none repeat scroll 0% 0%;
    box-shadow: inset 0px 0px 190px #009df2;
	text-align: center;
}
.MytbBt:hover {

}
.embedhc:hover .MytbBtn ,.video-container:hover .MytbBtn ,.video-container:hover .MytbBt { 
   color: rgb(255, 255, 255)!important;
    background: #00a5ff;
	   
   opacity: 0.7;
  // display: none;
}
.MytbBt h3{
	text-align: center;
}
.loaderS {
//	background: rgba(30,30,30,0.6);
  display: none;
  position: absolute;
  top:50%;
  left:50%;
	transform: translate(-50%,-50%); 
//  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.loaderS div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  border: 6px solid #fff;
  border-radius: 50%;
	-webkit-animation: loaderCircleAnim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-moz-animation: loaderCircleAnim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-o-animation: loaderCircleAnim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	animation: loaderCircleAnim 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.loaderS div:nth-child(1) {
  	-webkit-animation-delay: -0.45s;
	-moz-animation-delay: -0.45s;
	-o-animation-delay: -0.45s;
	animation-delay: -0.45s;
}
.loaderS div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
	-moz-animation-delay: -0.3s;
	-o-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.loaderS div:nth-child(3) {
  	-webkit-animation-delay: -0.15s;
	-moz-animation-delay: -0.15s;
	-o-animation-delay: -0.15s;
	animation-delay: -0.15s;
}
@keyframes loaderCircleAnim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes aSplitMYT {
	0% {text-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);}
	40% {text-shadow: 2px 6px 1px rgba(0, 243, 255, 0.7), -4px -4px 1px rgba(255, 0, 0, 0.6);}
	45% {text-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	50% {text-shadow: -2px -2px 1px rgba(0, 243, 255, 0.7), 2px 2px 1px rgba(255, 0, 0, 0.6);}
	55% {text-shadow: -6px -6px 1px rgba(0, 243, 255, 0.7), 4px 8px 1px rgba(255, 0, 0, 0.6);}
	57% {text-shadow: -6px -6px 1px transparent, 4px 8px 1px transparent;}
	60% {text-shadow: -10px -10px 1px rgba(0, 243, 255, 0.7), 6px 10px 1px rgba(255, 0, 0, 0.6);}
	70% {text-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	74% {text-shadow: 10px 10px 1px rgba(0, 243, 255, 0.7), -10px -10px 1px rgba(255, 0, 0, 0.6);}
	78% {text-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);}
	95% {text-shadow: -6px -6px 1px rgba(0, 243, 255, 0.7), 6px 6px 1px rgba(255, 0, 0, 0.6);}
	100% {text-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);}
}

.MytbBtn:hover {    color: rgb(255, 255, 255)!important;
    background: #00a5ff;
    width: 120px;
   height: 120px;
   }
.MytbBtn:hover i{font-size: 40px!important;margin-left:2px; }
.MytbBtn:hover .loaderS,.MytbBtn:hover .loaderS div {/*width:100px;height:100px;*/}
.MytbBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
   height: 80px;
	opacity: 0.6;
	border-radius: 50%;
	background:#fffffff2;
	transform: translate(-50%,-50%); 
	text-align:center;
	color:#fffffff;
}
.MytbBtn i{
font-size: 30px!important;margin-left:2px; }
.thumbi {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    //height: 100%;
	opacity:1;
	transform: translate(-50%,-50%); 
}
.video-container .thumbi:hover{
	//opacity:1;
}
.lVideo{padding-right:4px;}
.rVideo{padding-left:4px;}
.embedcenter{
	max-width: 50%!important;
	margin: 0 auto!important;
}
.innerImg{
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 20px;
	margin: 0 auto;
	//margin-top: 4px;
	//margin-bottom: 4px;
	box-shadow: 0px 0px 20px #cecece;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
}
@keyframes imgGreyz {
	0% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	1% {   -webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
		}
	10% {   -webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
		}
	11% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	12% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	14% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	15% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	16% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	17% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	18% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	20% {   -webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
		}
	22% {   -webkit-filter: grayscale(100%),hue-rotate(0deg); 
		filter: grayscale(100%),hue-rotate(0deg);
		}
	23% {   -webkit-filter: grayscale(0%),hue-rotate(100deg); 
		filter: grayscale(0%),hue-rotate(100deg);
		}
	24% {   -webkit-filter: grayscale(0%),hue-rotate(0deg); 
		filter: grayscale(0%),hue-rotate(0deg);
		}
	34% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	35% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	36% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	37% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	40% {   -webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
		}
	42% {   -webkit-filter: grayscale(100%),hue-rotate(0deg); 
		filter: grayscale(100%),hue-rotate(0deg);
		}
	43% {   -webkit-filter: grayscale(0%),hue-rotate(100deg); 
		filter: grayscale(0%),hue-rotate(100deg);
		}
	44% {   -webkit-filter: grayscale(0%),hue-rotate(0deg); 
		filter: grayscale(0%),hue-rotate(0deg);
		}
	74% {   -webkit-filter: grayscale(0%),hue-rotate(0deg); 
		filter: grayscale(0%),hue-rotate(0deg);
		}
	75% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	76% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	77% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	80% {   -webkit-filter: grayscale(100%); 
		filter: grayscale(100%);
		}
	82% {   -webkit-filter: grayscale(100%),hue-rotate(0deg); 
		filter: grayscale(100%),hue-rotate(0deg);
		}
	83% {   -webkit-filter: grayscale(0%),hue-rotate(100deg); 
		filter: grayscale(0%),hue-rotate(100deg);
		}
	84% {   -webkit-filter: grayscale(0%),hue-rotate(0deg); 
		filter: grayscale(0%),hue-rotate(0deg);
		}
	94% {   -webkit-filter: grayscale(0%),hue-rotate(0deg); 
		filter: grayscale(0%),hue-rotate(0deg);
		}
	95% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	96% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
	97% {   -webkit-filter: grayscale(80%); 
		filter: grayscale(80%);
		}
	100% {   -webkit-filter: grayscale(0%); 
		filter: grayscale(0%);
		}
}
.innerImg:hover{
/*-webkit-animation: 2s imgGreyz ease infinite;
	-moz-animation: 2s imgGreyz ease infinite;
	-o-animation: 2s imgGreyz ease infinite;
	animation: 2s imgGreyz ease infinite;
	box-shadow: 1px 1px 0px rgba(0, 243, 255, 0.9), -1px -1px 0px rgba(255, 0, 0, 0.9);*/
	box-shadow: 0px 0px 0px black;
	cursor:pointer;
}
.imgcenter{
	width: 50%;
	max-width: 50%;	
	margin: 0 auto;
}
/*************INNER ELEMENTS**************/
.black3szogA{
	width:100%;
	display:block;
	margin: 0 auto;
	padding: 0px;
	background:transparent;
}
.black3szogB{
	width:100%;
	display:block;
	margin: 0 auto;
	padding: 0px;
	background:white;
}
/*******************************************/
	.myImgData{
        width: 100%;
		font-size: 23px;
		z-index: 3;
		position: absolute;
		font-weight: bold;
    color: white;
    text-transform: uppercase;
	letter-spacing: 4px;
		text-align: left;
		    padding:21px;
    background: #2560ad;
    margin: 0px;
		left: 0;
		bottom: 0;
		opacity: 0.2;
    margin-bottom: 0px;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
/*				-webkit-animation: fadeOut 1s alternate;
		-moz-animation: fadeOut 1s alternate;
		animation: fadeOut 1s alternate;
		-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;*/
		
	}
	.myImgData:hover + .blogImgExit .myEsc,
	.myImgData:hover{opacity:1;}
	.myImgData.aboutMe{
		font-size: 20px;
	}
	.myEsc{
		font-size: 36px;
		z-index: 2;
		position: absolute;
		color: #fff;
		text-align: right;
		padding: 9px;
		right: -9px;
		top: 0;
		opacity: 0.6;
		width: auto;
		cursor: pointer;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}	
	.myEsc:hover{
		font-size: 50px;
		color: #fff; 
	}
	.blogImgPlace{
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgb(0, 0, 0);
		z-index:30;  
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-animation: fadein 0.3s ease-in alternate ;
    -moz-animation: fadein 0.3s ease-in alternate ;
    animation: fadein 0.3s ease-in alternate ;
	}
	.blogTimer{
		padding: 0px 0px;
		float:left;
	}
	article .blogTimer{
		padding: 0px 0px;
		float:left;
		    margin-bottom: 30px;
    width: 100%;
	}
	.blogTimer,.blogTimer h2{
		text-align: left!important;
	}
	.leftBlockArrowL,
	.rightBlockArrowL,
	.leftBlockArrow,
	.rightBlockArrow{
		display: block;
		position: absolute;
		height: 100%;
		width: 10%;
		top: 0;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
    z-index: 1;
	    font-family: monospace!important;
    font-weight: bold;

	}
	.leftBlockArrowL:after,
	.leftBlockArrow:after,
	.rightBlockArrowL:after,
	.rightBlockArrow:after
	{			
	    font-size: 97px;
    color: rgba(32, 179, 248, 0.55);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 137px;
	}
	.leftBlockArrowL:after,.leftBlockArrow:after{
	    content: '<';
	}
	.rightBlockArrowL:after,.rightBlockArrow:after{
	    content: '>';
	}
	.leftBlockArrowL:hover.leftBlockArrowL:after,
	.rightBlockArrowL:hover.rightBlockArrowL:after,
	.leftBlockArrow:hover.leftBlockArrow:after,
	.rightBlockArrow:hover.rightBlockArrow:after{
		color: #6fb2fc;
		cursor: pointer;
	}
	.leftBlockArrow:active,
	.rightBlockArrow:active {
	}
	.leftBlockArrow:active.leftBlockArrow:after,.leftBlockArrowL:active.leftBlockArrowL:after{
		transform: translate(-60%,-50%);
		color: #3edf82;
	}
	.rightBlockArrow:active.rightBlockArrow:after,.rightBlockArrowL:active.rightBlockArrowL:after{
		transform: translate(-40%,-50%);
		color: #3edf82;
	}
	.leftBlockArrowL,.leftBlockArrow{
		left:0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	}
	.rightBlockArrowL,.rightBlockArrow{
		right:0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	}
	.rightBlockArrow.noback,.leftBlockArrow.noback,.rightBlockArrowL.noback,.leftBlockArrowL.noback{
		background:unset;
	}
	
	.leftImgArrow{
		float:left;
	}
	.rightImgArrow{
		float:right;
	}
	.leftImgArrow,
	.rightImgArrow{
		display: block;
		position: relative;
		height: 100%;
		width: 10%;
		z-index: 1;
		color: #fff;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.leftImgArrow:after,
	.rightImgArrow:after{			
		font-size: 100px;
		//color: rgba(255, 255, 255, 0.12);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 1;
	}
	.leftImgArrow:after{
	    content: '<';
	}
	.rightImgArrow:after{
	    content: '>';
	}
	.leftImgArrow:hover.leftImgArrow:after{
		color: #2eb5f7;
		cursor: pointer;	
		-webkit-animation: leftBm 1s infinite alternate;
		-moz-animation: leftBm 1s infinite alternate;
		animation: leftBm 1s infinite alternate;
	}
	.rightImgArrow:hover.rightImgArrow:after{
		color: #2eb5f7;
		cursor: pointer;
		-webkit-animation: rightBm 1s infinite alternate;
		-moz-animation: rightBm 1s infinite alternate;
		animation: rightBm 1s infinite alternate;
	}
	.leftImgArrow:active,
	.rightImgArrow:active {
		box-shadow: 0 5px #666;
		transform: translateY(4px);
	}
	.leftImgArrow:active.leftImgArrow:after,
	.rightImgArrow:active.rightImgArrow:after{
		color: #3e8e41;
	}
	.chAbleImPlace{
		display: block;
		position: relative;
		float:left;
		height: 100%;
		width: 80%;	
	}
	.lastCenter{
		float: unset;
		margin: 0px auto;
	}
	.bImgReal{
		display: block;
		margin: 0 auto;
		position: absolute;
		opacity: 0;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: -1;-webkit-animation: fadein 0.3s ease-in alternate ;
    -moz-animation: fadein 0.3s ease-in alternate ;
    animation: fadein 0.3s ease-in alternate ;
	}
	.blogImgExit{display: block;float: left;width: auto;	}
	.r-box{
		max-width: 100%;
		float: right;
		display: block;
	}
	.l-box{
		max-width: 100%;
		float: left;
		display: block;
	}
	.arrowNexter{position:absolute!important;float:right!important;right:0!important;top:0!important;height:100%;}
	.arrowNexter:after{		font-size: 111px;
		//color: rgba(255, 255, 255, 0.12);
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		display: block;
		opacity:0.6;
		transform: translate(-50%,-50%);
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 1;
	    content: '>';}
	.hoverer:hover .arrowNexter{			-webkit-animation: trbm 1s infinite alternate;
    -moz-animation: trbm 1s infinite alternate;
    animation: trbm 1s infinite alternate;}
	.relevantCont{
		position:relative;
		display:block;
width:100%;		
height:22vw;
cursor:pointer;
    background: #3196e4;
	}
.relevantCont:hover .relevantContImg{
	opacity: 0.9;
	    width: 120%;
    right: -10%;
}

.relevantCont:hover .centerBox{
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
	transform: scale(1.2) translate(-50%,-50%);
    box-shadow: 0px 0px 10px #3d79a71f;
}
.relevantCont:hover .fa-arrow-circle-right{
	-webkit-animation: rightBm 1s infinite alternate;
    -moz-animation: rightBm 1s infinite alternate;
    animation: rightBm 1s infinite alternate;
}
.rCtopEr{   
	position: absolute;
    //top: 10px;
    //right: 10px;
    //margin: 0px;
    padding: 0px;
    width: auto;
    font-size: 378%!important;
	display:none;
	top: 50%;
	left: 50%;
	    color: rgba(214, 242, 255, 0.7);
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
cursor:pointer;
	}
.rCtop{}
.rCbtm{}
.relevantContImg{
	cursor:poibter;
	float: right;
	display: block;
	right: 0px;
	top: 0px;
    position: absolute;
	width:100%;
	height:100%;
    opacity: 0.3;
	/*    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
	    -webkit-filter: grayscale(100%) contrast(122%) brightness(104%);
    filter: grayscale(100%) contrast(122%) brightness(104%);
    opacity: 0.3;
	z-index: -1;*/
}
/*
.relevantContImg:before{
	    content: "";
    transform: skewY(4.5deg); 
    -ms-transform: skewY(4.5deg); 
    -webkit-transform: skewY(4.5deg); 
	
    display: block;
    position: absolute;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}*/
.relevantContTxt b{
    padding: 20px;
    background: #ffffff;
    color: #13619c;
	cursor:pointer;
	text-align: center;
    display: block;
}
.relevantContTxt{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: none;
color: #fff;
text-align: center;
    z-index: 1;
    position: absolute;
	cursor:poibter;
}

.rotate,.rotateM  {
/*
-webkit-transform: skewY(-4.5deg);
-moz-transform: skewY(-4.5deg);
-ms-transform: skewY(-4.5deg);
-o-transform: skewY(-4.5deg);*/
}
.backrotate {
	/*
-webkit-transform: skewY(4.5deg);
-moz-transform: skewY(4.5deg);
-ms-transform: skewY(4.5deg);
-o-transform: skewY(4.5deg);*/
}
.backrotateM {/*
-webkit-transform: skewY(4.5deg);
-moz-transform: skewY(4.5deg);
-ms-transform: skewY(4.5deg);
-o-transform: skewY(4.5deg);*/
}
.blogOther{
	position:relative;
	display:block;
	overflow:hidden;
	width:50%;
	float:left;
    border: 30px solid #fff;
    box-shadow: 0px 0px 10px #0d6cb53b inset;
}
.blogOther.lastCenter{
	float: unset;
	margin: 0px auto;
	position:relative;
	display:block;
	overflow:hidden;
	width:100%!important;
}
.blogOther:hover{
	background:rgba(120,120,120,0);
	color:#5570b5;
}
.blogOther:hover .relevantContTxt{
}
.titleSpan{
	font-size:38%;
	margin-top: 0px;
    display: block;
}

.newsContHeader{
    color: white;
	    overflow: hidden;
	font-family: 'RobotoB', sans-serif!important;
	    background: #fff;
			-webkit-clip-path: polygon(92% 0, 100% 22%, 100% 100%, 8% 100%, 0 78%, 0 0);
clip-path: polygon(92% 0, 100% 22%, 100% 100%, 8% 100%, 0 78%, 0 0);
	}
	.blogTextCont{
    padding: 1%;
    /* padding-bottom: 0px; */
    /* margin-bottom: 1%; */
    /* padding-right: 31%; */
    display: block;
    height: 120px;
    overflow: hidden;
    width: 70%;
	}
	.blogTextCont {
  overflow: hidden;
  --max-lines: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max-lines);
  height: auto;
  padding-bottom: 0px;
}
	.blogTitle{
		font-size: 120%;
		width: 100%;
		display: block;
		overflow: hidden;
		content: open-quote;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight:bolder;
	font-family: 'RobotoB', sans-serif!important;
	float: left;
	}
	.blogTitle2{
		
		width: 70%;
		display: block;
		overflow: hidden;
		content: open-quote;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight:bolder;
	float: left;
	margin-top: 10px;
    margin-bottom: 8px;
	}
	.blogEvent2{
		position:absolute;
		top:0;
		right:0;
		padding:10px;
		background:orange;
	}
	.blogTitleG{
		padding:10px;
		font-weight:normal;
	font-family: 'RobotoL', sans-serif!important;
	}
	.blogTime{		
	   position: absolute;
   top: 0;
    left: 0;
    padding: 10px;
	font-family: 'RobotoB', sans-serif!important;
		font-weight:bolder;
		text-align:left;
		background:orange;
		color:white;
}
	.fb-page,.fb-page span{width:100%!important;min-width:100%!important;}
	.lapozoStiloo{
    padding: 12px;
    margin-right: 1px;
    margin-left: 1px;
    background: #187ac5;
    color: white;
    font-weight: bolder;
    cursor: pointer;
    text-align: right;
    cursor: pointer;
	border-radius:8px;
	}
	.lapozoStiloo:hover{
background: #56bff1;
    cursor: pointer;
    color: #0b2f4a;
	}
	.boxNUMER{
		text-align:center;
	}
	
	.blogCont{  
		color: #03324e;
	    background-color: transparent;
	}
	.blogList-box{
		width: 82%;
		display: block;
		margin: 0px;
		background:	rgba(255, 255, 255, 0.1);
		position:relative;
		margin-bottom: 20px;
		   border: 2px solid transparent;
		-webkit-clip-path: polygon(100% 0, 100% 79%, 94% 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 79%, 94% 100%, 0 100%, 0 0);
	overflow:hidden;
	}
	.blogList-box.hoverer:hover{
		    transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transform-origin-x: scale(1.04);
   border: 2px solid #f8fbff;
		z-index: 1;
		    background: #f8fbff;
	}
	.blogList-box.leftList{
		/*padding-right: 3px;*/
	}
	.blogList-box.rightList{
		/*padding-left: 3px;*/
	}
	.blogImg-box{
		width: 30%;
		float:left; 
		height: 120%;  
		margin-top: -2%;  
		background-size: cover !important;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.58) inset, 0px 0px 20px rgba(0, 0, 0, 0);
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		//transform: translate(0%, 0%);
	}
	.blogBlokk:hover .blogImg-box{
		//transform: scale(2);
		//background-size: 200%!important;
		background-position: center center!important;
		//width: 10%;
		//box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) inset, 0px 0px 20px rgba(0, 0, 0, 0.68);
	}
	.blogBlokk:hover{
		//background: rgba(18, 18, 18, 1);
		//color: white;
		text-shadow: none;
	}
	
	

.blogImgCont:hover .innerImg{
    /* transform: translate(-6%, 0%); */
	//opacity: 0.96;
  //  box-shadow: 0px 0px 20px #d2d2d2;
//	width: 100%;
}
	
.blogImgCont:hover{
box-shadow:0px 0px 4px #324a7f24;
}
	
.blogImgCont{
	cursor: pointer;
	position: relative;
	overflow:hidden;
}

.blogImgCont:hover .innerImg{
	transform: scale(1.02);		
    //box-shadow: 0px 0px 10px #4c4c4c;
}
.galImgIn:hover .phimgs4,
.blogImgCont:hover .phimgs4{
	background:rgba(5, 49, 73, 0);
}
.galImgIn:hover .rCtopEr,
.blogImgCont:hover .rCtopEr{
	display:block;
}

.galImgIn:hover .imgTxt,
.blogImgCont:hover .imgTxt{
	opacity: 1;		
    background: #2af9a7;
	bottom: 0px;

}
.imgTxt{  
    position: absolute;
	bottom: -80px;
	color: white;   
	background: #2af9a7;
    font-size: 132%;
	padding: 40px;
	font-weight: bold; 
    letter-spacing: 4px;
	width: 100%;
	opacity: 0;
cursor:pointer;	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	    overflow: hidden;
    content: open-quote;
    text-overflow: ellipsis;
    white-space: nowrap;
	display:none;
}
.galImgIn .imgTxt{padding:20px;}

	@keyframes slidyB {
		0% { background-size: 100%; }
		100% { background-size: 260%;}
	}
	/*.blogImg-box:hover{
		//background-size: 260%, cover!important;
		transform: translate(-6%, 0%);
	}*/
	
	.blogBlokk{
		height: 144px;
		overflow: hidden;
		position: relative;	
	}
	.blogBlokkG{
		height: 230px;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.blogBlokkG:hover .blogImg-box{
		transform: scale(1.5);
		opacity:0.6;
	}
	.blogImg-box{
		width: 30%;
		float:left; 
		height: 120%;  
		margin-top: -2%;  
		overflow:hidden;
	}
	.blogImg-box-img{
		position:relative;
		width: 100%; 
		height: 120%;    
		display: block;
		background-size: cover !important;
	//	box-shadow: 0px 0px 10px #8c8c8c;
	}
	.blogImg-box-img.harda{height: 100%; }
	.blogBlokk:hover .blogImg-box div  {
		transform: scale(1.1);
	}
	.blogBlokk:hover .blogBlokk a{
		color: #7d7d7d;
	}
	.blogBlokk:hover{
		text-shadow: none;	
		//opacity: 0.8;
	}
	.blogBlokk:hover .phimgs4{opacity:0;}
.extraline{text-align:left!important;}
.title {
	margin: 0 auto;
	max-width: 1270px;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
}
.blogtatto{
	height: 52px;
	display: block;
	width: 100%;
}
.bgcircle{
	display: block;
	width: 40%;
	max-width: 100%;
	margin: 0px auto;
	margin-top: 40px;
	padding-bottom: 40px;
}
.whitelinedropshadow{
	width: 100%;
	height: 20px;
	display: block;
}
.sdf{
	width: 70%;
	float: left;
	padding-right: 20px;
	margin-bottom: 20px;
		position:relative;
}
.sdt{    
	width: 30%;
	//padding: 20px;
	float: right;
	//margin-bottom: 0px;
	//border-radius: 8px;
		position:relative;
}
	.sdf-keret{
		//padding-right: 8px;
	}
	.sdHome{    
		font-family:  'RobotoB', sans-serif;
		text-transform: uppercase;	
		width: 100%;
		padding: 0px;
		/* background: rgba(255, 255, 255, 0); */
		/* border: 1px solid; */
		//float: right;
		position:relative;
	}
	.sdHome span{
		//margin-bottom: -4px;
		display: block;
	}
	
	.sdt2{    
		position:relative;
		width: 100%;
		//padding: 20px;
		/* background: rgba(255, 255, 255, 0); */
		/* border: 1px solid; */
		//background: #ffffff;
		//margin-bottom: 20px;
		border-radius: 0px;
		//float:left;
	}

.leftboxer{
	width: 70%;
	float: left;
}
.rightboxer{    
	width: 30%;
	float: right;
}
.righttext{    
	text-align: right;
	font-size: 34px;
}
.nopadding{
	padding: 0px;
}
.border-box{
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 8px;
	box-shadow: 0px 2px 8px #ececec;		
}
.border-box:hover{
	margin-bottom: 10px;
	border-radius: 8px;
}
.size20{font-size: 20px!important;}
.overking{
	text-align: center;
	text-transform: none;
	font-size: 30px;
	margin: 0 auto;
}
.ovextra{margin-bottom: 84px;}
/*innerbgsite*/
.bgbg{
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0px auto;
	height: 600px;
}
/**/
.article{
	    text-align: left;
		width:100%;
}
article, article a, article b, article span, article h1, article h2, article h3, article h4{text-align:unset;}
.mYarticle{width: 40%;}
.mYarticleTwo{width: 40%;padding: 30px;}
.mYarticleTwo strong{font-size: 24px;}
.headerbg{
	display: block;
	width: 100%;
	margin: 0px auto;
	height: 600px;
}
.asztalbg{height: 600px;}
/*******************************************/
.boxLayerText{
	padding: 8%;
	border-left: 1px solid;
	border-right: 1px solid;
		display:block;-webkit-animation: fadein 1s ease-in alternate ;
    -moz-animation: fadein 1s ease-in alternate ;
    animation: fadein 1s ease-in alternate ;
}
.boxLayer{
    position: absolute;
    margin: 0% auto;
    width: 100%;
    height: 99%;
    height: -moz-calc(100% - 32px);
  height: calc(100% - 32px);
    background: #014375f8;
	background: -moz-linear-gradient(top, rgba(1,67,117,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(1,67,117,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(1,67,117,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014375', endColorstr='#00ffffff',GradientType=0 );
    padding: 8%;
    text-align: center;
	opacity:0;
	color: #fff;
	font-size:0px;
	
	}
.box3ee:hover .boxLayer{opacity:1;top:0;
	font-size:100%;
    width: 100%;
   
       
	}
.box3ee:hover .centerFLexer{width: 112%;
height: 112%;}
/*testi*//**/
/*******************************************/
/*TESTIMONDEM*/
@keyframes slidy {
	0% { left: 0%; }
	40% { left: 0%;opacity:1; }
	45% { opacity:0; }
	50% { left: -100%;opacity:1; }
	90% { left: -100%; opacity:1;}
	95% { opacity:0;}
	100% { left: -200%; opacity:1;}
}
@keyframes slidy2 {
	0% { left: -200%; }
	40% { left: -200%;opacity:1; }
	45% { opacity:0; }
	50% { left: -100%;opacity:1; }
	90% { left: -100%; opacity:1;}
	95% { opacity:0;}
	100% { left: 0%; opacity:1;}
}
.testline{
	padding: 40px 0px;
	background: white;
}
.testlinegray{
	padding: 10px 0px 30px 0px;
}
.tegrayplace{
}
.testicont{
	width: 100%;
	overflow: hidden;
	//background: rgba(29, 69, 112, 0.9);
	position:relative;
}
.reltestcont{
	text-align: center;
	padding-top: 20px !important;
	padding-bottom: 40px !important;
	font-size: 18px;
}
.reltestcont span{
	color: rgb(107, 139, 193);
	text-shadow: 1px 1px 1px #fff;
}
.testiplace{
	margin: 0;
	//width: 300%; 
	height: auto;
	display: inline-block; 
	position: inherit; 	 border-spacing: 0;
    border-collapse: collapse;
	left:0;
	background: #fff;
}
.testiplace tbody,.testiplace tbody tr{display:block;width:100%;}
.testiplace tbody tr td{
	display: block;
	background: white;
	padding: 20px;
	background-size:cover;
	background-position:center center;
	 border-spacing: 0;
    border-collapse: collapse;
	position:relative;
	overflow:hidden;
	float:left;
}
.tframe02 .testiplace tbody tr td{
	border: 26px solid white;
	height: 502px;
}
.tframe02 .testiplace {}
.tframe02 .testiplace tbody tr td:hover .tframe02 .testiplace tbody tr td .centerFLexer,.centerFLexer{
	width: 122%;
	height: 122%;
}
.testiplace tbody tr td:hover{
	opacity: 0.8;
}
.congLayer.morOne:hover,
.tframe02 .testiplace tbody tr td:hover .congLayer.morOne{
	background: rgb(33,155,237);
	text-shadow: 0px 0px 2px blue!important;
}
.placer1{width:100%;}
.placer2{width:100%;}
.placer3{width:150%;}
.placer4{width:200%;}
.placer5{width:250%;}
.placer6{width:300%;}
.placer7{width:350%;}
.placer8{width:400%;}
.placer9{width:450%;}
.placer10{width:500%;}
.tder1{width:100%;}
.tder2{width:50%;}
.tder3{width:33.333%;}
.tder4{width:25%;}
.tder5{width:20%;}
.tder6{width:16.666%;}
.tder7{width:14.285%;}
.tder8{width:12.5%;}
.tder9{width:11.111%;}
.tder10{width:10%;}

.placerE1{width:100%;}
.placerE2{width:100%;}
.placerE3{width:120%;}
.placerE4{width:160%;}
.placerE5{width:200%;}
.placerE6{width:240%;}
.placerE7{width:280%;}
.placerE8{width:320%;}
.placerE9{width:360%;}
.placerE10{width:400%;}
.tderE1{width:100%;}
.tderE2{width:50%;}
.tderE3{width:33.333%;}
.tderE4{width:25%;}
.tderE5{width:20%;}
.tderE6{width:16.666%;}
.tderE7{width:14.285%;}
.tderE8{width:12.5%;}
.tderE9{width:11.111%;}
.tderE10{width:10%;}



.testiframe{
	position: relative; 
	width: 100%;
	font-size: 0; 
	padding: 0px 0px;
	overflow-x: scroll;
    margin-bottom: -20px;
    padding-bottom: 8px;

}
.tframe02{
	background:#fff;
}
.tframe01 .testimon{
	margin: 0 auto;	
	position: relative; 
	min-height: 202px;
}
.tframe02 .testimon{
	margin: 0 auto;	
	position: relative; 
	min-height: 202px;
	padding:10px;
}
.tframe02 #tova{
	margin: 0 auto;	
	margin-top: 20%;	
	position: relative; 
	min-height: 202px;
	padding:10px;
}
.congLayer.morOne{
	border-radius: 40px;
	box-shadow: inset 0px 0px 22px lightskyblue,inset 0px 0px 24px #0d0d5687;
background: #4dabee;
	}
	#tova .nextbtn{
		background: #fff;
		color:#2793e6;
	}
a.mw .congText{
    color: white!important;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    font-size: 22px;
}
.congLayer.morOne:hover{

}
.tframe02 .td{
	margin: 0 auto;	
	position: relative; 
	height: 366px;
}
.tframe02 .congText{
	margin: 0 auto;	
	position: relative; 
	//height: 206px;
}
.tframe02 .congText.t2er{
	height: 190px;
	overflow:hidden;
}
.nonelineBlock{
	width: 0.5%!important;
	padding: 0px!important;
	box-shadow: none!important;
	background: none!important;
}
.testiface{
	width: 120px;
	height: 120px;
	display: block;
	float: left;
	background: white;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset, 2px 2px 8px #cccccc;
	margin-right: 20px;
}
.testifaceplace{

}
.test001{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test002{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test003{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test004{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test005{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test006{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test007{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.test008{
	background: url('img/testimon/noname.jpg') no-repeat center center;
	background-size: cover;
}
.testitext{
width: 102%;
text-align: left;
font-size: 20px;
font-family:RobotoB;
color:#fff;
    position: absolute;
    bottom: -1px;
    left: 0;	
    margin-left: -1px;	
	    background-color: white;
	    background-image: url(des/kissav.svg);
    background-size: cover;
	background-position: -1px -1px;
	    border-top: 2px solid #3aa9ff;
}
.congText{
    width: 100%;
    text-align: center;
    font-family: RobotoL;
    color: #236ea6;
    text-shadow: 1px 1px 1px #ffffff7a;
    font-size: 18px;
	//padding-left:20px;
}
.fa-star{font-size:82px;
	color:#00000024;}
.congText b{font-family: robotoB;
    font-size: 20px;    text-transform: uppercase;
}
.congLayer{
	background: -moz-linear-gradient(left,rgba(255, 255, 255, 0.92) 49%, rgba(255, 255, 255, 0.2) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.92) 49%,rgba(255, 255, 255, 0.2) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0.92) 49%,rgba(255, 255, 255, 0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.testitext i:before{
}
.testitext i:after{

}
.ecolu{
	font-family: serif;
}
.testiname{
	font-size: large;
	text-align: right;
	//width: 100%;
	display: block;
	float: right;
	margin-top: 4px;
}
/*-*/
/*SLIDER PARADE*/
.sliderBox {
position: relative;
width: 100%;
height: 80vh;
top: 0;
left: 0;
    background: #13619c;
}
.mySlides {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 100%;
//opacity: 0;
//z-index:-10;
}
.mySlides.slActive{z-index:2;display:block;opacity:1;left: 0%;}
.mySlides.slInActive{
	left: -100%;z-index:1;
	}
.slFixer.mySlides,.mySlides.slFixer,.mySlides.slActive.slFixer,.mySlides.slInActive.slFixer{
	-moz-transition: all 0s ease!important;
	-webkit-transition: all 0s ease!important;
	-o-transition: all 0s ease!important;
	transition: all 0s ease!important;
}
/*VIDEO*/
.titleVid{
	text-align: left;
    font-family: robotoB;
    font-weight: 900;
    color: #4dabee;
	text-transform:uppercase;
}
.mySlides.leftG{
	/*-webkit-animation: leftG 0.3s ease-in ;
    -moz-animation: leftG 0.3s ease-in  ;
    animation: leftG 0.3s ease-in  ;*/
	left:-100%;
	}
.mySlides.rightB{
		/*-webkit-animation: rightB 0.3s ease-in  ;
    -moz-animation: rightB 0.3s ease-in  ;
    animation: rightB 0.3s ease-in  ;*/
	left:0%;
	}
/*-*/
/*ERD*/
p.error, p.success {
	font-weight: bold;
	padding: 10px;
	border: 1px solid;
	text-align: center;
}
.inputcomment{
    width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	padding: 10px;
	resize: none;
}
.inputcomment:focus:hover,.inputcomment:active,.inputcomment:focus{cursor: pointer;}
.centerblock{width: 100%;margin: 0 auto;}
.erdeklodesSend{
	font-size: 24px;
	margin-left: 20px;
	display: block;
	max-width: 100%;
    padding: 16px 40px;  
	cursor: pointer;
	border:none!important;
	float:right!important;
}
.myLab{display:block;
    /* padding: 1%; */
    margin: 1% auto;
    width: 98%;}
.myLab2{display:block!important;
    /* padding: 1%; */
    margin: 0.5% auto!important;
    width: 99%!important;}
.onlysee{opacity: 0;}
.misei01.butMiKno{opacity: 1;}

.breadi{
	width: 100%;
    display: block;
    margin-top: -20px;
    padding-bottom: 10px;
    color: #a5c0e2;
}
.breadi a{
    color: #a5c0e2;
}
	.breadi{
	    margin-top: 20px!important;
	}
@media all and (min-width: 1024px){
}
@media all and (min-width: 1071px) and (max-width: 1266px){
	.top-menu-cont.mymenuu li a.top-menu-item {
	  font-size: 15px;
	}
}
@media all and (min-width: 781px) and (max-width: 1070px){
	.top-menu-cont.mymenuu li a.top-menu-item {
	  font-size: 12px;
	}
}
/*plastic*/
.triangle{
    width: 100%;
    overflow: hidden;
	display: block;
	position: static;
}
.wtriangle{
	background-color: #fff;
    width: 100%;
    overflow: hidden;
	display: block;
	z-index: -100;
}
/*steg*/
.colorSelectorBox{
	width:100%;
	display:block;
	
}
.colorSelect{
    width: 60px;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    cursor: pointer;
    height: 60px;
}
.colorSelect:hover{
    transform: scale(1.16);
    -moz-transform: scale(1.16);
    -webkit-transform-origin-x: scale(1.16);
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6)
}
.lightOldSky{
	    margin-top: -34px;
    background: #f0fff5;
    display: block;
    float: left;
    padding: 30px;
    width: 100%;
}
.lightOldSkyEr{
	padding-bottom:0px!important;
	padding-top:0px!important;
}
.prodLineEr{
	width:100%;
	display: block;
	position:absolute;
	margin-top: 56px;
	z-index:1;
	
}
.innerF{
	margin-top: 140px;
}
@media all and (max-width: 1620px) {
	.bgbg{height: 400px;}
}
@media all and (max-width: 1420px) {	
	}
@media all and (min-width: 961px){
	.sdf-keret.blogCont.bgr3:not(.lister):not(.ifParent) > div:not(.breadi) > div:not(.sdt) {
  width: 68%;
  float: left;
}
	#monitornav.monitorfix{}
	.monitorfix #logo1{//display:block!important;
//width:60px;
}
}
@media all and (min-width: 961px) and (max-width: 1200px){
	.fomenu img{
		float: right; 
		display: block; 
		width: 80px;
	}

}
@media all and (max-width: 1200px){
	.blogList-box,.blogBlokk{
		height: 160px;
		//margin-bottom: 8px;
	}
	.blogBlokkG{
		height: 200px;
		margin-bottom: 8px;
	}
	.blogImg-box{
		width: 30%;
	}
	.sutike{font-size: 14px;}
	.title strong{font-size: 52px;}
	h1{font-size: 38px;}
	.container, .sitelabel{
		//width: initial;
		border-radius: 0px;
	}
	.testiface{
		width: 100px;
		height: 100px;
	}
	.testiname{margin-top: 10px;}
	.headerbg{height: 460px;}
	.bgbg{height: 320px;}
}
@media all and (max-width: 1024px){
	
	.labelsmPos{right: 85px;}
//.top-menu-cont ul li a{font-size:12px;}
	.blogTitle{
		width: 100%;
	}
	.blogList-box.leftList,
	.blogList-box.rightList{
		padding: 0px;
	}
	.blogList-box{
		width: 100%;
	}
	.arrows {display:none;}
	h1.extrah1{font-size: 108px;line-height: 40px;}
	.testiface{
	    float: none;
		width: 120px;
		height: 120px;
		margin: 0 auto;
	}
	.testitext{
		
	}
	.testiname{
		//width: 100%;
		text-align: center;
	}
	.mYarticle,.mYarticleTwo{
		width: 420px;
		max-width: 100%;
	}
	.mobil-clearer{
		height: 20px;
		width: 100%;
		clear: both;
	}
	.nomobil-clearer{
		width: 0px;
		clear: none;
	}
	.footer{//padding: 30px 0px 5px 0px;
	}
	.footerLogoA{
		    display: block;
    width: 83px;
    height: 15px;
    margin-top: 0px;
    margin-bottom: 5px;
}
	}

}
@media all and (min-width: 971px) and (max-width: 1084px){
		.logocnter{
	padding-bottom: 0px!important;
	margin-bottom: 4px!important;}
}
@media all and (max-width: 1002px){ /*para*/
	.homeBg{min-height: 640px;}
	.embedhc h3{ top:0;	}
	.embedhc h4,.embedhc .hr4{ bottom:0;	}
}
@media all and (min-width: 961px) and (max-width: 970px){
	.logocnter{
	padding-bottom: 0px!important;
	margin-bottom: 4px!important;}
}
@media all and (max-width: 960px){
	.rCtopEr{font-size:600%!important;}
	.rightBlockArrowL,.leftBlockArrowL{display:none;}
	.logocnter{
	padding-bottom: 0px!important;
	margin-bottom: 2px!important;}
	.top-menu-cont{
		background: rgb(36,136,214);
background: -moz-linear-gradient(left, rgb(36,136,214) 0%, rgb(10,105,177) 100%);
background: -webkit-linear-gradient(left, rgb(36,136,214) 0%,rgb(10,105,177) 100%);
background: linear-gradient(to right, rgb(36,136,214) 0%,rgb(10,105,177) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2488d6', endColorstr='#0a69b1',GradientType=1 );
top:0;
	}
			.mobil-clearerRel{
		height: 20px;
		width: 100%;
		clear: both;
	}
	.top-menu-cont.monitorfix{top:0;}
	.labelsmPos{display:block;
    }
	
	.labelsmPos h1{font-size:32px;}	
	.labelsmPos3 h1,.labelsmPos3 h2{font-size:32px;}
.top-menu-cont ul li a{font-size:14px;}
	.labelsmPos2 h2{
		font-size: 55px;
	}
		.tframe02 .testiplace tbody tr td{
		margin:0px!important;
		width:100%;
	}
	.tframe02 .testiplace tbody tr td .congLayer{
		box-shadow:inset 0px 0px 10px grey!important;
	}
		.leftBlockArrow,
	.rightBlockArrow{
	display: none;}
	.subMenu{
		padding-top: 70px;
	}
	.menuLogoCont{
left: 7.6%;
float: right;
top: 41%;
	}
	.menuBg{display:none!important;}
	.menuBox {height:52px;}
	.bgimg-12{
	  width: 100%!important;}
	  
	  .videoTxtConter{
	padding-left:20px;
}
	  
	  
	.titleSpan{
	font-size:58%;
}
	.blogList-box, .blogBlokk {
    height: 260px;}
	.blogTextCont{ 
		//height: 260px;
	}
	.blogBlokkG .blogImg-box {
    height: 300px;}
	.backrotateM, .rotateM{
/* Safari */
-webkit-transform: none;
/* Firefox */
-moz-transform: none;
/* IE */
-ms-transform: none;
/* Opera */
-o-transform: none;
/* Internet Explorer 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
}

.blogTime{

}
	.blogImg-box{
		width: 100%;
		float:left; 
		height: 50%;  
	margin-top: 0px; 
	}
	.blogTextCont{
			padding:1%;
			padding-bottom: 0px;
			float:left;
			width: 100%;
			display: block;
	}
	.blogText{
		float:left;
			width: 100%;
	}
	.social-box{display: none;}
	h2.extraline{
		opacity:0.8;
	}
	
	.blogBlokk{
	    border-bottom: 16px solid transparent;
	}
	.formletter{
		padding: 0px;}
	.headerbg{height: 340px;}
	.bgbg{height: 260px;}
	.title{
		width: 100%;
		padding: 4px;
		font-size: 18px;
	}
	.sdf-keret,
	.sdHome,
	.sdt,
	.sdf{
		width: 100%;
		padding-right: 0px;
		min-height: 0px;
	}
	#skrollr-body{width:100%;}
	/*#monitornavpos{*/
	#monitornav{  
		width: 100%;
		height: 65px;
		left: 0;
		right: 0;
		top: 0;
	}
	#monitornav.monitorfix{
		width: auto;
	}	
	.listitem,.bigButtonL,.bigButtonC,.bigButtonR{font-size: 14px;}
	.phimgs{height: 180px;}
	.phimgs2cont{//opacity:1;
	}
	.phimgs2cont,.phimgs2{min-height:460px;//background-size: 100%
	}
	.monitorfix .icon-menu{}

	.menuno{display: block;}
	.menuLogo{
    float: right;
    opacity: 1;
    right: 4px;
    margin-top: 10px!important;
    margin-right: 8px;
}
	.monitorfix .menuLogo{
		display:block!important;
		width: 64px;
    float: left;
    opacity: 1!important;
    right: 4px;
    margin-top: 20px!important;
    margin-right: 8px;
	}
	.standimgs img{width: 32%;}
	.container{}
	/*EMBED*/
	.embedplayer{height: 120px;}	
	.embedcenter{max-width: 70%!important;}
	.testiframe{width: 100%;}
	.tframe02 .testiplace,.testiplace{width: 100%;}
	.lastTestimon{display: none!important;}
	.testiname{margin-top: 20px;}
	.testiplace tbody,
	.testiplace tbody tr{
		width:100%;
		display:block;
	}
	.testiplace tbody tr td{
		display: block;
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0px;
		border-right: none;
	}
	
.tframe02 #tova{
	//top:50%;
margin-top:12%;
}
.nonelineBlock{
		border: none!important;
		display:none!important;
	}
	.testiface{margin-top: 20px;}
}

@media all and (max-width: 779px){
			.logocnter{
	padding-bottom: 0px!important;
	margin-bottom: 0px!important;}
	.top-menu-cont ul{display:none!important;}
	.top-menu-cont {	position:fixed!important;}
	.footerLogo{width: 48%;}
	.menuLogoCont{
	width: 108px;
right: 4px;
	    left: unset!important;
		float: right;
	}
	#monitornavpos ul{display: none;}
		.icon-menu{
		display: block;
		margin: 0px;
		top: 0;
		left: 0;
		padding: 12px;	
		padding-top: 0px;
margin-left: -6px;	
margin-top: -3px;	
z-index:10;
width:auto;
	} 
	.monitorfix .icon-menu{
		
margin-top: 5px;	
	}
.labelsmPos{display:block;}
	.headerCapt {
	bottom: 15%;
}
.moverCrcShell{
//	bottom: 5%!important;
	
}
	.headerCapt h2 {font-size:16px}
		  .videoTxtConter{
	padding-left:10px;
}
	.blogTextCont {
    //height: 118px;
}
.colorSelect {
    width: 23%;
    margin-right: 2%;
}
	h1,h2,h2.extraline{padding-top:0px;}
	.embedhc h3{ top:10%;	}
	.embedhc h4,.embedhc .hr4{ bottom:10%;	}
	.logo{width: 20%;}
	.title{margin-top: -60px;font-size: 16px;}
	.title strong{font-size: 32px;}
	h1{font-size: 28px;}
	.sutis-doboz{padding: 0px;}
	.sutitxtBox{}
	.sutike{
		//width: 100%;
		//padding: 0px;
		//margin: 0px;
		border-radius: 0em;
	}
	.suti-text{display: block;}
	.yfogi{width: 12%;}
	.social-box{display: none;}
	.socF{float:none;margin:4px!important;}
	.onlysee{opacity: 1;}
	
	// *{box-shadow: none !important;}
	.overking{font-size: 24px;}
	.ovextra{margin-bottom: 80px;}
	.bigButtonL,.bigButtonC,.bigButtonR{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 14px;
		//padding: 40px;
		font-size: 22px;
	}
	
.bigButtonL:hover.bigButtonL ul,.bigButtonC:hover.bigButtonC ul,.bigButtonR:hover.bigButtonR ul{margin-top: 0px;}

.bigButtonL:hover.bigButtonL .listimgInner,.bigButtonC:hover.bigButtonC .listimgInner,.bigButtonR:hover.bigButtonR .listimgInner{margin-top: -200px;}
	.listitem{font-size: 22px;}
	.bgcircle{
		width: 60%;
		padding-bottom: 20px;
	}
	.leftboxer{
		margin-top: 4px;
		width: 100%;
	}
	.rightboxer{    
		width: 100%;
		text-align: left;
	}
	.phimgs{height: 160px;}
	.phimgs2cont,.phimgs2{min-height:300px;}
	.bgreal {margin-top: -80px;}
	.blogtatto{
		height: 20px;
		display: block;
		width: 100%;
	}
	.sitelabel{padding: 20px 4px;}
	.container{
		margin: 0px;
		border: none;
		padding: 0px;
	}
	.homeLogo{min-width: 120px;}
	.standimgs img{width: 30%;}
	.sitelabel{
		margin: 0px;
		border: none;
	}
	.labelsm{font-size: 22px;}
	article a{font-size: 18px;}
	article p{font-size: 16px;}
	h1{
		font-size: 28px;
		margin: 0px 0px 0px 0px!important;
		//word-wrap: break-word;
	}
	h1.extrah1{
		font-size: 68px;
		margin: 0px 0px 0px 0px;
		//word-wrap: break-word;
	}
	span {
		font-size: 20px;
		//word-wrap: break-word;
	}
		/*EMBED*/
	.embedplayer{height: 60px;}
	.embedhc{margin-top: 0px;}
	.imgcenter{
		width: 80%;
		max-width: 80%;
	}
	.tframe02 .testiplace tbody tr td{
		margin:0px!important;
		width:100%;
	}
	.tframe02 .testiplace tbody tr td .congLayer{
		box-shadow:0px 0px 10px grey!important;
	}	
	.placer1,.placer2,.placer3,.placer4,.placer5,.placer6,.placer7,.placer8,.placer9,.placer10,.tder1,.tder2,.placerE1,.placerE2,.placerE3,.placerE4,.placerE5,.placerE6,.placerE7,.placerE8,.placerE9,.placerE10,.tderE1,.tderE2,.tderE3,
	.tder3,.tder4,.tder5,.tder6,.tder7,.tder8,.tder9,.tder10,.tderE4,.tderE5,.tderE6,.tderE7,.tderE8,.tderE9,.tderE10
	{width:100%;}
}

@media all and (max-width: 645px){

	.monitorfix .icon-menu{
		margin-top: 2px!important;
	}
	.icon-menu{
		margin-top: -3px!important;	
	}
	.menuLogo{
		margin-top: 8px!important;	
	}
	.monitorfix .menuLogo{
	    margin-top: 14px!important;
	}
	#block1{    margin-top: 12px;}
		.footerLogoA{
		margin:0px auto;
		float:unset;}
		.logocnter{
			//	padding-bottom: 20px;
			margin-bottom:20px!important;
		}
	.footerLogo{width: 48%;}
	.monitorfix #logo1{display:block!important;
width:30px;
    float: right;
	right: 0;
margin-right: 0px;
}
	.monitorfix #logo2{display:none!important;
width:30px;
}
	.labelsmPos{display:block;}
	.tframe02 .testiplace tbody tr td{
		margin:0px!important;
		width:100%;
	}
	.tframe02 .testiplace tbody tr td .congLayer{
		box-shadow:inset 0px 0px 10px grey!important;
	}
.blogTime{
}
	  .videoTxtConter{
	padding:40px 20px;
}
	.lVideo,.rVideo{padding:0px;}
	.blogTextCont {
   // height: 116px;
}
.phimgs2cont2{
	background-color: #00a5ffd4;
	}
	.phimgs3{
	background: #00a5ffd4;
	}
}
@media all and (max-width: 480px){

	#block1{    margin-top: 34px;}
	.blogTextCont {
   // height: 132px;
}
.blogList-box, .blogBlokk {
height: 360px;}
	.blogImg-box{ 
	height: 60%;}
	.blogBlokkG .blogImg-box {
height: 360px;	
}
		.embedhc h3{ top:0;	}
	.embedhc h4,.embedhc .hr4{ bottom:0;	}
	
	.bigButtonL,.bigButtonC,.bigButtonR{
		padding:20px;
	}
	.phimgs2cont,.phimgs2{min-height:280px;background-size:cover!important;}
	.logo{width: 30%;}
	.efogi{
		width: 100%;
		display: block;
		float: left;
		padding: 10px;
		text-align: center;
	}
	.yfogi{
		width: 26%;
		display: block;
		margin: 0 auto;
	}
	.sutitxtBox{
		width: 100%;
		display: block;
		float: left;
		text-align: center;
		z-index: 100;
	}
	.karton{padding: 0px;}
	.labelsmPos{right:24px;}
	.labelsmPos2{display:none;}
}
@media all and (max-width: 450px){h1.extrah1{font-size: 28px;}}
/*kieg*/
.ytp-button {opacity:0!important;background:green!important;display:none!important;}
		.ytp-cued-thumbnail-overlay-image{
				display:none!important;
			}