/*
******************************************************
*   thew! all rights reserved!                       *
*   Original Created on : 2018.12.20., 04:20:42      *
*   Modtime             : xxxx.xx.xx., xx:xx:xx      *
*   Author              : thew!                      *
******************************************************
*/

html,body{}
html{color: #034e29;background:#1ad088;}
#skrollr-body{//background-color:#f5f9ff;
}
.htmlmodifi{}
a{color:#fff;}
.rPartner a{color:#19c8ff;font-weight:bolder;}
a:hover{color:#000;}
article a{color:#1ad088;}
@keyframes aSplit {
	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);}
}
@keyframes aSplitM {
	0% {text-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);text-decoration: line-through;-webkit-filter: invert(100%);
    filter: invert(100%);}	
	39% {text-shadow: 1px 1px 1px rgba(0, 243, 255, 0.7), -1px -1px 1px rgba(255, 0, 0, 0.6);text-decoration: line-through;-webkit-filter: invert(100%);
    filter: invert(100%);}
	40% {text-shadow: 2px 6px 1px rgba(0, 243, 255, 0.7), -4px -4px 1px rgba(255, 0, 0, 0.6);text-decoration: none;-webkit-filter: invert(0%);
    filter: invert(0%);}
	44% {text-shadow: 2px 6px 1px rgba(0, 243, 255, 0.7), -4px -4px 1px rgba(255, 0, 0, 0.6);text-decoration: none;-webkit-filter: invert(0%);
    filter: invert(0%);}
	45% {text-shadow: 0px 0px 1px rgba(0, 243, 255, 0.7), -1px 0px 1px rgba(255, 0, 0, 0.6);text-decoration: line-through;-webkit-filter: invert(100%);
    filter: invert(100%);}
	50% {text-shadow: -2px -2px 1px rgba(0, 243, 255, 0.7), 2px 2px 1px rgba(255, 0, 0, 0.6);text-decoration: line-through;-webkit-filter: invert(100%);
    filter: invert(100%);}
	54% {text-shadow: -2px -2px 1px rgba(0, 243, 255, 0.7), 2px 2px 1px rgba(255, 0, 0, 0.6);text-decoration: line-through;-webkit-filter: invert(100%);
    filter: invert(100%);}
	55% {text-shadow: -6px -6px 1px rgba(0, 243, 255, 0.7), 4px 8px 1px rgba(255, 0, 0, 0.6);text-decoration: none;-webkit-filter: invert(0%);
    filter: invert(0%);}
	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);}
}
.fa-heartbeat:before {
    float: left;
}
.lighta{
	color: #3a3a3a;
   // text-shadow: 1px 1px 0px #fff;
}
.lighta:hover{text-shadow: 1px 1px 0px #3a3a3a;}
.sHeadLineMask{font-family:  sans-serif;}
h1,h2{color:#1ad088;text-align:center;}
h3{color:#fff;text-align:center;}
h3.extraline{color:#3e896b;text-align:center;}
.headerC h1,.headerC h2,.headerC h3{color:#fff;
    border: 5px solid transparent;padding:20px;margin-left:-24px;text-align:left;}
.headerC h1:hover,.headerC h2:hover,.headerC h3:hover{}
.headerD {
	color: ##1ad088;
    background: #fff;
    font-family: RobotoB;    display: block;
    float: left;
    padding: 40px;
    border: 4px solid #1ad088;}
.headerD h1,.headerD h2,.headerD h3{
	color: ##1ad088;text-align:left;}
.headerD h1:hover,.headerD h2:hover,.headerD h3:hover{}
h1{color:#fff;}
h3{}
.art{color: white;}
.sHeadLineMask{text-shadow: 0px 0px 10px rgba(34, 2, 42, 0.47);}
.headLineAdv, .headLineAdv2, .headLineAdv3 {
    -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    -o-decoration-break: clone;
decoration-break: clone;}
.headLineAdv3 {
    background: #167ec9d1;
    color: #fff;
padding: 10px 8px;
text-transform:uppercase;
letter-spacing: 2px;
float:left;}
h2.headLineAdv3{font-size:100%;}
strong{}
/*menu*/
#monitornav{}
#monitornav.monitorfix{}
#monitornav:hover{}
#monitornav:hover .menu-item{}
.homemenu{
	background: none!important;
	border: none!important;
	box-shadow: none!important;
}
.homemenu .icon-menu, .homemenu #monitornavpos ul li a{color: #26002d;}
.homemenu .menu-item.active {color: #d25151;}
#monitornav-move{background: rgba(0, 0, 0, 0.78);}	

#monitornavpos ul li a{
	color:#fff;
    font-weight: bolder;
    margin-left: 22px;
}
#monitornavpos ul li a:hover{color: #000;border-color: unset;}
#monitornavpos ul li a.openMenuItem:hover .bar1,
#monitornavpos ul li a.openMenuItem:hover .bar2,
#monitornavpos ul li a.openMenuItem:hover .bar3{
    /*-webkit-transform: none;
    transform: none;*/
	opacity:1;
}
.monitorfix #monitornavpos ul li a{}
.topMenu:hover{}
.topMenu:hover .monitorfix #monitornavpos ul li a,.monitorfix #monitornavpos ul li a:hover{}
@keyframes slidyB {
	0% { transform: translateX(0px); }
	100% { transform: translateX(-10px);}
}
@keyframes slidyC {
	0% { transform: translateY(0px); }
	25% { transform: translateY(-10px); }
	50% { transform: translateY(0px); }
	75% { transform: translateY(10px); }
	100% { transform: translateY(0px);}
}
.menu {    background: rgb(15, 36, 20);}
.menu a {color: #1ad088;}
.menu a:hover {color: #fff;}
.menu-item.active{font-family:'RobotoB', sans-serif!important;border-color: #fff;}

.menu-item.active:hover{color:#fff;}
.linkF.active{font-weight:bolder;
color:#000 !important;
}
.menu .menu-item.active{
	color: #5a7b6e !important;
}
.footer span{font-size: 24px;
color: #fff;
text-transform:uppercase;}

.start-item{
	display:block!important;
	color: #fff!important;
	position:fixed;
	cursor:pointer;
	top:40px;
	left:10px;	
	border:none;
	-webkit-animation: fadein 0.6s ease-in alternate ;
    -moz-animation: fadein 0.6s ease-in alternate ;
    animation: fadein 0.6s ease-in alternate ;
}
.bar1, .bar2, .bar3 {
    width: 36px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}
.monitorfix .bar1, .monitorfix  .bar2, .monitorfix .bar3 {background-color: #b6f7dd;}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-8px, 8px);
    transform: rotate(-45deg) translate(-8px, 8px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
.icon-menu {color: #f3fbff;z-index: 10;}
.icon-menu:hover{color: #fff;}
.icon-close {color: #1ad088;}
.icon-close:hover {color: red;} 
.top-menu-item{}
.top-menu-item:hover{
    background: #fff;
    color: #1ad088;}
.top-menu-cont{   
    display: block;
    float: left;
    margin-left: 192px;
    margin-top: 18px;
    margin-bottom: -62px;
    z-index: 1;
    position: relative;
}
.top-menu-cont ul li{float: left;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 10px;}
.top-menu-cont ul li a{color: #fff;
margin-left:12px;}
/***************************************************/
/*bg*/
.bgextra{}
.bgnormal{
	
}
.jb-img-box{background: #00d4aa;}

.bigButtonL,
.bigButtonC,
.bigButtonR{
	color: #1a639a;
}
/*socialb*/
.buttonCircleF{

}
.buttonCircleF:hover{color:grey;}
.bluecir{background: #5570b5;}
.bluecir:hover{background: #3357af;}
.#fffcir{background: #e44d4d;}
.#fffcir:hover{background: #fd4040;}
/*BTN*/
a.freeBtn,
.freeBtn{
	color: #ffffff;
    background: #1ad088;
    font-family: RobotoB;
    display: block;
    float: left;
    padding: 10px;
	margin-bottom:5px;
	margin-top:5px;
	min-width:160px;
    text-align: center;
}
.nextbtn{
	color: #ffffff;
    background: #24bbdc;
    font-family: RobotoB;
}
a.freeBtn:hover,
.freeBtn:hover{
    background: #fff!important;
    box-shadow: 0px 0px 14px #1ad08826;
    color: #1ad088!important;
    text-shadow: none!important;
    cursor: pointer!important;
    border-color: #ffffff!important;
}
.nextbtn:hover{
    background: #1ad088!important;
    box-shadow: none!important;
    color: #ffffff!important;
    text-shadow: none!important;
    cursor: pointer!important;
    color: #ffffff!important;
    border-color: #ffffff!important;
}
.nextbtn2{
	color: #ffffff!important;
    background: #1ad088;
    font-family: RobotoB;
}
.nextbtn2:hover{
    background: #24bbdc!important;
    box-shadow: none!important;
    color: #ffffff!important;
    text-shadow: none!important;
    cursor: pointer!important;
    border-color: #24bbdc!important;
}
/*BTNgal*/
.nextbtnGal{
	max-width: 100%;
	color: #f8fdff;
    text-shadow: 1px 1px 1px #161f30;
    //box-shadow: 0px 0px 10px #000000 inset;
    background: #000;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 26px;
	border-radius: 50%;
}
.nextbtnGal:hover {
	background: rgba(10,10,10,0.5);
	color: #ffffff!important;
	text-shadow: 1px 1px 1px #5c5c5c;
	cursor: pointer;
}
.shareBox{
	display:block;
	margin-top: 14px;
	margin-bottom: 10px;
	float:left;
}
.nextbtnGal2{
	float:left;
	color: #f8fdff;
    background: #000;
    border: 8px solid #3a7aa8;
    padding: 6px 0px;
    display: block;
    width: 48px;
    height: 48px;
	text-align:center;
	margin: 2px 4px;
}
.nextbtnGal2:last-of-type{margin-right:0px;
}
.nextbtnGal2:first-of-type{margin-left:0px;
}
.nextbtnGal2:hover {
    color: #ffffff;
    cursor: pointer;
	transform: scale(1.18);
}

.nextbtnGal2.tw{
	
	background: #6cbcec;
}
.nextbtnGal2.tw:hover {
	background: #59c1ff;
    color: #ffffff;
    cursor: pointer;
}
.nextbtnGal2.fc{
	
    background: #4685d3;
}
.nextbtnGal2.fc:hover {
    background: #2e86f5;
    color: #ffffff;
    cursor: pointer;
}
/*BTN2*/

/*prod*/
.prod-orange{
	color: #b77723;
    background: #ffe766;
	border: 6px solid transparent;
    text-shadow: 1px 1px 1px #ffedcc;
	box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);  
}
.prod-green-light{
    color: #3f9046;
	border: 6px solid transparent;
    background: #ccffc8;
    text-shadow: 2px 1px 1px rgba(255, 255, 255, 0.58);
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);	
}
.prod-green-light:hover{
    color: #328038;
	border-color: #3f9046;
    box-shadow: 0px 0px 0px #fff;
}
.prod-orange:hover{
    color: #b77723;
    border-color: #c7733d;
    box-shadow: 0px 0px 0px #fff;
}
/*BTN3*/
.nextbtn3{
	color: #ffffff!important;
    background: #1ad088;
    font-family: RobotoB;
    border-color: #ffffff;
}
.nextbtn3:hover{
    background: #24bbdc!important;
    box-shadow: none!important;
    color: #ffffff!important;
    text-shadow: none!important;
    cursor: pointer!important;
}
.greenbtn{
    background: #13d033;
    box-shadow: 0px 0px 60px #19b10f inset, 0px 0px 20px rgba(255, 255, 255, 0.56);
}
.#fffbtn{
    background: #de5e5e;
    box-shadow: 0px 0px 60px #d24c4c inset, 0px 0px 20px rgba(255, 255, 255, 0.56);
    text-shadow: 1px 1px 2px #841313;
}
/**/
.kiemstilo{
    color: #fff5bf;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.22);
}
.logoheader{ 
	background-color: transparent!important;
	background:  url('logo.png') no-repeat;
	background-size: cover;
}
.logoheader:hover{}   
.logoheader.monitorfix{    
	background:  url('logo.png') no-repeat;
	background-size: cover;
	//background-color: #0bffa9;
}
.logoheader.monitorfix:hover{}
/*sitelabel&container*/
.container{}
.labelsm{color: #034e29;}
.labelsm:hover{color: #51d19f;}
.mymenet{box-shadow: 0px 0px 120px #09000a inset;}
/******************************************************/
.lightbox,.lightboxExtra{background: #fff;color: #53075d;}
.bluebox{
    background-color: #24bbdc;
    /* float: unset;
    z-index: -2;
	*/
    position: relative;
}
.blueboxB{
    background-color: #24bbdc;
}
.blueboxhc{
    background: #5570b5;
    color: white;
    text-shadow: 1px 1px 1px #24418b;
}
.greybox{
    background: #f9f9f9;
    color: #5570b5;
    box-shadow: 0px 0px 10px #d2d2d2;
}
.darkbox{
    background: rgba(7, 7, 7, 0.6);
    color: #fff;
    font-weight: bolder;
    text-shadow: 0px 0px 8px black;
}
.whitebox{background: #fff;}
/*****************footer***********************/
.footer .box{
   // background: #fff;
   color:#b9ffe3;
}
.footer .linkF:hover{
	color: #000;
 animation:none;}
.footer a{	color: #fff;
}
.footer a.subber.onn{	border: 1px solid;
padding:4px;
}
.footer .linkF{	color: #fff;
}
.logo{width:100%;display:block;cursor:pointer;}
.logo:hover{}
.homeLogo{box-shadow: 0px 0px 6px #3a3a3a;}
.footerLogoA{
	background: url(des/web_logo_f.svg) no-repeat 0 0;
	background-size: cover!important;
}
.footerLogoA:hover{
	background: url(des/web_logo_bn.svg) no-repeat 0 0;
}
/*SUTIKE freesssh aah yeaah*/
#backCookie{z-index:1;}
.sutis-txtdoboz{color: white;}
.suti-x{color: white;}
.sutitxt{background: rgba(62, 7, 66, 1);}
.sutis-doboz:hover .sutike{background:rgb(250, 250, 250);}
.sutike{ 
	background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
}
.sutike:hover{ 
	background: rgba(0, 0, 0, 1);
}
.tovsuti:hover{color: #ffffff;}
.okPipe{
	background: url('des/sutikeOk.png') no-repeat center center;
	background-size: cover;
}
.oksuti{background: grey;border:2px solid grey;}
.oksuti:hover{background:black;border:2px solid white;}
/*********************former***********************/
.formletter{
	color: #fff;
	background-size: cover;
    box-shadow: none;
}
.formHead h1,.formHead h2{text-align:center;}
.formHead {	color: #fff;}
/*******************/
/* Form Side */
input[type="radio"]:hover{background: 1px solid #fff;}
.innerrow::placeholder,
.incontAct::placeholder{color: #cccccc!important;}
.mymobil::placeholder{color: grey;}
/*******************************************/
.whitecont{background: white;}
.whitelinedropshadow{box-shadow: 0px 3px 4px #ebebeb;}
.border-box{
	background: #ffffff;
	border: 1px solid #f2f2f2;
}
.border-box:hover{
	border: 1px solid white;
	box-shadow: 0px 2px 8px #f3f3f3;	
}
/**/
.mYarticleTwo{
	background: #ffa24f;
	border: 1px solid #ff8e19;
	color: white;
	text-shadow: 1px 1px 2px #c36e03;
	box-shadow: 2px 2px 10px #efefef, 0px 0px 120px #ff8d00 inset;
}
.headerbgbg{
	background: url('des/cover.png') no-repeat center center;
	background-size: cover;
	background-color: #8eaeff;
}
.blueBy{background-color: #1ad088;
    color: #98f5d0;}
/*Laptop anim*/
@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: none;
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}
.slideInUp {
}
.harderB{//width:180%;
background:#1ad088;margin-top:20px;}
/*ERD*/
p.error {background: #ff6262;
    color: #fff;
    font-weight: bold;}
p.success {background: #b3ff69;color: black;}
.inputcomment{
    background: rgba(136, 136, 136, 0.2);
    color: #000;
    border: 2px solid #1d1d1d;
    /* padding: 1px; */
    margin: 1px auto;
    width: 100%;
    display: block;
}	
.inputcomment:hover,.inputcomment:active,.inputcomment:focus{
	border: 2px solid #fff;
	outline: 0px solid;
}
.erdeklodesSend{}
.erdeklodesSend:hover{}
/*******************************************/

/**************vieosblack******************/

.videosBlack{
	background:#000;
	color:#fff;
}
.labelsm.videosBlack{
	background:none;
	color:#fff;
}
.katter{
	display:block;
}

/*******************************************/

@media all and (min-width: 961px){.onlytabmob{display:none;}}

@media all and (max-width: 960px){
	.notab{display: none;}
	.logoheader.monitorfix{    
		background:  url('logo_y.png') no-repeat;
		background-size: cover;
	}
}

@media all and (max-width: 779px){
	html { background-size: 10%;}
	.prod-green-light{background: #c2ffbe;}
}

@media all and (max-width: 645px){	
	.nextbtnGal2{
		padding: 8px;
		display: block;
		width: 38px;
		height: 38px;
		text-align:center;
	}
	.testiface{
		width: 100px;
		height: 100px;
	}	
	h1{font-size: 28px;}
	h1.extrah1{font-size: 38px;}
	
.harderB{width:100%;}
}
@media all and (max-width: 540px){	
	.headerbg,.bgbg{height: 180px;}
	.nomobile{display: none;}
}


/***************/
::-moz-selection{ 
background: #fff;
color: #000 !important;
	text-shadow: none;
}
::selection{
background: #fff;
color: #000 !important;
	text-shadow: none;
}