/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

@font-face {
    font-family: 'OpenSansBold';
    src: url('../../../font/OpenSans-Bold.eot');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../../../font/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../../../font/OpenSans-Regular.eot');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../../../font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../../../font/OpenSans-Light.eot');
}
@font-face {
    font-family: 'OpenSansLight';
    src: url('../../../font/OpenSans-Light.ttf');
}

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../../../font/OpenSans-Semibold.eot');
}
@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../../../font/OpenSans-Semibold.ttf');
}

@font-face {
    font-family: 'OpenSansBold';
    src: url("../../../font/Oswald-Bold.eot") /* EOT file for IE */
}
@font-face {
    font-family: 'OpenSansBold';
    src: url("../../../font/Oswald-Bold.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: 'OswaldLight';
    src: url('../../../font/Oswald-Light.eot');
}
@font-face {
    font-family: 'OswaldLight';
    src: url('../../../font/Oswald-Light.ttf');
}

@font-face {
    font-family: 'OswaldRegular';
    src: url('../../../font/Oswald-Regular.eot');
}
@font-face {
    font-family: 'OswaldRegular';
    src: url('../../../font/Oswald-Regular.ttf');
}




html,
body {
    height: 100%;
    font-family: OpenSansRegular;

    background: none !important;
    background-color: lightslategrey !important;

}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.container.relative{
    /*background-color: #cccccc;*/
    background-color: rgba(200,200,200, 0.94);
    box-shadow: 0px 0px 15px black;
    border-radius: 5px;
}

@media(min-width: 860px) {
    .container.relative{
        margin-top: 160px;
        padding-top: 15px;
        margin-bottom: 15px;
    }
}

@media(max-width: 860px) {
    .container.relative{
        padding-top: 15px;
        margin-top: 185px;
        margin-bottom: 15px;
    }
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    /*margin: 50px 0;*/
    background-color: #ce0018 !important;
    padding: 20px;
    z-index: 0;
    /*position: relative;*/

    /*position: fixed;
    bottom: 0px;
    width: 100%;

    box-shadow: 0px 0px 20px -3px black;*/
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.navbar {
    background-color: #ce0018 !important;
    margin-bottom: 0px;
}

.navbar-inverse .navbar-brand {
    color: white;
}

.navbar-inverse {
    /* background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%); */
    background-image: none;

    /* background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222)); */
    background-color: white; /* #DB8E18; */
}

.navbar-inverse .navbar-nav>li>a {
    color: black;
    font-family: OswaldLight;
    font-size: 111%;
    text-transform: uppercase;
    font-weight: 300;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: black;
}

.navbar {
    /*min-height: 100px;*/
}

@media (min-width: 768px) {
    .navbar-right {
        float: none!important;
        margin-top: 65px;
        /*margin-left: 450px;*/
        /*margin-left: 370px;*/
        /*width: 1140px;
        margin-left: auto;
        margin-right: auto;*/    }
}

.position-relative {
    position: relative;
}

.logo_right img {
    position: absolute;
    z-index: 10000;
    right: 0;
    top: -100px;
}

.logo_left img {
    /*position: absolute;*/
    /*z-index: 10000;*/
    /*left: 100px;*/
    top: 0px;
    background-color: white;
    padding: 0px;

    vertical-align: text-top;
}

@media (max-width: 800px) {
    .logo_right {
        display: none;
    }
}

.carousel-indicators {
    top: 35px;
    height: 20px;
}

section.banner {
    margin-top: 32px;
    margin-left: 32px;
}

.panel_banner_right {
    margin-right: 162px;
    display: inline-block;
    float: right;
    width: 15%;
    right: -35px;
    position: absolute;
}

.relative {
    position: relative;
}

.reklama_right_wrapper {
    margin-top: 0px;
    width: 252px;
    margin-bottom: 50px;
    height:252px !important;
}

.controll_line.border-top {
    border-top: 1px solid white;
}

.navbar.middle-bottom {
    margin-top: -99px;
}

header.carousel {
    height: 438px;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: black;
    text-decoration: underline;
}

.articles_wrapper {
    margin-top: 40px;
}

.articles {
    font-family: OpenSansRegular;
    font-size: 20px;
    padding-top: 50px;
    width: 100%;
    float:left;
}

.articles h1 {
    font-family: OpenSansSemiBold;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: bold;
    max-width: 86%;
}

.articles hr {
    border: none !important;
    border-top: 1px solid #eee !important;
    box-shadow: none !important;
    color: black !important;
    width: 100% !important;
    height: 0px !important;
    /*float: none !important;*/
}

.article {
    padding: 30px;
    padding-top: 0px;
}

.row {
    /*margin-left: -10px !important;*/
}

.row.logo {
    /*background-image: url(http://forindustry.cz/file/show?nl_id=24506) !important;*/
    background-repeat: no-repeat;
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    transition: all .2s ease-out;
}

@media(min-width:860px) {
    .row.logo {
        /*background-image: url("/web_files/img/title/for-industry_1170.png") !important;*/
        min-height: 110px;
    }

    .navbar.top.minimized .row.logo {
        /*background-image: url("/web_files/img/title/for-industry_1170.png") !important;*/
        min-height: 70px;
    }

    .row.logo .title {
        display: none;
    }


}

@media(max-width:860px) {
    .row.logo {
        background-image: none;
        min-height: auto;
        color: white;
        font-size: 18px;
        padding: 10px;
    }

    .row.logo .title {
        max-width: 95%;
    }
}

.logo-sv {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 100;
    /*width: 270px;*/
    height: 200px;

    /*border:1px solid #d3d3d3;*/
    border-bottom-left-radius: 170px;
    border-bottom-right-radius: 60px;

    transition: all .2s ease-out;
}

.top.navbar.minimized .logo-sv {
    /*height: 150px;*/
    height: 100px;
}

@media(max-width:1200px) {
    .logo-sv {
        display: none;
    }

    footer {
        position: relative;
    }
}


@media(max-width:1000px) {
    .logo-sv {
        width: 180px;
    }
}

/* LANG SWITCH */
.lang-switch {
    position: absolute;
    z-index: 100;
    transition: all .2s ease-out;
}

@media(min-width:1400px) {
    .lang-switch {
        /*margin-top: 12px;
        margin-right: 15px;*/

        margin-top: 73px;
        margin-right: 265px;

        /*margin-top: 115px;
        margin-right: 245px;*/
        /*right: -75px;*/
        right: 0;
        top: 5px;
    }

    .top.navbar.minimized .lang-switch {
        margin-top: 40px;
        margin-right: 130px;
    }

}

@media(max-width:1400px) {
    .lang-switch {
        /*margin-top: -30px;
        margin-right: 30px;
        right: 280px;
        z-index: 100;*/

        margin-top: 12px;
        margin-right: 15px;
        /*right: -75px;*/
        right: 0;
        top: 5px;
    }
}

@media(max-width:1200px) {
    .lang-switch {
        right: 15px;
        top: 10px;
        margin: 0px;
        position: fixed;
    }
}



.lang-switch a {
    color: white;
    margin-left: 7px;
    text-decoration: none;
    border-bottom: none;
}

.lang-switch .active {
    border-bottom: 1px solid white;
}
/* /LANG SWITCH */


.form-sidebar .row-fluid [class*="span"]:first-child {
    margin-left: 30px;

}

.form-sidebar .row-fluid h6 {
    margin-left: 10px;
    margin-top: 30px;
    margin-bottom: 0px;
    font-size: 20px;
    padding: 0px;
}

.form-sidebar .row-fluid hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-sidebar .row-fluid label a {
    margin-left: 10px;
}

.mod_caroufredsel {
    width: 250px;
}

.mod_caroufredsel .gallery_title {
    margin-bottom: 15px;
}


.kregistrace input[type="radio"] {
    margin-left: 20px;
    margin-right: 10px;
}



.kregistrace .row-fluid {
    width: auto !important;
}

.kregistrace .span12 {
    margin-top: 20px;
    width: auto !important;
}

.kregistrace .span12 hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

.clear {
    clear: both;
}

/* CONTROL LINE */
.controll_line.border-top {
    border-top: 1px solid white;
}

.controll_line {
    width: 100%;
    height: 30px;
    position: relative;
}

.controll_line.top {
    top: 1px;
}

.controll_line.bottom {
    top: -2px;
}

/* /CONTROL LINE */

.floated_image {
    display: block;

    margin: 15px;
    padding: 0px;
    border: 0px solid black;
    box-shadow: 0px 0px 10px black;
}

.main_content {
    width: 100%;
}

@media (max-width: 768px) {
    body {
        padding-top: 0px !important;
    }
}

.thumbnail>img {
    border-radius: 3px;
    width: 100%;
}

.thumbnail {
    text-decoration: none !important;
    height: 480px;
}

.thumbnail .description {
    height: 60px;
}

.thumbnail:hover h2 {
    text-decoration: underline !important;
}

.thumbinfo {
    text-decoration: none !important;
    height: 480px;
    padding-bottom: 20px;
}

.xcontainer {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.top.navbar {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
    box-shadow: 0px 0px 10px 0px black;
    border: none;
}

.main-menu {
    position: absolute;
    left: -105px;
    top: 140px;
}

.wrapper-exhibitor-list {
    padding-left: 15px;
    padding-top: 10px;
    clear: both;
}


.wrapper-exhibitor-list li,
.wrapper-group-list li {
    list-style: none;
}

.wrapper-exhibitor-list .group-item,
.wrapper-group-list .group-item {
    color: dimgray;
}

.wrapper-exhibitor-list li .item:hover,
.wrapper-group-list li .item:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #337ab7;
}

.company-list {
    color: darkblue;
    font-weight: bold;
}

.has-exhibitor {
    color: black;
    font-weight: bold;
}

.modal-body fieldset {
    margin-top: 15px;
}

.modal-body fieldset legend {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 98%;
    }
}

.clear-both {
    clear: both;
    margin-top: 20px;
    display: inline-block;
}

.clear-both img {
    padding-right: 15px;
}

.whisperer input {
    min-width: 30%;
    /*height: 32px;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
}

.whisperer-alphabet {
    margin-bottom: 15px;
    /*position: absolute;
    left: -90px;
    width: 90px;*/
}

.whisperer-alphabet .whisperer-letter {
    width: 50px;
    margin-bottom: 4px;
}

.company-detail {
    font-size: 19px;
    color: black;
    text-shadow: 0px 0px 5px white;
    font-weight: bold;
}

.company-detail:hover {
    /*color: white;
    text-shadow: 0px 0px 5px black;*/
}

.panel-heading {
    padding: 0;
    border-bottom: none;
}

/*
.selected-count {
    margin: 5px;
    font-size: 14px;
}
*/

.group-item,
.exhibitor-item {
    list-style-type: none;
}

.exhibitor-item .open-icon {
    width: 15px;
    font-size: 15px;
}

.exhibitor-item .open-icon,
.exhibitor-item .item {
    cursor: pointer;
}

.exhibitor-item .select-icon {
    color: lightgray;
    font-size: 14px;
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 5px;
    cursor: pointer;
}

.exhibitor-item.selected .select-icon {
    color: lightseagreen;
}

.exhibitor-item.selected .item {
    font-weight: bold;
}

.logo .web-title-name {
    color: white;
    font-size: 30px;
    font-weight: bold;
    margin-top: 14px;
    margin-left: 25px;
    width: 100%;
    white-space: nowrap;
    transition: all .2s ease-out;
    line-height: 31px;
    float:left;
}

.top.navbar.minimized .logo .web-title-name {
    font-size: 20px;
    margin-top: 4px;
}

.web-title-extend {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    /*margin-left: 35px;*/
    margin-top: 20px;
    text-align: left;
    overflow: hidden;
    width: 340px;
    padding-left: 26px;
    transition: all .2s ease-out;
}

.top.navbar.minimized .web-title-extend {
    width: 500px;
    font-size: 13px;
    margin-top: 8px;
}

.web-title-info {
    font-size: 15px;
    transition: all .2s ease-out;
}

.navbar.top.minimized .web-title-info {
    font-size: 12px;
}

.web-title-date {
    font-size: 25px;
    transition: all .2s ease-out;
}

.navbar.top.minimized .web-title-date {
    font-size: 15px;
}

.caption h2 {
    overflow: hidden;
    white-space: nowrap;
    margin-right: 8px;
    font-size: 19px;
}

.clip-circle {
    /*clip-path: circle(60px at center);*/
    /* OLD VALUE example: circle(245px, 140px, 50px); */
    /* Yep, even the new clip-path has deprecated stuff. */

    /*clip-path: circle(50.0% at 66% 3%);*/
    clip-path: circle(63.8% at 64% 4%);
    /*-webkit-clip-path: circle(63.8% at 64% 4%);
    -moz-clip-path: circle(63.8% at 64% 4%);
    -ms-clip-path: circle(63.8% at 64% 4%);
    -o-clip-path: circle(63.8% at 64% 4%);
    clip: circle(63.8% at 64% 4%);*/
}

.position-absolute {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
    height: 216px;
}

.position-relative {
    position: relative;
}