html { overflow-y: scroll; height: 100%;}

body { font-family: arial, helvetica, sans-serif, tahoma, verdana; margin: 0;  padding: 0;  margin-top: 0;  display: flex; flex-direction: column; min-height: 100vh; color: #616b75; }

section {  flex: 1;  -ms-flex-preferred-size: auto;  }

*{-webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   box-sizing:border-box; }

a:link, a:visited { color: #1576cb; transition: all 500ms; text-decoration: none;  }
a:hover { text-decoration: none; color: #ff6600;}

.block1 {  margin: 0 auto; width: 100%; box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);  position: fixed; z-index:100; top: 0; background:#fff; padding-left: 40px; padding-right: 40px;}
.block2 {  margin: 0 auto; width: 100%; background-color:#fff; padding-top:30px; padding-bottom:30px; }
.block3 {  margin: 0 auto; width: 100%; background-color:#f7f8fa; padding-top:30px; padding-bottom:30px;  }
.block4 {  margin: 0 auto; width: 100%; }
.block5 {  margin: 0 auto; width: 100%; background-color:#f6f6f8; color: #616b75; padding: 10px 0 10px 0; border-top: 3px solid #02a9f3; }
.block5 img {  vertical-align: middle; margin:6px; margin-right: 10px; }

.block5 a:link, .block5 a:visited { color: #1576cb; transition: all 500ms; text-decoration: none; margin:10px;  }
.block5 a:hover { text-decoration: none; color: #6cdf77;}

.slider_bg { overflow: hidden; margin-top: 100px;  z-index: -100; position: relative; height: 100%;  width: 100%; }
.slider_bg img { width: 100%; }


h1 { margin: 0 auto; margin-bottom: 40px; color: #616c81; font-size:30px;  font-weight: normal;}
h4 { font-size:20px;  font-weight:normal; text-align: center; color: #616b75; line-height: 26px;}
p { font-size:18px;color:#616b75;}

.ita { display: table; list-style: none; color:#fff; padding:0; width: 100%; }
.ita li { width:25%; text-align:center;  display: table-cell; padding-top:20px; padding-bottom:10px;  }
.ita h3 { font-size: 60px;  margin-bottom:0px; margin-top:5px;}
.ita p { font-size:18px; color: #fff; margin-top:10px; margin-bottom:10px;  }

.social {width: 23%; float: left; text-align:center;  }
.social div {  display:inline-block; max-width:340px; margin-right:10px; margin-top:20px; margin-left:10px; font-size:14px; color:#c8ced9; }
.social img  { width:34px; height:34px; margin: 0 3px 0 3px; }
.social a:link { margin:0;  }

.backtotop { background-color:#6eb923; z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px;  border-radius: 4px; text-align:center; opacity:.2; line-height: 12px; width:36px; height:36px; }
.backtotop.visible { visibility:visible; opacity:.7; }
.backtotop:hover { opacity:1; background-color:#78b923; }
.backtotop i {    border: solid white;  border-width: 0 3px 3px 0; display: inline-block; padding: 5px;     transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  margin-top:15px;  font-size:1px; line-height:0; }

iframe { width:100%; height:460px; border:1px solid #dfe2eb; }




.site2 {  padding: 0; margin: 0 auto; min-width: 200px; max-width: 1400px; padding-left: 20px; padding-right: 20px; }

.site2 p {   font-size: 18px; color: #616b75;  line-height:24px;  }
.site2 li p {   color: #fff;  }


.lr { width:50%; float: left; padding: 14px;}
.lr img { width: 100%; height: auto; display:block; margin: auto; border-radius: 8px; margin-bottom: 40px; }
.site3 {   width: 100%; background-color: #ecf0f4; padding-left: 24px; padding-right: 24px;  }



.site2b img  { margin-top:70px; margin-bottom:140px; float:right; }
.site2b div  { display: inline-block; }

.site2b h1 {  font-size:27px; font-weight:normal; color:#f1f7ff; text-shadow: 1px 1px 2px #1d365a; letter-spacing: 1px; line-height: 40px; text-align: center;  max-width: 500px; float:left; margin-top:90px; margin-bottom:40px; margin-left:30px; margin-right:30px;   }

.cell1 {  float: left; }
.cell1 img { width: 227px; margin-right: 20px; margin-top: 10px;  margin-bottom: 5px; }
.cell2 { float: right; padding-top:8px; margin: auto;  }
.cell3 {  float: left; width: 51%; text-align: center; margin-top: 25px;  }
.cell3 img { vertical-align: bottom; margin-left: 30px; }
.cell3 span { font-size:22px; color: #145393; padding-bottom: 4px; display: inline-block; margin-left: 10px; }
.cell3 ph2 { margin-top: 10px; vertical-align: bottom;  }

.cell2 nav { display: inline-block; vertical-align: top; }

.menu { display: table; margin:0;  padding:0; margin-top: 20px; }
.menu li { display: inline-block;  text-align:left; position: relative; z-index:100; display: table-cell; text-align: center; }
.menu li:last-child { margin-left:0; }
.menu li a {  width: 100%; height: 50px; font-size:18px; color: #4b4d4e; padding:16px 20px 16px 20px; display: inline-block; transition: background-size .3s;  }
.menu li a:hover, .menu li:hover > a { background:#0e69d0; color:#fff; box-shadow: 0px 1px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2); }


.menu li a:hover, .menu li:hover > a { color:#fff; background:#0e69d0; }
.menu li > .active:link { color:#fff; }

 ul.menu > li > .active:visited { color:#0e69d0; }
 ul.menu > li  .active:hover { color: #fff; }

.menu ul { display: none; margin: 0; padding: 0; width: 280px; position: absolute; top: 50px; list-style: none;  }
.menu ul li { display:block; float: none; margin:0; padding:0;   text-align: left;  box-shadow: 0px 1px 8px rgba(0,0,0,0.2);  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); white-space: nowrap; background-color: rgb(255, 255, 255);   border-top:1px solid #e8e8e8; }
.menu ul li a { font-size:16px; display:block; color:#3568ac; height:auto; text-transform: none; }
.menu ul li a:hover, .menu ul li:hover > a { background:#0e69d0; color:#fff; }
.menu li:hover > ul { display: block; }

.mobile-menu { display:none; width:100%;  padding-left:0; padding-right:0; color:#ffffff; text-transform:uppercase; font-size:15px;  font-weight:600; text-decoration: none; margin-top: 30px; padding-bottom: 13px;  }
.mobile-menu:link, .mobile-menu:visited { color: #616b75; }
.mobile-menu:hover  { color:red; text-decoration:none; }
.mobile-menu .icon-reorder { display:inline-block; width:20px; height:18px; margin-right:10px; background: url(../img/icon-menu.png) no-repeat 0 1px; }


.left { width: 210px; }



.button  { text-align:right; margin-top: 40px; margin-bottom:40px;  }
.button a:link, .button a:visited {  font-size:16px; line-height:42px; text-align: center; color: #24a342; text-decoration:none; padding: 0 40px 0 40px; display:inline-block; height:44px; border: 1px solid #c6ccd9; border-radius: 3px; background: linear-gradient(to bottom, #fff, #edeff2);}
.button a:hover {  background: #31b650; color: #fff; }



.hr { width:100%; height:1px; border-top:1px #d1d8dd solid; margin-top:20px; margin-bottom: 20px; }

.clear { clear:both; }

.content { color:#616b75;  line-height: 24px;  margin-top:100px; margin-bottom: 60px;  }
.content h1 { text-align: center;  margin: 0 auto; max-width: 700px; font-weight: bold; margin-top: 50px; margin-bottom: 30px; color: #376eb0; font-size:30px;  line-height: 40px; text-transform:uppercase; font-weight: lighter; }
.content p {  font-size:16px; text-align:justify; color:#616b75; letter-spacing: 0.03em; }
.content  img { border-radius:  6px;  }

.content2 { margin-left:240px; color:#616b75;  }
.content2 p {  font-size:14px; text-align:justify; color:#4e556c;  }



.info {  cursor: pointer; outline: 0; text-decoration: none; height: 26px;  width: 26px; background: url('../img/info.png') no-repeat ; display: block; color:#fff; padding-left:34px; padding-top:6px;  float: right; }


.footer  { width: 55%; display: inline-block; margin-top:15px; margin-bottom:10px; vertical-align: top; color: #ccc;  text-align: right;  }
.footer a  { vertical-align: bottom; font-size: 14px; float: right;  color: #ccc; }
.footer2  { width: 45%; display: inline-block; margin-top:15px; margin-bottom:10px; vertical-align: top; color: #ccc;  text-align: right;  }

.cont {  font-size:16px;  width: 50%; float: left;  color:#5f6368; padding: 14px; }
.cont p { display:block;  margin: 0;  margin-bottom: 16px;   }

.contimg {  margin-left: 50%; margin-top: 20px; padding: 14px;}
.contimg img { width: 100%;  }


.person { float:left;  text-align: center; width: 33.33%;  padding:14px; margin-bottom: 20px; }
.person img { border-radius: 50%;width: 280px; border: 2px solid #ccc; }
.person h4 { font-size: 18px;  color: #5f6368; font-style: normal; }


.field label { font-size: 14px; }
.field { line-height:28px; color: #616b75; }



.button a:visited { font-size: 12px; letter-spacing: 0; padding: 0; width:210px; padding-top: 2px; }
.content .ruben p  { text-align: center; }

.button  { text-align:right; margin-top: 40px; margin-bottom:40px;  }
.button a:link, .button a:visited {  font-size:16px; line-height:42px; text-align: center; color: #02a9f3; text-decoration:none; padding: 0 40px 0 40px; display:inline-block; height:44px; border: 1px solid #c6ccd9; border-radius: 3px; background: linear-gradient(to bottom, #fff, #edeff2);}
.button a:hover {  background: #31b650; color: #fff; }



.order2 { border: 1px solid #ccc; border-radius: 8px; margin: 20px; padding: 20px; background-color: #fff; padding-top:40px; }
.order2 p { text-align: center; font-size: 20px; }

.order  { text-align:right; margin-top: 40px; margin-bottom:40px; text-align: center;  }
.order a:link, .order a:visited {  font-size:16px; line-height:42px; text-align: center; color: #fff; text-decoration:none; padding: 6px 40px 6px 40px; display:inline-block;  border: 1px solid #c6ccd9; border-radius: 6px; background: linear-gradient(to bottom, #0e69d0, #edeff2); background: #0e69d0;}
.order a:hover {  background: #31b650; color: #fff; }



.form input { background: #f7f8fa; outline: none; border: none; border-bottom: 1px solid #ccc;  padding: 6px; width: 100%; color: rgb(34, 34, 34); font-size: 16px;}
.form textarea { outline: none; display:block; height: 140px; width: 100%; margin-top: 24px; margin-bottom: 3px; background-color: #f9fafc; border: 1px solid #ccc; font-size:16px; font-family: arial, tahoma, helvetica, sans-serif;  }
.form input.submit {  width:160px; margin-top:10px; margin-bottom:20px;  font-size:16px; line-height:42px; text-align: center; color: #24a342; text-decoration:none; padding: 0 40px 0 40px; display:inline-block; height:44px; border: 1px solid #c6ccd9; border-radius: 3px; background: linear-gradient(to bottom, #fff, #edeff2); }
.form input.submit:hover { cursor: pointer; background: #31b650; color: #fff; transition: all 500ms; }
.form input  { margin-bottom: 16px; }
.messages { font-size:16px; margin-top:5px; margin-bottom:20px; line-height:24px; }

.sp1  { font-size: 90%;  line-height: 110%; }
.sp1 li { margin-bottom:14px; }
.sp2  { font-size: 18px; color:#616b75; line-height: 110%; padding-left:22px; }
.sp2  li { margin-bottom:14px; list-style: none; background: url(../img/t.png) no-repeat 0 4px;  padding-left: 18px; }


.bbnews { width: 33.33%; float: left; padding:12px; }
.activity-wrapper { position: relative; overflow: hidden; cursor: pointer; border:1px solid #adb4c1; height:auto; border-radius: 6px; border:1px solid #d5d9e0;  -webkit-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3);  box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.3); }
.activity-wrapper img { width: 100%; display: block; margin-bottom:44px; }
.activity-wrapper:hover .activity-details-container { top: 0;}
.activity-wrapper:hover .activity-overlay {  top: 0; }
.activity-wrapper:hover .activity-details-container p {   transform: scale(1); -webkit-transform: scale(1);/* Saf3.1+, Chrome */  -moz-transform: scale(1); /* FF3.5+ */  -ms-transform: scale(1); /* IE9 */  -o-transform: scale(1); /* Opera 10.5+ */}
.activity-details-container { width:100%; position: absolute; z-index: 3; top: 77%; height:100%;  -webkit-transition: 0.3s;  -moz-transition: 0.3s;   -ms-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s;  }

.activity-details-container h2 {  text-align: center; color: #1576cb; font-size: 18px; margin-bottom: 50px; font-weight: normal;}
.activity-wrapper:hover h2 {  color: #fff; font-size: 24px; line-height:30px; font-weight: normal; margin-top:15%; margin-left: 12px; margin-right: 12px; }
.activity-details-container p {  color: #fff; font-size: 14px; padding-right:20px;  -webkit-transform: scale(0);/* Saf3.1+, Chrome */ -moz-transform: scale(0); /* FF3.5+ */   -ms-transform: scale(0); /* IE9 */   -o-transform: scale(0); /* Opera 10.5+ */   transform: scale(0);}
.activity-wrapper .activity-overlay {  position: absolute; height: auto; width: 100%;  bottom: 0; background-color: #fff; opacity: 0.8;  z-index: 1;  top: 80%;  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -ms-transition: 0.3s;   -o-transition: 0.3s;   transition: 0.3s;}
.activity-wrapper:hover .activity-overlay {   background-color: rgba(44,62,80,0.92);  }
.activity-wrapper:hover .btn { text-decoration: none;  display: block; width: 150px;  height: 40px; background: #24a342; border-radius: 3px; line-height: 38px; font-size: 16px; color: #fff; text-align: center; margin:0 auto; }

.vlogo {  border:1px solid #c3c8d1; border-radius:6px; display: inline-block; width: 200px; text-align:center; margin:5px;-webkit-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.3);  box-shadow: 0px 3px 20px -10px rgba(0,0,0,0.3);  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;  transition: all 300ms linear;  }

.vlogo img {  height: 60px; width: auto; }


.list1{ -moz-column-count:3; -webkit-column-count:3; column-count:3; height:auto;  vertical-align:top;  max-width: 800px; margin: auto; margin-top: 60px; margin-bottom: 40px; }
.list1 .active a, .dveul .active a:focus, .dveul .active a:hover { color: #9c0928; }
.list1 li {  position: relative; }
.list1 li+li { margin-top: 30px; }
.list1 li a:after {   transition: 0.5s ease;  -o-transition: 0.5s ease;    -webkit-transition: 0.5s ease;  content: '';  position: absolute;  bottom: -4px;  left: 0;  width: 100%;  background-color: #c7c6c6;  height: 1px; }
.list1 li a:hover:after {  background-color: #3da9b6; width: 0; }
.list1 ul { list-style: none; margin: 0; }

.list {  vertical-align:top;   margin: auto; margin-bottom: 40px; }
.list .active  { color: #00c02d; }
.list li {  position: relative; display: inline-block;  margin: 30px; }
.list li a:after {   transition: 0.5s ease;  -o-transition: 0.5s ease;    -webkit-transition: 0.5s ease;  content: '';  position: absolute;  bottom: -4px;  left: 0;  width: 100%;  background-color: #c7c6c6;  height: 1px; }
.list li a:hover:after {  background-color: #3da9b6; width: 0; }
.list ul { list-style: none; margin: 0; text-align: center;  padding: 0; }



.tablica { display: table; width:100%; border-left:1px solid  #d7d9df;  border-top:1px solid  #d7d9df; font-size:16px; color: #616b75; border-radius:8px 0 8px 0; }
.tab { display: table-row;  }
.tab2 { display: table-row; background-color: #f9fafc; }
.tab3 { display: table-row; background-color: #045785; color: #fff;  }
.tcel {  width: 50%; display: table-cell;  padding: 20px;  border-right:1px solid  #d7d9df;  border-bottom:1px solid  #d7d9df;  vertical-align: middle;}

.myTable3 { margin-top:20px; font-size:16px; line-height: 22px; color: #616b75; border-left:1px solid #dde0e5; border-top:1px solid #dde0e5; background-color:#fff;}
.myTable3 td  { width:174px; vertical-align:top; border-right:1px solid #dde0e5; border-bottom:1px solid #dde0e5; text-align: left; padding: 20px;}

.license { text-align:center; float:left; margin-left: 20px; margin-right:19px;  }
.license img { border:1px solid #ccc; }
.license a:link, .license a:visited { color: #616b75; transition: all 500ms; text-decoration: none;  }
.license a:hover { text-decoration: none; color: #1576cb;}

#logo-animation  { padding-top: 20px; padding-bottom: 20px; }
#logo-animation .slider { height: auto; margin: auto; overflow: hidden; position: relative; width: 100%; }
#logo-animation .slider:before,#logo-animation .slider:after { background: linear-gradient(to right,  rgba(227,231,239,1) 0%,rgba(255,255,255,0) 100%); content: ""; height: 100px; position: absolute; width: 200px; z-index: 2; }
#logo-animation .slider:after { right: 0; top: 0; transform: rotateZ(180deg); }
#logo-animation .slider:before { left: 0; top: 0; }
#logo-animation .slide-track { animation: scroll 60s linear infinite; display: flex; width: calc(0px * 24); }
#logo-animation .slide-track:hover { -webkit-animation-play-state:paused; -moz-animation-play-state:paused;  animation-play-state:paused; }
#logo-animation div.slide { padding: 0 12px; display: flex; flex-direction: column; justify-content: center; }
#logo-animation .slider .slide,  .slide-track div { padding: 0 12px; display: flex; flex-direction: column;  justify-content: center; }
#logo-animation .slider img { margin: 0 30px; }
#logo-animation .slider img:hover { filter: none;  cursor: pointer; }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-200px * 19))}}

@media (min-width: 1700px)  { 

[data-sal] {
  transition-duration:.2s;
  transition-duration:var(--sal-duration,
  .2s);
  transition-delay:0s;
  transition-delay:var(--sal-delay,
  0s);
  transition-timing-function:ease;
  transition-timing-function:var(--sal-easing,
  ease)
}
[data-sal][data-sal-duration="800"] {
  transition-duration:.8s
}
[data-sal|=fade] {
  opacity:0;
  transition-property:opacity
}
[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
  opacity:1
}
[data-sal|=slide] {
  opacity:0;
  transition-property:opacity,transform
}
[data-sal=slide-up] {
  transform:translateY(20%)
}
[data-sal=slide-down] {
  transform:translateY(-20%)
}
[data-sal=slide-left] {
  transform:translateX(20%)
}
[data-sal=slide-right] {
  transform:translateX(-20%)
}
[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
  opacity:1;
  transform:none
}
[data-sal|=zoom] {
  opacity:0;
  transition-property:opacity,transform
}
[data-sal=zoom-in] {
  transform:scale(.5)
}
[data-sal=zoom-out] {
  transform:scale(1.1)
}
[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
  opacity:1;
  transform:none
}
}


.news { float:left; width: 33.33%; padding:14px;  }

.news { padding-top:14px; display:inline-block; }
.news img { float: right;  margin-left:20px; margin-bottom:20px; width: 100%; border-radius: 6px;}
.news a { text-align: left; margin: auto;width: 100%;  -webkit-transition: all 300ms linear;  -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;  transition: all 300ms linear;border: 1px solid #d9dae7; display: block; border-radius: 6px; }

.news a:hover { box-shadow: 0 3px 2px -2px rgba(0,0,0,.06); }

.news a:link { color: #616b75; }
.news a:hover p { color: #02a9f3; opacity: 1;  -webkit-animation: moveFromTop 300ms ease-in-out;  -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out;}

.news h4 { font-size:22px; margin: 0; padding: 0; color: #616c81; }

.news  p { font-size:16px; letter-spacing: 0.03em; line-height: 24px; padding: 0 20px 0px 20px ; }
.news  span { font-size:16px; letter-spacing: 0.03em; line-height: 24px; color: #00c02d; }

.news .button { font-size: 16px; margin-top: 5px; margin-bottom: 20px; 
  line-height: 42px;
  text-align: center;
  color: #02a9f3;
  text-decoration: none;
  padding: 0 40px 0 40px;
  display: inline-block;
  height: 44px;
  border: 1px solid #c6ccd9;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff, #edeff2); }

.news .button2 { text-align: center; }


.otziv { float:left; width: 33.33%; padding: 14px; }
.otziv div {  width: 100%;  padding: 24px; border: 1px solid #ccc; border-radius: 10px;background-color: #f7f8fa; }
.otziv img { border: 1px solid #ccc; border-radius: 50%; max-width: 280px; width: 100%; display: block; margin: auto; }
.otziv  p { font-size:16px; letter-spacing: 0.03em; line-height: 24px; }
.otziv  span { font-size:16px; letter-spacing: 0.03em; line-height: 24px; color: #00c02d; text-align: right; }

.line { border-bottom: 1px solid #d9d9d9; display: block; clear: both;  margin-bottom: 20px; margin-top: 20px; background: #fff;  }

.adres { float: right; padding: 20px; }
.adres img { width: 18px; height: 24px; }
.adres a:link  { margin: 0; }
.pod { text-align:center; color: #616b75; font-size:14px; padding-top:8px;}
.pod img { width: 140px; height: auto; vertical-align: middle; margin:10px; padding-bottom:8px;}

.presentation div { text-align: center; width: 50%; float: left; padding:14px; }
.presentation img { max-width: 500px; width: 100%; border-radius:6px; }
.presentation p { text-align: center; margin-bottom: 0; }


.ts { margin: 0 auto; width: 100%; display: grid; grid-template-columns: minmax(0,7fr) minmax(0,5fr); margin-top: 40px; }
.ts img { margin: auto; text-align: center; width:100%; border-radius: 8px;}
.ts2 { width: 100%;-webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border:1px solid #d5d9e0; border-radius: 10px; background-color: #fff; padding: 20px; }
.ts3 { -webkit-box-orient:vertical;-webkit-box-direction:normal; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; height:100%; padding-left: 20px; }
.ts4 { display: flex; -webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1; padding-bottom: 20px; }
.ts5 { display: flex; -webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1;}
.ts6 { border:1px solid #d5d9e0; border-radius: 10px; background-color: #fff; width:100%; padding: 20px; }

.spec { width:40%; float: left;  text-align: center;}
.spec img { border-radius: 50%; width: 300px; border: 1px solid #ccc; }


.director div { float: left; margin-right: 40px; margin-bottom:100px; }
.director img { border: 1px solid #ccc; border-radius: 50%; width: 280px; display: block; margin: auto; }

.popup h4 { font-size:32px; color: #009d25; margin-top:0;}

.menu3 { float: left; margin-top: 28px; }




@media (max-width: 1470px) {.cell3 span, .cell3 .ph2 { display: none; } .cell3 { width: 40%;} }

@media (max-width: 1300px) {.cell3 span { display: none; }.cell3 { width: 20%;} }

@media  (max-width: 1220px) { .menu li a { padding: 16px 10px 16px 10px; }}

@media  (max-width: 1140px) { .menu {margin-top: 6px;} .menu li a { padding: 18px 10px; font-size: 16px; }.cell1 img { width: 160px;} .cell3 img { width: 300px;} .cell3 { margin-top: 16px;} .block1 { padding-left: 20px; padding-right: 20px;}}

@media (max-width: 940px) {.menu { display:none; text-align:left; text-shadow: none; padding: 0; margin-top:14px;  } .mobile-menu { display:block; padding-right: 20px; }  .cell2 nav { margin:0; background:none; margin-top:3px; }.menu ul li { border:none; } .menu li { display:inline-block; margin:0;  float:none;  background:  #fff no-repeat; width:100%;border-top: 1px solid #ccc; box-shadow: 0px 1px 4px rgba(0,0,0,0.1); } .menu ul li:last-child { border-bottom: none;} .menu li:last-child { border-bottom:1px solid #ccc; } .menu li .active:link, ul.menu  li .active:visited { border-top: none;}  .menu ul { display:block; position:relative; top:0; left:0; width:100%; } .menu ul ul { left:0; } .block1 {padding: 0px; }}

@media (max-width: 940px) {.site2b img { display:none;}  .plus2 { width: 50%; } .site2b h1 { margin-top: 0; font-size: 24px; line-height: 30px; }  .site1b {  background-position: 60% -50px;  } .cell2 { text-align: right;  position: absolute; padding: 0;  top: 0; right: 0; width: auto;  }}

@media  (max-width: 900px) {.site2 p, .sp2 { font-size: 16px;} .block1 { position: relative} .slider_bg { margin-top: 0; height: 300px; }  .site1b {  padding-top:0; } .site1 {  position: relative; } .content {margin-top: 0;}}

@media (max-width: 870px)  {  .left { width:100%; } .content2 { padding-left:0; float: none; width: 100%; margin-left: 0; } .menu2 { float:none; width:100%;  margin-top: 30px; margin-bottom: 0; }  .news {width: 50%;} 
.pere2 h3 {  font-size: 30px;  font-family: Arial;  } .pere2 h4 { font-size: 18px; } .pere2 p { font-size:16px; } .pere3 h3 {  font-size: 30px;  font-family: Arial;  } .pere3 h4 { font-size: 18px; } .pere3 p { font-size:16px; }}

@media (max-width: 800px)  {.contimg { margin-left: 20px; margin-bottom: 3px; float: right; max-width: 760px; height: auto; width: 100%; } .cont { margin-top: 20px; width: 100%; } .slider img  { filter: none; opacity: 1;} #logos-home-page .slider:before, #logos-home-page .slider:after { width: 50px; } }

@media (max-width: 600px)  { .lr { width: 100%; padding: 0px;}  .plus { width:100%;} .news, .otziv, .cont, .contimg { width: 100%; padding: 10px 0px 10px 0px;} .ita h3 { font-size: 26px;}.ita p {font-size: 16px;} .cell1 img {  width: 140px; height: auto;} .lang2 {margin-top: 2px;} .button { text-align: center !important;} .news .button { text-align: center !important;}}

@media (max-width: 600px)  {.site2 p, .sp2 { font-size: 14px;  line-height: 22px;}  .button { text-align: center!important;} h1 { font-size: 24px; text-align: center; font-weight: normal;} h4 { font-size: 18px; } .adres { font-size: 13px; float: none; margin-left: 0px; display: inline-block; padding: 0; width: 100%; } .adres img { width:5%; height:5%; margin-right: 10px;  }}

@media (max-width: 600px)  {. .block4 { text-align: center; background-size: cover; } .block4 span { display: block; margin-bottom: 20px; text-align: center; } .pod { font-size:12px; } .menu3 { font-size:14px; margin-bottom:20px; line-height: 24px;} .pere h4 {font-size: 20px; margin-top:10px;} .spec { width:100%; text-align: center;}}

@media (max-width: 600px)  { .ts { grid-template-columns: 1fr;}  .ts p { font-size: 16px; } .ts .sp2 { padding-left: 14px;} .ts3 { padding-left: 0;} .ts2 { margin-bottom: 10px; } .ts4 {padding-bottom:10px;} .ts img { border-radius: 5px;} .ts2 { padding: 10px;} .person img { width: 80%; } .person {width: 100%;  margin-bottom: 0; } .cell3 { display: none; } }

@media (max-width: 600px)  { .bbnews { width: 100%; } .popup {margin: 0; padding: 20px; } .tcel { width: 100%; display: block; padding: 20px;  border: none; text-align: center;} .tcel p {  text-align: left;} .tablica { border: 1px solid #d7d9df; border-radius: 8px;} .popup h4 { font-size:24px; margin-bottom:20px; }.activity-details-container h2 {font-size: 16px; margin-bottom: 20px; }.activity-wrapper:hover h2 { font-size: 20px;  }.mobile-menu { padding-bottom: 5px;  } }

@media (max-width: 480px)  {   #logos-home-page .slider:before, #logos-home-page .slider:after { width: 10px; }}

@media (max-width: 430px) {.site2b img { display:none;}  .plus2 { width: 100%; }.otziv img { width: 80%;} .spec img {width:70%;} .director div { float:none; margin:0 auto; } .director img { width: 70%; }.presentation div {width: 100%; float: none; } .order2 { margin: 0px; padding-top:20px;} .order2 p { font-size: 16px;} .order  { margin-top: 20px; margin-bottom:10px}}

@media (max-width: 360px) { .cell3 { right: 90px;}}