@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
*:focus {outline: none;}

@font-face {
    font-family: 'pfdindisplaypro-reg';
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot');
    src: url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.woff') format('woff'),
         url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-reg/pfdindisplaypro-reg.svg') format('svg');
}
@font-face {
    font-family: 'pfdindisplaypro-bold';
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.eot');
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.woff') format('woff'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-bold/pfdindisplaypro-bold.svg') format('svg');
}
@font-face {
    font-family: 'pfdindisplaypro-italic';
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.eot');
    src: url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.woff2') format('woff2'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.woff') format('woff'),
         url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.ttf') format('truetype'),
		 url('fonts/pfdindisplaypro-bold/pfdindisplaypro-italic.svg') format('svg');
}

#te-pi { width:1000px;}
.close-buttom3 { right: 15px;; top: 15px; cursor:pointer; display: block;}
.kre30 { position:absolute; top:0; left:0; display:block; -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease; opacity:1;}
.kre40 { position:absolute; top:0; left:0; display:block; -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease; opacity:0;}


.soki {
	position:fixed;
	right:0;
	top:inherit;
	width:27px;
	height:147px;
	/*-webkit-transition: 500ms ease all; -moz-transition: 500ms ease all;  -ms-transition: 500ms ease all; -o-transition: 500ms ease all; transition: 500ms ease all;*/
	display:  block; /* ///////////////////////////////////// */
	z-index:1000000;
}

.sokir {
	position:fixed;
	lright:0;
	top:inherit;
	width:27px;
	height:147px;
	/*-webkit-transition: 500ms ease all; -moz-transition: 500ms ease all;  -ms-transition: 500ms ease all; -o-transition: 500ms ease all; transition: 500ms ease all;*/
	display:  block; /* ///////////////////////////////////// */
	z-index:1000000;
}

.imag.fi1, .imag.th1, .imag.fi2, .imag.th2, .imag.fi3, .imag.th3, .imag.fi4, .imag.th4, .imag.fi5, .imag.th5 {margin:0;	padding:0;}

.imag.th1, .imag.th2, .imag.th3, .imag.th4, .imag.th5  {
	display:block;
	opacity:0;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.imag.fi1, .imag.fi2, .imag.fi3, .imag.fi4, .imag.fi5 {
	opacity:1;
	display:block;
	position:absolute;
	z-index:100;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.sb1, .sb2 .sb3, .sb4, .sb5 {
	display:inline-block;
	width:27px;
	height:27px;
	background-position:center center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}



#vib1 { display:block; }
#vib2 { display:none; }

#fru-end {height:48px;}
#fru-conti { width:1500px; text-align:left;}
.cop {position:relative; bottom:10px;}
#fruter { height:330px; display:block; }
.frut-block { display:block; width:1500px;}
.fruter-left { float:left; text-align:left;}
.fruter-right { float:right; text-align:right;}
.fru { list-style:none; text-decoration:none; margin-top:60px;}
#fru-fru { margin-top: 50px;}
.soc-net1 { display:block;} .soc-net2 { display:none;}

.fru li { list-style:none; text-decoration:none;}
.fru li a { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:200; font-size:22px; color:#8ab1c4;}
.fru p { font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:200; font-size:22px;} /*/!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!/*/
#copy { list-style:none; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:100; font-size:13px; color:#8ab1c4; line-height:1.3;}
#copy2 { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:100; font-size:20px; color:#8ab1c4; line-height:1.3;}

#copy { width:545px;}

.fru li a:hover { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:200; font-size:22px; color:#EACECE;
-webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}
.fru li a:focus { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:200; font-size:22px; color:#EACECE;
-webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}
.fru li a:activ { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:200; font-size:22px; color:#EACECE;
-webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}


.lik0 { width:179px;  margin-top:30px; padding-top:8px; padding-bottom:11px; padding-left:22px; padding-right:18px; border:#8ab1c4 2px solid;
        border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;	-ms-border-radius: 30px; -o-border-radius: 30px; position:relative; right:25px;
}

.lik10 { width:179px;  margin-top:43px; padding-top:8px; padding-bottom:11px; padding-left:22px; padding-right:18px; border:#8ab1c4 2px solid;
        border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;	-ms-border-radius: 30px; -o-border-radius: 30px; position:relative; right:25px; top: 50px;
}


#vidi {cursor:pointer; z-index:15; }
#movi {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
#scal {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	width:179px;
	height:21px;
}
.vizi { visibility:hidden; }
#mark2 { width:9px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
#pid {color:#8ab1c4;}

#blog {
	display: block;
	opacity:0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
	
#mone {
	opacity:0;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .34s ease;
    transition: all .3s ease;
	width:9px;
	height:21px;
	z-index:3;
}
#stat { width:44px;z-index:2;}
#movi2 {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	width:44px;
	z-index:1;
}
.ease2 {
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  -ms-transition: 300ms ease all;
  -o-transition: 300ms ease all;
  transition: 300ms ease all;
}
.bounce2 {
  -webkit-transition: 500ms cubic-bezier(0.175, 0.885, 0.420, 1.05) all;
  -moz-transition: 500ms cubic-bezier(0.175, 0.885, 0.420, 1.05) all;
  -ms-transition: 500ms cubic-bezier(0.175, 0.885, 0.420, 1.05) all;
  -o-transition: 500ms cubic-bezier(0.175, 0.885, 0.420, 1.05) all;
  transition: 500ms cubic-bezier(0.175, 0.885, 0.420, 1.05) all;
}




.lik2 { margin-top:38px;}
.lik3 { margin-top:38px;}
.lik4 { margin-top:32px;}
.lik5 { margin-top:55px;}
.lik50 { margin-top:50px;}
.lik6 { clear:both; padding-top:25px;}
.lik7 { display:none;}


.ikon-teleg, .ikon-viber, .ikon-whats, .ikon-skype, .ikon-insta, .ikon-fb {display:inline-block; background-position:center center;	background-repeat:no-repeat; float:right; margin:0;	padding:0;}
.ikon-insta { margin-right:35px;}
.ikon-skype { margin-right:34px;}
.ikon-viber { margin-right:25px;}
.ikon-whats { margin-right:34px;}
.ikon-fb { margin-right:34px;}
#im {height:43px; width:43px;}
#im2 {height:45px; width:45px;}


@media screen and (max-width:1520px) {
#fruter { height:360px; display:block; }	
	
	
#fru-conti { width:1200px;}
.frut-block {width:1200px;}
#copy { width:400px;}
.lik5 { margin-top:41px;}
}

@media screen and (max-width:1260px) {
.fru { list-style:none; text-decoration:none; margin-top:60px;}
#fru-conti { width:750px;}
.frut-block {width:750px;}	
.fruter-logo {display:none;}
#copy { width:375px;}
.ikon-insta { margin-right:20px;}
.ikon-skype { margin-right:19px;}
.ikon-viber { margin-right:10px;}
.ikon-whats { margin-right:19px;}
.ikon-fb { margin-right:19px;}

#te-pi { width:80%;}


}

@media screen and (max-width:1000px) {
.lik5 { margin-top:98px;}	
.lik50 { margin-top:165px;}	


}

@media screen and (max-width:810px) {
.frut-block {width:90%;}
#fru-conti { width:90%;}
#copy { width:300px;}
.lik5 { margin-top:98px;}	
.lik50 { margin-top:165px;}	
#fruter { height:400px;}
}

@media screen and (max-width:780px) {
.frut-block {width:90%;}	
}

@media screen and (max-width:720px) {
.soki {
	display:  none !important; /* ///////////////////////////////////// */
}
.sokir {
	display:  none !important; /* ///////////////////////////////////// */
}
	
	
#movi { display:none;}
#mark2 { display:none;}
#static { display:none;}

.lik10 { width:179px;  margin-top:43px; padding-top:8px; padding-bottom:11px; padding-left:22px; padding-right:18px; border:#8ab1c4 2px solid;
         position:relative; right:0px; top: 35px; 
}

#proza { position:relative; right:85px; }
	
#fruter { height:560px;}
#vib1 { display:none; }
#vib2 { display:block; }
.lik4 { position:relative;}
.lik5 { display:none;}
.lik50 { display:none;}
.lik7 { display:block; margin-top:20px;}
.lik6 { padding-top:80px; position:relative;}
	
#fru-conti { width:90%; text-align:center;}	
#copy { width:auto;}

#fru-fru { margin-left: inherit;}
.frut-block {width:90%;}  .fruter-left { float:inherit; text-align:center;}  .fruter-right { float:inherit; text-align:center; margin-top:50px; }
.fru { list-style:none; text-decoration:none; margin-top:00px; padding-top:50px;}
.lik2 { margin-top:23px;}
.lik3 { margin-top:23px;}
.lik4 { margin-top:23px;}
.ikon-teleg, .ikon-viber, .ikon-whats, .ikon-skype, .ikon-insta, .ikon-fb {display:inline-block; background-position:center center;	background-repeat: no-repeat; float: left; margin:0;	padding:0;}
.soc-net1 { display:none;} .soc-net2 { display:block;}

/*.ikon-whats {margin-right:25px;}
.ikon-viber {margin-right:16px;}
.ikon-skype { margin-right:25px;}
.ikon-insta { margin-right:26px;}*/

.ikon-insta { margin-right:20px;}
.ikon-skype { margin-right:19px;}
.ikon-viber { margin-right:10px;}
.ikon-whats { margin-right:19px;}
.ikon-fb { margin-right:19px;}

.soc-net2 { display:block; position:absolute; left:50%; width:350px; margin-left:-175px; }
}


@media screen and (max-width:560px) {
#fruter { height:600px;}

}



@media screen and (max-width:460px) {
#fruter { height:600px;}

.cop {position:relative; top:5px;}
#fru-end {height:60px;}
}

@media screen and (max-width:400px) {
#fruter { height:580px;}

.soc-net2 { display:block; position:absolute; left:50%; width:300px; margin-left:-150px; }

.ikon-insta { margin-right:11px;}
.ikon-skype { margin-right:10px;}
.ikon-viber { margin-right:1px;}
.ikon-whats { margin-right:10px;}
.ikon-fb { margin-right:10px;}

.lik7 p { line-height:0.7;}
#copy2 { list-style:none; text-decoration:none; font-family: 'pfdindisplaypro-reg', sans-serif; font-weight:100; font-size:18px; color:#8ab1c4; line-height:1.3;}

}

@media screen and (max-width:330px) {#fruter {}}