body{
    padding-bottom: 50px;
}

@media (min-width: 768px) {
  .row.equal {
    display: flex;
    flex-wrap: wrap;
  }
}

.spacedRow{
    margin-bottom: 15px;
    vertical-align: middle;
}

.spaceTop{
    margin-top: 7px
}

.green{
    color: green;
}

.dl_confirm{
    font-size: larger
}

.dl_confirm dd{
    margin-left: 3em
}

.red{
    color: red;
}

.membership_outer{
    padding: 10px;
}

.bg-white{
   background-color: white; 
}

.nobold{
    font-weight: normal;
}

.bold{
    font-weight: bold;
}

.membership_inner{
    background-color: #D24;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 15px;
}

.membership_line{
    margin-top: 5px;
}

.membership_voucher{
    text-align: center;
    margin-top: 50px;
}

a{
    color: #6bb324;
    text-decoration: none;
}

a:hover{
    color: #000;
    text-decoration: underline;
}

p{
    font-family: 'Roboto', sans-serif; 
}

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

table{
    width: 100%;
}

table tr td{
    padding: 5px 7px ;  
}

table tr:hover, .table tr:hover{
    background: rgb(231,231,231) !important;
}

.table tr:nth-child( 1 ){
    background: rgb(231,231,231) 
}

.table tr:nth-child( 2n+2 ) {
    background: rgb(245,245,245);
}

.table a{
    color: #6bb324;  
}

.table a:hover{
    text-decoration: underline;
}

.womanTabSelected{
    background-color: rgb(240,240,240);
    border-radius: 15px;
}

.attached::before{
    content: "a";
    color: green;
    font-size: 150%;
}

.plkarty img{
    max-width: 70px;
    max-height: 20px;
    margin: 10px 0;  
}

.kroky{
    background:url('../images/linka.gif') no-repeat;  max-width:100;
    background-position: 50% 40%;  
    margin: 40px 0;
}

.nomobile p.seda{
    color: #E7E7E7; 
}

.koula-zelena{
    background: #6bb324;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
}

.koula-seda{
    background: #E7E7E7;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
}

.koula-zelena p, .koula-seda p{
    line-height: 80px;
    font-size: 20px;
    font-weight: bold;
}

.kurziva{
    font-style: italic;
}

.alert{
    text-align: center;
}

.bggray{
    background:#E7E7E7;
}

.navbar-brand{
    font-family: 'Lobster', cursive; 
    color: #6bb324;
    font-size: 34pt;
    margin-top: -20px;
}

.navbar-brand:hover{
    color: #4f4f4f;   
}


.prihlaseni{
    text-align: right;
    padding-top: 10px;
}

.prihlaseni ul li{
    display: inline;
    list-style: none;
    padding: 5px 15px ;
}

.prihlaseni ul li a{
    color: #6bb324; 
}

.prihlaseni ul li a:hover{
    color: #4f4f4f; 
}

.patka{
    padding: 50px 0 ;
    border-top: 1px solid rgb(182,182,182);
}


.headobr{
    padding: 150px 0;
    background-image: url(../images/header.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;   
} 

.headobrsmall{
    padding: 70px 0;
    background-image: url(../images/header.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;  
}

.headobr h1,.headobrsmall h1 {
    font-family: 'Lobster', cursive;
    color: #fff;
    text-shadow: 0px 3px 2px rgba(150, 150, 150, 1);
}

.headobr h2{
    font-family: 'Roboto', sans-serif; 
    font-size: 12pt;
    color: #fff;
    font-weight: normal;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0 ;
    text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.9);
}

a.readmore {
    color: #6bb324;
    padding: 7px 20px ;
    border: 1px solid #6bb324;
    border-radius: 15px;
    margin-top: 20px;
    /*float: left;*/
}

ul.zelena li{  
    list-style-image: url(../images/li-bullet.gif);
}


.objukl{
    padding: 0 0 60px 0;
    border-bottom: 2px solid #e9eaee;
}

.clanky{
    padding: 40px 0 ;
    text-align: center;
}

.clanky h3, .poukaz h3{
    padding-bottom: 30px;
}

.clanek{
    padding: 0 10px ; 
}

.clanek p{
    font-family: 'Roboto', sans-serif; 
    font-size: 10pt;
    color: #888888;
}

.clanek h4{
    font-family: 'Roboto', sans-serif; 
    font-size: 12pt;
    font-weight: bold;
    color: #4f4f4f;
}

.ramecky{
    margin-top: 50px;
    font-family: 'Roboto', sans-serif; 
    font-size: 12pt;
    line-height: 16pt; 
}

.ramecky p{
    margin-top: -40px;
}

.ramecky_wrapper.refpers{
    min-height: 200px;
}

.ramecky_circle{
    display: inline-block;
    /*padding-top: 35%;*/
    line-height: 102px;
    position: relative;
    top: -55px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    
    border: 6px solid #d7e8c4;
    background-color: white;
    vertical-align: middle;
    font-size: 28px;
    font-weight: bold;
}

.downarrow{
    margin-top: -5px;
}

.uklid{
    padding: 40px 0 ;
}

.thumbart{
    padding: 0 10px ;
}

.thumbart img{
    max-width: 100%;
}

.uklid p{
    font-family: 'Roboto', sans-serif; 
    font-size: 12pt;
    line-height: 16pt; 
    padding: 20px 0 5px 0;
}

.uklid h3 a, .clanky h3, .rikaji h3, .objednejtesi h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 26pt;
    color: #4f4f4f;  
    text-decoration: none;
}

.objukl h3{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 26pt;
    color: #4f4f4f;  
    text-decoration: none;
    padding-bottom: 40px;
}


.uklid h3 a:hover{
    color: #6bb324;  
    text-decoration: underline;
}

.reference, .objednejtesi, .ramecky{
    padding: 70px 0;
    background-image: url(../images/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.reference h3{
    padding: 0 0 80px 0;
    font-size: 26pt;
}

.uklizecka{
    border-radius: 15px;
    border: 1px solid rgb(196,196,196);
    -webkit-box-shadow: 0px 10px 40px -17px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 40px -17px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 40px -17px rgba(0,0,0,0.5);
}

.refpers{
    text-align: center;
    background: #fff;
    min-height: 420px;
    margin: 30px 20px;
    padding: 0 20px 30px 20px;
    border-radius: 5px;
}

.ramek{
    border-bottom: 1px solid rgb(196,196,196);
    border-top: 1px solid rgb(196,196,196);
    padding: 3px 0 ;
}

.zktext{
    /*display: block; /* or inline-block */
    /*text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;*/
    /*max-height: 2.6em;*/
    line-height: 1.0em;
}

/*.zktext:after {
   content: " ...";
} */

.refhour, .reffir{
    font-weight: bold;
}

.refavat{
    border-radius: 50%;
    margin-top: -50px;
    max-height: 110px;
    max-width: 110px;
    border: 6px solid #fff;
}


.refpers h4{
    color: #4f4f4f;
    font-weight: bold;
    font-size: 12pt;
    font-family: 'Roboto', sans-serif; 
}

.refpers p{
    font-size: 12pt;
    font-family: 'Roboto', sans-serif;  
}

.stavuctu{
    padding: 10px 0 ;
} 

.stavuctu span{
    font-size: 18pt;
    color: #6bb324;  
}

.rikaji{
    padding: 40px 0 ;
}

.rikaji h3{
    padding-bottom: 30px;
}

.rikaji .profilovka img{
    max-height: 70px;
    max-width: 70px;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    float: left;
    clear: right;  
}

:hover.readmore {
    color: #fff;
    background: #6bb324;
}

.btn {
    white-space: normal;
}

.btn-default{
    color: rgb(56,56,56) !important;
    background-color: #fff !important;
    padding: 10px 30px ;
    border: 1px solid #6bb324;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
}

.btn-default:hover{
    color: #fff !important;
    background-color: #6bb324 !important;
}

.btn-back{      
    background: rgb(140,140,140)!important;  
    border: 1px solid rgb(140,140,140);
    color: #fff !important;
}

.btn-back:hover{
    background: rgb(100,100,100) !important;
    border: 1px solid rgb(94,94,94);
    color: #fff;
}

.btn-primary, .btn-primary:focus{
    color: #fff !important;
    background-color: #6bb324 !important;
    padding: 10px 30px ;
    border: 1px solid #6bb324;
    border-radius: 25px;
    text-transform: uppercase;
    -webkit-box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 40px -15px rgba(0,0,0,0.75);
}

.btn-primary:hover{
    color: rgb(56,56,56) !important;
    background: #fff !important;
    border: 1px solid #6bb324;
}

input#frm-findCleaningSmall-address{
    min-width: 350px;
}  


#frm-findCleaningSmall{
    background-image: url(../images/arrow-right.jpg);
    background-position: 15% 140%;
    background-repeat: no-repeat;
}

.arrow{
    background-image: url(../images/arrow-right.jpg);
    background-position: 15% 140%;
    background-repeat: no-repeat;
}

.arrow > input{
    margin-left: 65px;
}

.arrow-right-down{
    display: block;
    /*text-align: center;*/
    height: 50px;
    width: 50px;
    background-image: url(../images/arrow.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

h2, h3{
    color: #4f4f4f;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /*  padding: 0 70px ;
      background-image: url(http://i68.tinypic.com/9i9q94.gif), url(http://i68.tinypic.com/9i9q94.gif);
      background-position: center left, center right;
      background-repeat: no-repeat;   */
}  

footer{
    padding-top: 50px;
}

footer h4{
    text-align: left;
    padding-left: -10px;
}



footer ul li{
    list-style-type: none;
    margin-left: -40px;
    text-align: left;
    color: #4f4f4f;
    font-family: 'Roboto', sans-serif;
    line-height: 180%;
}

footer ul a li{
    color: #4f4f4f;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

footer ul a:hover li{
    color: #6bb324;
    text-decoration: underline;
}

/*       
#frm-chatForm-message{
height: 45px;
border: 1px solid #4f4f4f;
}        
*/



/* ------------------- chat -------------- */
.chat{
    border: 1px solid #7f7f7f;
}

.chat2{
    border-bottom: 1px solid #7f7f7f;
    border-top: 0px solid #7f7f7f;
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
}

.chat.btn-primary {
    width: 100%;
    display: block;
    border-radius: 0 !important;
}

.chat textarea {
    outline: none;
    height: 100%;
    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.chat .form-control{

    border: none !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}     

.zprava.chat_portal{
    clear: both;
    margin: 10px;
    padding: 10px ;
    background: rgb(237,237,237);
    border-radius: 15px;
}

.zprava.nova{
    background: #BBB;
}

.zprava.chat_woman{
    clear: both;
    margin: 10px ;
    padding: 10px ;
    background: rgb(192,240,127);
    border-radius: 15px;
}

.zprava.chat_portal .datum{
    color: #4f4f4f;
    font-size: 10pt;
    text-align: left;
}

.zprava.chat_woman .datum{
    color: #4f4f4f;
    font-size: 10pt;
    text-align: right;
}

.zprava.chat_woman p{
    text-align: right;
}

.zprava.chat_portal p{
    text-align: left;
}

.zprava.chat_portal .jmeno{
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}

.zprava.chat_woman .jmeno{
    font-size: 12pt;
    font-weight: bold;
    text-align: right;
}

.zprava .avatchat img{
    max-height: 60px;
    max-width: 60px;
    border-radius: 50% ;
}


/* ------------------- navigace -------------- */


.icon-bar, .navbar-toggle{
    border: 2px solid #4f4f4f;
}

.icon-bar:hover, .icon-bar:focus, .navbar-toggle:hover{
    border: 2px solid #6bb324;
}

.navbar{
    margin: 0 !important;
}

.navbar-nav{
    /*float: right;*/
}

.nav > li > a {
    padding: 10px 25px ;
    color: #4f4f4f;
    font-size: 12pt;
    border-right: 1px solid rgb(200,200,200);
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
    border-right: 1px solid rgb(200,200,200);
}

.nav.navbar-nav{
    border-left: 1px solid rgb(200,200,200);
} 

.nav > li > a:hover{
    color: #6bb324;  
    background: none;
}


/* ------------------- scrool mouse ------------------*/


.mouse{height:50px;width:30px;border-radius:14px;border:2px solid #fff; margin:80px auto -90px auto; position:relative;}
.mouse:after{content:'';display:block;height:8px;width:2px;margin:2px auto;background:#fff;position:relative;-webkit-animation:a 1.2s ease infinite;animation:a 1.2s ease infinite}
/*.arrow-scroll{width:15px;margin-top:10px}
.arrow-scroll>span{font-family:Arial,sans-serif;display:block;width:9px;height:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;margin:5px auto 3px;-webkit-animation:b 1s infinite;animation:b 1s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}
.arrow-scroll>span:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}
.arrow-scroll>span:last-child{-webkit-animation-delay:.3s;animation-delay:.3s}  */
@-webkit-keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
                     to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}
                     @keyframes a{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}}
                     @-webkit-keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}
                     @keyframes b{0%{opacity:0}50%{opacity:.5}to{opacity:1}}



                     /* -------------------  Mobily atd ------------------*/


                     @media only screen and (max-width: 768px) {

                         .nomobile{
                             display: none;}

                         .plkarty img{
                             margin: 10px 0 20px 0;  
                         }

                         .navbar-nav{
                             float: none;
                         }

                         .clanek, .clanek h4{
                             text-align: center;
                         }

                         .profilovka{
                             width: 100%;
                             min-height: 80px;
                             text-align: center;
                         }

                         .rikaji .profilovka img{
                             max-height: 70px;
                             max-width: 70px;
                             height: 70px;
                             width: 70px;
                             border-radius: 50%;
                             float: none;
                             clear: none;
                         }

                         .chat textarea {
                             min-height: 100px;
                         }  

                         .chat .btn-primary{
                             width: 100%;
                             display: block;
                         }

                         .navbar-brand {
                             font-size: 26pt;
                             margin-top: 0;
                         }


                         .btn-primary, .btn-primary:focus{
                             margin: 10px 0;
                         }

                         .refpers{
                             margin: 10px 0;
                             padding: 10px 20px;
                         }

                         .refavat{
                             margin-top: 10px;
                         }

                         .womanTabSelected{
                             background-color: #6bb324;
                         }

                     } /* --- konec nemazat!! ---*/


                     @media only screen and (max-width: 1000px) {

                         .nav > li > a {
                             padding: 10px 15px ;
                         } 

                         .arrow{
                             background: none;
                         }
                         
                         .arrow > input{
                             margin-left: 0;
                         }
                     }

                     @media only screen and (max-width: 1200px) {

                         #frm-findCleaningSmall{
                             background: none;
                         }
                     }

                     @media only screen and (min-width: 768px) {

                         .navbar-nav{
                             float: rigt;
                         }  
                     }

                     @media only screen and (max-width: 400px) {

                         .prihlaseni ul li {
                             display: inline;
                             list-style: none;
                             padding: 5px 15px;
                             width: 100%;
                             display: block;
                             text-align: center;
                         }

                         .headobr{
                             padding: 40px 0;
                             background-image: url(../images/header.jpg);
                             background-position: center;
                             background-size: cover;
                             background-repeat: no-repeat;

                         } 

                         input#frm-findCleaningSmall-address{
                             min-width: 150px;
                         } 

                         .mouse{
                             display: none;
                         }

                     }