/* DEFAULT STYLES */
/* font */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext,vietnamese');
/*font-family: 'Source Sans Pro', sans-serif;*/

*{ margin:0; padding:0; outline:0; box-sizing:border-box; background-repeat:no-repeat;}
html{ height:100%; width:100%; display:block;}
body{ font-family: 'Source Sans Pro', sans-serif; color:#131c26; width:100%; height:100%; display:block; max-width:1920px; position:relative; margin:0 auto;}
p{ line-height:1.6; font-weight:300; margin-bottom:20px; text-align:left;}
.center{ max-width:1200px; width:100%; display:block; margin:0 auto; position:relative;}
.textura{ background-color:rgba(19, 28, 38, 0.85); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999987; padding:0 30px; display:none;}
.float{ display:inline-block; width:100%;}

.coll50{ width:50%; display:inline-block; float:left;}
.coll50 p{ text-align:left;} 

.holding{ position:relative; display:inline-block;}
#content{ background-color:#fff; z-index:999;}
#arrow{position:relative; z-index:100;background-image:url(../img/arrow_bottom.png); width:100%; height:55px; background-position:bottom center; display:block;margin-top: -80px;}
section p{text-align: center;}
/* index.php */
header#header {
    position: fixed;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 99999999;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.15);
    padding-top: 37px;
    padding-bottom: 20px;
    background-color: #FFF;
    height: 120px;
}
a#logo{ float:left; margin-top:-4px;}
a#logo img{ max-width:220px;}

#main {
    background-image: url(../img/mainbg.jpg);
    background-position:top center;
    position: relative;
    z-index: 5;
    height: 655px;
    padding-top: 100px;
    text-align: center;
    margin-top: 100px;
}
#main h1{ color:#fff; font-size:64px; font-weight:700; background-position:bottom center; background-image:url(../img/nadpis.png); padding-bottom:20px; margin-bottom:20px;}
#main p{ color:#ffc397; font-size:24px;}
#main a {
    text-decoration: none;
    background-color: #53585a;
    display: inline-block;
    padding: 12px 42px;
    color: #fff;
    font-size: 18px;
}
/* NAV */
#menu{ position:absolute; height:40px; width:40px; display:none; right:10px; top:20px; z-index:99999; cursor:pointer; }
#menu span{ background-color:#555759; height:3px; width:40px; position:relative; transition: .3s; display:block;}
#menu.open span{ background-color:#fff;}
#menu span:nth-child(1){ top:0px;}
#menu span:nth-child(2){ top:8px;}
#menu span:nth-child(3){ top:17px;}

#menu.open span:nth-child(1){ top:1px; transform:rotate(45deg); width:25px;}
#menu.open span:nth-child(2){ top:8px; width:0;}
#menu.open span:nth-child(3){ top:12px; transform:rotate(-45deg);width:25px;}

nav#hlavni{ display:inline-block; float:right;margin-top: 0px;}
nav#hlavni ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px;
}nav#hlavni ul li{ display:inline-block; margin-left:30px; padding-top:0px; overflow:hidden;}
nav#hlavni ul li a{ display:block; text-decoration:none; color:#000; font-size:18px; font-weight:600; position:relative; padding:0px 0px 12px 0px;}
nav#hlavni ul li a:after{ content:""; height:3px; width:0%; background-color:#f16600; display:inline-block; position:absolute; left:0; bottom:0; transition:.3s;}
nav#hlavni ul li a:hover:after{ content:""; height:3px; width:100%; background-color:#f16600; display:inline-block; position:absolute; left:0; bottom:0; transition:.3s;}
nav#hlavni ul li a.active:after{ content:""; height:3px; width:100%; background-color:#f16600; display:inline-block; position:absolute; left:0; bottom:0; transition:.3s;}

nav#hlavni ul li.search span{ display:block; background-image:url(../img/search.svg); background-position:right center; width:55px; height:55px; background-size:23px; cursor:pointer;}
nav#hlavni ul li.search{ border-left:1px solid #f16600; height:55px; width:55px; display:inline-block; padding-top:0; position:relative; top:5px;}

#hledani{ position:relative; margin:0 auto; display:block; width:100%; max-width:1000px; background-color:#FFF;}
#hledani input{ float:left; width:100%; border:none; height:80px; padding:20px; font-size:18px;}
#hledani button{ height:80px; width:80px; position:absolute; right:0; top:0; display:block; border:none; background-color:transparent; cursor:pointer; background-image:url(../img/search_red.svg); background-position:center;}

section{ position:relative; background-color:#fff; padding:50px 0px;}
section.seda{ background-color:#fff;}
section header{max-width:1200px; width:100%; display:block; margin:0 auto 30px auto; position:relative;}
section header h2{ margin-bottom:26px; color:#f16600; padding-bottom:26px; display:block; width:100%; padding-top:40px; font-size:42px; font-weight:700; text-align:center; }
section header p{ font-size:20px; font-weight:100; color:#959799; text-align:center; width:100%; display:block;}
section article{max-width:1200px; width:100%; display:block; margin:0 auto; position:relative;}
section article h3{ font-size:22px; margin-bottom:20px;}
section article ul{}
section article ul li { list-style-type: none; background-image: url(../img/li_red.svg); padding-left: 25px; list-style-position: inside; margin-bottom: 15px;background-position: left top; font-weight:100;}

.tabule{ background-image:url(../img/background_box.png); background-position:bottom right; max-width:440px; position:relative; padding:40px;padding-bottom:100px;box-shadow:2px 0px 30px rgba(19, 28, 38, 0.3)}
.tabule h3{ color:#f16600;}
.tabule img{ position:absolute; right:-150px; bottom:-100px;}

.ps{ display:inline-block;}
.ps div{ display:inline-block;}
.ps img{ display:inline-block;}

.podtrzeni{ display:block; width:50px; height:3px; background-color:#c4c4c4; margin:10px auto 35px auto;}
a.sluzba{ width:28%; margin:2.667%; padding:30px; height:320px; border:1px solid #e1e1e1; float:left; font-size:14px; text-align:center; color:#131c26; text-decoration:none;}
a.sluzba h3{ font-size:20px; font-weight:600; margin:12px 0px;}

.sluzba1{ background-image:url(../img/sluzba1.svg);}
.sluzba2{ background-image:url(../img/sluzba2.svg);}
.sluzba3{ background-image:url(../img/sluzba3.svg);}
.sluzba4{ background-image:url(../img/sluzba4.svg);}
.sluzba5{ background-image:url(../img/sluzba5.svg);}
.sluzba6{ background-image:url(../img/sluzba6.svg);}
.sluzba7{ background-image:url(../img/sluzba7.svg);}
.sluzba8{ background-image:url(../img/sluzba8.svg);}
.sluzba9{ background-image:url(../img/sluzba4.svg);}
.sluzba10{ background-image:url(../img/sluzba9.svg);}
.sluzba11{ background-image:url(../img/sluzba10.svg);}
.sluzba12{ background-image:url(../img/sluzba11.svg);}

.radius{ width:132px; height:132px; border-radius:132px; background-color:#fff; display:block; margin:0 auto; background-position:center; background-size:70px;}

#poptavka{ background-image:url(../img/poptavka.png); background-position:center; background-size:cover;}
#poptavka h2{ color:#fff;}

#poptavka_form{ width:100%;}
#poptavka_form .row input { border: 1px solid #8c8f92; background-color: transparent; padding: 15px 20px; width: 32.5%; margin-right: 1.25%; float: left; text-align:center; color:#fff;}
#poptavka_form .row input:last-child{ margin-right:0;}
#poptavka_form textarea{ width:100%;max-width:100%; max-height:140px; padding:20px; height:140px; border:1px solid #8c8f92; background-color:transparent; margin-top:1.25%;color:#fff;}

.row{ display:inline-block; width:100%;}

#partners{ background-color:#1e2933; width:100%; display:block; text-align:center; padding:40px 0px; border-bottom:1px solid #333d45;}
#partners a{ margin:0 5px;}

footer{ background-color:#53585a; width:100%; display:block; padding:40px 0px;}
#kontakty{ background-color:#53585a; width:100%; display:block; padding:10px 0px;}
.coll25{ width:25%; float:left; display:inline-block;}
footer h2{ color:#fff; font-size:20px; font-weight:600; margin-bottom:16px;}
footer ul li {
    list-style-type: none;
    padding-left: 0px;
    list-style-position: inside;
    margin-bottom: 6px;
    background-position: left top;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}
footer ul li a, footer ul li span {
    text-decoration: none;
    color: #bdbdbd;
    font-size: 16px;
    font-weight: 300;
}
footer ul li a:hover{ text-decoration:underline;}

#copy{ width:100%; display:inline-block; clear:both; padding-top:40px;}
#copy span{ width:50%; float:left;}
.left50{ text-align:left; color:#727679;}
.right50{ text-align:right; color:#727679;}
.right50 a img{ width:80px;}

#poptavka_form button.as-btn-blue-medium{ display:block; margin:20px auto;}
@media(max-width: 1200px){
.center{padding:0 10px;}
section{padding:50px 10px; overflow:hidden;}
}

@media(max-width: 980px){
nav#hlavni ul li a{ color:#fff;}
#copy span{ width:100%; float:left;}
.left50{ text-align:center; color:#727679; margin-bottom:12px;}
.right50{ text-align:center; color:#727679;}
#menu{ display:block;}
nav#hlavni{ width:100%; position:fixed; left:0; top:0; background-color:rgba(19, 28, 38, 0.85); height:100%; overflow:auto; display:none;}
nav#hlavni.active{ display:block;}
nav#hlavni ul{ display:block; width:100%; padding-top:80px;}
nav#hlavni ul li{ display:block; width:100%; margin:0; padding:0;}
nav#hlavni ul li a{ display:block; width:100%; margin:0; padding:10px;}
nav#hlavni ul li.search{ border-left:0px solid #f16600; height:55px; width:55px; display:inline-block; padding-top:0; position:absolute; top:36px; right:60px;}
nav#hlavni ul li.search span{ display:block; background-image:url(../img/search.svg); background-position:center; width:100%; height:55px; background-size:23px; cursor:pointer; }
a#logo{ float:left; max-width:250px;}
a#logo img{ max-width:100%;}

a.sluzba{ width:33.3%; padding:10px; float:left; font-size:14px; text-align:center; color:#131c26; text-decoration:none;}

} 
@media(max-width: 700px){
.coll25{ width:50%; margin-bottom:20px;}
.coll50{ width:100%; display:inline-block; float:left; margin-bottom:30px;}
a.sluzba{ width:50%; padding:10px; float:left; font-size:14px; text-align:center; color:#131c26; text-decoration:none;}
}
@media(max-width: 500px){
#poptavka_form .row input{ width:100%; margin-bottom:10px;}
.coll25{ width:100%; margin-bottom:20px;}
a.sluzba{ width:100%; padding:10px; float:left; font-size:14px; text-align:center; color:#131c26; text-decoration:none;}
}