@font-face {
    font-family: 'Neris-SemiBold';
    src: url('fonts/Neris-SemiBold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Neris-SemiBold.otf')  format('opentype'),
        url('fonts/Neris-SemiBold.woff') format('woff'), 
        url('fonts/Neris-SemiBold.ttf')  format('truetype'), 
        url('fonts/Neris-SemiBold.svg#Neris-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neris-Black';
    src: url('fonts/Neris-Black.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Neris-Black.otf')  format('opentype'),
        url('fonts/Neris-Black.woff') format('woff'), 
        url('fonts/Neris-Black.ttf')  format('truetype'), 
        url('fonts/Neris-Black.svg#Neris-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* obecne */
*{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
html{
    background-color: #ffffff;
}
a{
    color: #ff850e;
}   
a:hover{
    color: #ff850e;
}
.hidden{
    display:none;
}
.italic{
    font-style: italic;
}
.fullwidth{
    width:100%;
} 
.container{
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.container.overflowVisible{
    overflow:visible;
}
.animate{
    visibility: hidden;
}
.page{
    position:relative;
}
.page-title{
    font-size:30px;
    color: #666666;
    margin-top:80px;
    max-width: 600px;
    margin-left:auto;
    margin-right:auto;
}
.page-subtitle{
    font-size: 16px;
    color: #666666;
    margin-bottom:40px;
    font-weight: 300;
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
}
hr{
    height: 1px;
    border: 0; 
    border-top: 1px solid #666666;
    margin: 1em auto; padding: 0; 
    width:120px;
    display: inline-block; 
}
hr.vertical-offset{
    color:white;
    opacity:0;
    visibility:hidden;

}
hr.fullwidth{
    border-top: 1px solid rgb(241,241,241);
    margin: 1em auto; padding: 0;  
}
.content hr{
    margin: 1em auto 0;
    display: block; 
}

/* navigace */
#logo h1{
    background-image: url('../img/logo.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin:0;
    padding:0;
    text-indent: 200px;
    overflow:hidden;
    width:200px;
    float:left;
    cursor:pointer;
}
.navbar-inner{
    height:40px;
    padding: 30px 0; 
    background:white;
    margin-left:auto;
    margin-right:auto;
    transition: all .3s;
    position: relative;
}
.navbar .nav{
    float:right;
}
.nav a{
    cursor:pointer;
    font-size:16px;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.nav a:hover, .nav a.act{
    color: #ff850e !important;
}


#login{
    margin-left:10px;
    margin-top:5px;
}
#login a{
    padding: 5px 20px 5px 46px;
    background-image: url('../img/login.png');
    background-repeat: no-repeat;
    background-position: 17px center ;
    border: 1px solid lightgrey;
    background-size: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius:10px;
}
#login-form{
    z-index:9999;
    display:none;
    background:white;
    position:absolute;
    right:0;
    top:90px;
    padding:15px;
    overflow: visible;
    transition: top .5s;
    -webkit-transition: top .5s;
    border: 1px solid #666666;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#login-form:after{
    content: url('../img/login-arrow.png');
    position:absolute;
    top: -14px;
    right:18px;
}
#login-inputs{
    display:inline-block;
}
#login-inputs span{
    width: 55px;
    display:inline-block;
}
#login-buttons{
    display:inline-block;
    margin-left:10px;
}
#login-form input{
    margin:0;
    background:white;
    height:20px;
    padding:4px;
    border:1px solid #666666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#666666;
}
#login-form-login{
    margin-bottom:10px;
}
#login-form-login input, #login-form-password input{
    width:150px;
}
#login-form-submit input{
    height:30px;
    padding: 4px 14px;
    cursor:pointer;
    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
    background:white;
}
#login-form-submit input:hover{
    background:#ff850e;
    border-color: orange;
    color:white;
    text-decoration: none;
}
#menu-collapse{
    display:none;
    background-image: url('../img/menu.png');
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position:center center;
    width:40px;
    height:40px;
    float:right;
    margin-right:20px;
    cursor:pointer;
}
/* homepage */
#homepage{
    color: white;
    min-height: 500px; 
    position:relative;
    overflow:hidden;

    background-image: url('../img/headers/hp_header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}
#hp-video-wrap{
    position: relative;
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
    overflow:hidden;
}
#hp-video{
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
    width:auto;
    height:auto;
} 
#hp-overlay{
    background:#023d44;
    width:100%;
    height:100%;
    opacity:.7;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
#homepage .hp-quote{
    z-index:3;
    display: none;
    position:absolute; 
    text-align:center;
    width:80%;
    padding-left:10%;
    padding-right:10%;
    left:0px;
    top:220px;
    font-size: 55px;
    line-height:90px;
}
.hp-quote strong{
    font-weight: 900; 
}
#homepage-scrolldown{
    z-index:3;
    width:100%;
    height:40px;
    position:absolute;
    bottom:50px;
    left:0;
    background-image: url('../img/chevron.png');
    background-repeat: no-repeat;
    background-position:center center;
    opacity:0.7;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;

}

#homepage-scrolldown:hover{
    cursor:pointer;
    opacity:1;
}

/* zalozky */ 
.bookmarks{
    border-bottom: 2px solid #dddddd;
    text-align:center; 
    position:relative;

    font-size:0;
}
.bookmark{
    color: #7f7d7d;
    font-size: 16px;
    padding:10px 20px;
    display:inline-block;
    position:relative;
    border: 0 none;
    border-color:white;
}
.graphic-bookmark{
    border:0 none !important;
}
.graphic-bookmark.active{
    bottom:0 !important;
}
.bookmarks.doesnt-fit{
    padding-bottom:10px;
}

.bookmarks.doesnt-fit .bookmark{
    border-color: white;
    border-width: 2px;
    border-style: none none solid none;
    margin:0;
    padding:10px 20px;
}
.bookmarks.doesnt-fit .active, .bookmarks.doesnt-fit .bookmark:hover{
    border-width: 2px;
    border-color:#ff850e;
    border-style: none none solid none;
    bottom:0 !important;
    transition:color .5s, border-color .5s;
    padding:10px 15px;
    margin-left:5px;
    margin-right:5px;

}
.bookmark.active{
    background:white;
    border-color: #dddddd;
    border-width: 2px;
    border-style: solid solid none solid;
    color:#ff850e;
    bottom:-2px;
}
.bookmark, .sort a{
    transition:color .5s;
    -webkit-transition:color .5s;

}
.bookmark:hover, .sort a:hover{
    text-decoration: none;
    color:#ff850e;
    cursor:pointer;
}
#contents{
    position:relative;
}
#contents .content{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    opacity:0;
    width:100%;
    background:white;
    transition: all .5s;
    -webkit-transition: all .5s;
}
#contents .content.visible{
    z-index:2;
    opacity:1;
}

/* sluzby */
#sl-menu-wrapper{
    position:relative;
    height:190px;
    margin-bottom:80px;
    overflow:hidden;
}   

.graphic-bookmarks{
    position:absolute;
    left:0;
    top:0;
    width:9999px;
    border: 0 none !important;
    padding: 0 !important;
}

#sl-menu-prev, #sl-menu-next{
    background-position: center center;
    background-repeat: no-repeat;
    height:130px;
    vertical-align: middle;
    display:inline-block;
    opacity:0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
#sl-menu-prev.visible, #sl-menu-next.visible{
    opacity: 0.8;
}
#sl-menu-prev.visible:hover, #sl-menu-next.visible:hover{
    opacity:1 !important;
    cursor:pointer;
}
#sl-menu-prev {
    background-image: url('../img/left.png');
}
#sl-menu-next {
    background-image: url('../img/right.png');
}

.balicky:after {
    bottom: 0;
    content: url("../img/vice.png");
    left: 0;
    position: absolute;
    transition: transform 0.3s ease 0s;
    width: 100%;
}

.balicky:hover:after{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.balicky {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 200px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}


.graphic-bookmark{
    display:inline-block;
    font-weight: 300;
    color: #666666;
    font-size:16px;
    text-align:center;
    background-repeat:no-repeat;
    background-position: center top;
    -webkit-transition: color .5s;
    transition: color .5s;
    position:relative;
    height:150px;
    text-decoration:none;
    border:0 none;
    padding:0;
}
.graphic-bookmark:hover{
    text-decoration:none;
}
.graphic-bookmark .image{
    height:132px;
    border:1px solid white;
    margin-bottom:10px;
}

.graphic-bookmark .image .effects{
    display:inline-block;
    height:124px;
    width:124px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    margin: 4px auto 0;
    border: 2px solid #666666;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-position: center center;
    transition: border-width .3s, margin .3s, border-color .2s, width .3s, height .3s;
    -webkit-transition: border-width .3s, margin .3s, border-color .2s, width .3s, height .3s;
}
.graphic-bookmark:hover .image .effects, .graphic-bookmark.active .image .effects{
    margin-top:0;
    border: 6px solid #ff850e;
    height:132px;
    width:132px;
}
.graphic-bookmark .image .normal, .graphic-bookmark .image .hover{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    border:0;
    background-position:center center;
    position: absolute;
    top: 4px;
    left: 0;
}
.graphic-bookmark .image .hover{
    opacity:0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    top: 0;
}
.graphic-bookmark:hover .image .hover, .graphic-bookmark.active .image .hover{
    opacity:1;
}
.graphic-bookmark:hover, .graphic-bookmark.active{
    cursor:pointer;
    color: #ff850e;
}

.graphic-bookmark#icon-formaty .image .normal{
    background-image: url('../img/services/standard.png');
}
.graphic-bookmark#icon-formaty .image .hover{
    background-image: url('../img/services/standard_hover.png');
}
.graphic-bookmark#icon-pr-clanky .image .normal{
    background-image: url('../img/services/pr.png');
}
.graphic-bookmark#icon-pr-clanky .image .hover{
    background-image: url('../img/services/pr_hover.png');
}
.graphic-bookmark#icon-direct-mail .image .normal{
    background-image: url('../img/services/mail.png');
}
.graphic-bookmark#icon-direct-mail .image .hover{
    background-image: url('../img/services/mail_hover.png');
}
.graphic-bookmark#icon-nestandardni-formaty .image .normal{
    background-image: url('../img/services/nestandard.png');
}
.graphic-bookmark#icon-nestandardni-formaty .image .hover{
    background-image: url('../img/services/nestandard_hover.png');
}
.graphic-bookmark#icon-videoreklama .image .normal{
    background-image: url('../img/services/video.png');   
}
.graphic-bookmark#icon-videoreklama .image .hover{
    background-image: url('../img/services/video_hover.png');   
}
.graphic-bookmark#icon-dalsi-formaty .image .normal{
    background-image: url('../img/services/standard.png');
}
.graphic-bookmark#icon-dalsi-formaty .image .hover{
    background-image: url('../img/services/standard_hover.png');
}
.graphic-bookmark#icon-jine-clanky .image .normal{
    background-image: url('../img/services/pr.png');
}
.graphic-bookmark#icon-jine-clanky .image .hover{
    background-image: url('../img/services/pr_hover.png');
}
.graphic-bookmark#icon-balicky .image .normal{
    background-image: url('../img/services/ico_balicky.png');
}
.graphic-bookmark#icon-balicky .image .hover{
    background-image: url('../img/services/ico_balicky_a.png');
}
/* slider */
.flexslider{
    margin:0;
    border: 0;
    box-shadow: none;
}
.flex-nav-container .flexslider .slides div.container{
    color:white;
    height:280px; 
    text-align:center;
    padding: 70px 0;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+  */
}
.flexslide p{
    font-weight: 300;
    font-size:18px;
}
.flexslide-title{
    font-weight: 400;
    font-size:30px;
    margin-bottom:30px;
} 
.slides > li > div{ 
    background-size: auto 100%;
}
#flexslide-csfd{
    background-image: url('../img/slides/csfd.jpg');
}
#flexslide-mountain{
    background-image: url('../img/slides/mountain.jpg');
}
#flexslide-woods{
    background-image: url('../img/slides/woods.jpg');
}
#flexslide-clouds{
    background-image: url('../img/slides/clouds.jpg');
}
.flexslider ul.slides > li img.bg {
    position: absolute;
    z-index: -1;
    width: auto;
}

.flex-control-nav{
    left:0;
    bottom:10px;
}
.flex-control-nav a{
    background:white !important;
}
a.flex-active{
    background: #ff850e !important;
}

/* portfolio */
#portfolio{
    background-color:rgb(240,240,240);
    padding-bottom:80px;
}
.pf-number{
    text-align:center;
}
#main #pf-numbers{
    margin-bottom:80px;
}
.pf-number-timer{
    font-weight:normal;
    font-size:69px;
    line-height: 69px;
    margin-bottom:30px;
    color: #ff850e;
    font-family: 'Neris-Black', sans-serif;
}
.pf-number-timer span{
    font-weight:normal;
    font-family: 'Neris-Black', sans-serif;
    text-shadow: none !important;
}
.pf-number-caption{
    font-size: 20px;
    color: #666666;
    margin-bottom:5px;
}
.pf-number-caption small{
    font-size: 16px;
    font-weight: 300;
}

/* ukázky */
#pf-examples{
    text-align:center;
}
.pf-example{
    display:inline-block;
    height:230px;
    background-repeat:no-repeat;
    background-position: center center;
    position:relative;
    cursor:pointer;
    margin-bottom: 10px;
}
.pf-example:after{
    content: url('../img/vice.png');
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}
.pf-example:hover:after{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#pf-example1{
    background-image: url('../img/thumbnails/thumb1.jpg');
}
#pf-example2{
    background-image: url('../img/thumbnails/thumb2.jpg');
}
#pf-example3{
    background-image: url('../img/thumbnails/thumb3.jpg');
}
#pf-example4{
    background-image: url('../img/thumbnails/thumb4.jpg');
}
#pf-showbutton{
    -webkit-border-radius: 22px/20px; 
    -moz-border-radius: 22px/20px; 
    border-radius: 15px/15px;
    border: 1px solid #5d5c5c;
    display:inline-block;
    padding:15px 35px;
    font-weight: 400;
    margin-top:50px;
    color: #5d5c5c;
    font-size:20px;
    cursor:pointer;
    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
    background:white;
    font-family: 'Neris-SemiBold', 'Open Sans', sans-serif;
}
#pf-showbutton:hover{
    background:#ff850e;
    border-color: orange;
    color:white;
    text-decoration: none;
}

.code {
    color: #08515E;
    font-size: 14px;
    font-family: sans-serif;
}


#pf-quote{

    background-color: rgb(245,245,245);
    background-image: url('../img/grey-pattern.jpg');
    background-repeat: repeat;

    padding:50px 50px 50px 50px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    text-align:center;
    margin-bottom:0;
    color: #6e6c6c; 
    text-shadow: 1px 1px #fff;
}
#pf-quote img{
    display:inline-block;
    margin-bottom:30px;
}
#pf-quote p{
    font-size: 18px;
    color: #5d5c5c;
    font-weight: 400;
    text-shadow: 1px 1px #fff;
    text-align:center;

}
#pf-quote p.cite{
    text-align:right;
    margin-top:10px;

}

#ko-switch-buttons{
    text-align:center;
}
.ko-switch-button{
    display:inline-block;
    background: #ebebeb;
    cursor:pointer;
    padding:20px 10px;
    font-size:18px; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-transition: background-color .5s, color .2s;
    transition: background-color .5s, color .2s;
}
.ko-switch-button.active{
    background:#ff850e;
    color:white;
}
#ko-switch-contents{
    position:relative;
    min-height:350px;
    margin-top:30px;
}
.ko-switch-content{
    display:none;
    position:absolute;
}

.ko-switch-content .img{
    display:inline-block;
    background-image: url('../img/people.png');
    background-repeat: no-repeat;
    background-position: center center;
    min-height:100px;
}
.ko-switch-content ul{
    vertical-align:top;
    list-style-image: url('../img/dot_orange.png');
}
.ko-switch-content li{
    margin-top:5px;
    color:#666666;
    font-size: 16px;
}
.ko-switch-content.visible{
    display:block;
}

/* kontakt */
.logos-desc{
    margin-top:80px; 
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
}
.serv{
    margin-top:40px; 
}


.bookmark.english  
{
    color: #fff;
    background-image: url('../img/english-button.png');
    background-repeat: no-repeat;
    background-position: center center; 

}

.bookmarks.doesnt-fit .bookmark.html5  
{
    color: #fff;
    background-image: url('../img/download-button.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 50px;
    padding-left: 15px;
    border-left: 2px solid white;
    border-right: 2px solid white;

}



.logos{
    height:50px;
    /* margin-top:100px; */
    margin:0 0 50px 0; 
    overflow: hidden;
    text-align: left;
    padding: 0;
}

.logos-inner{
    position:relative;
    display:table;
    width:2000px;
    font-size :0;
    cursor: w-resize;
}
.logos img{
    max-height:50px;
    margin-left:10px;
    margin-right:10px;
    background:white;
}

.ko-email{
    margin-top:40px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-image: url('../img/mail_grey.png');
    padding-top:70px;
    padding-bottom:20px;
    text-align:center;
    font-size:14px;
    font-weight: 300;
    color: #666666;
    text-decoration:none;

    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
}
.ko-email:hover{
    color: #666666;
    text-decoration:none;
    background-color:rgb(240,240,240);
}
.ko-email strong{
    font-weight: 400;
    font-size:16px;
    display:inline-block;
}

#ko-map{
    margin-top:80px;
    background-image: url('../img/map.jpg');
    min-height:415px;
    background-position: center center; 
    text-align:center;
}
#ko-map-description{
    color:white;
    font-size: 20px;
    position:relative;
    display:inline-block;
    top:150px;
}
#ko-map-description div{
    margin: 14px;
    font-family: 'Neris-SemiBold', 'Open Sans', sans-serif;
}



#ko-contact{
    margin-top:50px;
    background-image: url('../img/ko-contact.jpg');
    min-height:287px;
    background-position: center center; 
    text-align:center;
    line-height: 20px;
}
#ko-contact-description{
    color:white;
    font-size: 15px;
 
    position:relative;
    display:inline-block;
    top:50px;
}
#ko-contact-description div{
    margin: 14px;
}

/* footer */
#footer{
    padding-top:20px;
    height: 140px;
    text-align:center;
    font-size:14px;
    color:#868686;
}
#footer.footer-logo p{
    font-size:12px;
    margin-bottom:20px;
}
#footer p strong{
    font-size:16px;
    vertical-align:middle;
    font-weight:normal;
    margin-right:20px;
}

/* stranka sluzby */
#sl-header{
    background-image: url('../img/headers/sl_header.jpg');
}

.content{
    display:none;
    position:relative;
    left:0;
    top:0;
    color: #868686;
}
.content.visible{
    display:block;
}
#services .sl-download:first-child{
    margin-left:180px;
}
.sl-download{
    background-color: #f5f5f5;
    background-image: url('../img/download.png');
    background-position:center 10px;
    padding-top:50px;
    height:50px;
    padding-bottom:25px;
    background-repeat: no-repeat;
    text-align: center;
    display:block;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    cursor:pointer;
}
.sl-download:hover{
    background-color:rgb(240,240,240);
    text-decoration: none;
}
#contents{
    position:relative;
}
.content h2{
    color:#ff850e;
    text-align:center;
    font-size:30px;
    margin-bottom:50px;
    margin-top:0;
} 
.content h3{
    color:#ff850e;
    font-size:20px;
} 

.content ul li{
    list-style-image: url("../img/dot_orange.png");
    margin-bottom:10px;
}
.row.downloads{
    margin-top:50px;
}


/* about */
.ab-info{
    background-color: rgb(245,245,245);
    background-image: url('../img/grey-pattern.jpg');
    background-repeat: repeat;
    font-size: 14px; 
    color: #6e6c6c; 
    text-shadow: 1px 1px #fff;
    padding-top:50px;
    padding-bottom:50px;
    margin-top:50px;
}
#ab-header{
    background-image: url('../img/headers/ab_header.jpg');
}

#ab-showform{
    margin-top:50px;
}
.btn-blue{
    display:inline-block;
    -webkit-border-radius: 5px/4px; 
    -moz-border-radius: 5px/4px; 
    border-radius: 5px/4px; 
    background-color: #08515e;
    -webkit-box-shadow: inset -2px -3px #05353e; 
    -moz-box-shadow: inset -2px -3px #05353e; 
    box-shadow: inset -2px -3px #05353e;
    text-align:center;
    color:white;
    padding: 13px 20px; 
    font-size: 18px; 
    font-weight: bold; 
    cursor:pointer;
    border:0 none;
}
.btn-blue:hover, .btn-blue.active{
    padding: 14px 21px 12px 19px; 
    -webkit-box-shadow: inset 3px 3px #033139; 
    -moz-box-shadow: inset 3px 3px #033139; 
    box-shadow: inset 3px 3px #033139;
}

a.btn-blue {
    text-decoration:none; padding: 14px 51px 12px 49px; 
}
a.btn-blue:hover {
    text-decoration:none; padding: 14px 51px 12px 49px;
    color: #FFF;
}
a.btn-blue:focus, a.btn-blue:active {
    color: #FFF;
}

#p-askform{ /*display:none;*/ margin-top:30px; }
#p-form{ margin:30px auto; max-width: 540px; background-color: rgb(245, 245, 245); background-image: url("../img/grey-pattern.jpg"); background-repeat: repeat; }
#p-form .p-form-block{  margin-top:20px;  text-align: left; }
#p-form .p-form-block p{ clear:both; padding: 20px 0 0 20px; }
#p-form .p-form-block label{ margin: 0 0 0 20px;  float: left;  width: 240px; }
#p-form .p-form-block p.p-form-info textarea{width: 92%;}
#p-form .p-form-block.center {text-align: center; padding: 10px 20px;}
#p-form .p-form-block input[type=submit] {background: #ff850e none repeat scroll 0 0; padding: 10px 40px; color: white; font-weight: bold; margin: 20px; border: 0 none; font-size: 18px; }
#p-form input { width: 220px; }

#ab-form{
    display:none;
    margin-top:30px;
}
#ab-form-left, #ab-form-right{
    display:inline-block;
    vertical-align: top;
}
#ab-form span{
    width: 100px;
    display:inline-block; 
    vertical-align: middle;
}
#ab-form input{
    height: 30px;
    padding: 4px;
    border: 1px solid #666666;
    background:white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */ 
}
#ab-form input[type='submit']{
    height:30px;
    padding: 4px 14px;
    display:inline-block;
    float:right;
    color: #666666;
    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
    background:white;
}
#ab-form input[type='submit']:hover{
    background:#ff850e;
    border-color: orange;
    color:white;
    text-decoration: none;
}
#ab-form textarea{
    height:100px;
    width:300px;
    padding:4px;
    border:1px solid #666666;
    margin:0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.ab-numbers{
    background-color: rgb(245,245,245);
    background-image: url('../img/grey-pattern.jpg');
    background-repeat: repeat;
    font-size: 14px; 
    color: #6e6c6c; 
    text-shadow: 1px 1px #fff;
    padding-bottom:50px;
    margin-top:50px;
}


/* stranka kontakt */
.page-header{
    margin-top:101px;
    margin-bottom:40px;
    min-height:120px;
    color:white;
    text-align:center;
    line-height:120px;
    font-size:30px;
    color: rgb(250,250,250);
    background-position:center center;
    background-size: cover;
}
#co-header{
    background-image: url('../img/headers/co_header.jpg');
}


.contact-location {
    position: relative;
}

.contact-box {
    left: 50px;
    min-width: 200px;
    padding: 30px;
    position: absolute;
    top: 50px;
    width: 20%;
    z-index: 20;
    background: none repeat scroll 0 0 #fff;
}

.contact-header{}

.address{}

.contacts{}

#map_canvas {
    height: 500px;
    width: 100%;
}

.contact-numbers{
    font-size:20px;
}
.contact-address{
    font-size: 25px;
    margin-top:30px;
    margin-bottom:20px;
}
.ko-email-orange{
    background-image: url('../img/mail_orange.png');
}

#bill-info{

    background-color: rgb(245,245,245);
    background-image: url('../img/grey-pattern.jpg');
    background-repeat: repeat;

    margin-top:60px;
    color: #6e6c6c; 
    text-shadow: 1px 1px #fff;
}
#bill-info .container{
    background-image: url('../img/watermark_paper.png');
    background-repeat: no-repeat;
    background-position: 100px center;
    background-color:transparent;
    padding-top:40px;
    padding-bottom:40px;

}
#bill-info .page-title{
    margin-top:5px;
}   
#bill-info .page-subtitle{
    margin-top:20px;
}

#bill-info .row{
    margin-top:30px;
}
#bill-info p, #bill-info div{
    text-shadow: 1px 1px white;    
}

#call-us{
    margin-top:70px;
}
#call-us .page-title{
    margin-top:25px;
    margin-bottom:20px;
}
#call-us input{
    vertical-align: top;
}
#call-us input[type='text']{
    height: 36px; 
    margin-right:0;
    margin-top:0;
    padding-right:0;
    padding-left:10px;
    -webkit-border-radius: 10px 0 0 10px; 
    -moz-border-radius: 10px 0 0 10px; 
    border-radius:  10px 0 0 10px;  
    background-color: #fff; 
    border-style: solid;
    border-width: 1px 0 1px;
    border-color: #e9e9e9;
    width:350px;
    color: #b6b6b6;
    font-size: 18px;
}

#call-us input[type='submit']{
    margin-left:0;
    margin-top:0;

}

#contacts{
    margin-bottom:50px;
}
.people{
    text-align:center;
    margin-bottom:10px;
}
.people > div{
    height: 294px;
    vertical-align: top;
}
.person-info{
    margin-top:10px;
    color: #868686;
}
.person-name{
    font-weight: bold;
    font-size:18px;
    display:block;
    max-height:40px;    
}
.person-position{
    font-style: italic;
    display:block;
    max-height:20px;
}
.person-contacts{
    margin-top:5px;
    margin-bottom:15px;
    height: 60px;
    position:relative;
    transition: margin-top .5s;
    -webkit-transition: margin-top .5s;
}
.word-break{
    font-size:0;
    margin:0;
    padding:0;
    display: inline;
    width:1px;
}
.person-contacts .contacts, .person .icons{
    transition: .5s all;
    -webkit-transition: .5s all;
    position:absolute;
    left:0;
    top:0;
    text-align:center;
    margin-left:0;
}
.person-contacts .contacts{
    opacity:0;
    z-index:29;
}
.person.active .person-contacts .contacts{
    opacity:1;
    z-index:30;
}
.person-contacts .contacts{
    left:0;
    text-align:center;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0); 
}
person .icons{
    cursor:pointer;
    opacity:1;
    z-index:30;
    text-align: center;
}
.person .icons img{
    display:inline-block;
}
.person.active .icons{
    cursor:pointer;
    opacity:0;
    z-index:29;
}
.person-contacts .contacts p{
    margin:0;
}
.person-contacts .icons img{
    margin-left:3px;
    margin-right:3px;
}
.person-photo
{
    cursor:pointer;
    display:inline-block;
    width:140px;
    height:140px;
    border-radius:50%;
    border: 2px solid #868686;
    display:inline-block;
    transition: border-radius .5s, -moz-border-radius .5s, -webkit-border-radius .5s;
    -webkit-transition: -webkit-border-radius .5s, -moz-border-radius .5s, -webkit-border-radius .5s;
    position:relative;
    overflow:hidden;
    background:#868686;
    background-position:center center;
    background-repeat:no-repeat;
}
.person-photo.photodefault{
    background-color:white;
}
.person-photo div{
    position:absolute;
    width:140px;
    height:140px;
    left:0;
    top:0;
    background-size:cover;
    background-color:white;
    background-repeat: no-repeat;
    border-radius:50%;

}
.person-photo .hover{
    opacity:0.01;
    transition:opacity .3s;
    -webkit-transition: opacity .3s;
}
.person-photo:hover .hover, .person.active .hover{
    opacity:1;
}

.photoman1 .normal{
    background-image: url('../img/photos/man1.jpg');
}
.photoman1 .hover{
    background-image: url('../img/photos/man1_orange.png');
}
.photoman2 .normal{
    background-image: url('../img/photos/man2.jpg');
}
.photoman2 .hover{
    background-image: url('../img/photos/man2_orange.png');
}
.photoman3 .normal{
    background-image: url('../img/photos/man3.jpg');
}
.photoman3 .hover{
    background-image: url('../img/photos/man3_orange.png');
}
.photowoman1 .normal{
    background-image: url('../img/photos/woman1.jpg');
}
.photowoman1 .hover{
    background-image: url('../img/photos/woman1_orange.png');
}
.photowoman2 .normal{
    background-image: url('../img/photos/woman2.jpg');
}
.photowoman2 .hover{
    background-image: url('../img/photos/woman2_orange.png');
}
.photowoman3 .normal{
    background-image: url('../img/photos/woman3.jpg');
}
.photowoman3 .hover{
    background-image: url('../img/photos/woman3_orange.png');
}
.photodefault{
    background-image: url('../img/photos/default.png');
    border: 0 none;
}
.people{
    position:relative;
}

#balicek {
    display:none;
    position:relative;
    width:940px;
    background:white;
    border:1px solid lightgrey;
    padding:30px;
    z-index:1030;
    margin:0 auto;
    text-align:center;
       
}
#balicek-overlay{
    background-color: rgba(0,0,0,.5);
    width:100%;
    height:100%;
    opacity:.9;
    position:fixed;
    top:0;
    left:0;
    z-index:1028;
    display:none;
}

#balicek-parent {
    width:100%;
    height:100%;
    position:fixed;
    display:none;
    z-index:1029;
    top:100px;
    left:0;
}

#balicek-click {
    width:940px;
    height:100%;
    position:fixed;
    z-index:1050;
    top:130px;
    left:50%;
    margin-left:-470px;
    display:none;
    cursor:pointer;
    overflow:hidden;
}

#balicek_image{ 
 z-index:1032;
}
    
#services .content #balicek img {
    display: block;
    float: none;
    width:auto;
    margin:0 auto;
}

#services .content .balicky img{
    float: none;
    width:auto;
}

#services .content a.balicky, #pf-examples a.pf-example  {
       color: #333;
}

.person-popup{
    display:none;
    position:absolute;
    width:940px;
    background:white;
    border:1px solid lightgrey;
    padding:30px;
    z-index:1029;
    margin-bottom:20px;
    bottom: 0!important;
}
.career h2{
    font-size:30px;
    margin:0 0 30px;
    color:#575757;
}
.career{
    text-align:center;
}
.career p{
    color: #575757;
    max-width:80%;
    display:inline-block;
    margin-bottom:30px;
}
#career-overlay{
    background-color: rgba(0,0,0,.5);
    width:100%;
    height:100%;
    opacity:.9;
    position:fixed;
    top:0;
    left:0;
    z-index:1028;
    display:none;
}
.person-close{
    width:20px;
    height:20px;
    background: url(../img/close_button_small.png) center center no-repeat;
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}

#scrollto{position:relative;}
.career .contact-form{
    background:#eaeaea;
    padding-top:30px;
    margin-top:30px;
}
.career ul{ 
    vertical-align:top;
    width:260px;
    margin-left:40px;
    text-align:left;
    display:inline-block;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */ 
}
.career ul:first-child{
    margin-left:0;
}
.career li{
    margin-top:5px;
    color:#666666;
    font-size: 14px;
    list-style-image: url('../img/dot_orange.png');
    
}
.career li.header{
    list-style: none;
    margin-left:-25px;
    font-size: 16px;
    margin-bottom: 10px;
    
}
.co-form-left, .co-form-right{
    display:inline-block;
    vertical-align: top;
}
.person-popup span{
    width: 100px;
    display:inline-block; 
    vertical-align: middle;
}
.person-popup input{
    height: 45px;
    padding: 4px 4px 4px 18px;
    border: 0 none;
    background:white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */ 
    font-size:18px;
}
.person-popup input[type='submit']{
    height:45px; 
    padding: 4px 34px;
    display:inline-block;
    color: white;
    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
    background:#ff850e;
    margin-top:20px;
    margin-bottom:20px;
   
}
.co-form-bottom{
    font-size:0;
}
#uploadFile{
    margin-right:0;
    border-radius: 6px 0 0 6px;
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.person-popup .fileUpload{
    height:45px; 
    line-height:36px;
    font-size: 18px;
    margin-left: 0;
    padding: 4px 34px;
    display:inline-block;
    color: white;
    -webkit-transition: border-color .5s, background-color .5s, color .2s;
    transition:  border-color .5s, background-color .5s, color .2s;
    background:#08515e;
    margin-top:20px;
    margin-bottom:20px;
   
}
.btn{
    border: 0 none;
    box-shadow: none;
    text-shadow: none;
    
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.person-popup input[type='submit']:hover{
    text-decoration: none;
}

.career h3{
    font-size:30px;
    color: #575757;
    margin-bottom:30px;
    margin-top:0;
    font-weight:400;
}
.person-popup textarea{
    height:155px;
    width:500px;
    padding:14px;
    border: 0 none;
    margin:0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    
    font-size:18px;
    margin-left:5px;
}

td.icon, td.title , td.values  { vertical-align:top;}

/* stranka zastupovane severy */

#za-header{
    background-image: url('../img/headers/za_header.jpg');
}
.servers-container{
    overflow:visible;
}
.servers td{
    padding-top:2px;
    padding-bottom:2px;
    color: #4b4a4a;
    font-size:18px;
}
.servers tr.info{
    transition: background-color .3s, color .3s;
    -webkit-transition: background-color .3s, color .3s;
    cursor:pointer;
}
.servers table{
    border-collapse: separate;
}

.servers table tr.even{
    background: #ebebeb;
}
.servers table tr.info:hover{
    background: rgb(245,245,245);
}
.servers table tr.even:hover{
    background: rgb(225,225,225);
}
.servers tr.active{
    background: #58595b !important;
}
.servers tr.active td{
    color: white !important;
}
.servers .number{
    text-align:right;
    width: 40px;
    padding-right:10px;
}
.servers .name{
    padding-left:10px;
}
.servers .icons{
    width:150px;
    text-align:left;
}

.servers .icon{
    width: 30px;
    height:30px;
    display:inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}
.servers .icon.ru{
    background-image: url("../img/icons/ru.png");
}
.servers .icon.ru:hover, .servers .icon.ru.active{
    background-image: url("../img/icons/ru-hover.png");
}
tr.active .icon.ru:hover{
    background-image: url("../img/icons/ru.png");
}
.servers .icon.pv{
    background-image: url("../img/icons/pv.png");
}
.servers .icon.pv:hover,.servers .icon.pv.active{
    background-image: url("../img/icons/pv-hover.png");
}
tr.active .icon.pv:hover{
    background-image: url("../img/icons/pv.png");
}
.servers .icon.net{
    background-image: url("../img/icons/net.png");
}
.servers .icon.net:hover{
    background-image: url("../img/icons/net-hover.png");
}
.servers .icon.link{
    background-image: url("../img/icons/link.png");
}
.servers .icon.link:hover{
    background-image: url("../img/icons/link-hover.png");
}
.servers .icon{
    position:relative;
    z-index:1;
}
.servers .icon:hover {
    z-index:2;
}

.servers .icon:hover .bubble{
    display:block;
}
.servers .active .icon.ru:hover .bubble, .servers .active .icon.pv:hover .bubble{
    display:none;
}
.servers .bubble{
    position: absolute;
    display:none;
    background: #58595b;
    color:white;    
    padding:15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width:250px;
    top:0;
    left:-150px;
    transition: .5s all;
    -webkit-transition: .5s all;
}
.bubble span{
    display:block;
    height:25px;
    line-height:25px;
    font-size:14px;
}
.ru .bubble{
    height: 75px;
    top: -115px;
}
.pv .bubble, .net .bubble, .link .bubble{
    height:25px;
    top: -65px;
}
.bubble:after{
    content: url('../img/bubble-arrow.png');
    position:absolute;
    bottom: -11px;
    left:159px;
}
.servers .description td{
    padding:0;
}
.servers .description td .description-info{
    border-color: #58595b;
    border-width: 0 3px 0;
    border-style: solid;
    padding: 0;
    height:0; 
    overflow:hidden;
    transition: border-bottom .5s, height .5s, padding .5s;
    -webkit-transition: border-bottom .5s, height .5s, padding .5s;
}
.servers .description span{
    display:block;
    height:25px;
    line-height:25px;
    font-size:14px;
    padding: 0 20px;  
}
.servers .description.display .description-info{
    height:120px;
    padding-top:10px;
    padding-bottom: 10px;    
    position:relative;
}

.servers .close-panel{
    background-image: url('../img/chevron-up.png');
    background-color: #58595b;
    background-position: center center;
    background-repeat:no-repeat;
    height:20px;
    cursor:pointer;
    margin-top:10px;
}

#servers .sl-download{
    font-size:20px;
    color: #5d5c5c;
    background-color:white;
}
#servers .sl-download:hover{
    background-color: #f5f5f5;
}
#servers .sl-download small{
    font-size:14px;
    color: #868686;
}
#servers .downloads{
    margin-bottom: 50px;
}
#servers #logos{
    margin-top:50px;
    margin-bottom:50px;
}

hr.greyline{
    height:0;
    padding:0;
    border-bottom: 15px solid #e9e9e9;
    margin-top:0;
}
#services hr.greyline, #about hr.greyline{
    margin-top:50px;
}

.sort{
    text-align:center;
    margin-bottom:40px;
    margin-top:20px
}
.sort a {
    color: #7f7d7d;
    font-size: 16px;
    display:inline-block;
    padding: 10px 20px;
}
.sort a.active{
    color: #ff850e;
}


#tech .tutorial{
    background: #efefef url('../img/grey-pattern.jpg') repeat;
    margin-top: 50px;
    margin-bottom:50px;
    color: #6e6c6c; 
    text-shadow: 1px 1px #fff;
}
#tech .tutorial p{
    padding-bottom:20px;
}

/* stranka technicke specifikace */
#ts-header{
    background-image: url('../img/headers/ts_header.jpg');
}
.example{
    text-align:center;
    margin-top:30px;
}
.example .image{
    display:inline-block;
    margin-left:15px;
    margin-right:15px;
    vertical-align: top;
}
.example .image .dropshadow{
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.43);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.43);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.43);
}
.example .image-description{
    display:block;
    font-size:14px;
    margin-top:10px;
    color: #6e6c6c;
    margin-bottom: 10px;
}
#tech h2{
    font-size: 30px;
    color: #ff850e;
    text-align:center;
    margin-top:20px;
    margin-bottom:20px;
}
#tech .info, #tech .specs{
    color: #6e6c6c;
    font-size:14px;

}
#tech .info{
    text-align: justify;
}
#tech .specs td{
    padding-bottom:5px; 
}
#tech .specs .icon{
    padding-right:5px;
    width: 14px;
}
#tech .specs .title{
    padding-right:15px;
}
#tech .tutorial-control{
    text-align:center;
    cursor:pointer;
}
#tech .tutorial-control span{
    font-size: 16px;
    color: #6c6c6c;
    font-weight: 700;
    background-image: url('../img/chevron-grey-down.png');
    background-repeat:no-repeat;
    background-position: right center;
    padding-right: 25px;
    height:50px;
    line-height:50px;
}
#tech .tutorial.active .tutorial-control span{
    background-image: url('../img/chevron-grey-up.png');
}
#tech .tutorial-content{
    display:none; 
}

#tech .tutorial-content .span5.offset1 p{
    text-align:justify; 
}

/* preloader */

#preloader{
    display:none;
}
#preloader.active{
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:1048;

    color:#ff850e;
    background-color: rgb(240,240,240); 
    background-image: url("../img/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;

    font-size:30px;
    text-align:center;
    font-family: "Neris-Black",sans-serif;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */ 
}


.ok-send {
    background: none repeat scroll 0 0 #ff850e;
    color: white;
    padding: 20px;
    text-align: center;
    margin: 20px 0 0 0;
}

.ok-send span{
    background: none repeat scroll 0 0 rgb(255,102,102);
    padding: 10px;
}

.clear {clear: both;}
table.tab-branding {margin: 0 auto 30px auto;}
table.tab-branding td {padding: 5px;}
table.tab-branding td.server-title {font-size: 16px; font-weight: 700;}
.g-recaptcha div:first-child div:first-child {margin: 0 auto;}