
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;800&display=swap");@font-face{font-family:icomoon;src:url(/fonts/icomoon.eot?lacgdt);src:url(//icomoon.eot/?lacgdt=#iefix) format("embedded-opentype"),url(/fonts/icomoon.ttf?lacgdt) format("truetype"),url(/fonts/icomoon.woff?lacgdt) format("woff"),url(/fonts/icomoon.svg?lacgdt#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-menu:before{content:"\e9bd"}.icon-play:before{content:"\ea1c"}.icon-pause:before{content:"\ea1d"}.icon-volume-on:before{content:"\ea26"}.icon-volume-off:before{content:"\ea2a"}.icon-arrow-up:before{content:"\ea41"}.icon-arrow-right:before{content:"\ea42"}.icon-arrow-down:before{content:"\ea43"}.icon-arrow-left:before{content:"\ea44"}.icon-facebook:before{content:"\ea90"}.icon-instagram:before{content:"\ea92"}.icon-twitter:before{content:"\ea96"}.icon-youtube:before{content:"\ea9d"}.icon-spinner:before{content:"\e97a"}html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;margin:0;padding:0;font-size:14px;font-weight:300;color:#fff;min-height:100vh;display:flex;flex-direction:column;background-color: #fff}.player{box-sizing:border-box}p{margin:0 0 5px;line-height:1.8}.button,button,input[type=button],input[type=reset],input[type=submit]{padding:.75rem 0;display:inline-block;font-size:.875rem;color:#fff;background-color:#317C3F;border:none;border-radius: 5px;text-decoration:none;font-weight:300;transition:color .5s,background-color .5s,border-color .5s,box-shadow .5s;width:100%;max-width:270px;text-align:center}.button .icon-arrow-right,button .icon-arrow-right,input[type=button] .icon-arrow-right,input[type=reset] .icon-arrow-right,input[type=submit] .icon-arrow-right{margin-left:1em;display:inline-block;font-size:.75em}.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#fff;text-decoration:none;outline:0;box-shadow:none;}



.container{padding:0 0px;margin:0 auto;max-width:1400px;}header{margin:5px 0}header 
.container{display:flex;flex-direction:column;align-items:center}

@media only screen and (max-width:1425px){
.container{padding:0 0px;margin:0 auto;max-width:97%;}header{margin:5px 0}header 
.container{display:flex;flex-direction:column;align-items:center}
}


@media only screen and (max-width:1225px){
.container{padding:0 0px;margin:0 auto;max-width:97%;}header{margin:5px 0}header 
.container{display:flex;flex-direction:column;align-items:center}
}


@media only screen and (max-width:1120px){
.container{padding:0 0px;margin:0 auto;max-width:97%;}header{margin:5px 0}header 
.container{display:flex;flex-direction:column;align-items:center}
}




@media only screen and (max-width:1024px){
main .wind1 {width: 100%; display: block; float: none;}
main .wind2 {width: 25%; display: block;float: none;}
}

@media only screen and (min-width:700px){header .container{flex-direction:row;justify-content:space-between}}

header a{margin:10px 0}header .logo{width:200px}main{background:#F4FAF8 url(../../img/a-logo-bg.png) top 90px right/350px no-repeat;padding:50px 0;flex:1;color: #fff;}

/*main {min-height: 620px; }*/

main .basictop {position: relative; display: block; width: 100%;margin: 0 auto;padding-top: 0px;padding-bottom: 30px;}


main .wind1 {width: 72%; display: inline-block;float: left;}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.infod {
	font-size: 115%;
}

.infow {
	font-size: 100%;
	text-align: center;
}

.afterl {
	color:#74bf44;
}

.afterl:hover {
	color:#74bf44;
}

.hidde {
	visibility: hidden;
}



.mobsi {
	margin-top: 6px;
}

main .wind2 {width: 25%; display: inline-block;float: right;}

main .wind2 iframe{min-height: 566px;}

main .wind2 img {max-width:100%}


@media only screen and (max-width:1425px){
/*main .wind2 iframe{min-height: 480px;}*/
main .wind1 {width: 73%;}
main .wind2 {width: 24%; }
}


@media only screen and (max-width:1225px){
	main .wind1 {width: 60%;}
	main .wind2 {width: 38%; }
	main .basictop {
	}

}



@media only screen and (max-width:920px){
main .wind1 {width: 100%; display: block; float: none;}
main .wind2 {width: 100%; display: block;float: none; margin-top: 50px;}
.container{padding:0 30px;margin:0 auto;}
.hidde {display: none;}.mobsi{text-align: center;margin-top: 10px;}

}


@media only screen and (min-width:700px){header .container{flex-direction:row;justify-content:space-between}}header a{margin:10px 0}header .logo{width:200px}main{background:#F4F9FA url(../../img/a-logo-bg.png) top 90px right/350px no-repeat;padding:50px 0;flex:1;color: #fff;}main .player{padding:56.25% 0 0;position:relative}main .player .info-table,main .player iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing: border-box;}main .player .info-table h1{font-size:20px;margin:0 0 15px;line-height:1.3;font-weight:500}@media only screen and (min-width:700px){main .player .info-table{padding:90px 30px 30px;max-width:1400px}main .player .info-table h1{font-size:3rem}}@media only screen and (min-width:900px){main .player .info-table{padding:160px 50px 50px}main .player .info-table h1{font-size:4rem;font-weight:800}}@media only screen and (min-width:1200px){main .player .info-table{padding:220px 80px 120px}}main .main-links{display:flex;flex-direction:column;align-items:center}

/* */
@media only screen and (min-width:700px){main .main-links{flex-direction:row;justify-content:space-between}}main .button-questions{margin:50px 0 30px}@media only screen and (min-width:700px){main .button-questions{order:2}}main .alter-link{color:#DCE1E8}main .alter-link a{color:#35B4C9}@media only screen and (min-width:700px){main .alter-link{order:1}}@media only screen and (min-width:900px){main .alter-link{display:flex}main .alter-link p{margin:0 20px 0 0;line-height:inherit}}footer{background:#366776;padding:30px 0;text-align:center}footer .container{display:flex;flex-direction:column;align-items:center}@media only screen and (min-width:700px){footer .container{flex-direction:row;justify-content:space-between}}footer a{margin:0 20px 0 0;color:white}footer p{margin:10px 0}footer .copy{color:#fff}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(1,24,36,.8)}



.popup{position:relative;width:90%; width:500px;left:50%;top:10%;transform:translate(-50%);background: #fff url(/img/envelope.svg) left top / 300px no-repeat;margin-top: -66%;border-radius: 10px;}



main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/1400px no-repeat;padding:50px 0;flex:1;color: #fff;}

@media only screen and (max-width:2300px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/1350px no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:1920px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/1300px no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:1790px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/1200px no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:1700px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/1000px no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:1680px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/75% no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:1550px){
	main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/80% no-repeat;padding:50px 0;flex:1;color: #fff;}
	.popup{margin-top: -68%;}
}


@media only screen and (max-width:1300px){
	.popup{margin-top: -70%;}
}


@media only screen and (max-width:1150px){
	.popup{margin-top: -72%;}
}

@media only screen and (max-width:1000px){
	.popup{margin-top: -74%;background: #fff url(/img/envelope.svg) left top / 250px no-repeat;}
    main{background:#F4FAF8 url(../../img/spojnica_watermark.png) top 0px left 100%/95% no-repeat;padding:50px 0;flex:1;color: #fff;}
}

@media only screen and (max-width:880px){
	.popup{margin-top: -76%;}
}

@media only screen and (max-width:750px){
	.popup{margin-top: -78%;}
}

@media only screen and (max-width:700px){
	.popup{margin-top: -84%;background: #fff url(/img/envelope.svg) left top / 200px no-repeat;}
}

@media only screen and (max-width:640px){
	.popup{margin-top: -88%;}
}

@media only screen and (max-width:550px){
	.popup{margin-top: -92%;}
}

@media only screen and (max-width:500px){
	.popup{margin-top: -94%;background: #fff url(/img/envelope.svg) left top / 160px no-repeat;}
}

@media only screen and (max-width:450px){
	.popup{margin-top: -100%;}
}

@media only screen and (max-width:450px){
	.popup{margin-top: -100%;;background: #fff url(/img/envelope.svg) left top / 140px no-repeat;}
}

@media only screen and (max-width:430px){
	.popup{margin-top: -105%;}
}

@media only screen and (max-width:430px){
	.popup{margin-top: -105%;}
}

@media only screen and (max-width:400px){
	.popup{margin-top: -109%;}
}

@media only screen and (max-width:360px){
	.popup{margin-top: -111%;}
}

@media only screen and (max-width:330px){
	.popup{margin-top: -113%;}
}

@media only screen and (max-width:310px){
	.popup{margin-top: -115%;}
}