*{margin: 0 auto; font-family: 'Signika', sans-serif;}
body{text-align: center; -webkit-font-smoothing: antialiased;}
input, textarea{}
img{border: 0;}
input[type="submit"]:hover{cursor: pointer;}
header, nav, section, article, aside, footer{display: block;}
.sto{width: 100%; position: relative; float: left;}
.pade{width: 50%; }
.osmdesat{width: 80%; display: inline-block; position: relative;}
strong{font-weight: 700;}    
p{text-align: left; margin: 10px 0; font-size: 17px; font-weight: 300; color: #4d4d4d; line-height: 25px;}
p a{color: #c62d21;} 
ul{list-style: none; text-align: left; padding: 0;}
ol{margin-bottom: 15px;}
article ol li{padding-left: 15px;}
article li{background: url('../images/li.png') left 7px no-repeat; padding-left: 20px; text-align: left; margin: 2px 0; font-family: 'Signika', sans-serif; font-size: 17px; font-weight: 300; color: #4d4d4d; line-height: 25px;}
.flleft{float: left;}
.flright{float: right;}
.nopadt{padding-top: 0 !important;}    
h1, h2, h3, h4{text-align: center; width: 100%; float: left; width: 100%;}
h1{font-size: 65px; font-weight: 700; color: #fff; margin: 50px 0 60px 0;}
h2{font-size: 45px; font-weight: 300; color: #2087a5; margin: 20px 0 40px 0; position: relative;}

h3{font-size: 30px; font-weight: 300; color: #2087a5; text-align: left;}
.hes{display: none;}

.container{width: 96%; position: relative;}

#hyperiaform{padding-bottom: 0px}

/* 5px border-radius */ .faq .ref, .faq .box, .cta{border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
/* 0.5s transition all */ nav .menu a:before, .cta{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
/* border-box*/ .faq li ul li, footer span, footer .top .right iframe, header .left iframe, .faq .ref, .faq .left, .faq .box{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} 
/* -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); */

article h1 {font-size: 45px; font-weight: 300; color: #2087a5; margin: 20px 0 40px 0; position: relative;}
article, section{width: 100%; float: left;}
section{padding: 20px 0;}
.allwrap{overflow: auto;}
.cta{border: 2px solid #7aa200; background: #7aa200; font-size: 17px; font-weight: 600; color: #fff; padding: 20px 60px; text-decoration: none; text-transform: uppercase; margin-top: 60px; display: inline-block;}
  .cta:hover{color: #7aa200; background: #fff;}

header, nav{width: 100%; float: left;}
header{background: url('../images/header.jpg') center top no-repeat; position: relative; background-size: cover; padding-bottom: 20px;}

nav{padding: 15px 0; background: rgba(0,0,0,0.3); border-bottom: 1px solid rgba(255,255,255,0.3);}
  .logo{width: 206px; height: 58px; float: left; background: url('../images/logo.png') center center no-repeat; }
  nav .rychodk{float: right; color: #fff; margin-top: 9px;}
    nav .rychodk .tel{float: left; background: url('../images/phone.png') left center no-repeat; padding-left: 50px; height: 38px; line-height: 38px; text-align: left; font-size: 18px; font-weight: 600;}
    nav .rychodk .fb{float: left; background: url('../images/fb.png') center center no-repeat; width: 38px; height: 38px; margin-left: 20px;}
    nav .rychodk .twitt{float: left; background: url('../images/twitt.png') center center no-repeat; width: 38px; height: 38px; margin-left: 10px;} 
  nav .menu{float: right; margin-top: 16px; width: 100%; padding: 0;}  
    nav .menu li{float: none;  padding: 0; margin: 0;}
    nav .menu a{width: 100%; float: left; color: #fff; margin: 10px 0; text-decoration: none; font-size: 19px; position: relative; text-align: center;}
    nav .menu a:before{content:''; background: #fff; height: 2px; width: 100%; position: absolute; bottom: -20px; left: 0; right: 0; opacity: 0; z-index: 9;}
      nav .menu a:hover:before{opacity: 1; bottom: -4px;}
    
  header .left{float: left; width: 100%;}
    header .left iframe{border: 0; padding: 0px !important; overflow: hidden; width: 100% !important; min-height: 480px !important; float: left; background: #fff; z-index: 9; position: relative; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px;}
    header .formname{float: left; width: 100%; background: #d6204b; padding: 13px 0; color: #fff; font-weight: 700; font-size: 22px; position: relative;}
     header .iframe-wrapper {padding: 0px;}

header .formname h2{margin: 0; padding: 0; font-size: 22px; color: white; font-weight: bold;}    
     

.menuhand{float: right; width: 40px; height: 40px; background: #1a263b url('../images/menu.png') center center no-repeat;}
.hes{width: 100%; float: left;}
  
  header .right{float: right; width: 100%;}
  
  header .right p{color: #fff; font-size: 25px; width: 100%; float: left; text-align: center;}  
    header .right p span{background: #d6204b; color: #fff; font-size: 30px; display: inline-block; line-height: 58px; text-align: center; margin: 0 5px; height: 58px; width: 58px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;}

  header .why{}
    header .why .item{background: #2087a5; margin-top: 30px; line-height: 25px; text-align: left; position: relative; display: inline-block; color: #fff; font-size: 21px; font-weight: 300; padding: 10px 20px 10px 20px; }
      header .why .item strong{font-weight: 600;}
      

    header .why .item.red{background-color: #d6204b; text-transform: uppercase; font-weight: 600; font-size: 17px; margin-bottom: 60px;}
    
    
    
/* jak-zadat */
.jak-zadat{margin-bottom: 70px;}
  .jak-zadat ul{width: 100%; float: left; margin: 30px 0; padding: 0;}
    .jak-zadat li{width: 100%; float: left; margin-top: 15px; padding: 0; text-align: center; background: none;}
      
      .jak-zadat .numb{display: inline-block; text-align: center; width: 72px; height: 72px; background: #d6204b; color: #fff; font-weight: 400; font-size: 30px; line-height: 72px; position: relative; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;}
        
      .jak-zadat .name{float: left; width: 100%; text-align: center; color: #d6204b; font-weight: 700; font-size: 20px; text-transform: uppercase; margin: 20px 0 10px 0; }
      .jak-zadat p{text-align: center;}
      
      .jak-zadat li.last{}
        .jak-zadat li.last .numb{background: #7aa200; width: 90px; height: 90px; margin-top: -9px; line-height: 90px;}
        .jak-zadat li.last .name{color: #7aa200; margin: 11px 0 10px 0;}
        .jak-zadat li.last .numb:after{content: initial;}

/* vyhody */
.vyhody{background: #f1f5f8; padding-bottom: 80px; padding-top: 30px;} 
  .vyhody ul{width: 100%; float: left; margin: 0; padding: 0;}
    .vyhody li{float: left; width: 100%; padding: 0; margin: 10px 0; vertical-align: top; background: none;}
    .vyhody li.second{float: right;}  
    .vyhody li .left{float: left; width: 100%; text-align: center;}
      .vyhody li .left .icon{width: 72px; height: 72px; display: inline-block; background-position: center center; background-color: #d6204b; background-repeat: no-repeat; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;}
      .vyhody li .left .icon img {margin: 15px;}
    .vyhody li .right{float: right; width: 100%; }
      .vyhody li .right .name{color: #2087a5; float: left; width: 100%; text-align: center; font-size: 25px; font-weight: 600;}
      .vyhody li .right p{color: #2087a5; width: 100%; float: left; text-align: center;}


/* bez-dolozeni */
.bez-dolozeni{margin-bottom: 30px; border-bottom: 1px solid #f1f5f8; padding-bottom: 80px; margin-top: 30px;} 
  .bez-dolozeni p{text-align: justify; margin: 20px 0;}
  .bez-dolozeni .left{float: left; width: 100%;}
  .bez-dolozeni .right{float: right; width: 100%;}


/* faq */
.faq{}  
  .faq .left{width: 100%; float: left; border-right: 1px solid #f1f5f8; margin-top: 30px; margin-bottom: 60px;}

  .faq ul{width: 100%; float: left; margin: 0; padding: 0;}
    .faq li{float: left; width: 100%; padding: 0; margin: 15px 0; vertical-align: top; background: none;}
    .faq li .leftin{float: left; width: 100%; margin-bottom: 10px; text-align: center;}
      .faq li .leftin .icon{width: 41px; height: 35px; display: inline-block; background: url('../images/question.png') no-repeat center center;}
    .faq li .rightin{float: right; width: 100%;}
      .faq li .rightin .name{color: #2087a5; float: left; width: 100%; text-align: center; font-size: 22px; font-weight: 600;}
      .faq li .rightin p{width: 100%; float: left; text-align: center;}
      
      .faq li ul li{padding-left: 0; margin: 2px 0; text-align: center;}
      .faq li ul li:before{content: ''; background: url('../images/li.png') center center no-repeat; width: 10px; height: 10px; display: inline-block; margin: 0 10px 0 0;}
      
  .faq .right{width: 100%; float: right; margin-bottom: 60px; margin-top: 30px;}
    .faq .ref{width: 100%; float: left; background: #f1f5f8; padding: 20px 30px; margin: 15px 0;}
      .faq .ref .refname{color: #d6204b; font-size: 20px; font-weight: 600; text-align: left; float: left; width: 100%; margin-bottom: 10px;}
      .faq .ref p{color: #2087a5; font-size: 16px; font-style: italic;}                                 

  .faq .box{background: #f1f5f8; float: left; width: 100%; padding: 30px 20px 30px; margin-bottom: 60px;}
    .faq .box p{text-align: center; font-size: 27px; color: #2087a5; font-weight: 600; line-height: 40px;}  
    
    .faq .box .cta{margin-top: 30px; background: #7aa200; color: #fff; border-color: #7aa200;}
      .faq .box .cta:hover{background: none; color: #7aa200;}
    
/* footer */ 
footer{width: 100%; float: left;}
  footer .top{float: left; width: 100%; background: url('../images/footer-back.jpg') center center repeat;}   
  footer .top img{padding: 25px 0 20px 0;}
    footer .top .left{margin: 20px 0; float: left; width: 100%;}
      footer span{color: #fff; font-weight: 600; font-size: 18px; padding: 15px 0 15px 50px; float: left; width: 100%; text-align: left;}
      footer .tel{background: url('../images/phone.png') left center no-repeat;}
      footer .mail{background: url('../images/mail.png') left center no-repeat;}
      footer .top .left img{float: left; margin-bottom: 15px;}
      footer .top .left p{color: #fff; font-size: 18px; float: left; width: 100%; margin: 15px 0;}
    footer .top .right{float: right; width: 100%;}
      footer .top .right iframe{background: #fff; border: 0; padding: 10px; width: 100%; height: 250px; float: right; margin-top: 20px;}
  footer .bottom{float: left; width: 100%; background: #0e0816; height: 66px; line-height: 66px; color: #fff; font-size: 16px; font-weight: 300; text-align: left;}


h1 {
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  margin: 20px 0 20px 0;
}