@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext');
body, html, table {
margin: 0px; padding: 0px; font-family: 'Ubuntu', sans-serif; font-size: 14px; font-weight : 400; color: #13405f; line-height: 1.2;}

* {box-sizing: border-box;}

body { background: #f0f0f0; text-align: center;}
table { text-align: left; margin: 10px 0;}
input[type=text],input[type=password], textarea, select {display: block; float: left; font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #13405f; background: #fff;  line-height: 40px; margin: 2px 10px 3px 0; height: 40px; padding: 0 10px; border: 1px solid #d7d7d7; box-sizing: border-box; outline: none; width: 400px;}
input.short {width: 185px;}
input.tiny {width: 130px;}
option {font-size: 14px;}
input[type=text]:disabled {background: #eee;}
input[type=checkbox] {float: left; clear: left; margin: 10px 0;}
textarea { border: 2px solid #e2e2e2; height: 100px;}
td, th {padding: 5px 0;}

.color-maroon {color: maroon;}
.color-red {color: red;}
.color-orange {color: orange ;}
.color-yellow {color: yellow;}
.color-olive {color: olive;}
.color-green {color: green;}
.color-purple {color: purple;}
.color-fuchsia {color: fuchsia;}
.color-lime {color: lime;}
.color-teal {color: teal;}
.color-aqua {color: aqua;}
.color-blue {color: blue;}
.color-navy {color: navy;}
.color-gray {color: gray;}
.color-silver {color: silver;}

form * {/*float: left; clear: left; margin: 5px 0; */font-family: 'Ubuntu', sans-serif;}
fieldset {border: 0; padding: 11px 0; margin: 0; border-bottom: 1px dashed #dcdcdc; border: none; padding: 0;}

h1,h2,h3, h4, h5, .mobile_h1 {margin: 0px; padding: 30px 20px; font-size: 32px; font-family: 'Ubuntu', sans-serif; line-height: 1.2; color: #13405f;  font-weight: 500;}
.mobile_h1 {font-size: 26px; display: none;}
h1 {padding-bottom: 10px;}
.sub h1 {padding: 0 20px 25px;}
h2 {font-size: 28px;  font-weight: 700;}
.sub h2 {font-size: 26px; font-weight: 500; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; border-bottom: solid #e1e1e1 1px;}
p {padding: 0px; margin: 10px 0px 10px 0px; text-align: left;}
.sub h3 {font-size: 20px; padding: 10px 0px; padding-bottom: 0px;}
.sub h4 {font-size: 16px; padding: 5px 0px; padding-bottom: 0px;} 
.sub2 table {width: 100%; border: solid grey 1px; border-spacing: 0px; border-collapse: separate;}
.sub2 table th {background-color: rgba(0,153,255,.5);}
.sub2 table td {border: solid lightgrey 1px; padding: 5px; background-color: rgba(208,208,208,.6);}
.sub2 table tr:nth-child(2n) td {background-color: rgba(193,193,193);}
a img {border: 0px solid; display: inline-block;}
a {text-decoration: underline; color: #13405f; cursor: pointer;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}

.btn {padding: 15px 22px; background: #0067ac; color: #fff; text-transform: uppercase; font-size: 14px; text-decoration: none; font-weight: 500; display: inline-block; text-align: center; border: none; outline: none; cursor: pointer;}
.btn:hover {background: #0077b6;}
.btn.secondary {background: #aaa;}
.btn.secondary:hover {background: #999;}
.bold_link {color: #0067ac; font-weight: 700; text-decoration: none;}
.bold_link:hover {text-decoration: underline;}

.cols {column-count: 2; column-gap: 40px;}

::-webkit-input-placeholder {
font-style: italic; font-size: 13px; color: 000;
}
::-moz-placeholder {
font-style: italic; font-size: 13px; color: 000;
}
:-ms-input-placeholder {
font-style: italic; font-size: 13px; color: 000;
}
:-moz-placeholder {
font-style: italic; font-size: 13px; color: 000;
}

.wrapper {width: 100%; display: inline-block; max-width: 1200px; margin: 0 auto; text-align: left; position: relative;}
.products .wrapper {display: table;}

#logout_user {display: none;}
input[type=text].cart_count {width: 40px;}  
.our-cart {width: 100%;}
form.formCart {display: inline-block;}
.cart-item-action {/*white-space: nowrap;*/ display: inline-block; width: 300px;}
#cart-buttons > form {float: left;}
#cart-buttons > * {margin: 0 5px;}


.right {float: right; text-align: right; position: relative; z-index: 1;}
.left {float: left; text-align: left;}
.center, .center p {text-align: center !important;}
.justify {text-align: justify;}
.clear {width: 100%; clear: both;}
.block {display: block; width: 100%; padding: 10px 0;}
.site {float: left; width: 100%; position: relative;}
.table {display: table; width: 100%; table-layout: fixed;}

#message_wrapper * {font-size: 14px !important;}
#message_wrapper table {margin: 0;}
#ui-datepicker-div {font-size: 15px;}

    #top {background: #f7f7f7 url("../images/1.jpg") no-repeat center top; height: 37px; font-size: 13px; line-height: 18px; line-height: 37px; letter-spacing: -0.5px;}
        #lang {position: absolute; top: 0; left: 0; z-index: 1;}
            #lang a {float: left; height: 35px; width: 35px; line-height: 35px; text-align: center; margin-right: 1px; box-sizing: content-box; text-transform: uppercase; text-decoration: none;}
            #lang a.active, #lang a:hover {background: #005087; border-bottom: 6px solid #fdc300; font-weight: 700; color: #fff;}
        #account {float: right; margin-right: 13px;}    
            #account a {color: #243e50; text-decoration: none;}
            #account a.active {font-weight: 700;}
            #account a:hover {text-decoration: underline;}
            #account span {display: inline-block; width: 1px; height: 17px; background: #0067ac; margin: 9px 20px 0; vertical-align: top;}
    #head {height: 285px; background-image: url("../images/head.jpg"), url("../images/head2.jpg"); background-position: center top, center top; background-repeat: no-repeat, repeat-x;}
    .sub #head {height: 245px; background-size: auto 100%;}
        #head .wrapper {text-align: center;}
        .logo {background: url("../images/logo.png") no-repeat; width: 295px; height: 103px; display: inline-block; margin: 40px 0 0 0;}
            .logo strong {display: none;}
        .cart {position: absolute; right: 20px; top: 60px; margin: auto; height: 54px; background: url("../images/cart.png") no-repeat left; color: #fff; text-decoration: none; letter-spacing: -0.5px;}
            .cart b {float: right; height: 20px; white-space: nowrap; font-size: 15px; color: #fff; margin: 23px 0 0 68px;}
                .cart b i {padding-left: 7px; vertical-align: top; font-size: 18px;}
            .cart span {font-size: 12px; color: #0067ac; font-weight: 700; position: absolute; bottom: 6px; left: 32px; text-align: center; width: 21px;}
            .cart:hover b {text-decoration: underline;}
        .menu-link {display: none;}
        #menu {font-size: 16px; display: block; margin: 35px auto 0;}
            #menu ul {margin: 0; padding: 0; list-style: none;}
            #menu ul li {display: inline-block; margin: 0 28px;}
            #menu ul li.active {margin: 0 21px;}
            #menu ul li.search {position: relative; top: 6px; margin: 0 0 0 14px;}
                #menu a {color: #fff; text-decoration: none; padding-bottom: 8px; text-transform: uppercase;}
                #menu a.active {font-weight: 700;}
                #menu a.active, #menu ul li:not(.search) a:hover {border-bottom: 3px solid #fdc300;}
    #middle{}
        #banner{width: 100%; /*height: 497px;*/ margin-top: -60px; margin-bottom: 47px;}
        #banner:after {content: "";background: url("../images/shadow.png") no-repeat center top; height: 47px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0;}
            #banner ul {margin: 0;}
            #banner ul li > div {padding: 0 55% 47px 55px; position: relative; z-index: 2; /*height: 497px;*/}
            #banner h2 { padding: 15px 0 0 0; font-size: 40px; color: #13405f; font-weight: 700; letter-spacing: -1px; padding-top: 100px;}
                #banner h2 strong {color: #fff; font-size: 100px; font-weight: 400; display: inline-block; vertical-align: middle;}
                #banner li img {position: absolute; z-index: 1; object-fit: cover;width: 100%;height: 100%;}
            #banner p {font-size: 17px; color: #13405f; line-height: 24px; margin: 0;}
            #banner a.btn {margin-top: 40px;}
        .extra {display: table-cell; position: relative; padding-right: 25%; padding-left: 25px; vertical-align: top;}
        .extra:nth-of-type(2):before {content: " "; width: 1px; height: 80%; background: #d0d0d0; position: absolute; left: 0; margin: auto; top: 0; bottom: 0;}
            .extra h2 { padding: 15px 0 0 0; font-size: 25px; color: #13405f; font-weight: 700; letter-spacing: -1px;}
                .extra h2 strong {color: #0067ac; font-size: 70px; font-weight: 400; display: inline-block; vertical-align: middle;}
            .extra p {font-size: 14px; color: #13405f; line-height: 20px;}
            .extra img {position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; max-width: 40%;}
            .extra a.btn {margin-top: 10px;}
        .advert {padding: 22px 0; border: 1px solid #d0d0d0; border-left: 0; border-right: 0; text-align: center; font-size: 15px; margin-top: 50px; clear: both;}
        .sub .advert {border-bottom: 0; float: left; padding-bottom: 0; width: 100%;}
            .advert a {font-weight: 700; color: #fff; background: #0067ac; border-radius: 100%; padding: 10px; display: inline-block; vertical-align: middle; text-decoration: none; position: relative; margin-left: 5px;}
            .advert a:hover {background: #0077b6;}
                .advert a strong {margin: auto; top: 0; bottom: 0; left: 0; right: 0; height: 20px; line-height: 15px;}
        .products {text-align: center;}
            .product {display: inline-block; vertical-align: top; float: left; width: 292px; background: #fff; border: 1px solid #dcdcdc; padding: 10px 20px 25px 25px; text-align: center; margin-right: 10px; margin-right: 10.5px; margin-bottom: 10px;}
            .product:nth-of-type(4n) {margin-right: 0;}
            .sub .product:nth-of-type(3n) {margin-right: 0 !important;}
            .sub .product:nth-of-type(4n) {margin-right: 10px; margin-right: 10.5px;}
            .sub .product:nth-of-type(3n+1) { clear: left;}
            .sub .alt .product:nth-of-type(4n) {margin-right: 0;}
            .sub .alt .product:nth-of-type(3n) {margin-right: 10px; margin-right: 10.5px !important;}            
            .sub .alt .product:nth-of-type(3n+1) {clear: none;}
            .sub .alt .product:nth-of-type(4n+1) {clear: left;}
                .product strong {font-size: 16px; text-align: left; display: block; margin-top: 10px;}
                .product p {font-size: 14px; text-align: left; line-height: 18px; margin-bottom: 20px;}
                .product a.btn {float: right; padding: 13px 22px;}
                .product .price {font-size: 18px; font-weight: 700; text-align: left;}
                    .product .price small {display: block; font-size: 13; font-weight: 400; padding-top: 5px;}
                .product .img {height: 230px; position: relative;}
                    .product img {display: block; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 230px;}
    #content {padding-bottom: 40px;}
    #content.obsah {padding-bottom: 20px;}
        #content ul {list-style: none; padding: 0; margin-top: 0px}
            #content ul li {padding: 1px 0 1px 20px; position: relative;}
            #content ul li:before {content: "\f054"; font: normal normal normal 12px/1 FontAwesome; position: absolute; left: 0; top: 6px; color: #13405f;}
                #content ul li ul li:before {content: "\f054"; font: normal normal normal 10px/1 FontAwesome; position: absolute; left: 0; top: 6px; color: #13405f;}
        #content hr {border: 0; outline: 0; height: 1px; background: #e1e1e1; margin: 20px 0;}
        .obsah .wrapper {padding: 0 30px; line-height: 1.5;}
        .obsah .wrapper >*, .form .wrapper #right >* {padding-left: 0 !important; padding-right: 0 !important;}
            .obsah .wrapper > p:first-of-type {font-size: 16px;}
            .obsah h1 {padding-bottom: 10px;}
            .obsah h2 {font-size: 24px; font-weight: 400;}
            .obsah .block {float: left; width: 50%; padding-right: 50px !important; line-height: 1.8;}
            .obsah .block:nth-of-type(2n+1) {clear: left;}
                #content.obsah .block ul li:before {top: 8px;}
                .obsah .block h3 {margin: 0; padding: 10px 0 10px 85px; background: url("../images/user.png") no-repeat left center;}
                .obsah .block:nth-of-type(2) h3 {background-image: url("../images/touch.png");}
                .obsah .block:nth-of-type(3) h3 {background-image: url("../images/services.png");}
                .obsah .block:nth-of-type(4) h3 {background-image: url("../images/touch2.png");}
                    .obsah .block h3 small {display: block; font-size: 16px; font-weight: 400;}
    #bottom {min-height: 440px; background: #0067ac url("../images/bottom.jpg") no-repeat right top; color: #fff;}  
    .sub #bottom {min-height: auto; background: #0067ac url("../images/bottom2.jpg") no-repeat right top; background-size: 100% 100%;}
        #bottom .wrapper {}
            #bottom .text {width: 100%;padding-right: 43%; padding-top: 65px; padding-left: 25px;}
            #bottom span {font-size: 25px; font-weight: 700; color: #fdc300;}
            #bottom h2 {color: #fff; font-size: 70px; font-weight: 400; padding: 0; line-height: 40px; padding-bottom: 40px;}
            .sub #bottom h2 {font-size: 40px; white-space: nowrap; padding-bottom: 5px;}
            .sub #bottom .text {padding-right: 25px; padding-top: 40px; padding-bottom: 40px;}
                .sub #bottom .text > div {display: table-cell; vertical-align:  middle;}
                .sub #bottom .text > div:first-of-type {padding-right: 50px;}
            #bottom p {font-size: 15px; line-height: 24px;}
    #bottom2 {padding-top: 25px;}
        #bottom2 .wrapper {display: table;}
        #bottom2 .top {position: absolute; right: 8%; top: -55px;width: 63px; height: 63px; background: #fdc300; color: #fff; border-radius: 63px; text-align: center; line-height: 63px;}
            #bottom2 .top i {height: 63px; line-height: 58px; font-size: 35px;}
        #bottom2 .block {display: table-cell; vertical-align: top; width: auto; padding: 25px 30px 0 30px; line-height: 22px;}
            #bottom2 .head {font-size: 22px; text-transform: uppercase; white-space: nowrap; padding-bottom: 30px; min-height: 56px;}
            #bottom2 .menu a {float: left; clear: left; text-transform: uppercase; text-decoration: none; padding: 8px 0;}
            #bottom2 a:hover {text-decoration: underline;}
            #bottom2 a {text-decoration: none;}
            #bottom2 p {margin: 0 0 20px;}
            #bottom2 .location {position: relative; padding-left: 42px;}
            #bottom2 .location:before {content: "\f041"; font: normal normal normal 14px/1 FontAwesome; position: absolute; left: 0; top: 3px; color: #fdc300; font-size: 44px;}
            #bottom2 .contact {display: block; font-size: 16px;}
                #bottom2 .contact i {color: #0067ac; font-size: 25px; width: 25px; text-align: center; margin-right: 15px;}
                #bottom2 .contact i.fa-mobile {font-size: 30px;}
                #bottom2 .contact:last-of-type {padding-top: 15px;}
    #foot {border-top: 1px solid #dcdcdc; padding: 25px 0; margin-top: 60px; font-size: 13px;}
        #leftmenu {display: table-cell; width: 303px; vertical-align: top; padding-right: 15px;}
            #leftmenu > ul {border: 1px solid #d7d7d7; list-style: none; margin: 0; padding: 0;}
                #leftmenu > ul li {display: block; border-bottom: 1px solid #d7d7d7; background: #ebecee; padding: 0;}
                #leftmenu > ul li:last-of-type {border: none;}
                    #leftmenu > ul li a {display: block; color: #191f22; text-transform: uppercase; font-weight: 500; padding: 12px 0 12px 15px; text-decoration: none; height: 40px;}
                    #leftmenu > ul li:before {content: " "; display: none;}
                    #leftmenu > ul li a.active, #leftmenu > ul > li > a:hover {color: #fff; background: #0067ac;}
                        #leftmenu > ul li a:after, #filter .select:after {content: "\f078"; background: #fff; position: relative; top: -12px; text-align: center; font: normal normal normal 16px/1 FontAwesome; float: right; width: 40px; line-height: 40px; color: #8c8c8c; border-left: 1px solid #d7d7d7;}
                        #leftmenu > ul li.active a:after {content: "\f077";}
                        .form #leftmenu > ul li a:after {content: "\f054";}
                        .form #leftmenu > ul li a.active:after {content: "\f054"; color: #0067ac;}
                        #leftmenu > ul li ul li a:after {content: ""; display: none;}
                        #leftmenu > ul li ul li a:hover {text-decoration: underline;}
                        #leftmenu > ul li ul li a {text-transform:none; padding: 5px 0 5px 15px; font-weight: 400;}
                        #leftmenu > ul li ul li a.active {color: #0067ac; font-weight: 500; background: none;}
                        #leftmenu > ul li ul {background: #fff; margin: 0; padding: 0; display: none;}
                        #leftmenu > ul li.active ul {display: block;}                        
                        #leftmenu > ul > li > ul {padding: 15px 0 30px 0;}
                        #leftmenu > ul li ul li {background: #fff; border: 0;}
                        #leftmenu > ul li ul li ul {padding-left: 10px;}
                            #leftmenu > ul li ul li ul li a:before {content: "\f0c8"; font: normal normal normal 6px/1 FontAwesome; color: #dbdde1; width: 15px; display: inline-block; vertical-align: top; margin-top: 6px;}
                            #leftmenu > ul li ul li ul li  ul {padding-left: 10px;}
        #right {display: table-cell; vertical-align: top;}
        .form #right {padding-left: 20px;}
    #crumbs {padding: 20px 0; font-size: 13px; line-height: 22px; border-bottom: 1px solid #c0d0db; margin-bottom: 30px;}
        #crumbs .wrapper {padding: 0 30px;}
            #crumbs span {display: inline-block; padding: 0 12px;}
            #crumbs a {text-decoration: none; font-weight: 700;}
            #crumbs a:hover {text-decoration: underline;}
                #crumbs i {color: #0067ac; font-size: 20px; float: left; padding-right: 10px;}
        #filter {width: 100%; background: #e1e1e1; padding: 12px 20px; color: #191f22; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; float: left;}
            #filter > div {display: inline-block;}
                #filter .select {background: #f0f0f0; display: inline-block; border: 1px solid #d7d7d7; height: 40px; line-height: 40px; padding: 0 0 0 15px; min-width: 105px; margin-left: 10px; text-align: left; cursor: pointer; position: relative;}
                #filter .right span {float: left; height: 40px; line-height: 40px; margin-top: 2px;}
                #filter select {width: auto;}
                #filter .select:after {margin-left: 15px; background: #f0f0f0; top: 0; height: 38px; line-height: 38px;}
                    #filter .select>div {display: none; position: absolute; z-index: 2; background: #f0f0f0; border: 1px solid #d7d7d7; right: 0; top: 40px; padding: 7px 7px;}
                    #filter .select>div.active {display: block;}
                        #filter .select>div a {display: block; text-decoration: none; line-height: 1.2; padding: 7px 8px;}
                        #filter .select>div a:hover {background: #e1e1e1;}
        #pagination {display: block; width: 100%; clear: both; text-align: center; padding-top: 20px;}
            #pagination .btn {padding: 15px 60px;}
            #pages {/*display: table;*/ display: inline-block; margin: 0px auto 18px; border-collapse: collapse;}
                #pages a, #pages span {/*display: table-cell;*/ display: inline-block; width: 36px; height: 44px; line-height: 40px; border: 1px solid #dcdcdc; color: #9d9d9d; vertical-align: middle; position: relative; text-decoration: none; font-weight: 700;}
                #pages span {border: 0; letter-spacing: 2px;}
                    #pages a.active:before {content: " "; width: 1px; height: 44px; position: absolute; left: 0; top: 0; background: #db001b;}
                    #pages a:hover, #pages a:hover i {color: #fff; background: #004a8c;}
                #pages a.active {color: #db001b; border: 1px solid #db001b; width: 35px; font-weight: 700;}
                    #pages a i {height: 44px; line-height: 44px; color: #004a8c;}
        #product {line-height: 1.5;}
            #product .img {display: table-cell; vertical-align: top; width: 500px; background: #fff; border: 1px solid #dcdcdc; text-align: center; position: relative; height: 500px; padding: 20px;}    
                #product .img img {position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%;}
            #product .content {display: table-cell; vertical-align: top; padding-left: 55px; font-size: 16px;}
                #content #product .content ul li:before { top: 8px; }
                #product h1 {padding: 15px 0;}
                #add {background: #e1e1e1; padding: 20px; width: calc(100% + 20px); margin: 40px 0 0 -20px; display: table; table-layout: fixed;}
                    #add div {display: table-cell; vertical-align: middle; white-space: nowrap;}
                    #add > form {display: table-row; margin: 0;}
                    #price {font-size: 24px; font-weight: 700; line-height: 25px;}
                        #price small {font-size: 14px; font-weight: 400; display: block;}
                    #count {width: 22%;}
                        #count input {display: inline-block; height: 40px; width: 40px; float: none; text-align: center; margin: 0 7px;}
                        #count span {display: inline;}
                    #add .btn {font-size: 16px; line-height: 30px; padding: 13px 35px 12px 25px; float: right;}
                    #add .btn:before {content: " "; float: left; width: 28px; height: 27px; background: url("../images/cart2.png") no-repeat; margin-right: 15px;}
                #product a.messenger, #product a.mail {background: #fff; border: 1px solid #d2d2d2; padding: 10px 30px 10px 55px; color: #000; text-decoration: none; display: inline-block; margin: 25px 0 0 0; font-size: 13px; position: relative;}
                #product a.mail {border-left: 0;}
                #product a.messenger:hover, #product a.mail:hover {background: #d2d2d2;}
                #product a.messenger:before, #product a.mail:before {position: absolute; width: 18px; height: 18px; content: " "; background: url("../images/messenger.png") no-repeat; left: 22px; top: 11px;}
                #product a.mail:before {background: url("../images/envelope.png") no-repeat; top: 13px;}
            #product #info {display: block; width: 100%; margin: 30px 0 0 0;}
                #tabs {background: #fdc300; font-size: 20px; padding-top: 2px;}
                    #tabs a {color: #000; text-decoration: none; height: 64px; line-height: 64px; padding: 0 25px; margin: 0 4px; display: inline-block; -webkit-transition: 0.4s; transition: 0.4s;}
                    #tabs a:hover {text-decoration: underline;}
                    #tabs a.active:hover {text-decoration: none;}
                    #tabs a.active {background: #fff;}
                #tab_content {background: #fff; border: 1px solid #dcdcdc; border-top: 0; padding: 30px; color: #000; min-height: 100px;}
                    #tab_content > div {display: none;}
                    #tab_content > div.active {display: block;}
                    #tab_content h3 {font-size: 16px; color: #000; padding: 10px 0 10px 0; font-weight: 700;}
                    #tab_content th {background: #0067ac; color: #fff; font-weight: 500; padding: 15px 25px; margin: 0;}
                    #tab_content tr:nth-of-type(2n+1) td {background: #e5f0f7;}
                    #tab_content td {padding: 10px 15px; color: #000;}
                    #tab_content td.big {border-right: 6px solid #fff; padding-left: 35px; font-size: 18px;}
                    #tab_content td.left, #tab_content td.right, #tab_content th.left, #tab_content th.right {float: none;}
                .form .wrapper {display: table;}
                .form label, .form input {float: left;}
                .form form > div {float: left; clear: left;}
                .form form > div > img {float: right; margin-right: 10px;}
                .form form > div > label {clear:both;}
                .form label {clear: left; width: 185px; min-height: 40px; font-size: 16px; padding: 13px 10px 20px 0;}
                .form h1 {padding: 0;}
                .form h2 {padding: 30px 0 10px 0; margin: 0 0 30px 0;  font-size: 24px; font-weight: 400; border-bottom: 1px solid #d0d0d0; float: left; clear: left; width: 100%;}
                .form input[type="checkbox"] {float: right !important; margin: 10px 10px;}
                #content.form hr {float: left; clear: left; width: 100%; width: calc(100% - 185px); background: #d0d0d0; margin-left: 185px; }
                #lower_form, .lower_form {float: left; clear: left; margin-left: 185px;}
                    #lower_form .checkbox, .lower_form .checkbox {font-size: 16px; margin: 24px 0 0 0;}
                        #lower_form .checkbox span, .lower_form .checkbox span {display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: #fff; border: 1px solid #dcdcdc; position: relative; margin-right: 22px;}
                        #lower_form .checkbox.active span:before, .lower_form .checkbox.active span:before {content: " "; width: 19px; height: 19px; background: #0f6eb4; top: 2px; left: 2px; position: absolute;}
                    #lower_form .btn, .lower_form .btn {margin: 40px 5px 0 0;}
                    .lower_form > div> label, .lower_form > div > img {margin-top: 20px;}
            .kontakt { line-height: 1.5;}
                #team {text-align: center;}
                    #team h2 { border-bottom: 1px solid #d0d0d0; font-size: 28px; font-weight: 700;}
                    #team .row {display: inline-block; border-bottom: 1px solid #d0d0d0; text-align: center; margin: auto; padding: 40px 0; width: 1115px;}
                    #team .row:last-of-type {border: none;} 
                        #team .member {display: inline-block; background: url("../images/member.png") no-repeat 35px top; padding-left: 125px; color: #000; text-align: left; width: 33%; min-width: 280px;}
                            #team .member h3 {font-size: 17px; padding: 5px 0 10px 0; color: #000; font-weight: 700;}
                            #team .member a {color: #000;}
                .kontakt .block {width: 50%; width: calc(50% - 40px); margin: 20px; display: inline-block; float: left; padding: 0 0 0 125px; background: url("../images/kontakt.png") no-repeat left top; font-size: 15px; color: #000;}
                .kontakt .block:nth-of-type(2) {background: url("../images/kontakt2.png") no-repeat left top;} 
                    .kontakt .block h2 {padding: 0 0 5px 0; text-transform: uppercase; font-weight: 400; font-size: 22px;}
                    .kontakt .block strong {display: block;}
                    .kontakt .block b, .kontakt .block span {display: inline; position: relative; padding-left: 20px;}
                    .kontakt .block b:before {content: "\f054"; font: normal normal normal 12px/1 FontAwesome; position: absolute; left: 0; top: 4px; color: #13405f;}
                    .kontakt .block p {padding: 5px 0;}
                #map {padding-top: 10px; border-top: 1px solid #d0d0d0; clear: both; margin-bottom: 10px; padding-bottom: 1px; border-bottom: 4px solid #cfcdc0; position: relative; text-align: center;}
                    #form {position: absolute; top: 135px; left: 55px; background: #fff; z-index: 2; border: 1px solid #e4ddd0; width: 420px; max-width: 80%; padding: 25px; text-align: left;}
                        #form input[type=text], #form textarea {background: #f5f5f5; border: 1px solid #eaeaea; width: 100%;}
                        #form form > div:nth-of-type(2)  {float: right;}
                        #form form > div:nth-of-type(1), #form form > div:nth-of-type(2) {width: 175px;}
                        #form h2 {font-size: 22px; font-weight: 400; text-transform: uppercase; padding: 5px 0 25px 0; border: none;}
                        #form div {position: relative; display: inline-block; margin: 0 0 10px 0; width: 100%;}
                        #form div label {position: absolute; line-height: 40px; left: 10px; cursor: text;}
                        #form .btn {margin-top: 10px;}
                        #form img {display: inline-block; vertical-align: middle; margin: 0 0 10px 10px;}
    
.cart-item-action .btn {float: right; margin-right: 10px; /*margin-top: 5px;*/}
.our-cart-in td {vertical-align: top;}
.our-cart select {width: auto;}
.form form > div.reg_tab {width: 50%; clear: none;}
.form form > div.reg_tab input[type=text], .form form > div.reg_tab input[type=password], .form form > div.reg_tab textarea, .form form > div.reg_tab select {width: 300px;}
.our-cart-in td:first-of-type, .our-cart-in td:last-of-type {vertical-align: middle;}

.slide-down-text {/*cursor: pointer;*/}
.slide-down-in {display: block;}
.slide-down-in:first-child {display: block;}
.slide-down-in table {width: 100%;}
.slide-down-in table td:first-child {width: 40%;}
.slide-down-in table td:last-child {width: 25%;}
.slide-down-in table td:nth-child(2) {width: 10%;}
.slide-down-in table td:nth-child(3) {width: 25%;}
    
        
@media screen and (max-width:1200px) {
    .wrapper {padding: 0 4%;}
    #middle .wrapper {padding: 0;}
    .product, .sub .product:nth-of-type(3n), .product:nth-of-type(4n) {float: none; margin: 10px !important;}
#bottom {background-position: center top; background-size: auto 100%;}    
    #bottom .text {padding-right: 10%; padding-bottom: 75px;}
    #lang{left: 4%;}
    #filter > div {float: none !important; display: block; text-align: left !important; margin: 5px 0;}
    #add {display: block; text-align: center; width: 100%; margin: 0; padding: 10px;}
    #add form {display: block;}
    #add div {display: inline-block; margin: 10px 20px;}
    #count {width: auto;}
    #product .img {width: 40%;}
        #content table {max-width: 100%; width: auto;}
    .sub h2 {font-size: 24px; font-weight: 700; padding: 30px 0 10px 0;}
    .sub .obsah h2 {font-weight: 400;}
    #team .row {width: 100%; border: 0; padding: 0;}
    #team .member { margin: 20px;}
    .form form > div.reg_tab {width: 100%; clear: left; float: none;}    
    .any-service table, .any-service table tbody, .any-service table tbody tr {display: block; text-align: center; width: 100%;}
    .any-service table td {display: inline-block; margin: 10px;}

}  

@media screen and (max-width:1100px) {
    #banner ul li > div{ padding: 0 50% 30px 30px;}
        #banner h2 {padding-top: 50px;}  
}

@media screen and (max-width:1000px) {
    #head .wrapper {height: 230px;}
    #menu {display: none;}
    .menu-link {display: block; position: absolute; left: 4%; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 20px; font-weight: 700; bottom: 20px;}
        .menu-link i {font-size: 35px; vertical-align: middle; padding-right: 12px;}
    .cart {top: auto; bottom: 20px; right: 4%;}
    #menu.active {position: absolute; display: block; background: #0067ac; top: 225px; z-index: 1; left: 4%; margin: 0; padding: 10px 0 0 0;}
    .sub #menu.active {top: 242px;}
        #menu ul li {display: block;}
            #menu a {margin: 10px 0; display: block;}
            #menu a:hover {border: 0;}
            #menu a.active {border-bottom: 3px solid #fdc300;}
    #banner  ul li > div { padding: 0 50% 30px 50px;}
        #banner h2 {padding-top: 50px;} 
    #bottom2 .wrapper {text-align: center;}
        #bottom2 .block {display: inline-block; text-align: left;}
        #bottom2 .head {min-height: auto;}
    #leftmenu, #right {display: block; width: 100%; padding-right: 0;}
    .sub h1 {padding-top: 25px;}
    .sub .obsah h1 {padding-top: 0;}
    #form {position: relative; top: 0; left: 0; display: inline-block; margin: 20px auto; max-width: 100%;}
}

@media screen and (max-width:800px) {
    .extra {display: block; width: 100%; padding-right: 40%; padding-left: 0;}
    .extra:nth-of-type(2){margin-top: 20px;}
    .extra:nth-of-type(2):before {height: 1px; width: 100%; top: 0; bottom: auto;}
        .extra img {right: 0;}
    .sub #bottom {background-image: ("../images/bottom.jpg"); background-size: auto 100%;}
        .sub #bottom .text > div {display: block;}
}

@media screen and (max-width:700px) {
    #banner ul li > div { padding: 0 30% 30px 50px;}
    /*#banner:after {background-size: 100% 70%; height: 40px;}*/
        #banner h2 {font-size: 32px;}
            #banner h2 strong {font-size: 80px;}
        #banner p {font-size: 14px; line-height: 20px;}
        #banner a.btn {margin-top: 20px;}
        /*#banner a {margin: 0; position: absolute; bottom: 75px;}*/
    #bottom .text {padding-right: 0; padding-left: 0; padding-top: 50px;}
    .sub #bottom .text {padding-right: 0;}
        #bottom h2 {font-size: 50px; padding-bottom: 30px;}
        #bottom span {font-size: 22px;}
        #foot .wrapper >span, #foot  .wrapper{text-align: center !important; display: block; float: none !important;line-height: 20px;}
        .product, .sub .product:nth-of-type(3n), .product:nth-of-type(4n) {width: 100%; margin: 10px 0;}
        #product > .table {display: block;}
        #product .img {width: 100%; display: block;}
        #product .content {display: block; padding: 20px 0 0 0;}
        .mobile_h1 {display: block; padding: 0 0 20px 0;}
        #product h1 {display: none;}
        .cols {column-count: 1;}
        #tabs {font-size: 15px;}
            #tabs a {height: 44px; line-height: 44px; padding: 0 15px;}
        .sub .block {float: none; width: 100%; padding-right: 0 !important;}
        .kontakt .block {margin: 20px 0;}
        .obsah .wrapper {padding: 0 4%;}
                .form .wrapper {display: block;}
                .form #right {padding: 0;}
                .form label, .form input, select {float: none; display: block; max-width: 100%;}
                .form label {width: 100%; min-height: 40px; padding: 15px 0 5px 0;}
                .form h1 {padding: 30px 0 10px 0;}
                .form h2 {font-size: 24px; font-weight: 400; margin-bottom: 10px;} 
                #lower_form .checkbox, .ower_form .checkbox {line-height: 25px;}
                #lower_form .checkbox span, .lower_form .checkbox span {float: left; clear: left; margin-bottom: 20px;}
                #content.form hr {margin-left: 0; width: 100%; float: none; display: none;}
                #lower_form , .lower_form {margin: 0;}
                #lower_form .btn, .lower_form .btn {float: left; clear: left; margin: 20px 0 0;}
                .cart-item-action {width: auto;}
                .cart-item-action .btn {margin-bottom: 10px;}
                #cart-buttons > * {margin: 5px;}
                    #tab_content th {padding: 5px 10px;}
                    #tab_content td {padding: 5px;}                
}  

@media screen and (max-width:600px) {
    .extra {padding: 30px 0;}
    .extra:nth-of-type(2){margin-top: 0px;}
        .extra img {position: relative; right: 0; max-width: 100%; display: block; margin: auto;}   
    .advert {margin-top: 0;}
    #bottom2 .wrapper {text-align: left; display: block;}
        #bottom2 .block:nth-of-type(3) {padding-top: 0;}
            #bottom2 .block:nth-of-type(3) .head {display: none;}
        #form div, #form form > div:nth-of-type(1), #form form > div:nth-of-type(2) {float: none; width: 100%;}
        
                     #message_holder #error .top {background: #c10e08 !important;}
                     #message_holder #error .bottom, #message_holder #valid .bottom {display: none !important;}
                     #message_holder {width: auto !important;}
                     #message_holder table td {display: block !important; color: #fff !important;}
                     #message_holder #error .top .close, #message_holder #valid .top .close {top: -20px !important; left: 0 !important;}
                     
                     #message_holder #valid .top {background: #fff !important;}
                     #message_holder #error #type {text-align: left;}
                     #message_holder #error .img {display: none;}
        
}  

@media screen and (max-width:500px) {
    .extra {padding: 30px 0;}
    .extra:nth-of-type(2){margin-top: 0px;}
        .extra img {position: relative; right: 0; max-width: 100%; display: block; margin: auto;}   
    .advert {margin-top: 0;}
        #filter .select {display: block; margin: 5px 0 15px;}
            #filter .select > div {width: 100%;}
        #add .btn {width: 100%; float: none;}
        #add div#submit {display: block;}
        #tabs {font-size: 14px;}
            #tabs a {padding: 0 10px;}
            #tab_content {padding: 20px 10px;}
}    

@media screen and (max-width:400px) {
    #banner ul li > div {padding: 0 30% 20px 40px;}
        #banner h2 {font-size: 26px;}
            #banner h2 strong {font-size: 60px;}

}