html {height : 100%;}

body {margin : 0; min-height : 100%; position : relative;}

/*body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}*/

img {border : 0; vertical-align : middle;}
form {padding : 0; margin : 0;}
input {vertical-align : middle;}

td {vertical-align : middle;}
table {border-collapse : collapse;}

hr {border : 0 solid #f3f3f3; border-bottom : 1px solid #e5e5e5; margin : 15px 0;}

img {vertical-align : middle;}

a:link, a:visited {color : #00ac8e; text-decoration : none; border-bottom : 2px solid #00ac8e; transition : 0.5s color, 0.5s border-bottom;}
a:hover, a:active {color : #00705c; text-decoration : none; border-bottom : 2px solid #00705c;}

iframe {max-width : 100% !important;}
img {max-width : 100%;}


h1 {font-size : 30px; font-weight : 300; margin : 0; padding : 0 0 30px 0; text-align : center;} 
h2 {font-size : 30px; font-weight : 300; margin : 0; padding : 0 0 30px 0; text-align : center;} 
h3 {font-size : 20px; font-weight : 300; margin : 0; padding : 0 0 30px 0; text-align : center;}

h1 p, h2 p, h3 p, h4 p {padding : 0; margin : 0; display : inline; line-height : 1.2;}


#css_change {display : none;}

.onlymobile {display : none;}
#mobilemenu {display : none; float : right; width : 38px; height : 38px; margin : 10px 15px 5px 0; background : url(../img/mobile-d.png); cursor : pointer;}



/* LAYOUT */
body {background : #fff; text-align : center;}   
#bsite {margin : 0 0;}

body, table, input, textarea {font-family : Open Sans, Arial, sans-serif; color : #333; font-size : 16px; font-weight : 300; line-height : 1.8;}
/*b {color : #484848;}*/

.lp {width : 1130px; margin : 0 auto; text-align : left; position : relative;}
.lppadd {padding : 50px 0;}
.lppaddT {padding : 50px 0 0 0;}
.lppaddT h2 {text-wrap: auto !important;}
.lpbtmpadd {padding : 0 0 20px 0;}

#header {position : fixed; top : 0; left : 0; width : 100%; transition : 3s background; background : transparent; z-index : 99;}
#header #logo {display : inline-block; width : 92px; height : 45px; margin : 8px 0 0 0; background : url(../img/ipa-light.png); transition : .5s background;}
#header #logo b {display : none;}
#header #hamburger {display : none; width : 45px; height : 45px; float : right; background : url(../img/hamburger.png);}
#header ul {float : right; padding : 0; margin : 0;}
#header li {list-style : none; float : left; border-bottom : 2px solid transparent; transition : .5s border-bottom; padding : 0; height : 61px; overflow : hidden;}
#header li:hover {border-bottom : 2px solid #00ac8e;}
#header li.sel {border-bottom : 2px solid #00ac8e;}
#header li a {text-transform : uppercase; display : inline-block; padding : 30px 20px 20px 20px; font-size : 12px; font-weight : 600;}
#header li a:link, #header li a:visited {color : #fff; text-decoration : none; border : 0;}
#header li a:hover, #header li a:active; {color : #fff; text-decoration : none; border : 0;}
#header a:link, #header a:visited, #header a:hover, #header a:active {border : 0;}

#header li.langs, #header li.langs:hover {border : 0; padding : 0 0 0 20px;}
#header li.langs a {padding : 40px 0 15px 0; width : 22px;}
#header li.langs a.langsk {background : url(../img/lng-sk.png) center center no-repeat;}
#header li.langs a.langen {background : url(../img/lng-en.png) center center no-repeat;}
#header li.langs a:link, #header li.langs a:visited {opacity : 0.5; transition : .5s opacity;}
#header li.langs a:hover, #header li.langs a:active {opacity : 1;}
#header li.langs a.sel:link, #header li.langs a.sel:visited {opacity : 1;}
#header li.langs b {visibility:hidden;}

#header li.social-media, #header li.social-media:hover {border : 0; padding : 0 0 0 10px;}
#header li.social-media a {padding : 28px 0 15px 0; width : 16px; margin : 0 0 0 10px;}
#header li.social-media span {display : block; width : 16px; height : 16px;}
#header li.social-media b {display : none;}
#header li.social-media a.ico-in span {background : url(../img/ico-in.png) left top no-repeat;}
#header li.social-media a.ico-yt span {background : url(../img/ico-yt.png) left top no-repeat;}
#header li.social-media a.ico-fb span {background : url(../img/ico-fb.png) left top no-repeat;}
#header li.social-media a:link, #header li.social-media a:visited {opacity : 0.5; transition : .5s opacity;}
#header li.social-media a:hover, #header li.social-media a:active {opacity : 1;}

#totop {position : fixed; width : 48px; height : 48px; z-index : 99; right : 40px; bottom : 30px; background : url(../img/header.png); opacity : 0; transition : .5s opacity; overflow : hidden;}
#totop a {display : block; width : 48px; height : 48px; background : url(../img/top.png) center center no-repeat;};
#totop a:link, #totop a:visited, #totop a:hover, #totop a:active {border : 0;}

.header_scroll {background : url(../img/header.png) left bottom !important; box-shadow : 0 0 5px #666;}
.header_scroll  #logo {background : url(../img/ipa-dark.png) !important;; }
.header_scroll a:link, .header_scroll a:visited {color : #333 !important;}
.header_scroll a:hover, .header_scroll a:active {color : #333 !important;}
  
.header_scroll li.social-media a.ico-in span {background-position : left bottom !important;}
.header_scroll li.social-media a.ico-yt span {background-position : left bottom !important;}
.header_scroll li.social-media a.ico-fb span {background-position : left bottom !important;}

.home_container {max-height : 100vh; overflow : hidden;}
.home_img {background : #1b191e;}
.home_img img , .home_img iframe {width : 100%; opacity : 0.5;}
.home_abs {position : absolute; width : 100%; z-index : 10; margin : 150px 0 0 0; color : #fff;}
.home_abs big {display : block; font-size : 70px; font-weight : 600;}
.home_abs b {display : block; font-size : 60px; padding : 30px 0; font-weight : 600;}
.home_abs small {display : block; font-size : 31px; display : block; padding : 0 0 30px 0;}
.home_abs a {display : inline-block; padding : 10px 30px; margin : 0 20px; border-radius : 25px; text-shadow : 0 0 transparent; font-size : 16px; font-weight : 600;}
.home_abs a:link, .home_abs a:visited {border : 2px solid #00ac8e; background : #00ac8e; color : #fff; transition : 0.5s background, 0.5s color, 0.5s border;}
.home_abs a:hover, .home_abs a:active {border : 2px solid #fff; background : #fff; color : #00ac8e; transition : 0.5s background, 0.5s color, 0.5s border;}
.home_abs.with-background-image {margin: 0px; position: initial; padding: 95px 0px 70px 0px; background-size: cover; background-blend-mode: darken; background-color: rgba(0, 0, 0, 0.4);}

.txt_img {background-size : 100%; background-position : center center;}
.txt_img .txt_dta {margin : 0 0 0 50%; background : url(../img/header.png); padding : 100px 30px;}
.txt_img .txt_dta.without-content {background: none;}
.txt_img .txt_dtain {width : 520px; text-align : left;}
.txt_img .txt_dtain h2 {text-align : left;}

.faq hr {padding : 0; margin : 10px 0;}
.faq span {display : block; font-size : 20px; width : 30px; padding : 15px 0; cursor : pointer; font-weight : 700; color : #00ac8e; text-align : center; float : left;}
.faq b {display : block; font-size : 20px; padding : 15px 0; margin : 0 15px 0 30px; cursor : pointer; font-weight : 400;}
.faq div {display : none; padding : 0 15px 15px 30px;}

.people {width : 30%; margin : 15px 1.6%; text-align : center; float : left;}
.people img {width : 90%; padding : 0 0 10px 0;}
.people b {display : block; font-size : 20px; font-weight : 400;}
.people hr {margin : 10px 30%; border-style : dotted; border-bottom : 1px dotted #00ac8e;}
.people div {padding : 0; padding : 0 10px;}
.people4, .people7, .people10, .people13, .people16, .people19, .people22, .people25, .people28, .people31 {clear : left;}

.group_btn {padding : 0 0 30px 0;}
.group_btn_home, .group_btn_gal, .group_btn_icon, .group_btn_map {padding : 30px 0;}
.bigbtn {display : inline-block; padding : 15px;}
.bigbtn a {display : inline-block; padding : 10px 30px; border-radius : 25px; text-shadow : 0 0 transparent; font-size : 16px; font-weight : 600;}
.bigbtn a:link, .bigbtn a:visited {border : 2px solid #00ac8e; background : #00ac8e; color : #fff; transition : 0.5s background, 0.5s border;}
.bigbtn a:hover, .bigbtn a:active {border : 2px solid #1b191e; background : #1b191e; color : #fff; transition : 0.5s background, 0.5s border;}

.referencie {background : #1b191e; color : #fff;}
.referencie .reftbl {border-collapse : collapse;}
.referencie .reftbl td {padding : 0; vertical-align : middle;}
.referencie .reftbl td h2 {color : #fff; padding : 10px 0;  white-space : nowrap;}
.referencie .reftbl td .refpopis {padding : 10px 0; color : #fff;}
.referencie .reftbl td.refln {border-left : 2px solid #00ac8e;}
.referencie .reftbl td.refsp {width : 50px;}
.referencie .refin {}

.ref {float : left; width : 33%; text-align : left;}
.ref .quot {padding : 10px 20px 10px 60px; background : url(../img/quot.png) 20px 15px no-repeat;}
.ref .who {padding : 0 20px 10px 25px;}
.ref .who small {display : block; font-size : 12px;}
.refs {position : relative; width : 100%; overflow : hidden;}
.refin {white-space : no-wrap; transition : 0.5s margin;}

.ikony {background : #1b191e; color : #fff;}
.ikony .ikona {float : left; text-align : center; width : 18%; margin : 0 3.45% 20px 3.45%;}
.ikony .ikona img {margin : 0 auto; max-height : 64px; max-width : 88px;}
.ikony .ikona b {display : block; font-weight : 400; padding : 10px 0 0 0;}
.ikony .ikona small {color : #a1b1a6; font-size : 14px;}
.ikony .ikona big {color : #fff; font-size : 110%; font-weight : bold;}
.ikony .ikona5, .ikony .ikona9, .ikony .ikona13, .ikony .ikona17 {clear : left;}



.mapa {border-top : 7px solid #eee; border-bottom : 7px solid #eee; margin : 30px 0; height : 350px;}
.mapa_info {position : absolute; z-index : 98; right : 80px; margin : 48px 0 0 0; background : #00ac8e; padding : 20px 50px 20px 30px; max-width : 200px; text-align : left; color : #fff;}

.partneri {text-align : center;}
.partneri span {display : inline-block; width : 20%; height : 70px; margin : 20px 2.4%; overflow : hidden; text-align : center;}
.partneri span.biglogo {width : 60%; height : 210px; margin : 20px 2.4%; overflow : hidden; text-align : center;}
.partneri span img {max-width : 100%; max-height : 100%;}
.partneri a:link, .partneri a:visited, .partneri a:hover, .partneri a:active {border : 0;}

.programtbl {width : 100%; border-collapse : collapse; border : 0;}
.programtbl .cas {vertical-align : center; text-align: center; width : 18%; background : url(../img/cas.png) right center repeat-y; font-weight : 400;}
.programtbl .popis {background : #f1f1f1; padding : 30px;}
.programtbl .popis h2 {font-size : 20px; padding : 0; text-align : left; font-weight : 400;}
.programtbl .popis b {font-weight : 400;}
.programtbl .popis img {float : left; max-width : 210px; margin : 0;}
.program_detail2 {clear : both; padding : 20px 0 0 0;}
.program_popis {margin : 0 0 0 240px;}

.galeria {background : #1b191e;}
.galeria a {display : inline-block; width : 25%; height : 250px; background-position : center center; background-size : 130%; transition : 0.5s background-size, 0.5s opacity; line-height : 0; opacity: 0.5; padding : 0; margin : 0;}
.galeria a:hover {background-size : 160%; opacity : 1;}
.galeria a:link, .galeria a:visited, .galeria a:hover, .galeria a:active {border : 0; }

.regstep {text-align : center; font-size : 18px; color : #ccc; padding : 0 0 20px 0;}
.regstep span {display : inline-block; width : 30%; color : #888;}
.regstep span.sel {color : #00ac8e; font-weight : 400;}

.regtbl {border-collapse : collapse;}
.regtbl td {padding : 0; vertical-align : middle;}
.regtbl td h2 {padding : 10px 0; white-space : nowrap;}
.regtbl td .regpopis {padding : 10px 0;}
.regtbl td.regln {border-left : 2px solid #ddd;}
.regtbl td.regsp {width : 50px;}

.regvariant {float : left; background : #eee; margin : 1%; text-align : center; font-size : 13px;}
.regact {background : #00ac8e !important; color : #fff;}
.regvariant h2 {padding : 30px 15px; margin : 0; font-size : 20px;}
.regvariant h3 {padding : 28px 5px; margin : 0; font-size : 20px;}
.regvariant1, .regvariant2, .regvariant4, .regvariant8 {width : 48%;}
.regvariant3, .regvariant5, .regvariant6, .regvariant7 {width : 31%;}
.regvariant .cena {padding : 30px 15px;}
.regact .cena {padding : 30px 15px 15px 15px;}
.regvariant .cena b {font-size : 30px; font-weight : 400; padding : 0 10px 0 0;}
.regvariant .btn {padding : 0 15px 15px 15px;}
.regvariant .btn a {display : block; padding : 15px; border-radius : 4px; font-size : 20px;}
.regvariant .btn a:link, .regvariant .btn a:visited {color : #fff; text-decoration : none; border : 0; background : #009b7c; transition : 0.5s background;}
.regvariant .btn a:hover, .regvariant .btn a:active {color : #fff; text-decoration : none; border : 0; background : #00765e;}

.footer {background : #1b191e; color : #fff; color : #a1b1a6; font-size : 14px;}
.footer .fp1 {float : left; width : 35%;}
.footer .fp3 {float : right; width : 30%;}
.footer .fp2 {margin : 0 32% 0 39%;}
.fp2 a {display : block; padding : 3px 0; transition : .5s color; font-weight : 400;}
.fp2 a:link, .fp2 a:visited {color : #a1b1a6; border : 0;}
.fp2 a:hover, .fp2 a:active {color : #00ac8e; text-decoration : underline; border : 0;}
.footer h2 {color : #00ac8e; text-align : left; padding : 0 0 10px 0;}
.footer hr {border-bottom : 1px solid #323034; margin : 30px 0;}



/* FORM */ 
.regform {width : 1000px;}
label.l1 {display : block; max-width : 500px; padding : 0 0 15px 0;}
label.l1 .ftxt {width : 100%;}
label.l3 {float : left; width : 33%; padding : 0 0 15px 0;}
label.l3 .ftxt {width : 90%;}
.ftxt, .ftxtr {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.ftxt {border : 1px solid #ddd; background : #fff; padding : 3px 5px; border-radius : 3px;}
select.ftxt {padding : 0 5px; height : 35px;}
.ftxt_req {border : 1px solid #d99898 !important; background : #f2dcdc !important;}
.ftxtw {width : 100%;}
.fbtn {background : #00ac8e; border : 0; border-radius : 3px; padding : 5px 15px; color : #fff; cursor : pointer; transition : 0.5s background;}
.fbtn:hover {background : #00765e;}

.fbackbtn {-webkit-appearance: none; background : #aaa; color : #fff; border-radius : 6px; font-size : 16px; font-weight : bold; padding : 7px 40px; margin : 0; border : 0; cursor : pointer;}
.fbackbtn:hover {box-shadow : 0 0 15px #d5d5d5;}

@media (max-width: 1400px) 
{
    .galeria a {height : 220px;}
}

@media (max-width: 1190px) 
{
    #bsite {margin : 0;}
    .lp {margin : 0 30px; width : auto;}
    .regform {width : 100%;}
    
    .home_abs {margin : 160px 0 0 0;}
    .home_abs big {font-size : 60px;}
    .home_abs b {font-size : 45px; }
    .home_abs small {font-size :27px;}
    
    .txt_img .txt_dtain {width : auto;}
    .galeria a {height : 190px;}
    
    .people div {font-size : 14px;}
    .programtbl .cas {width : 180px;}
}

@media (max-width: 949px) 
{
    #css_change {display : block;}
    #css_change a {display : block; text-align : center; background : #fff; padding : 15px; margin : 0; font-size : 17px; font-weight : 600;}
    #css_change a:link, #css_change a:visited {color : #36486e; text-decoration : none;}
    #css_change a:hover, #css_change a:active {color : #36486e; text-decoration : none;}
    
    .galeria a {width : 50%}
    
    .home_abs {margin : 120px 0 0 0;}
    .home_abs big {font-size : 50px;}
    .home_abs b {font-size : 35px; padding : 20px 0;}
    .home_abs small {font-size :25px;}
    
    .home_img {visibility: hidden;}

    .txt_img .txt_dta {margin : 0 0 0 40%; padding : 70px 30px;}
    .galeria a {height : 180px;}
    
    .people {width : 46%;}
    .people4, .people7, .people10, .people13, .people16, .people19, .people22, .people25, .people28, .people31 {clear : none;}
    .people3, .people5, .people7, .people9, .people11, .people13, .people15, .people17, .people19 {clear : left;}
    .people21, .people23, .people25, .people27, .people29, .people31 {clear : left;}
    
    .ikony .ikona {width : 43%}
    .ikony .ikona3, .ikony .ikona5, .ikony .ikona7, .ikony .ikona9 {clear : left;}
    
    
    .footer h2 {font-size : 20px;}
    .footer .fp1 {float : none; width : auto; padding : 0 0 20px 0;}
    .footer .fp3 {float : right; width : 58%;}
    .footer .fp2 {margin : 0 62% 0 0;}
    
    #header {background : url(../img/header.png) left bottom; box-shadow : 0 0 5px #666;}
    #header  #logo {background : url(../img/ipa-dark.png);}
    #header a:link, #header a:visited {color : #333 !important;}
    #header a:hover, #header a:active {color : #333 !important;}
    #header ul {float : none; padding : 10px 0; display : none;}
    #header ul li {display : block; height : auto; float : none;}
    #header ul li a {padding : 15px 0;}
    #header #hamburger {display : block;}
    
    #header li.langs, #header li.langs:hover {padding : 0; float : left;}
    #header li.social-media, #header li.social-media:hover {text-align : right;}
    #header li.social-media span {margin : 0;}
    #header li.social-media a.ico-in span {background-position : left bottom !important;}
    #header li.social-media a.ico-yt span {background-position : left bottom !important;}
    #header li.social-media a.ico-fb span {background-position : left bottom !important;}
}

@media (max-width: 700px) 
{
    .home_abs {margin : 90px 0 0 0; max-height : 80vh;}
    .home_img img , .home_img iframe {width : 250%;}
    .home_abs big {font-size : 40px;}
    .home_abs b {font-size : 20px; padding : 15px 0;}
    .home_abs small {font-size : 20px;}
    
    .txt_img {background-size : 150%; background-repeat : no-repeat; background-position : center center;}
    .txt_img .txt_dta {margin : 0; padding : 40px 20px;}
    
    .galeria a {height : 160px;}
        
    .partneri span {width : 40%; margin : 20px 5%; height : 70px;}   
    .partneri span.biglogo {width : calc(100% - 40px); margin : 20px 5%; height : auto;}    
    
    .referencie .reftbl td {display : block;}
    .referencie .reftbl td h2 {padding : 0 0 10px 0; text-align : left;}
    .referencie .reftbl td .refpopis {padding : 0 0 10px 0;}
    .referencie .reftbl td.refln {display : none;}
    .referencie .reftbl td.refsp {display : none;}
    
    .regtbl td {display : block;}
    .regtbl td h2 {padding : 0 0 10px 0; text-align : left !important; display : block}
    .regtbl td .regpopis {padding : 0 0 10px 0;}
    .regtbl td.regln {display : none;}
    .regtbl td.regsp {display : none;}
    
    .ref {float : none; width : 100%;}
    
    .regvariant {width : 48% !important;}
    
    .footer .fp1 {display : none;}
    .footer .fp3 {float : none; width : auto; padding : 0 0 20px 0;}
    .footer .fp2 {margin : 0;}
    
    .faq b {padding : 15px 20px 15px; margin : 0 0 0 30px;}
    .faq div {padding : 0 0 15px 30px;}
    
    .programtbl .cas {display : block; width : auto; background : url(../img/cas-vertical.png) center bottom repeat-x; padding : 10px 10px 20px 10px; font-weight : 400;}
    .programtbl .popis {display : block; text-align : center; padding : 10px}
    .programtbl .popis h2 {text-align : center;}
    .programtbl .popis img {float : none; margin : 0 auto;}
    
    label {width : auto !important; float : none !important; display : block;}
    label .ftxt {width : 80%  !important;}
}

@media (max-width: 500px) 
{
    .home_abs {margin : 90px 0 0 0;}
    .home_abs big {font-size : 20px;}
    .home_abs b {font-size : 12px; padding : 0;}
    /*.home_abs small {display : none;}*/
    
    .regstep {font-size : 12px;}
    
    .regvariant {width : 100% !important; margin : 0 0 20px 0 !important;}
    
    .group_btn {padding : 30px 0;}
    .group_btn_txt {padding : 0 0 30px 0;}
    .bigbtn {display : block; padding : 10px;}
    
    .galeria a {height : 120px;}
    .people {width : 100%; margin : 0 0 20px 0; clear : both;}
    .partneri span {margin : 10px 5%; height : 45px;}
}