@import url('https://fonts.googleapis.com/css?family=Noto+Sans:200,400,700,900&subset=latin-ext');

*{box-sizing: border-box;}
html, body{height: 100%; margin: 0; padding: 0;}
body{margin: 0; padding: 0; font-family: 'Noto Sans', sans-serif; font-weight: 400; position: relative; background: #f7f7f7}
a{text-decoration: none;}

.cleaner{clear: both}
.clear{clear: both}
.center{text-align: center;}
.line{display: block; margin: 5px auto 35px auto; width: 50px; height: 4px; background: #289447; box-shadow: 0 -1px 1px #C9E4D1;}
.spacer{width: 100%; height: 25px;}
.line-thin{display: block; margin: 0 auto; width: 100%; height: 1px; background: #EBEBEB; }
.none{display: none}
.flex{display: flex}
.green-border{padding: 0 0 0 25px; margin: 0; position: relative;}
.green-border .border{position: absolute; top: 0; bottom: 0; left: 0; width: 5px; padding: 0; margin: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2dbb4d+0,2db94c+47,309c4c+55,32964b+100 */
    background: #2dbb4d; /* Old browsers */
    background: -moz-linear-gradient(top, #2dbb4d 0%, #2db94c 47%, #309c4c 55%, #32964b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2dbb4d 0%,#2db94c 47%,#309c4c 55%,#32964b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2dbb4d 0%,#2db94c 47%,#309c4c 55%,#32964b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2dbb4d', endColorstr='#32964b',GradientType=0 ); /* IE6-9 */
}
.col-66{width: 55%; float: left;}
.col-33{width: 45%; float: left;}
.col-6666{width: 64%; float: right; padding-left: 3%}
.col-3333{width: 35%; float: left;}
.col-33 img{max-width: 100%; width: 100%;}
.col-66 img{max-width: 100%; width: 100%;}
.flex-25 {display: flex; flex-wrap: wrap;  width: 100%;}
.flex-25 .contact {flex: 1 1 25%;box-sizing: border-box;}
.flex-25.center{display: inline-flex}

#wrapper{position: relative; min-height: 100%; margin: 0 auto 0px auto; padding: 0 0 0px 0;}

section{position: relative; width: 100%;}
.main-container{width: 100%; max-width: 1100px; margin: 0 auto;}
.container{width: 100%; padding: 0 70px;  margin: 0 auto}
.container.big{padding: 0 110px;}

header{background: #009640; height: 81px; line-height: 81px; }
header .logo{float: left; height: 81px; padding: 0; display: block; margin: 0 50px 0 0;}
header .menu{padding: 0; margin: 0; list-style: none;}
header .menu li{float: left; padding: 0; margin: 0;}
header .menu a{display: block; color: #ffffff; font-size: 12px; font-weight: 700; padding: 0 50px 0 0;}

section#header2{height: 115px; line-height: 115px; box-shadow: 0px 0px 10px #d9d9d9; font-weight: 700; background: #ffffff;}
section#header2 a{display: block; font-size: 14px; color: #3e3e3e;}
section#header2 .icon{float: left; height: 115px; width: 50px; margin: 0 15px 0 0;}
section#header2 .icon.phone{background: url('/img/icon_phone.png') no-repeat center;}
section#header2 .icon.mail{background: url('/img/icon_mail.png') no-repeat center;}
section#header2 a.right{display: block; line-height: 20px; float: right; margin: 60px 0px 0 15px; font-size: 14px; color: #ffffff; border-radius: 3px; text-align: center; }
section#header2 a.right.green{background: #009640;  padding: 12px 30px;}
section#header2 a.right.blue{background: #3b5999;  padding: 12px 30px;}
section#header2 a.right.pink{background: #D6007A;  padding: 12px 30px;}
section#header2 .big-logo{width: 405px; max-width: 75%; float: left; margin: 45px 0 0 25px; }
section#header2 .ipc-logo{height: 30px; max-width: 75%; float: right; margin: 50px 25px 0 0; }

section#header3{ height: 60px; line-height: 60px; position: relative; z-index: 150;}
section#header3 .main-container{ height: 81px; }
section#header3 .main-container>.menu{padding: 0; margin: 0; list-style: circle; display: table; width: 100%; border-bottom: 4px solid #009640; border-top: 1px solid #eeeeee; position: relative;}
section#header3 .main-container>.menu>li{padding: 0; margin: 0; display: table-cell; text-align: center; position: relative; background: #ffffff; }
section#header3 .main-container>.menu>li>a{display: block; color: #009640; font-size: 18px; font-weight: 700; padding: 0 5px; text-transform: uppercase; transition: ease all 0.2s;   border-right: 1px solid #eeeeee;}
section#header3 .main-container>.menu>li>a:hover{background: #009640; color: #ffffff;}
section#header3 .main-container>.menu>li>a.active{background: #009640;  color: #ffffff;}
section#header3 .main-container>.menu>li:first-child>a{ padding: 0 15px; border-left: 1px solid #eeeeee;  }
section#header3 .main-container>.menu>li:last-child>a{ padding: 0 15px;  border-right: 1px solid #eeeeee; }
section#header3 .main-container>.menu>li>.menu{position: absolute; top: 60px; left: 0; right: 0; background: #009640; padding: 0; display: none; z-index: 500; box-shadow: 0 5px 10px rgba(0,0,0,0.4); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
section#header3 .main-container>.menu>li>.menu>li{display: block; width: 100%;}
section#header3 .main-container>.menu>li>.menu>li>a{display: block; width: 100%; font-size: 13px; line-height: 18px; padding: 6px 2px; font-weight: 700;  text-transform: uppercase; color: #ffffff; transition: ease all 0.2s;}
section#header3 .main-container>.menu>li>.menu>li>a:hover{background: #233d62;}
section#header3 .main-container>.menu>li>.menu>li:first-child>a{padding: 10px 2px 6px;}
section#header3 .main-container>.menu>li>.menu>li:last-child>a{padding: 6px 2px 10px;  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
section#header3 .main-container>.menu>li:hover>.menu{display: block}
section#header3 .main-container>.menu>li:last-child:hover>a{border-bottom-right-radius: 0;}
section#header3 .main-container>.menu>li:last-child:hover{border-bottom-right-radius: 0;}

.claim{width: 100%; border-bottom: 4px solid #009640; position: relative; padding: 0; margin: 10px 0 20px;}
.claim p{display: inline-block; width: auto; background: #009640; color: #ffffff; font-size: 20px; padding: 12px 40px 8px 70px; font-weight: 200; border-bottom: 6px solid #008143; position: relative; top: 16px; margin: 0;}

.news{display: flex; margin: -25px 70px 50px; flex-wrap: wrap; gap: 20px; }
.news .new{flex-basis: calc((100% - 40px)/3); position: relative; }
.news .new:last-child:nth-child(3n+1){margin-left: auto;margin-right: auto;}

.news .new .image{position: absolute; z-index: 300; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.05); border-top: 4px solid transparent;  transition: ease all 0.2s;}
.news .new img{display: block; width: 100%;}
.news .new h3{text-transform: uppercase; position: absolute; z-index: 400; color: #ffffff; font-weight: 400; text-align: center; bottom: 30px; left: 0; right: 0; font-size: 18px; text-shadow: rgba(0,0,0, 1) 1px 1px 30px; padding: 0 15px; font-weight: 400; margin: 0;}
.news .new:hover .image{border-top: 4px solid #009640}

.border{border: 1px solid #e4e4e4; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #ffffff; box-shadow: 0 0 1px #f0f0f0; margin: 0px 0 0 0; width: 100%;}

section#slider{font-family: 'Roboto', sans-serif; position: relative; height: 300px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-size: 26px; font-weight: 700; color: #ffffff; display: flex; justify-content: center; align-items: center; }
section#slider li{border-bottom: 4px solid #009640; }
section#slider.hp{height: auto;}
section#slider.small{height: 323px;}
section#slider.big{height: 680px; }
section#slider h1{color: #ffffff; font-weight: 700;   font-size: 40px; margin: 0; padding: 0;}
section#slider p{color: #ffffff; font-weight: 300; font-size: 14px; line-height: 24px; margin: 0; padding: 30px 0 0 0;}
section#slider .breadcrumbs{position: absolute; z-index: 75; top: 0; left: 0; right: 0; padding: 30px 0; text-align: center; color: #ffffff; font-size: 12px; font-weight: 300;}
section#slider .breadcrumbs a{color: #ffffff; }
section#slider .breadcrumbs .separator{margin: 0 10px;}
section#slider .arrow{z-index: 75; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #ffffff; background: #289447; border-radius: 50%; position: absolute; bottom: -25px; left: calc(50% - 25px);}
section#slider .rectangle{position: absolute; z-index: 75; bottom: 0px; height: 50px; left: 10%; right: 10%; background: #ffffff;}
section#slider .rectangle .arrow{bottom: 25px;}
section#slider .column{float: left; padding: 2px 40px; border-right: #575757 1px solid; margin: 35px 0 0 0;}
section#slider .column.last{border-right: 0;}
section#slider .column p{color: #ffffff; font-weight: 700;}
section#slider .column p.caption{font-size: 10px; line-height: 14px; margin: 0; padding: 0 0 15px 0;}
section#slider .column p.text{color: #ffffff; margin: 0; padding: 2px 0 0 0; font-size: 13px; line-height: 16px;}
section#slider .slider{width: 100%; margin: 0; padding: 0; list-style: none;}
section#slider .slider img{width: 100%; margin: 0; padding: 0; display: block;}
section#under-slider{height: 70px; background: #ffffff; width: 100%;}

section.welcome{padding: 30px 0;}
section.welcome .container{padding: 20px 70px 10px}
section.welcome h1{ font-size: 32px;font-weight: 900;color: #289447; text-transform: uppercase;  margin: 0 0 10px; }
section.welcome h2{ font-size: 24px;  font-weight: 700;  color: #289447; margin: 0 0 10px;}
section.welcome h2 small{font-size: 16px;}
section.welcome a{ color: #289447;}
section.welcome p, section.welcome li{color: #606060; font-size: 15px; line-height: 26px;}
section.welcome p.perex{ color: #289447; font-weight: 600}
section.welcome .col-33{padding: 0 0 0 50px;}
section.welcome .col-33 img{border-top: 4px solid #289447 }
section.welcome .col-66 img{border-top: 4px solid #289447; margin: 25px 0 15px 0; }

section#banners{padding: 0px 0 40px; text-align: center}
section#banners .banner{display: inline-block; width: 40%; margin: 20px 5% 0 0;}
section#banners .banner:last-of-type{margin-right: 0}
section#banners .banner:nth-child(2){margin: 0;}
section#banners .banner a{display: block;  border-radius: 5px; text-align: center; font-size: 20px; font-weight: 700; color: #ffffff; padding: 30px 10px; transition: ease 0.2s all;}
section#banners .banner a{background: #E4A701}
section#banners .banner a:hover{background: #b37f00}
section#banners .banner.blue a{background: #388ccb; margin-right: 0;}
section#banners .banner.blue a:hover{background: #233d62}
section#banners .banner.pink a{background: #D6007A; margin-right: 0;}
section#banners .banner.pink a:hover{background: #88004d}
section#banners .banner a span{display: block; font-size: 14px; margin: 0 auto; padding: 10px 10% 0; font-weight: 500; line-height: 20px;}

section#news{background: #ffffff; padding: 60px 0; font-family: 'Open Sans', sans-serif;}
section#news .more{background: #62b076; float: right; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 15px; transition: 300ms ease background;}
section#news .more:hover{background:  #233d62;}
section#news h2{font-family: 'Roboto Slab', sans-serif;     font-size: 22px;  font-weight: 700;  color: #223d62; float: left; text-transform: uppercase}
section#news .news{display: flex; flex-wrap: wrap;}
section#news .new{width: 31.666%; margin: 2.25% 2.5% 2.25% 0; box-shadow: 0 0 10px #e9e9e9; }
section#news .new:nth-child(3n){margin-right: 0;}
section#news .new .image{width: 100%;}
section#news .new .image img{width: 100%; display: block;}
section#news .new .desc{padding: 20px 25px 35px 25px;}
section#news .new label{display: block; color: #269548; font-weight: 600; font-size: 12px; line-height: 20px; padding: 0; margin: 0 0 35px; text-transform: uppercase}
section#news .new h3{color: #505050; font-weight: 700; font-size: 20px; line-height: 30px; padding: 0; margin: 0 0 15px;}
section#news .new p{color: #9e9e9e; font-weight: 400; font-size: 12px; line-height: 20px; padding: 0; margin: 0 0 25px;}
section#news .new p.read{color: #233d60; font-weight: 700; font-size: 14px; line-height: 20px; padding: 0; margin: 0;}
section#news .new:hover p.read{text-decoration: underline;}
section#news .rectangles{width: 100%; margin: 15px auto 30px; display: block;}

section#news.section{padding: 0px 0 80px 0;}
section#news.section h2{float: none;width: 100%; color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; text-align: center;}
section#news.section{margin: 40px 0 0 0;}
section#news.section .switcher{text-align: center;}
section#news.section .switcher h3{font-weight: 700; margin: 0; cursor: pointer; display: inline-block; text-align: center; font-size: 14px; line-height: 30px; border-bottom: 2px solid transparent; padding: 10px 15px; color: #8D8D8D; font-family: 'Open Sans', sans-serif; }
section#news.section .switcher h3.active{border-bottom: #289447 solid 2px; color: #0D4C71;}
section#news.section .switcher h3:hover{border-color: #5EAF75;}
section#news.section .products-top{display: block;}
section#news.section .products-action{display: none;}
section#news.section .box{margin: 40px 0 0 0; display: none;}
section#news.section .box.active{display: block;}

section#new{}
section#new .container{padding: 0 calc(10% + 70px) 80px;}
section#new .main-image{width: 100%; margin: 20px 0;}
section#new p{color: #8d8d8d; font-size: 14px; line-height: 26px; font-family: 'Roboto', sans-serif; font-weight: 400;}
section#new .social{display: block; float: left; margin: 20px 40px 0 0; color: #ffffff; font-size: 13px; line-height: 40px; font-family: 'Roboto', sans-serif; font-weight: 500; }
section#new .social .icon{display: block; float: left; text-align: center; padding: 0 7px;}
section#new .social .text{display: block; float: left; padding: 0 20px; transition: all ease 250ms;}
section#new .social.facebook .icon{background: #4867A8; }
section#new .social.facebook .text{background: #3B5998; }
section#new .social.facebook:hover .text{background: #4867A8; }
section#new .social.twitter .icon{background: #31ABF6; }
section#new .social.twitter .text{background: #1DA1F2; }
section#new .social.twitter:hover .text{background: #31ABF6; }
section#new .back{background: #62b076; float: right; border-radius: 3px; color: #ffffff; display: inline-block; margin: 20px 0 0 0; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 15px; transition: 300ms ease background;}
section#new .back:hover{background: #32954b;} 

section#jobs{}
section#jobs h2{float: none;width: 100%; color: #0D4C71; font-weight: 600; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; }
section#jobs h2 strong{font-weight: 900;}
section#jobs .points{text-align: center; margin: 0 0 15px 0;}
section#jobs .points ul{list-style: none; padding: 0 0 30px; margin: 20px 0 10px 0; border-bottom: 3px solid #fb7e34;}
section#jobs .points ul li{display: inline-block; color: #505050; font-size: 18px; line-height: 26px; padding: 5px 8px; white-space: nowrap; font-weight: 600;}
section#jobs .points p{ display: inline-block; color: #505050; font-size: 22px; line-height: 36px; padding: 5px 5px; white-space: nowrap; font-weight: 400;}
section#jobs .points p a{font-weight: 600; color:#009640; }
section#jobs .benefits{display: block;}
section#jobs .benefits .benefit{width: 31.333%; height: 140px; margin: 2% 3% 2% 0; text-align: center; padding: 25px; display: flex; align-items: center; float: left;}
section#jobs .benefits .benefit.violet{background: #D6007A;}
section#jobs .benefits .benefit.orange{background: #ECA204;}
section#jobs .benefits .benefit.green{background: #00963F;}
section#jobs .benefits .benefit .image-cover{width: 55%; display: none; margin: 20px auto 25px; background: #ffffff; padding: 20px; border-radius: 200px;}
section#jobs .benefits .benefit .image-cover img{width: 100%; display: block;}
section#jobs .benefits .benefit:nth-child(3n){margin-right: 0;}
section#jobs .benefits .benefit h3{ font-weight: 700; font-size: 21px; line-height: 30px; color: #ffffff; margin: 0px 0 0 0; display: block; transition: 250ms ease all;}
section#jobs .benefits .benefit p{ font-weight: 400; font-size: 16px; line-height: 21px; color: #ffffff; margin: 0 0 0 0; display: none; transition: 250ms ease all;}
section#jobs .benefits .benefit:hover h3{display: none;}
section#jobs .benefits .benefit:hover p{display: block; }
section#jobs .jobs{padding: 40px 0 30px 0;}
section#jobs .jobs .job{border: 2px solid #efefef; border-radius: 3px; margin: 0 0 35px 0;}
section#jobs .jobs .job .head{}
section#jobs .jobs .job .head .left{float: left; width: 80%; padding: 25px 50px;}
section#jobs .jobs .job .head .left h3{color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 30px; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
section#jobs .jobs .job .head .right{float: right; width: 20%; background: #fafafa; padding: 20px 50px 20px 0; text-align: center;}
section#jobs .jobs .job .head .right a{background: #62b076; border-radius: 3px;  float: right; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 15px; transition: 300ms ease background;}
section#jobs .jobs .job .head .right a:hover{background: #32954b;}
section#jobs .jobs .job .head .right a .fa-angle-up{display: none;}
section#jobs .jobs .job .body{padding: 0px 50px 0px 50px; position: relative; border-top: 2px solid #efefef;}
section#jobs .jobs .job .body .line{width: 100%; height: 2px; background: #289046; position: relative; top: -2px; margin: 0;}
section#jobs .jobs .job .body{display: none;}
section#jobs .jobs .job .body .left{float: left; width: 70%; }
section#jobs .jobs .job .body .left .desc{border-right: 5px solid #EDEDED; padding: 0 50px 0 0; margin: 50px 0 50px 0;}
section#jobs .jobs .job .body .right{float: left; width: 30%; padding: 42px 0 0 15px;}
section#jobs .jobs .job .body .left h4{color: #0D4C71; font-weight: 700; font-size: 17px; line-height: 24px; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; }
section#jobs .jobs .job .body .left p{font-size: 14px; line-height: 24px; color: #404040; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 20px 0 20px 0;}
section#jobs .jobs .job .body .left ul{margin: 0 0 20px 20px; }
section#jobs .jobs .job .body .left li{font-size: 14px; line-height: 24px; color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 0;}
section#jobs .jobs .job .body .left li span{color: #4D7499;}
section#jobs .jobs .job .body .left a{color: #3F9F5B;  font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; line-height: 24px; padding: 15px 0 0 0; display: inline-block;}
section#jobs .jobs .job .body .right p{ font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 30px; font-weight: 600; color: #8d8d8d; margin: 0; padding: 0 0 35px 0;}
section#jobs .jobs .job .body .right p strong{color: #223d62; font-size: 16px; font-weight: 700;}
section#jobs .jobs .job .body .right p span{color: #299549;}

section#contact{border-bottom: 1px solid #E7E7E7; padding: 20px 0 60px;}
section#contact .container{padding: 0 110px;}
section#contact .left{width: 33%; float: left;}
section#contact .right{width: 66%; float: right; background: #EDEDED; padding: 0px 50px;}
section#contact .left .line{margin: 0 0 25px 0;}
section#contact .left h2{float: none;width: 100%; color: #223d62; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; }
section#contact .left h3{float: none;width: 100%; color: #575757;  font-size: 14px;  margin: 0; padding: 15px 0 0px 0;}
section#contact .left p{color: #8d8d8d; font-size: 12px;}

section#card{width: 100%; padding: 60px 70px;  font-family: 'Open Sans', sans-serif;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#026634+0,03743c+26,02944b+66,01a050+100 */
    background: #026634; /* Old browsers */
    background: -moz-linear-gradient(45deg, #026634 0%, #03743c 26%, #02944b 66%, #01a050 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #026634 0%,#03743c 26%,#02944b 66%,#01a050 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #026634 0%,#03743c 26%,#02944b 66%,#01a050 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026634', endColorstr='#01a050',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section#card .half{width: 50%; float: left;}
section#card .half:first-child{padding: 0 150px 0 0;}
section#card img{width: 100%; padding: 100px 0 0px;}
section#card h3{color: #ffffff; font-size: 22px; line-height: 28px; margin: 0; padding: 10px 0 10px 0; font-weight: 600; }
section#card h3 strong{font-weight: 700;}
section#card h3 strong.blue{color: #0D4C71; }
section#card ul{color: #ffffff; margin: 20px 120px 20px 20px; padding: 0; font-family: 'Roboto', sans-serif; font-weight: 400;}
section#card ul li{font-size: 16px; line-height: 28px; padding: 2px 0;}
section#card p{color: #ffffff; margin: 0px 120px 0px 20px; padding: 10px 0; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 14px; line-height: 28px;}
section#card p strong{font-weight: 400;}
section#card .button{background: #223D62; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 15px; margin: 30px 0 0 0; transition: 300ms ease background;}
section#card .button:hover{background: #0E2647;}

/*
section#partner{padding: 70px 100px 100px 100px; background: #ffffff; border-bottom: 2px solid #F8F8F8;}
section#partner h3{color: #0D4C71; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 20px 0; font-weight: 600;  font-family: 'Open Sans', sans-serif;}
section#partner p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 28px;}
section#partner h3 strong{font-weight: 900; }
section#partner a{color: #289447; font-family: 'Roboto', sans-serif; font-weight: 600; }
section#partner .first{float: left; width: 60%; margin: 0 5% 0 0;}
section#partner .second{float: left; width: 35%;}
section#partner .image{width: 100%; background: #303030; height: 280px; line-height: 280px; text-align: center; color: #ffffff; font-weight: 700;}
*/

section#form{padding: 60px 0 60px 0; background: #FDFDFD; border-bottom: 1px solid #EAEAEA; text-align: center;}
section#form h3{color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; text-align: center;}
section#form .form{ margin: 20px 10% 10px; padding: 40px 80px; box-shadow: 0px 0px 5px #F2F2F2; background: #ffffff;}
section#form .form input{ text-align: left; float: left; width: 31%; margin: 0 3.5% 2% 0; border: 1px solid #E8EAED; font-weight: bold; color: #667386; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px;  line-height: 30px; padding: 10px 15px;}
section#form .form input.last{margin-right: 0;}
section#form .form textarea{resize: none; text-align: left; width: 100%; margin: 0 0 2% 0; height: 200px; border: 1px solid #E8EAED; font-weight: bold; color: #667386; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px;  line-height: 30px; padding: 10px 15px;}
section#form .button{background: #62b076; border-radius: 3px; margin: 0 auto; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 30px; transition: 300ms ease background;}
section#form .button:hover{background: #32954b;}

section#form2{padding: 40px 0px 30px 0; border-bottom: 1px solid #EAEAEA; text-align: center;}
section#form2 h3{color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; text-align: center;}
section#form2 .form{}
section#form2 .form input{ text-align: left; float: left; width: 48%; margin: 0 4% 4% 0; border: 1px solid #E8EAED; font-weight: bold; color: #667386; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px;  line-height: 30px; padding: 10px 15px;}
section#form2 .form input.last{margin-right: 0;}
section#form2 .form textarea{resize: none; text-align: left; width: 100%; margin: 0 0 4% 0; height: 200px; border: 1px solid #E8EAED; font-weight: bold; color: #667386; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px;  line-height: 30px; padding: 10px 15px;}
section#form2 .button{background: #62b076; border-radius: 3px; margin: 0 auto; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 10px 30px; transition: 300ms ease background;}
section#form2 .button:hover{background: #32954b;}

section#team{padding: 60px 0; background: #FDFDFD; position: relative; z-index: 1000;}
section#team h2{color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; text-align: center;}
section#team .team{list-style: none; margin: 0; padding: 0;}
section#team .team li{float: left; width: 33%; padding: 15px 40px 90px 40px; position: relative;}
section#team .team li img{width: 85%; height: auto;}
section#team .team .info{box-shadow: 0px 0px 15px #dddddd; position: absolute; bottom: 55px; left: 20%; right: 60px; background: #ffffff; padding: 6px 10px; font-family: 'Roboto', sans-serif; font-weight: 400; }
section#team .team .info p{padding: 0; margin: 0; font-size: 12px; line-height: 20px; color: #505050;}
section#team .team .info a{color: #299549;}
section#team .team .info p.phone{color: #9e9e9e; padding: 5px 0 0 0; line-height: 16px;}
section#team .team .info p.email{line-height: 16px;}

section#media{background: #03753C; padding: 60px 0;}
section#media .container{padding: 0 110px;}
section#media .left{width: 50%; float: left;}
section#media .right{width: 50%; float: right;}
section#media h2{color: #ffffff;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 70px 0 0 0; font-size: 24px; line-height: 40px; font-weight: 600; }
section#media h2 strong{font-weight: 800;}
section#media a{display: block; float: left; width: 45%; margin: 0 5% 0 0; top: 0; transition: top ease 250ms; position: relative;}
section#media a:hover{top: -10px;}
section#media a .white{text-align: center; background: #ffffff; padding: 20px 10px;}
section#media a .white img{max-width: 100px;}
section#media a .green{text-align: center;background: #299549;}
section#media a .green p{color: #ffffff; font-family: 'Roboto', sans-serif; font-weight: 400; margin: 0; padding: 15px 20px; font-size: 12px; line-height: 30px;}
section#media a .green p strong{font-weight: 600;}

section#content{padding: 70px 0 70px;}
section#content h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 24px; line-height: 30px; font-weight: 600; }
section#content h3{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 10px 0; font-size: 24px; line-height: 30px; font-weight: 800; }
section#content .left{width: 55%; float: left; margin: 0;}
section#content .right{width: 40%; float: right; padding: 0 0 0 25px; margin: 0;}
section#content img{max-width: 100%;}
section#content .left-50{width: 49%; float: left; margin: 0;}
section#content .right-50{width: 49%; float: right; margin: 0;}
section#content .left-45{width: 44%; float: left; margin: 0;}
section#content .right-55{width: 54%; float: right; margin: 0;}
section#content .left-55{width: 54%; float: left; margin: 0;}
section#content .right-45{width: 44%; float: right; margin: 0;}
section#content p{color: #606060; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; margin: 15px 0; padding: 5px 0;}
section#content ul{}
section#content li{color: #606060; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; padding: 5px 0;}
section#content blockquote{color: #606060; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; border-left: 2px solid #223D62; margin: 60px 0; padding: 0 0 0 10px;}
section#content a{color: #289447;  font-family: 'Roboto', sans-serif; }
section#content .contact{padding: 0 50px 0 0; float: left;}
section#content .contact.no-padding{padding-right: 0}
section#content .contact p{font-size: 14px}

section#branches{padding: 0 0 0 0;}
section#branches .list{float: left; width: 25%; border-top-left-radius: 5px;}
section#branches .map{float: right; width: 75%;  border-top-right-radius: 5px;}
section#branches .map iframe{display: block;  border-top-right-radius: 5px;}
section#branches .list ul{margin: 0; padding:  0; list-style: none; height: 600px; overflow-x: hidden; overflow-y: scroll;  border-top-left-radius: 5px;}
section#branches .list ul li{border-left: 5px solid #ffffff; border-bottom: 1px solid #e4e4e4; padding: 15px 15px; background: #ffffff; position: relative; }
section#branches .list ul li .switcher{cursor: pointer;  border-radius: 500px; position: absolute; z-index: 50; top: 17px; right: 16px; width: 20px; height: 20px; line-height: 20px; color: #ffffff; background: #9a9a9a; text-align: center; font-size: 11px; transition: 250ms ease all;}
section#branches .list ul li .switcher:hover{background: #37964f;}
section#branches .list ul li h2{cursor: pointer; color: #505050; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0; padding: 4px 0 10px 0;}
section#branches .list ul li h3{cursor: pointer; color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; margin: 0; padding: 2px 0;}
section#branches .list ul li table{color: #b1b1b1; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; margin: 10px 0; }
section#branches .list ul li table td{padding: 4px 10px 4px 0; }
section#branches .list ul li table a{color: #289447;}
section#branches .list ul li a{text-decoration: underline; color: #289447; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; margin: 10px 0; }
section#branches .list ul li .more{display: none;}
section#branches .list ul li .fa-chevron-up{display: none;}
section#branches .list ul li .fa-chevron-down{display: inline;}
section#branches .list ul li.open{border-left: 5px solid #289447;}
section#branches .list ul li.open .more{display: block;}
section#branches .list ul li.open .fa-chevron-up{display: inline;}
section#branches .list ul li.open .fa-chevron-down{display: none; }

section#branches-list{padding: 70px 65px 35px; background: #fdfdfd; border-bottom: 1px solid #e4e4e4;}
section#branches-list h2{text-align: center; width: 100%; color: #0D4C71; font-weight: 900; font-size: 24px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; }
section#branches-list ul{margin: 0; padding: 0px 0 0 0; list-style: none; display: flex; flex-wrap: wrap;}
section#branches-list ul li{background: #ffffff; display: block; width: 49%; box-shadow: 0 0 10px #f2f2f2; border-top: 5px solid #289447; margin: 2% 2% 2% 0; padding: 25px;}
section#branches-list ul li:nth-child(even){margin-right: 0;}
section#branches-list ul li .left{float: left; width: 55%; border-right: 1px solid #e4e4e4; padding: 0 25px 0 0;}
section#branches-list ul li .right{float: right; width: 45%; padding: 0 0 0 25px;}
section#branches-list ul li h2{text-align: left; color: #505050; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; margin: 0; padding: 4px 0 10px 0;}
section#branches-list ul li h3{cursor: pointer; color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; line-height: 18px; margin: 0; padding: 2px 0;}
section#branches-list ul li .left a{transition: 250ms ease all; display: inline-block;  font-family: 'Roboto', sans-serif; font-weight: 700; color: #289447; border: 2px solid #289447; border-radius: 3px; font-size: 14px; line-height: 28px; padding: 4px 40px; margin: 30px 0 0 0;}
section#branches-list ul li .left a:hover{background: #289447; color: #ffffff;}
section#branches-list ul li p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; margin: 15px 0; }
section#branches-list ul li p a{ color: #289447; }
section#branches-list ul li p.hours{color: #223d62; margin: 45px 0 0 0;}
section#branches-list ul li p.hours strong{font-weight: 700;}

section#branch{padding: 50px 65px; border-bottom: 1px solid #e4e4e4;}
section#branch h1{text-align: left; width: 100%; color: #0D4C71; font-weight: 900; font-size: 28px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif;}
section#branch .line{float: left;}
section#branch h3{cursor: pointer; color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; margin: 0; padding: 2px 0;}
section#branch p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; margin: 10px 0; padding: 15px 0;}
section#branch p a{color: #289447;}
section#branch .column{float: left; width: 31%; margin: 0 3.5% 0 0;}
section#branch .column.last{margin-right: 0;}
section#branch .column.first{padding: 25px 0 0 0;}
section#branch ul.hours{margin: 0; background: #fbfbfb; list-style: none; width: 100%; padding: 15px 0;}
section#branch ul li{color: #223d62; font-family: 'Roboto', sans-serif;font-size: 16px; line-height: 22px; padding: 14px 0; }
section#branch ul li.active{background: #289447; color: #ffffff;}
section#branch ul li .left{width: 50%; float: left; font-weight: 700; padding: 0 0 0 20px; }
section#branch ul li .right{width: 50%; float: left; font-weight: 400;  padding: 0 0 0 20px;}
section#branch .column img{width: 100%;}
section#branch iframe{}

section#material{padding: 10px 0;}
section#material h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 24px; line-height: 30px; font-weight: 600; }
section#material h3{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 10px 0; font-size: 24px; line-height: 30px; font-weight: 800; }
section#material p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; margin: 0; padding: 10px 0 10px 0;}
section#material p.next-picture{padding: 90px 0 90px 40px;}
section#material blockquote{color: #223d62; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; border-left: 2px solid #223D62; margin: 60px 0; padding: 0 0 0 10px;}
section#material .material-image-cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#material .material-image{background: #303030; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#material .material-image-graphics{background: #299549; position: absolute; top: 20px; bottom: 20px; right: -15px; width: 15px; z-index: 50;}
section#material a{color: #289447;  font-family: 'Roboto', sans-serif; font-weight: 600; }
section#material .left{width: 49%; position: relative;}
section#material .right{width: 51%;}
section#material .flex{margin: 0 0 60px 0;}
section#material .green-border{margin: 30px 0;}
section#material .green-border h2{color: #223d62;  font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 22px; line-height: 32px;}
section#material .green-border p{color: rgba(34,61,98,0.8); font-family: 'Roboto', sans-serif;  font-weight: 700; font-size: 16px; line-height: 26px; padding: 15px 0 5px 0;}

section#material2{padding: 10px 0 30px 0;}
section#material2 h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 24px; line-height: 30px; font-weight: 600; }
section#material2 .green-border{margin: 30px 0;}
section#material2 .green-border h2{color: #223d62;  font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 22px; line-height: 32px;}
section#material2 .green-border p{color: rgba(34,61,98,0.8); font-family: 'Roboto', sans-serif;  font-weight: 700; font-size: 16px; line-height: 26px; padding: 15px 0 5px 0;}
section#material2 .green-border a{color: #299549}

section#box{margin: 25px 0; padding: 50px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
section#box .left{float: left; width: 46%;}
section#box .right{float: right; width: 46%;}
section#box .line{margin: 15px 0 15px 0; height: 2px; width: 30px;}
section#box h3{color: #299549;  font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; margin: 0; padding: 0;}
section#box p{font-size: 14px; line-height: 24px; color: #596678; margin: 0; padding: 0;}

section#distribution{padding: 10px 0;}
section#distribution h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 24px; line-height: 30px; font-weight: 600; }
section#distribution h3{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 10px 0; font-size: 24px; line-height: 30px; font-weight: 800; }
section#distribution p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 26px; margin: 0; padding: 10px 0 10px 0;}
section#distribution p.next-picture{padding: 90px 0 90px 40px;}
section#distribution .distribution-image-cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#distribution .distribution-image{background: #303030; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#distribution .distribution-image-graphics{background: #299549; position: absolute; top: 20px; bottom: 20px; right: -15px; width: 15px; z-index: 50;}
section#distribution a{color: #289447;  font-family: 'Roboto', sans-serif; font-weight: 600; }
section#distribution .left{width: 45%; position: relative;}
section#distribution .right{width: 55%; padding: 60px 0 60px 7%;}
section#distribution .right .line{margin: 10px 0; position: relative; left: -25px; width: 100px; height: 2px;}
section#distribution .flex{margin: 0 0 60px 0;}
section#distribution .left2{width: 75%; padding: 60px 10% 30px 0;}
section#distribution .right2{width: 25%; padding: 60px 0 60px 7%;  position: relative;}
section#distribution .left2 .line{margin: 20px 0;  width: 80px; height: 2px;}
section#distribution .distribution-image2-cover{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#distribution .distribution-image2{box-shadow: 0 0 10px rgba(0,0,0,0.2); background: url('/img/certifikat.png') no-repeat center;  background-size: contain; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#distribution .distribution-image2-graphics{background: #299549; position: absolute; top: 40px; height: 35%; right: -4px; width: 4px; z-index: 50;}

section#files{background: #eef7e8; padding: 30px 0 40px ; }
section#files h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 20px; line-height: 30px; font-weight: 700; text-align: center;}
section#files .files{padding: 40px 0 10px 0;}
section#files .files .file{float: left; width: 20%; padding: 0 10px; text-align: center;}
section#files .files .file img{width: 80%; display: block; margin: 0 auto 15px auto; max-width: 85px;}
section#files .files .file .line{height: 1px; width: 30px; margin: 25px auto 10px auto;}
section#files .files .file h3{color: #299549; font-weight: 700; font-size: 14px; line-height: 22px;  padding: 5px 0 0px 0; margin: 0;}
section#files .files .file p{color: #223d62; font-weight: 300; font-size: 14px; line-height: 22px; padding: 0px 0 5px 0; margin: 0;}

section#hospital{padding: 10px 0;}
section#hospital h2{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 0px 0; font-size: 24px; line-height: 30px; font-weight: 600; }
section#hospital h3{color: #223d62;  font-family: 'Open Sans', sans-serif;  margin: 0; padding: 10px 0 10px 0; font-size: 24px; line-height: 30px; font-weight: 800; }
section#hospital p{color: #8d8d8d; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; margin: 0; padding: 10px 0 10px 0;}
section#hospital p.next-picture{color: rgba(34,61,98,0.8); font-family: 'Roboto', sans-serif;  font-weight: 400; font-size: 16px; line-height: 26px; padding: 90px 0 90px 40px;}
section#hospital blockquote{color: #223d62; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; border-left: 2px solid #223D62; margin: 60px 0; padding: 0 0 0 10px;}
section#hospital .hospital-image-cover{position: absolute; top: 0; left: 15px; right: 0; bottom: 0; z-index: 50;}
section#hospital .hospital-image{background: #303030; width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;}
section#hospital .hospital-image-graphics{background: #299549; position: absolute; top: 20px; bottom: 20px; left: -15px; width: 15px; z-index: 50;}
section#hospital a{color: #289447;  font-family: 'Roboto', sans-serif; font-weight: 600; }
section#hospital .left{width: 49%; position: relative;}
section#hospital .right{width: 51%;}
section#hospital .flex{margin: 0 0 60px 0;}
section#hospital .green-border{margin: 30px 0;}
section#hospital .green-border h2{color: #223d62;  font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 22px; line-height: 32px;}
section#hospital .green-border p{color: rgba(34,61,98,0.8); font-family: 'Roboto', sans-serif;  font-weight: 400; font-size: 16px; line-height: 26px; padding: 15px 0 5px 0;}
section#hospital .green-border p strong{font-weight: 700; }

#multimap{background: #ffffff; width: 100%; margin: 0 0 0 0;  position: relative; text-align: center;box-shadow: 0 0 15px rgba(0,0,0,0.1); }
#multimap .shadow{position: relative; z-index: 100;}
#multimap .table{display: none; font-family: 'Roboto', sans-serif; width: 100%;}
#multimap .table .left{float: left; width: 100%; background: #f0f1f5; padding: 15px; text-align: left;}
#multimap .table .right{float: right; width: 15%; background: #249545; text-align: center; font-size: 26px; line-height: 83px; display: none;}
#multimap .table .right .close{ color: #223d62;  line-height: 83px; display: block; width: 100%;}
#multimap .table .left h2{color: #545452; margin: 0; padding: 5px 0 5px; font-size: 20px; line-height: 24px; text-align: left;}
#multimap .table .left p{color: #545452; margin: 0; padding: 0px 0 5px; font-size: 12px; line-height: 14px;}
#multimap .table .ul-cover{ margin-top: 15px;   overflow: hidden; }
#multimap .table ul{ margin: 0; padding: 0; list-style: none; width: 100%; max-height: 1000px; background: #ffffff; overflow-x: hidden; overflow-y: auto; }
#multimap .table ul li{width: 100%; display: block; padding: 10px 15px; position: relative; border-bottom: 1px solid #e5e5e5; text-align: left;}
#multimap .table ul li:last-child{border-bottom: none;}
#multimap .table ul li h3{color: #249545; margin: 0; padding: 5px 0 1px; font-size: 16px; line-height: 24px;}
#multimap .table ul li h3.modra{color: #223d62;}
#multimap .table ul li h3.ruzova{color: #d6007a;}
#multimap .table ul li h3.modra2{color: #388ccb;}
#multimap .table ul li h3.zluta{color: #e4a701;}
#multimap .table ul li h3.cervena{color: darkred;}
#multimap .table ul li h3.fialova{color: #8E44AD;}
#multimap .table ul li p{color: #9a9a9a; margin: 0; padding: 0px 0 5px; font-size: 13px; line-height: 16px; font-weight: 400;}
#multimap .table ul li .more{}
#multimap .table ul li .show-more{display: block;  position: absolute; top: 12px; right: 12px; font-size: 12px; z-index: 1550; color: #ffffff; background: #249545; text-align: center; width: 23px; height: 23px; border-radius: 100px; line-height: 24px;}
#multimap .table a{color: #1ea754}
#multimap .table a.modra{color: #223d62}
#multimap .table a.ruzova{color: #d6007a}
#multimap .table a.modra2{color: #388ccb}
#multimap .table a.zluta{color: #e4a701}
#multimap .table a.cervena{color: darkred}
#multimap .table a.fialova{color: #8E44AD;}
#multimap .numbers li{display: none;}
#multimap .table strong.modre{color: #fff; background-color: #223d62; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.ruzova{color: #fff; background-color: #d6007a; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.modra2{color: #fff; background-color: #388ccb; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.zluta{color: #fff; background-color: #e4a701; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.cervena{color: #fff; background-color: darkred; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.fialova{color: #fff; background-color: #8E44AD; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}
#multimap .table strong.zelena-hvezda{color: #fff; background-color: #1ea754; display: inline-block; border-radius: 3px; padding: 1px 4px; margin-bottom: 4px;}

section#map{padding: 40px 0 40px 0}
section#map h2{color: #0D4C71; font-weight: 900; font-size: 22px; line-height: 28px; margin: 0; padding: 0px 0 10px 0; font-family: 'Open Sans', sans-serif; text-align: center;}
section#map .cezetmap{z-index: 2000}

footer{font-family: 'Roboto', sans-serif; font-weight: 400; padding: 25px 50px 25px; background: #009640; box-shadow: 0 0 1px #F0F0F0; margin: 0px 0 25px 0; width: 100%;    border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
footer p{float: right; font-size: 14px; line-height: 26px; color: #ffffff; margin: 0 0 0 15px;}
footer a{color: #ffffff;}
footer .menu {margin: 0; padding: 0; float: left; list-style: none;}
footer .menu li{padding: 0; float: left;}
footer .menu a{float: right; font-size: 14px; line-height: 26px; color: #ffffff; font-weight: 600; padding: 0 20px 0 0;}
footer .menu a:hover{color: #ffffff;}
footer .facebook{float: right; position: relative; top: 30px;}

section#copyright{background: #f8f8f8; padding: 0 50px 20px; }
section#copyright .main-container{padding: 0 50px;}
section#copyright p{float: left; color: #223d62;  font-weight: 700; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 20px; padding: 0px 0; margin: 0; }
section#copyright p.right{float: right; font-weight: 400; margin: 0 0 0 25px; }
section#copyright p.right a{font-weight: 600; color: #4e1c44;}

/* Responsive design */
@media (max-width: 1100px){
    #wrapper{width: 100%}
    .main-container{width: 100%; max-width: 100%;}
}


@media (max-width: 1024px){ /* iPads landscape */}

@media (max-width: 1023px){

}

@media (max-width: 768px){ /* iPads portrait */}

@media (max-width: 767px){
    .col-33{width: 100%}
    .col-66{width: 100%}
    .col-3333{width: 100%}
    .col-6666{width: 100%; padding-left: 0; padding: 25px 0 ;}

    section#map{margin: 0; padding: 0; }

    section#content .contact {width: 50%}
}

@media (max-width: 480px){ /* iPhones landscape */}

@media (max-width: 479px){
    .mobile-hide, section#header2 a.mobile-hide{display: none}
    .container{padding: 0 7.5%}
    .container.big{padding: 0 7.5%}

    section#content{padding: 30px 0}
    section#content .contact{width: 100%; padding: 0px 0}
    section#content .contact p{padding: 0; margin: 7.5px 0}

    section#header2{height: auto; }
    section#header2 .big-logo{width: 90%; margin: 0 auto; display: block; float: none; padding: 25px 0 15px;}

    section#header3{line-height: 20px; height: auto}
    section#header3 .main-container{height: auto}
    section#header3 .main-container>.menu{display: block; height: auto}
    section#header3 .main-container>.menu>li{display: block}
    section#header3 .main-container>.menu>li>a{font-size: 14px; padding: 10px 0;}
    section#header3 .main-container>.menu>li:first-child>a{padding: 10px 0;}
    section#header3 .main-container>.menu>li:last-child>a{padding: 10px 0;}

    section.welcome{padding: 30px 0 15px}
    section.welcome .container{padding: 0 7.5%}
    section.welcome .col-33{padding: 0}

    .news{margin: 0; padding: 0 7.5% 25px}
    .news .new{flex-basis: initial}

    footer, section#copyright{padding: 20px 5%; margin: 0}
    footer p{margin: 0; float: none; text-align: center}

    section#copyright .main-container{padding: 0}
    section#copyright .main-container p{text-align: center}

    section#banners{padding: 0 0 15px}
    section#banners .banner{width: 100%; margin: 15px 0 35px; display: block}
    section#banners .banner p{font-size: 12px}
    section#banners .banner a{padding: 15px 20px}
    section#banners .banner a span{padding: 10px 7.5% 0}

    section#slider.small{height: 150px}

    #multimap .table ul li{padding: 7px 10px}
    #multimap .table ul li p{font-size: 12px}
}

@media (max-width: 320px){ /* iPhones portrait */}