@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400&subset=latin-ext,latin);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300&subset=latin,latin-ext);

body{
    background-image: url(/htdocs/images/aqua_bg.jpg);
    padding: 0px;
    margin: 0px;
    background-position: center -388px;
    background-attachment:fixed;
}
::-webkit-scrollbar {
    width: 6px;
}
li{
    list-style-type: none;
}
.btn-success.post{
    margin-top: 10px;
}
.galyery_upload.rate{
    top: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

::-webkit-scrollbar-thumb {
    background: #219BC0; 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0); 
}
@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
       -moz-appearance: none !important;
       background: rgb(0,255,0) !important;
    }
    thumb,scrollbarbutton {
       -moz-appearance: none !important;
       background-color: rgb(0,0,255) !important;
    }

    thumb:hover,scrollbarbutton:hover {
       -moz-appearance: none !important;
       background-color: rgb(255,0,0) !important;
    }

    scrollbarbutton {
       display: none !important;
    }

    scrollbar[orient="vertical"] {
      min-width: 15px !important;
    }
}

.alter{
    position: fixed;
    top: -5%;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    min-height: 100px;
    width: 400px;
    background: #404547;
    border-radius: 4px;
    box-shadow: 0px 0px 40px rgba(0,0,0, 1);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    z-index: 80;
    
}
.alter.active{
    top: 40%;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}
.alter header {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid rgb(95, 95, 95);
}
.alter header p{
    float: left;
    margin-left: 10px;
    line-height: 30px;
    color: white;
}
.alter header i{
    float: right;
    margin-right: 10px;
    line-height: 30px;
    color: white;
    cursor: pointer;
}
.alter section {
    padding: 15px;
    text-align: center;
    color: white;
    height: 100%;
    top: 50%;
    padding-bottom: 15px;
}
.alter footer{
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
}
.alter footer .btn{
    margin: 0px auto;
}
.logo-footer{
    margin-left: 10px;
    float: left;
}
.logo-footer img{
    max-height: 80px;
}
.created-by{
    float: right;
    font-size: 15px;
    color: white;
    width: 200px;
    margin-right: 10px;
}
.created-by p{
    float: left;
    line-height: 93px;
    margin-bottom: 0px;
}
.created-by a{
    float: right;
    line-height: 80px;
}

#galyery_upload,
.galyery_upload{
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.galyery_upload input,
#galyery_upload input {
    cursor: pointer;
    font-size: 24px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
}
.galyery_upload .span,
#galyery_upload .span {
    background: #79130e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 18px;
    text-transform: uppercase;
}


.header{
    width: 100%;
    height: 90px;
    background: rgba(255,255,255, 0.34);
    border-bottom: 2px solid white;
}
.header .menu-wr{
    max-width: 1100px;
    height: 100%;
    margin: 0px auto;
}
.header .menu-wr .logo-aqua{
    float: left;
}
.header .menu-wr .logo-aqua img{
    max-height: 90px;
}
.header .menu-wr .menu{
    float: right;
    color: white;
}
.header .menu-wr .menu li{
    float: left;
    margin: 0px 10px 0 10px;
    padding: 0px 5px 0 5px;
    line-height: 30px;
    height: 30px;
    margin-top: 28px;
    border-radius: 3px; 
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    
}

.header .menu-wr .menu li a{
    color: white;
    text-decoration: none;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    display: block;
}
.header .menu-wr .menu li.active,
.header .menu-wr .menu li:hover{
    background: #e15230;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}
.header .menu-wr .menu li.active a,
.header .menu-wr .menu li:hover a{
    color: white;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
}


.acount-foto-menu{
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 50%;
    margin-top: 7px;
    float: right;
    border: 2px solid white;
    background: white;
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
}
.acount-foto-menu img{
    
}
.d-input{
    border: 0px transparent;
    width: 336px;
    float: left;
    height: 40px;
    display: inline-table;
    padding: 0px 10px 0px 10px;
}
.d-btn{
    border: 0px transparent;
    border-radius: 0px;
    float: left;
    height: 30px;
    display: inline-table;
}
.b-blue{
    background: #0baad5;
    color: white;
}
.b-blue-br{
    background: #0baad5;
    color: white;
    border-bottom: 3px solid #167895;
}



#maps{
    width: 1100px;
    height: 600px;
    margin: 0px auto;
    margin-top: 15px;
    position: relative;
}
#maps .g-map{
    width: 850px;
    height: 600px;
    float: left;
    margin-left: 250px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}

#maps #filter{
    width: 250px;
    height: 600px;
    background: white;  
    float: left;
    transition: all 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    z-index: 26;
    position: absolute;
    overflow:  hidden;
}
#maps #filter .fil .name{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #1c96ba;
    background: #23bbe9;
    color: white;
    text-align: left;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    box-shadow: 0px 5px 22px rgba(0,0,0, 0.2);
    position: relative;
}

#maps #filter .fil .name .op_fil{
    float: right;
}

#maps #filter .fil .filter_da{
    background: #34C4F0;
    border-bottom: 1px solid #1c96ba;
    color: white;
    padding: 0px 10px 0px 10px;
    display: none;
}
.filter_list{
    height: 560px;
    overflow-y: auto;
}
#maps #filter .fil .filter_da label{
    width: 100%;
    font-weight: normal;
    font-style: italic;
}
#maps #filter_stin{
    content: "";
    font-weight: bold;
    position: absolute;
    height: 594px;
    width: 5px;
    margin-left: 244px;
    margin-top: 5px;
    -webkit-box-shadow: 3px -2px 12px rgba(0,0,0, 1);
    box-shadow: 3px -2px 12px rgba(0,0,0, 1);
}   
#maps #reklama-map{
    width: 160px;
    height: 600px;
    float: left;
    margin-left: 15px;
    background: white;
}
#maps #filter .header{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 5px solid #1c96ba;
    background: #23bbe9;
    color: white;
    text-align: center;
    position: relative;
    z-index: 9;
    width: 252px;
    box-shadow: 0px 5px 15px rgba(0,0,0, 0.4);
    font-weight: bold;
}
#infowindow_map{
    width: 292px;
}
#infowindow_map .map_img_plo {
    border-radius: 50px;
    height: 50px;
    width: 50px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 7px;
    float: left;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.5);
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.5);
}
#infowindow_map .map_img_plo img{
    width: 50px;
    height: 50px;
}
#infowindow_map .map_info_name{
    width: 229px;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    height: 70px;
    padding: 10px 0px 0px 03px;
    font-family: 'Source Sans Pro', sans-serif;
    
}
#infowindow_map .map_info_name a{
    color: black;
    text-decoration: none;
}

#infowindow_map button i{
    font-size: 20px;
    line-height: 30px;
    float: left;
    margin-right: 5px;
}
#infowindow_map .map_info_btn{
    width: 291px;
    height: 25px;
    float: left;
}
#infowindow_map .map_img_opn_ef{
    position: absolute;
   margin-top: -50px;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0, 0.4);
    border-radius: 50px;
    text-align: center;
    color: rgb(230, 230, 230);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    line-height: 50px;
    font-size: 29px;
}
#infowindow_map .map_img_opn_ef:hover{
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.d-btn.like{
    height: 25px;
    background: #1c96ba;
    color: white;
    border-bottom: 3px solid #167895;
    margin-left: 5px;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0px 3px 0px 3px;
}
#infowindow_map.info_profile{
  width: 250px;  
}

#infowindow_map.info_profile
.map_info_btn{
    width: 250px; 
}
#infowindow_map.info_profile
.map_info_name{
    width: 193px; 
}


.d-btn.like span{
    float: left;
    line-height: 22px;
}
.d-btn.gallery{
    height: 63px;
    background: #1DE956;
    width: 63px;
    border-radius: 50%;
    color: black;
    float: right;
    position: relative;
    top: 164px;
    right: 6px;
    padding: 0px;
    line-height: 15px;
    border: 2px solid rgba(255,255,255, 1);
    font-size: 12px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    font-weight: bold;
}


.d-btn.profile_btn{
    height: 33px;
    line-height: 30px;
    background: #1c96ba;
    color: white;
    border-bottom: 3px solid #167895;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}
.d-btn.profile_btn.w{
    height: 33px;
    line-height: 40px;
    background: #4968ad;
    border-bottom: 3px solid #3a538a;
}

#galerie_wr{
     position: fixed;
     z-index: 110;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0, 0.8);
     visibility: hidden;
     opacity: 0;
     transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    padding: 120px 0px 120px 0px;
}
#galerie_wr.active{
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#galerie_wr .galerie_header{
        width: 100%;
        color: white;
        height: 120px;
        background: rgba(0,0,0, 0.3);
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
         z-index: 9;
}
#galerie_wr .galerie_header .images{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #DBDBDB;
    border: 4px solid white;
    margin:10px;
    float: left;
    overflow: hidden;
   
}
#galerie_wr .galerie_header .images img{
    margin-top: -4px;
    margin-left: -4px;
}
#galerie_wr .galerie_header span.nazev{
    float: left;
    line-height: 120px;
    font-size: 20px;
    
}
#galerie_wr .galerie_list{
    position: fixed;
    top: 100%;
    height: 120px;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: -110px;
    background: rgba(0,0,0, 0.3);
    display: inline-block;
    text-align: center;
}

#galerie_wr .galerie_img{
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#galerie_wr .galerie_img.active{
    opacity: 1;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
#galerie_wr .galerie_img img{
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: block;
    
    max-width: 100%;
    max-height: 100%;
}

#galerie_wr .galerie_list .list_line{
    width: 100%;
    height: 110px;
    margin: 0px auto;
}

#galerie_wr .galerie_list .list_line img{
    margin: 4px 2px 0px 2px;
    width: 100px;
    height: 100px;
    cursor: pointer;
     transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
#galerie_wr .galerie_list .list_line img.active{
    margin: -10px 2px 0px 2px;
    box-shadow: 0px 0px 10px rgba(000,000,000, 1);
     transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}


/*profile*/
.profile{
    width: 1100px;
    margin: 0px auto;
}
.profile .profile_hider{
    width: 100%;
    height: 232px;
    background: white;
    margin-top: 15px;
}
.profile .profile_hider .profile_h_i{
    height: 235px;
    width: 300px;
    float: left;
    background: #23bbe9;
    border-bottom: 3px #1c96ba solid;
}
.profile .profile_hider .profile_h_i .images{
    width: 110px;
    height: 110px;
    border: 5px solid white;
    border-radius: 55px;
    background: white;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 10px;
}
.profile .profile_hider .profile_h_i .images img{
    width: 100px;
    height: 100px;
    border-radius: 50px;
}
.rate-plov-stav{
    margin: 0px auto;
    margin-top: 4px;
    width: 93px;
    height: 25px;
    overflow: hidden;
    background-image: url('/htdocs/images/medail3.png');
}
.rate-v-p-d{
    text-align: center;
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    font-weight: 100;
}
.rate-plov-stav2{
    height: 25px;
    background-image: url('/htdocs/images/medail.png');
}
.profile .profile_hider .profile_h_i .plov_name{
    text-align: center;
    font-size: 22px;
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin-top: 4px;
    padding: 0px 15px 0px 15px;
    text-transform: uppercase;
    line-height: 23px;
}
.profile .profile_hider .galery_plov{
    float: left;
    width: 800px;
    height: 235px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-bottom: 3px #1c96ba solid;
    box-shadow: inset 0px -40px 30px rgba(0,0,0, 0.2);
}
.profil_body{
    width: 1100px;
    background: white;
    min-height: 200px;
    -webkit-box-sizing: border-box;
    display: inline-table;
    
}
.profil_body .popis_plo{
    float: right;
    width: 800px;

}
.profil_body .popis_plo div.info_t{
    width: 800px;
    padding: 0px 20px 0px 20px;
    float: left;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 35px;
}
.popis_plo .rate-plov{
    width: 800px;
    min-height: 367px;
    position: absolute;
    background: white;
    display: none;
}
.popis_plo 
.rate-ot-e{
   float: left; 
}
.popis_plo 
.rate-ot-e li{
    list-style-type: none;
    width: 100%;
    background: rgba(35, 187, 233, 0);
    float: left;
    margin-top: 3px;
    padding: 5px;
    border-bottom: 1px #1c96ba solid;
    
}
.popis_plo 
.rate-ot-e li i{
    float: left;
    margin-left: 3px;
    line-height: 25px;
    font-size: 22px;
}
.popis_plo 
.rate-ot-e li.rate button{
    float: right;
    margin-right: 48px;
    padding: 0px 16px 0px 16px;
}
input.datapicker{
    border: 1px solid #23bbe9;
    width: 103px;
    float: left;
    margin-left: 38px;
    border-radius: 3px;
    text-align: center;
    margin-top: 4px;
}
.popis_plo .rate-ot-e
li.datatime{
    background: #23bbe9;
    color: white;
}
.popis_plo .rate-ot-e
li.datatime p{
   margin: 0px;
   line-height: 30px;
}
.popis_plo 
.rate-ot-e{
    margin: 0px;
    padding: 5px;
    max-height: 300px;
    overflow-x: auto;
}
.popis_plo 
.rate-ot-e li .text{
    width: 600px;
    float: left;
}
.popis_plo 
.rate-ot-e li
.rateBut{
    width: 150px;
    height: 30px;
    float: right;
}
.popis_plo 
.rate-ot-e li 
.rateV{
    width: 17px;
    height: 25px;
    background-image: url('/htdocs/images/medail2.png');
    float: left;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.popis_plo 
.rate-ot-e li 
.rateV.hover,
.popis_plo 
.rate-ot-e li 
.rateV.select{
    background-image: url('/htdocs/images/medail.png');
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.profil_body .popis_plo h1{ 
     font-size: 20px;
     width: 800px;
     border-bottom: 2px solid #8abb24;
     float: left;
     text-transform: uppercase;
     text-align: center;
     line-height: 35px;
}
.profil_body .parametry_plo{
      width: 300px;
      background: #23bbe9;
      float: left;
}
.parametry_plo
.pram-btn-act{
    margin-top: 10px;
    float: left;
    width: 255px;
    margin-left: 32px;
}
.parametry_plo
.pram-btn-act .post{
   margin-left: 5px; 
}
.parametry_plo
.pram-btn-act
.pag{
    padding: 0px 35px 0px 35px;
}

.parametry_plo
.pram-btn-act
a{
   clear: both; 
   margin-top: 10px;
}



.parametry_plo
.par-headr{
   width: 100%;
    float: left;
    color: white;
    height: 50px;
    background: rgba(0,0,0, 0.2);
    line-height: 50px;
    padding: 0 0 0 20px;
    box-shadow: 0px 3px 3px rgba(0,0,0, 0.1);
}

.parametry_plo
.cont-par{
    width: 300px;
    height: 257px;
    float: left;
    overflow-x: auto;
    padding: 15px;
}
.parametry_plo
.cont-par li{
    list-style-type: none;
    color: white;
}
.parametry_plo
.cont-par li.nazev p{
    background-color: #1c96ba;
    padding: 5px;
    border-bottom: 1px solid white;
}
.parametry_plo
.cont-par li li{
    font-size: 12px;
}
.parametry_plo
.parametry-prof{
    margin: 0px;
    padding: 0px;
}
.nazev p{
    margin: 0px;
}
.parametry_plo .cont-par li ul{
    padding-left: 10px;
}
.parametry_plo .cont-par li li:last-child{
    margin-bottom: 10px;
}

.parametry_plo
.parameters{
    clear: both;
    height: 261px;
    width: 300px;
    margin-top: 10px;
    float: left;
    border-top: 4px solid white;
    overflow: hidden;
    position: relative;
}




.profile
.dak{
    width: 100%;
    float: left;
    color: white;
    height: 50px;
    background: rgba(0,0,0, 0.2);
    line-height: 50px;
    padding: 0 0 0 20px;
    box-shadow: 0px 3px 3px rgba(0,0,0, 0.1);
    margin-bottom: 13px;
}
.profile
.dak i{
    font-size: 26px;
    line-height: 50px;
    color: rgba(0, 0, 0, 0.42);
    float: left;
        
}
.profile
.dak p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 19px;
    font-weight: 100;
    line-height: 50px;
    float: left;
    padding: 0 0px 0 5px;
    text-shadow: 0px 1px 1px rgba(0,0,0, 0.3);
}
.profile
p.inf{
   padding: 0px 10px 0px 20px;
    color: white;
    clear: both;
    margin: 0px;
}
.profile
p.inf:first-child{
    padding-top: 10px;
}

.profile
.parametry-prof
.hodnota i{
    visibility: hidden;
}
.profile
.parametry-prof
.hodnota.isset{
    background: rgba(255, 255, 255, 0.11);
    border-radius: 3px;
}
.profile
.parametry-prof
.hodnota.isset i{
    visibility: visible;
}


.profile_map{
    width: 745px;
    height: 255px;
    float: right;
    background: white;
    border: 4px solid white;
}
.dak.par-headr{
    margin-bottom: 0px;
    position: relative;
}


.profile-inf-m{
    display: inline-block;
    margin-top: 12px;;
}
.profile
.kontakt{
    background: #643ebf;
    width: 340px;
    height: 120px;
    float: left;
    color: black;
    overflow: hidden;
    border-bottom: 3px solid white;
}
.profile
.adresa{
    background: #d44a27;
    width: 340px;
    height: 120px;
    float: left;
    margin-top: 15px;
    overflow: hidden;
    border-bottom: 3px solid white;
}
.profile .kontakt p,
.profile .adresa p{
    color: white;
    padding-left: 0;
}
.profile .kontakt .dak-t{
    margin-top: 22px;
}
.profile .adresa i,
.profile .kontakt i{
    float: left;
    font-size: 44px;
    color: white;
    padding: 0 30px 0 34px;
}
.profile .adresa i{
    line-height: 120px;
    background: #d44a27;
}
.profile .kontakt i{
    background: #643ebf;
    line-height: 120px;
    padding: 0 38px 0 38px;
}
.profile .adresa .dak-t,
.profile .kontakt .dak-t{
    float: left;
    font-size: 12px;
}
.profile .adresa .dak-t{
    margin-top: 5px;
}




.ui-autocomplete {
    background: white;
    border-radius: 0px;
    padding: 0px;
    max-height: 300px;
    overflow-x: auto;
    max-width: 336px;
    z-index: 99999;
    box-shadow: 0px 5px 25px rgba(0,0,0, 0.4);
}
.ui-menu .ui-menu-item .ui-state-focus{
    background: #0baad5;
    color: white;
    transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in; 
}   

.ui-menu li.ui-menu-item{
    margin: 0px;
    margin-top: 2px;
    width: 100%;
    height: 60px;
    cursor: pointer;
}
.ui-menu .ui-menu-item a{
    margin: 0px;
    border-radius: 0px;
    font-size: 12px;
    background: white;
    height: 60px;
    display: block;
    text-decoration: none;
    transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in; 
}
.ui-menu .ui-menu-item img{
    height: 50px;
    width: 50px;
    border-radius: 25px;
    margin-right: 10px;
    border: 3px solid white;
    margin-left: 5px;
    margin-top: 5px;
}
.sheare .ui-helper-hidden-accessible{
    display: none;
}
.default_wr{
    width: 1100px;
    min-height: 200px;
    margin: 0px auto;
    margin-top: 15px;
}
.topswimming{
    width: 540px;
    height: 300px;
    background: white;
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
}
.topswimming .ts-info{
    width: 250px;
    height: 100%;
    background: #23bbe9;
    float: left;
    box-shadow: 7px 0px 10px rgba(0,0,0, 0.2);
    position: relative;
    z-index: 1;
}
.topswimming .ts-info .na-l{
    height: 231px;
    width: 250px;
    border-bottom: 3px solid white;
}
.topswimming .ts-info .na-l .na-l-l{
    border: 4px solid white;
    margin: 0px auto;
    border-radius: 60px;
    height: 120px;
    width: 120px;
    margin-top: 15px;
    background-color: white;
}
.topswimming .ts-info .na-l .na-l-l
img{
    width: 112px;
    height: 112px;
    border-radius: 60px;
}
.d-btn.like i{
    font-size: 20px;
    line-height: 30px;
    float: left;
    margin-right: 5px;
}

.topswimming .ts-info .na-l .na-n{
    text-align: center;
    font-size: 22px;
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin-top: 4px;
    padding: 0px 15px 0px 15px;
    text-transform: uppercase;
    line-height: 23px;
}
.topswimming .ts-info .iws{
   height: 30px;
   width: 250px;
   margin-top: 5px;
}
.topswimming .ts-info .iws button.a{
    margin-left: 30px;
    margin-right: 12px;
}
.topinfo{
    width: 540px;
    height: 300px;
    float: right;
}
.topinfo .wlta{
    width: 100%;
    float: left;
    margin-top: 10px;
    background: #4968ad;
    color: white;
    padding-left: 10px;
    padding-bottom: 10px;   
}
.topinfo .wlta img{
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    max-width: 141px;
}
.topinfo .wlta i,
.topinfo .selwh i{
    width: 100px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    float: left;
    font-size: 53px;
}
.topinfo .selwh i{
    height: 110px;
    line-height: 110px;
}
.topinfo .wlta h3,
.topinfo .selwh h3{
    font-weight: 500;
    font-size: 25px;
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    font-family: 'Roboto', sans-serif;
}
.topinfo .wlta span,
.topinfo .selwh span{
    width: 283px;
    text-align: justify;
    font-size: 13px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}
.topinfo .selwh span{
    width: 240px;
}
.topinfo .selwh{
    width: 365px;
    float: left;
    height: 110px;
    margin-top: 10px;
    background: #da4a46;
    color: white;
}
.topinfo .selwh img{
    float: left;
}
.topinfo .joinus{
    width: 160px;
    float: left;
    height: 110px;
    margin-top: 15px;
    padding-top: 15px;
    color: white;
    margin-left: 15px;
    text-align: center;
    text-decoration: none;
    border-top: 0px solid white;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.topinfo .joinus i{
    width: 160px;
    height: 70px;
    float: left;
    line-height: 70px;
    text-align: center;
    font-size: 53px;
}
.topinfo .joinus h3{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 25px;
}
.topswimming .ts-info .w{
    margin-left: 65px;
    margin-top: 5px;
}
.arrow-left {
    border:20px outset transparent ;
    border-right:white 20px solid;
    display:block;
    height:0;
    width:0;
    position: absolute;
    margin-left: 210px;
    margin-top: 40px;
}
.arrow-right {
    border: 20px outset transparent;
    border-left: #23bbe9 20px solid;
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    margin-left: 300px;
    margin-top: 50px;
}
.topswimming .ts-nf{
    width: 290px;
    height: 100%;
    float: right;
}
.topswimming .ts-nf .tsnf-hd{
    float: right;
    background-color: #23bbe9;
    border-bottom: 1px solid #1c96ba;
    line-height: 43px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
    text-align: center;
    position: relative;
}
.addp_soc{
    height: 40px;
    width: 540px;
    float: right;
}
.d-btn.add-sp{
    background: #4CAC00;
    border-radius: 3px;
    margin-left: 10px;
    color: white;
    height: 40px;
    width: 191px;
    line-height: 39px;
    text-align: center;
    text-decoration: none;
    border-bottom: 2px solid rgb(15, 126, 0);
}

.d-btn.add-sp.map{
    position: absolute;
    z-index: 5;
    left: 252px;
    top: 56px;
}

.d-btn.profile_btn.rate{
    position: relative;
    float: right;
    margin-right: 13px;
    margin-top: -55px;
    padding: 0px 17px 0px 17px;
}

.d-btn.gplus{
    background: #da4743;
    color: white;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 22px;
    line-height: 40px;
}
.d-btn.twiter{
    background: #05a6d0;
    color: white;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    font-size: 22px;
    line-height: 40px;
}
.d-btn.facebook{
    background: #3a579c;
    color: white;
    width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 40px;
}
.footer{
    max-width: 1100px;
    background: #4c4c4c;
    height: 80px;
    margin: 0px auto;
    margin-top: 15px;
    font-size: 22px;
    line-height: 40px;
    clear: both;
}

.lr_form{
    margin: 0px auto;
    max-width: 1100px;
    min-width: 500px;
    min-height: 549px;
    background: whitesmoke;
    margin-top: 15px;
    border-top: 6px solid #0baad5;
    border-bottom: 4px solid #00bb9a;
    box-shadow: 0px 0px 10px rgba(0,0,0, 0.2);
    padding-bottom: 20px;
}

.lr_form
.lr_form_header{
    width: 80%;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    margin: 0px auto;
    border-bottom: 1px solid rgb(162, 162, 162);
    min-height: 146px;
    padding-top: 33px;
}
.lr_form
.lr_form_header h1{
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 50px;
    margin: 0px;
}
.lr_form
.lr_form_header p{
    color: rgb(136, 136, 136);
}
.lr_form
.lr_form_body{
    max-width: 80%;
    margin: 0px auto;
    min-height: 400px;
    text-align: center;
    padding-top: 30px;
}
.lr_form_body input{
    width: 100%;
    margin-top: 5px;
    line-height: 16px;
    height: 30px;
    padding: 0px 5px 0px 5px;
    border: 1px solid lightgrey;
    border-bottom: 1px solid #0baad5;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px -1px;
    border-radius: 2px;
    
}
.lr_form_body input:focus{
    border-bottom: 1px solid #0AB433;
    outline: 0px transparent;
}

.lr_form_body .mapadd{
    width: 100%;
    height: 300px;
    border-bottom: 1px solid #0baad5;
    border-radius: 4px;
}
.lr_form_body .mapp-adres{
    position: relative;
    border-radius: 3px;
}
.lr_form_body .contact{
    width: 100%;
    display: inline-block;
}
.add-upload-aqua{
    display: none;
}
.lr_form_body h3{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 35px;
    text-align: left;
    border-bottom: 1px solid rgb(162, 162, 162);
}
.lr_form_body .contact .input-grup{
    float: left;
    width: 39%;
}
.lr_form_body .contact textarea{
    float: left;
    width: 60%;
    max-width: 60%;
    margin-left: 1%;
    margin-top: 5px;
    height: 170px;
    max-height: 170px;
    border-radius: 2px;
    border: 1px solid lightgrey;
    border-bottom: 1px solid #0baad5;
    padding: 0px 5px 0px 5px;
}
.lr_form_body .contact textarea:focus{
    border-bottom: 1px solid #0AB433;
    outline: 0px transparent;
}

.lr_form_body  .process{
    width: 100%;
    padding: 0px;
    display: inline-block;
}
.lr_form_body  .process li{
    width: 33.33%;
    list-style-type: none;
    margin: auto;
    display: inline-block;
}
.lr_form_body  .process li .run{
    line-height: 30px;
    height: 30px;
    width: 30px;
    background: #C9C9C9;
    display: block;
    margin: auto;
    border-radius: 15px;
    color: white;
}
.lr_form_body  .process li .run-name{
    background: #C9C9C9;
    color:white;
    margin: auto;
    display: -webkit-inline-box;
    line-height: 23px;
    padding: 0px 10px 0px 10px;
    margin-top: 10px;
    border-radius: 2px;
    position: relative;
    display: inline-block;
}
.lr_form_body  .process li .arrow{
    position: absolute;
    color: #C9C9C9;
    display: block;
    top: -10px;
    left: 0;
    right: 0;
    line-height: 10px;
    margin: auto;
}
.lr_form_body  .process li.active .run-name,
.lr_form_body  .process li.active .run{
    background: #0baad5;
}
.lr_form_body  .process li.active .arrow{
    color: #0baad5;
}
.lr_form_body .search-adres{
    width: 263px;
    position: absolute;
    top: 12px;
    left: 37px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;

}
.lr_form_body .search-adres input{
    margin-top: 0px;
    border: 0px solid transparent;
    border-radius: 0px;
    border-radius: 2px;
}
.lr_form_body .adres{
    position: absolute;
    min-width: 150px;
    height: 50px;
    background: white;
    top: 12px;
    right: 20px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    border-radius: 2px;
    padding: 6px;
    text-align: left;
}
.lr_form_body  .adres p{
    margin: 0px;
    float: left;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    clear: both;
}
.lr_form_body  .adres p.stret{
    font-size: 14px;
    font-weight: 500;
}
.lr_form_body  .adres i{
    float: left;
    line-height: 38px;
    margin-left: 4px;
    font-size: 19px;
    color: #5B5B5B;
}
.lr_form_body  .adres .divide{
    float: left;
}
.netx-run-submit{
    border-bottom: 1px solid rgb(162, 162, 162);
    padding: 10px;
}
.netx-run-submit button{
    height: 25px;
    background: #1c96ba;
    color: white;
    border: none;
    border-bottom: 3px solid #167895;
    margin-left: 5px;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0px 6px 0px 6px;
}

.lr_form_body .conpas,
.lr_form_body .conma{
    width: 100%;
    height: 39px;
}
.lr_form_body .conpas i,
.lr_form_body .conma i{
    position: absolute;
    margin-left: 295px;
    margin-top: -31px;
    font-size: 24px;
}
.t-green{
    color: #91c36a;
}
.t-red{
    color: #CA1717;
}
.lr_form_body 
input.top-ex{
margin-top: 20px;    
}
.lr_form_body button{
    clear: both;
    margin: 0px auto;
    margin-top: 10px;
}
.lr_form_body
.lr_form_registr{
    width:350px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}
.lr_form_body
.lr_form_login{
    width:350px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
}
.lr_form_body
.lr_form_login
a{
    line-height: 62px;
    margin-left: 6px;
    font-size: 12px;
}
.lr_form_body
.lr_form_login p,
.lr_form_body
.lr_form_registr p{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-align: center;
    font-size: 20px;
}
.lr_form_registr
.warnregpass,
.warnregemail{
    height: 20px;
    font-weight: 400;
    font-size: smaller;
    padding-top: 6px;
}
.info_reg{
    height: 30px;
    line-height: 30px;
}
.top10plov{
    width: 290px;
    height: 255px;
    overflow-x: auto;
}
.top10plov ul{
    margin: 0px;
    padding: 0px;
    border-right: 5px solid #23bbe9;
    border-bottom: 5px solid #23bbe9;
}
.top10plov ul li{
    list-style-type: none;
    width: 100%;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #1c96ba;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
    position: relative;
    z-index: 0;
     transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.top10plov ul li
img{
    height: 22px;
}
.top10plov ul li.active{
    background-color: #00bb9a;;
    color: white;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.top10plov ul li:hover{
    background-color: #23bbe9;
   color: white;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; 
}


/*Gallerie*/
.gallery-wrapped{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    background: rgba(0,0,0, 0.8);
    min-width: 800px;
    min-height: 400px;
}
.gallery-body{
    width: 90%;
    height: 90%;
    background: white;
    left: 5%;
    top: 5%;
    position: relative;
    padding-right: 320px;
}
.gallery-foto{
    background: black;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.gallery-foto-load{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: white;
    font-size: 38px;
}
.gallery-comment{
    width: 320px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    overflow-x: auto;
    padding-top: 230px;
}
.gallery-comment-profile{
    margin-top: -230px;
    float: left;
}
.gallery-f-t{

}
.gallery-f-t img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.gallery-comment-i-n{
    width: 100%;
    border-bottom: 1px solid rgb(172, 172, 172);
    float: left;
    padding: 10px 0px 10px 0px;
    background: rgb(241, 241, 241);
}
.gallery-comment-profile-img{
    width: 60px;
    height: 60px;
    border-radius: 40px;
    border: 1px #23bbe9 solid;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
.gallery-comment-profile-img img{
    width: 58px;
    height: 58px;
    border-radius: 29px;
}
.close-gallery{
    width: 100%;
    text-align: right;
    padding: 0px 10px 0px 0;
    background: rgb(216, 216, 216);
    box-shadow: 0px 0px 5px rgba(0,0,0, 0.5);
    position: relative;
    line-height: 25px;
}
.close-gallery i{
    cursor: pointer;
}
.gallery-comment-profile-name{
    width: 210px;
    float: left;
    height: 60px;
    padding: 0px 0px 0px 10px;
    line-height: 60px;
}
.gallery-masge{
    padding: 10px;
}
.gallery-masge button{
    margin-top: 5px;
}
.gallery-masge input,
.gallery-masge textarea{
    height: 26px;
    width: 100%;
    margin-top: 5px;
    padding: 0px 5px 0px 5px;
    border: 1px solid lightgrey;
    border-bottom: 1px solid #0baad5;
    box-shadow: 0px 0px 16px rgba(0,0,0, 0.1);
    border-radius: 3px;
    font-size: 13px;
}
.gallery-masge textarea{
    height: 50px;
    max-height: 50px;
    max-width: 300px;
    padding: 5px;
}
.gallery-foto-next,
.gallery-foto-prev{
    position: absolute;
    color: white;
    font-size: 80px;
    height: 80px;
    text-align: center;
    cursor: pointer;
}
.gallery-foto-next i,
.gallery-foto-prev i{
    vertical-align: middle;
    text-shadow: 0px 0px 9px rgba(0,0,0, 1);
}
.gallery-foto-prev{
    left: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 9;
}
.gallery-foto-next{
    right: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.gallery-commits-commits{
    width: 100%;
    height: 100%;
    float: left;
    min-height: 120px;
    overflow-x: auto;
    padding: 10px;
}
.gallery-commits-commits p{
     background-color: #edeff4;
     font-size: 12px;
     margin: 0px;
     margin-bottom: 2px;
     padding: 5px;
}
.gallery-commits-commits .name{
    color: #3b5998;
}
.gallery-commits-commits .date{
    color: slategray;
}
.gallery-commits-commits .masge{
}
.gallery-foto-number{
    color: white;
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    text-shadow: 0px 0px 5px rgba(0,0,0, 1);
}

/*Timeline*/
.timeline{
    background: #e6e4e4;
    width: 100%;
    min-height: 200px;
    margin: 0px auto;
    border-radius: 3px; 
    margin-top: 12px;
    padding-bottom: 10px;
    overflow: hidden;
}
.timeline .seare{
    background-image: url(/htdocs/images/seare.png);
    padding-bottom: 3px;
    box-shadow: 0px 0px 3px rgba(0,0,0, 0.5);
}
.timeline .addcommit{
    width: 400px;
    margin: 0px auto;
    border-radius: 3px;
    text-align: center;
    margin-top: 10px;
}
.timeline .addcommit input{
    height: 30px;
}
.timeline .addcommit input,
.timeline .addcommit textarea{
    width: 100%;
    font-size: 13px;
    border-radius: 3px; 
    border: 0px solid transparent;
    margin: 5px 0 0px 0;
    padding: 0px 5px 0px 5px;
}
.timeline .addcommit input:focus,
.timeline .addcommit textarea:focus{
    outline: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.timeline .addcommit textarea{
    max-width: 100%;
    padding: 5px;
    max-height: 124px;
}
.timeline p.commit-nd{
    color: #524e4e;
    text-align: center;
    font-size: 30px;
    padding: 10px;
    width: 530px;
    margin: auto;
    border-bottom: 1px solid white;
}
.timeline .addcommit button{
    background: #9d9da7;
    border: 4px solid #eaeaea;
    border-radius: 6px;
    line-height: 30px;
    color: white;
    margin: 5px 0 0px 0;
}
.timeline .addition .line{
    width: 2px;
    background-color: #68babb;
    height: 50px;
    margin: auto;
}
.addition span.launch{
    background: #9d9da7;
    border: 4px solid #eaeaea;
    border-radius: 6px;
    line-height: 30px;
    color: white;
    display: block;
    width: 70px;
    text-align: center;
    margin: auto;
}
.addition .addition-info{
    width: 400px;
    min-height: 70px;
    background: white;
    margin: auto;
    border: 1px solid #dfdfdf;
    position: relative;
    margin-top: 10px;
    border-radius: 4px;
}
.addition .addition-info h3{
    text-align: center;
    margin: 10px 0px 0px 0px;
    font-size: 16px;
    color: #6f6f6f;
}
.addition-info p{
    font-size: 12px;
    margin: 2px;
    text-align: center;
    color: #9d9da7;
}
.addition-info .date-l{
    font-size: 11px;
}
.addition .arrow-top{
    display: block;
    width: 20px;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: -16px;
    position: absolute;
    font-size: 17px;
    text-align: center;
    padding: 0px;
    color: white;
    text-shadow: 0px -2px 8px rgba(0,0,0, 0.2);
}
.tim-data-wr{
    width: 100%;
    display: inline-block;
}
.tim-data-wr:hover .tim-data-left .blue-bead{
    width: 16px;
    height: 16px;
    background: #68babb;
    border-radius: 8px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -9px;
    border: 2px solid white;
    position: absolute;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.tim-data-wr:hover .tim-data-right .blue-bead{
    width: 16px;
    height: 16px;
    background: #68babb;
    border-radius: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -29px;
    border: 2px solid white;
    position: absolute;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.tim-data-left,
.tim-data-right{
    width: 50%;
    margin-bottom: -5px;
    position: relative;
}
.tim-data-left{
    margin-left: 1px;
    border-right: 2px solid #68babb;
    padding: 20px 20px 20px 0px;
    float: left;
}
.tim-data-right{
    margin-right: 1px;
    border-left: 2px solid #68babb;
    padding: 20px 0px 20px 20px;
    float: right;
}
.tim-data{
    max-width: 350px;
    min-width: 180px;
    min-height: 50px;
    background: white;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    padding: 10px;
}
.tim-data p{
    font-size: 13px;
    margin-bottom: 4px;
    color: #9d9da7;
}
.tim-data p.name{
    color: #6f6f6f;
    font-weight: bold;
}
.tim-data-left .tim-data{
    float: right;
    text-align: right;
    word-wrap: break-word;
}
.tim-data-right .tim-data{
    float: left;
    text-align: left;
    word-wrap: break-word;
}
.tim-data-right .blue-bead{
    width: 10px;
    height: 10px;
    background: #68babb;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: -26px;
    border: 2px solid white;
    position: absolute;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.tim-data-right .tim-date{
    background: #9d9da7;
    border: 4px solid #F5F5F5;
    border-radius: 6px;
    color: white;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0;
    margin: auto;
    margin-left: -140px;
    font-size: 12px;
    line-height: 23px;
}
.tim-data-left .tim-date{
    background: #9d9da7;
    border: 4px solid #F5F5F5;
    border-radius: 6px;
    line-height: 23px;
    color: white;
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0;
    margin: auto;
    margin-right: -140px;
    font-size: 12px;
}
.tim-data-left .blue-bead{
    width: 10px;
    height: 10px;
    background: #68babb;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -6px;
    border: 2px solid white;
    position: absolute;
        transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}


/*copcaptcha*/
.copcaptcha-wrapped{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.53);
    z-index: 99999;
}
.copcaptcha{
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    display: inline-flex;
}
.copcaptcha-body{
    position: relative;
    margin: auto;
    width: 300px;
    height: 150px;
    border-radius: 2px;
    background: white;
    overflow: hidden;
    padding: 3px 10px 10px 10px;
    box-shadow: 0 0 15px rgba(0,0,0, 0.5);
}
.copcaptcha-body img{
    border-radius: 4px;
    width: 100%;
    margin-bottom: 6px;
}
.copcaptcha-body p{
    text-align: center;
    font-size: 19px;
}
.copcaptcha-body input{
    width: 177px;
    border: 1px solid rgb(0, 127, 237);
    border-radius: 3px;
    padding: 2px 5px 2px 5px;
}
.close-copcaptcha{
    width: 100%;
    text-align: right;
}
.close-copcaptcha i{
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
}
.copcaptcha-body button{
    margin-left: 5px;
}
.add-parametry-aqua{
    text-align: left;
    min-width: 100px;
    padding-top: 100px;

}
.add-parametry-aqua h3{
    margin-top: -80px;
}
.param-lang .lang{
    float: right;
    cursor: pointer;
    position: relative;
}
.param-lang .lang img{
    max-height: 24px;
    margin-left: 5px;
}
.param-lang .lang .lang-name{
   position: absolute;
    top: -34px;
    background: #404547;
    color: white;
    left: -23px;
    width: 80px;
    text-align: center;
    border-radius: 2px;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.1s,opacity 0.1s linear;
}
.param-lang .lang .lang-name p{
    margin: 0px;
line-height: 30px;
}
.param-lang .lang:hover .lang-name{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}
.param-lang .lang .triangle{
    position: absolute;
    bottom: -13px;
    right: 0;
    left: 0;
    margin: auto;
    color: #404547;
    font-size: 13px;
}
.promwr{
    width: 280px;
    margin-bottom: 20px;
    background: white;
    padding: 10px;
    border: 1px solid rgba(109, 107, 107, 0.33);
    border-radius: 2px;
    border-bottom: 1px solid #0baad5;
    position: relative;
}

.promwr .napoveda{
    position: absolute;
    background: #404547;
    width: 100%;
    height: 66px;
    top: -75px;
    left: 0px;
    right: 0px;
    margin: auto;
    border-radius: 2px;
    box-shadow: 0px 0px 17px rgba(0,0,0, 0.3);
    padding: 5px;
    color: white;
    vertical-align: middle;
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.1s,opacity 0.1s linear;
}
.promwr .napoveda .triangle{
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    bottom: -14px;
    color: #404547;
}
.promwr .napoveda p{
    font-size: 14px;
    text-align: center;
    margin-bottom: 0px;
}
.promwr:hover .napoveda{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}


.red,
.lr_form_body input.red,
.promwr.red{
    border: 1px solid red;
}
.promwr select,
.promwr input[type="text"],
.promwr input[type="radio"],
.promwr label{
    width: 100%;
    height: 25px;
    margin: 0px;
}
.promwr p{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}
.promwr input[type="checkbox"],
.promwr input[type="radio"]{
    width: auto;
    height: 20px;
    float: left;
}
.promwr input[type="radio"]{
    height: 30px;
}
.promwr input[type="text"]{
    margin-top: 10px;

}
.promwr label span{
    line-height: 30px;
    font-weight: normal;
    margin-left: 8px;
}
.upload-logo{
   display: inline-block; 
   vertical-align: top;
}
.upload-logo .images{
    height: 100px;
    width: 100px;
    background: white;
    border-radius: 50px;
    border: 2px solid #0baad5;
    margin: auto;
    margin-bottom: 10px;
}
.upload-logo .images img{
    max-width: 96px;
    min-width: 96px;
    border-radius: 50px;
}
.upload{
    position: relative;
}
.upload span{
    display: block;
    position: relative; 
}
.lr_form_body input[type="file"]{
    cursor: pointer;
    font-size: 14px;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    opacity: 0.01;
    position: absolute;
    right: 0;
    top: 0;
    width: 323px;
    margin: 0;
    height: 34px;
    
}
.upload-galery{
    width: 440px;
    min-height: 143px;
    background: white;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid rgb(187, 187, 187);
    position: relative;
    padding-bottom: 32px;
}
.upload-galery img{
    min-width: 100px;
    float: left;
    margin: 4px;
    
}
.upload-galery .galery-bottom{
    position: absolute;
    bottom: 0;
    right: 0;
}