body {background:#0b0b09; font-family: 'Exo 2', sans-serif;}
.wrapper {background:#b3a79b url(images/background.jpg) no-repeat center top; }

p {margin:0 0 20px 0; line-height:1.5em; font-size:1em}
h1 {margin:0 0 20px 0; font-weight:700; font-size:2.2em }
h2 {margin:0 0 10px 0; font-weight:700; font-size:1.8em; color:#477958}
h3 {margin:0 0 10px 0; font-weight:400; font-size:1.6em; color:#000}

a {color:#477958}
a:hover {color:#231913}

.menu {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231913+0,1a120d+100 */
background: #231913; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIzMTkxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTEyMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #231913 0%, #1a120d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #231913 0%,#1a120d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #231913 0%,#1a120d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231913', endColorstr='#1a120d',GradientType=0 ); /* IE6-8 */
}

.header {}

.logo {margin:20px 0; float:left;}
.logoText {margin:20px 25px; float:left;line-height: 112px;font-size: 1.5em;font-weight: 600;color: #fff; text-shadow: 1px 1px 1px #000}
.logoText:hover, .logoText:focus {text-decoration: none;color:#fff}

.phoneText {color: #fff; font-size:1.1em}
.phoneText a {color: #fff; text-decoration: none}
.phoneText i {margin:0 5px 0 0}

.btnCatalogue { float: right;margin: 55px 0 0 0;padding: 10px 25px;background: #477958;color: #fff; font-size: 1.3em}
.btnCatalogue:hover { text-decoration: none; color:#FFC50A }

.btnDotaz {margin: 10px 0 30px 0;padding: 10px 25px;background: #477958;color: #fff;font-size: 1.3em; display: inline-block}
.btnDotaz:hover { text-decoration: none; color:#FFC50A }

.banner {margin:15px 0 0 0}

.cornerImage { float: left; padding:0 20px 20px 0}
.cornerImage img {width:100%}
@media (max-width: 768px) {
    .cornerImage { float: left;padding: 0 0px 20px 0; width:100%}
}

.background .container {background: #fff}

.homeNadpis {margin:35px 0 20px 0; text-align:left; font-size:1.5em; color:#000; font-weight:400; text-transform:uppercase}

.navigace {margin:15px 0 0 0}
.serviceBox {display:block;text-decoration: none;}
.serviceBox:hover {text-decoration:none}
.serviceBox img {width:100%;}
.serviceBox:hover img {opacity:0.8}
.sbTitle {padding: 15px 0; text-align:center; font-size:1.0em; color:#401500; font-weight:700; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd401+0,ffb701+100 */
background: #ffd401; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI3MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffd401 0%, #ffb701 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd401 0%,#ffb701 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd401 0%,#ffb701 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd401', endColorstr='#ffb701',GradientType=0 ); /* IE6-8 */
}

.bigTitle { background: url(images/bigTitle.jpg) repeat-x left center;height: 20px; margin:40px 0 20px 0}
.bigTitle span.nameTitle { color: #303030;background: #fff;display: block;float: left;height: 20px;line-height: 20px;padding: 0 15px 0 0;text-transform: uppercase;font-weight: 600; font-size: 1.2em}
.bigTitle a.enterTitle { color: #303030;background: #fff url(images/enter.jpg) no-repeat left 1px;display: block;float: right;height: 20px;line-height: 20px;padding: 0 0 0 30px;font-weight: 400;font-size: 1.0em; text-decoration: none}
.bigTitle a.enterTitle:hover { color: #477958;}

.tNewsBox {text-decoration:none; display:block;margin: 0 0 30px 0;padding: 15px;background: #eee;float: left; width:100%}
.tNewsBox:hover {background: #ffb701; text-decoration:none}
.tNewsBox:hover .tNewsTitle {color:#fff}
.tNewsBox:hover .tNewsText {color:#f3f3f3}
.tNewsBox:hover .tNewsButton span {color:#477958}
.tNewsImg {width:160px;float: left; text-align: center}
.tNewsContent {width:calc(100% - 180px);float: left; margin:  0 0 0 20px}
.tNewsImg img {max-height:100px; max-width:100%;}
.tNewsTitle {color:#000; font-size:1.3em; text-align:left;overflow: hidden;line-height: 1.2em;height: 42px; overflow: hidden}
.tNewsText {color:#777;margin:0 0 10px 0; font-size:1.0em; text-align:left;overflow: hidden; height: 40px}
.tNewsButton {}
.tNewsButton strong {color:#444;float: left;}
.tNewsButton span {color:#ffb701; font-weight:700; float:right}
.tNewsButton span::before {margin:0 5px 0 0; content: "\f101"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.tRealBox {text-decoration:none; display:block;margin: 0 0 30px 0;padding: 15px;background: #eee;float: left; width:100%}
.tRealBox:hover {background: #ffb701; text-decoration:none}
.tRealBox:hover .tRealTitle {color:#000}
.tRealImg {width:100%;float: left;margin: 0 0 13px 0;}
.tRealContent {width:100%;float: left; display: table}
.tRealImg img {width:100%;}
.tRealTitle {color:#000;font-size:1.1em; text-align:center;overflow: hidden;line-height: 21px;height: 42px;display: table-cell;vertical-align: middle;width:100%}

.navbar-btn { background: #FFC40A; color:#000; margin-right: 0px !important; float:right; border-radius:0 !important}
.navbar-btn i {margin:0 10px 0 0}
.navbar-btn:hover, .navbar-btn:focus { background: #FFC40A !important; color:#000}

.navbar-nav {margin:0 !important; float:left; }
.navbarMenuMain ul.navbar-nav>li>a {color: #fff !important; text-decoration: none; padding:15px 20px; font-weight:700; font-size:1.1em; text-transform:uppercase}
.navbarMenuMain ul.navbar-nav>li>a:hover, 
.navbarMenuMain ul.navbar-nav>li>a:focus { color: #FFC60B !important; background:none !important }
.navbarMenuMain ul.navbar-nav>li.selected>a { color: #FFC60B !important; background:url(images/menuArrow.png) no-repeat center bottom !important }
.navbarMenuMain ul.navbar-nav>li>a .caret { color: #fff !important;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:none !important;color: #000 !important;}
.navbar-nav>li:first-child a {border:none !important}
.navbar-nav>li:first-child a::before {content: "\f015"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.navbar-nav>li:first-child a span {font-size:0; line-height:0}
.navbar-nav>li:last-child a {padding: 15px 0px 15px 20px !important;}

.navbarMenuMain .navbar-nav .open .dropdown-menu {  background: #222;}
.navbarMenuMain .navbar-nav .open .dropdown-menu li a {color: #fff; text-decoration: none}
.navbarMenuMain .navbar-nav .open .dropdown-menu li a:hover,
.navbarMenuMain .navbar-nav .open .dropdown-menu li a:focus {background: #a20009 !important; color: #fff; text-decoration: none}
.dropdown-menu {  padding: 10px 0;}
.navbarMenuMain .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 15px 5px 10px;}

.navbar-collapse {padding: 0 !important} 

.boxOdrazky {margin:30px 0; font-size:1.1em}
.boxOdrazky ul {margin:0 0 25px 0; padding:0; list-style:none}
.boxOdrazky ul li {margin:0 0 5px 0; padding:0; list-style:none}
.boxOdrazky ul li::before {color: #FFC60B !important;font-size: 0.7em !important;margin:0 5px 0 0; content: "\f111"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.boxOdrazky img {max-width: 100%}

.katalogBox {margin:15px 0 30px 0}
.katalogBox .boxOdrazky {margin:0}

.imgGallItem { margin: 0 0 30px 0}
.imgGallItem img { width: 100%; margin: 0}
.imgGallItem .description {min-height:44px; text-align:center}

.formSkinDefault .label { width: 100%;   padding: .2em .0em .3em;}
.formSkinDefault .edit {width: 100%}

/*#region 404 */
#box404 {min-height:600px; text-align:center; padding:40px 0 50px 0}
#box404 h1 {font-size:48px; font-weight:600; color:#477958; margin:0 0 10px 0}
.box404Title {font-size:24px; color:#FFC60B; margin:0 0 30px 0; padding:0;}
#box404A h2, #box404B h2 {color:#477958;font-size:18px}
#box404A {margin:0 0 40px 0}
#box404A p {font-size:16px; color:#000}
.box404Btn {display:table; font-size:15px; padding:0 50px; height:48px; line-height:48px; margin:0 auto; color:#fff; text-decoration:none; text-transform:uppercase;background-color: #477958 }
.box404Btn:hover {color:#fff; text-decoration:none;  background-color: #588d6a}
/*#endregion 404 */

.footer { background: #1B1A16; padding:0;}
.footerBox { padding: 30px 0px;overflow: hidden; color:#9b9a99}
.footerBox a {color:#ffb900}
.footerBox img {margin:-15px 25px 0 0}

.copyright { background: #0b0b09;padding:5px 0}
.copyright {color: #333;font-size: 0.8em;text-align: center; font-weight: normal}
.copyright a { color: #333; text-decoration: none}

.katalogPage {padding: 30px 0 30px 0}
.katalogPage .tNewsBox {margin:0 0 60px 0}

.success { text-align: center;font-weight: bold;font-size: 1.3em; padding: 40px 0 0 0}

.imgMargin {margin: 0 0 20px 0}

.spacer {height:20px}

/*#region search */
.search {float:left; margin:15px 0 0 0; width:100%; background:#fff; padding:0}
.search .inputSearch {float:left; width:85%; height:30px; line-height:18px; border:1px solid #ccc; padding:8px 10px; color:#535353; font-size:13px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.search .inputSearch:focus { outline:none;  overflow:auto}
.search .buttonSearch {width:15%; height:30px; line-height:30px; position:relative; cursor:pointer; float:left; background: #FFC50B; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;color:#000}
.search .buttonSearch:before {content: "\f002"; color:#000;font-size: 17px;display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }
.search .buttonSearch:hover { background: #FFC50B}
.search .buttonSearch input {width:100%; height:30px; border:none; background:none; cursor:pointer; color:#000; font-size:15px; line-height:31px; position:absolute; top:0; left:0}
/*#endregion search */

/*#region shopSearch */
.search {position: relative;}
.search > div.quickSearchSuggestionsBox { position: absolute; display: none; width:100% !important}
.search > div.quickSearchSuggestionsBox.active { display: block; }
.search > div.quickSearchSuggestionsBox { position: absolute; z-index: 10000}
.search > div.quickSearchSuggestionsBox > div.frame { margin: -5px 0 0 -1px; background: #efefef;width: 100%; z-index: 10000}
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a { padding: 5px 2px; display: block; width: auto; text-decoration: none; min-height: 32px; position: relative; color: #000; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.text { width: 100%; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.text span { padding: 3px 5px 2px 2px; margin-left: 60px; display: block; overflow: hidden; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.image { display: block; width: 55px; text-align: center; position: absolute; top: 3px; left: 3px; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a > div.image > img { padding: 0; margin: 0; max-width: 55px; max-height: 32px; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item > a:hover { background-color: #e2e2e2; text-decoration: none; }
.search > div.quickSearchSuggestionsBox > div.frame > div.empty { padding: 4px 8px; text-align: center; }
.search > div.quickSearchSuggestionsBox > div.frame > div.item.focused a { background-color: #e2e2e2; text-decoration: none; }

/*#endregion */

.leftTitle {text-decoration:none; text-align:center; display:block; padding:10px;  color:#fff; margin:15px 0 0 0; font-weight:400;font-size: 1.5em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d7a81+0,949fa5+100 */
background: #6d7a81; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkN2E4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDlmYTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #6d7a81 0%, #949fa5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d7a81 0%,#949fa5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6d7a81 0%,#949fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d7a81', endColorstr='#949fa5',GradientType=0 ); /* IE6-8 */
}
.leftTitle:hover,.leftTitle:focus {text-decoration:none; background:#6d7a81; color:#fff}

/*#region sidebar nav */


.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    background:#d6dde1
}

.sidebar-nav>li {
    text-indent: 20px;
    line-height: 40px;
    border-bottom: 1px solid #fff
}

.sidebar-nav>li>a {
    display: block;
    text-decoration: none;
    color: #616161;font-size:1.3em
}

.sidebar-nav>li>a:hover {
    text-decoration: none;
    color: #fff;
    background:#79858C
}

.sidebar-nav>li.selected>a {
    text-decoration: none;
    background: #477958;
    color:#fff
}

.sidebar-nav>li>ul {
    list-style: none;
    margin: 0;
    padding:10px 0;
    background:#6D7A81
}

.sidebar-nav>li>ul>li {
    text-indent: 20px;
    line-height: 32px;
    border:none
}

.sidebar-nav>li>ul>li>a {
    display: block;
    text-decoration: none;
    color: #fff;font-size:1.0em
}

.sidebar-nav>li>ul>li>a:hover {
    text-decoration: none;
    color: #fff;
    background:#1c1d1d
}

.sidebar-nav>li>ul>li.selected>a {
    text-decoration: none;
    color: #ffb900;
    background:#6D7A81
}
/*#endregion */

/*#region pager */
.contentPager {
    width: 100%;
    margin: 0;
    text-align: right;
    padding: 0 0 0 0;
}

.contentPagerIn {
    margin: 0 0 0 0;
}

.pagerTitle {
    float: left;
    margin: 0 0 0 0;
    color: #000;
     height: 30px;
            line-height: 30px;
}

.cspager {
    position: relative;
    list-style: none;
    margin: 0 0;
    padding: 0 0 5px 0;
    float: right;
}

    .cspager > li {
        display: block;
        float: left;
        padding: 0 2px;
    }

        .cspager > li > a {
            display: block;
            text-decoration: none;
            padding: 0 10px;
            text-align: center;
            height: 30px;
            line-height: 30px;
        }

        .cspager > li.separator > span {
            display: block;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
        }

        .cspager > li.prev > a,
        .cspager > li.next > a {
            width: auto;
            height: 30px;
            line-height: 30px;
            padding: 0 15px;
            background: #477958;
            color:#fff
        }

        .cspager > li.next > a > i {
            margin:0 0 0 7px
        }

        .cspager > li.prev > a > i {
            margin:0 7px 0 0 
        }

        .cspager > li:not(.separator) > span {
            display: block;
            text-decoration: none;
            height: 30px;
            line-height: 30px;
            padding: 0 12px;
            text-align: center;
        }

        .cspager > li.item > a {
            color: #000;
        }

        .cspager > li.first > a {
        }

        .cspager > li.prev-disabled > span {
            color: #77F;
        }

        .cspager > li.current > span {
            background: #477958;
            color: #fff;
        }

        .cspager > li.next-disabled > span {
            color: #F7F;
        }

        .cspager > li.last > a {
            color: #000;
        }

        .cspager > li.step > a {
            background: #777;
        }

        .cspager > li > a:hover {
            color: #000;
            background: #ffb900;
            text-decoration: none;
        }
/*#endregion */

@media (min-width: 1200px) {
    .phoneText { position: absolute;top: 5px;right: 15px;color: #fff;}
}

@media (max-width: 1200px) {
    .phoneText { position: relative;width: 100%;float: right;margin: 0 0 10px 0; text-align: center}
    .logo {margin:10px 0;}
    .logo img {height: 80px}
    .logoText {line-height: 60px;}
    .btnCatalogue {margin: 25px 0 0 0;}
    .tNewsImg {height: 130px;}
    .tNewsImg img {max-height: 130px;}
    .tNewsTitle {font-size: 1.1em; height: 42px;}
    .sbTitle {padding: 10px 0;font-size: 0.90em;}
    .footerBox img {margin: -15px 45px 0 0;}

    .banner {height:244px}
    .navbar-btn {margin: 5px 0; float:right;}
    .navbarMenuMain { margin:0 0 15px 0 !important}
    .navbarMenuMain ul.navbar-nav {width:100%; margin:0 !important}
    .navbarMenuMain ul.navbar-nav>li {width:100%}
    .navbarMenuMain {background:#222; margin:0; padding:10px 0 !important}
    .navbarMenuMain ul.navbar-nav>li>a {color: #fff !important; border: none; padding: 10px 0px; width:100%; text-indent:20px}
    .navbarMenuMain ul.navbar-nav>li>a:hover,
    .navbarMenuMain ul.navbar-nav>li>a:focus {background:#666 !important; color:#fff !important}
    .navbarMenuMain ul.navbar-nav>li.selected>a {background:#FFC40A !important; color:#000 !important}
    .navbar-nav>li:last-child>a {padding:10px 0px !important;}
    .navbar-nav>li:first-child>a::before {content:none}
    .navbar-nav>li:first-child>a span {font-size: 1.0em;}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #fce34e !important;}
}

@media (min-width: 768px) and (max-width: 1200px) {
.navbar-collapse.collapse {display: none !important;}
.navbar-collapse.collapse.in {display: block !important;}
.navbar-header .collapse, .navbar-toggle {display:block !important;}
.navbar-header {float:none;}
.banner {height:201px}

.dropdown-menu {
    position: relative;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    width:100%
}
}

@media (max-width: 990px) {
    .sbTitle { font-size:1.2em; }
    .tNewsTitle {font-size: 1.0em; height: 38px;}
    .tNewsButton span {font-size:0.8em}
     .logo { width: 100%; text-align: center}
    .logo img {height: 60px}
    .logoText {width: 100%;text-align: center;line-height: 24px;margin: 0 0 15px 0; font-size: 1.3em}
    .serviceBox {margin: 0 0 30px 0}
.btnCatalogue {margin: 15px 0;width: 100%;text-align: center;display: none;}
}

@media (max-width: 768px) {
    .phoneText { position: relative;width: 100%;float: right;margin: 5px 0; text-align: center}
    .phoneText span {display: none}
    .phoneText strong { width: 100%; display: block}
    .phoneText a { color: #fff; font-weight: bold}
   
    .serviceBox {margin: 0 0 15px 0}
     .navbar-btn {margin: 5px 0;}
     .headerTopIn {font-size:0.9em}
     h1 {font-size:1.7em}
     h2 {font-size:1.3em}
     h3 {font-size:1.2em}
     h4 {font-size:1.1em}

     .footerBox {padding:15px 0px;overflow: hidden;}
     .homeContent {padding: 0px;}
     .copyright {font-size:0.6em}
     .sbImg img {width:100%}
     .tNewsBox {margin: 0 0 60px 0;}
     .tNewsImg {width: 100%}
    .tNewsContent { width: 100%; margin: 15px 0 0 0}
    .tNewsImg {text-align:center; height:auto}
    .tNewsImg img {width:100%; max-height:none}
    .tNewsTitle {font-size: 1.2em; height: 45px;}
    .tNewsButton span {font-size:0.9em}
    .bigTitle span.nameTitle {font-size: 1.0em;}

    .cspager > li.prev, .cspager > li.next {width: 100%;margin: 10px 0;}
    .cspager > li.prev > a, .cspager > li.next > a {width: 100%;}
}

.footer .socialIcons {
    margin: 15px 0; }
    .footer .socialIcons a {
      float: left;
      margin: 0 5px 0 0;
      width: 28px;
      height: 28px;
      line-height: 24px;
        background: #425F9C;
      border: 2px solid #425F9C;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      font-size: 0.8em; }
      .footer .socialIcons a:hover {
        background: #fff;
        border-color: #fff;
        color: #425F9C; }

      
    @media (min-width: 1200px) {
        .menu .socIcons {position: absolute;top: 11px;right: 0;}
    }
    @media (max-width: 1200px) {
        .menu .socIcons {position: absolute;top: 11px;left: 15px;}
    }

    .menu .socIcons a {
      float: left;
      margin: 0 5px 0 0;
      width: 28px;
      height: 28px;
      line-height: 24px;
        background: #425F9C;
      border: 2px solid #425F9C;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      font-size: 0.8em; }
      .footer .socialIcons a:hover {
        background: #fff;
        border-color: #fff;
        color: #425F9C; }

.tlacitko a {padding: 10px 35px; text-align:center; font-size:1.0em; color:#401500; font-weight:700;  display:inline-block; vertical-align:middle; text-decoration:none; margin:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd401+0,ffb701+100 */
background: #ffd401; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI3MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffd401 0%, #ffb701 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffd401 0%,#ffb701 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffd401 0%,#ffb701 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd401', endColorstr='#ffb701',GradientType=0 ); /* IE6-8 */}
.tlacitko a:hover {color:#000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd401+0,f99602+100 */
background: rgb(255,212,1); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,212,1,1) 0%, rgba(249,150,2,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,212,1,1) 0%,rgba(249,150,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,212,1,1) 0%,rgba(249,150,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd401', endColorstr='#f99602',GradientType=1 ); /* IE6-9 */
}

.form-agreement {position:relative; display:flex; align-items:center; width:100%; flex-wrap:wrap;}
.form-agreement input {order:1;}
.form-agreement label {order:2; margin:0 0 0 8px;}

.form-agreement span.error {width:100%; color:red; order:3;}