@import url(https://fonts.googleapis.com/css?family=Fira+Sans:300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:700&subset=latin,latin-ext);
body {
    background: #fff;
    font-family: 'Fira Sans', Arial, sans-serif;
    color: #342f29;
    font-size: 15px;
}

#header {
    height: 91px;
    width: 100%;
}
#header .logo {
    float: left;
    height: 51px;
    width: 235px;
    margin-top: 21px;
}
#header .login {
    float: right;
    height: 51px;
    width: 235px;
    margin-top: 21px;
}
#header .login a {
    float: right;
}
#header .logo a {
    background: url('../img/logo.png') left top no-repeat;
    float: left;
    height: 51px;
    width: 235px;
}
#header .logo span {
    display: none;
}
.main-menu {
    float: right;
    width: 72%;
    padding-top: 31px;
    text-align: right;
}
.main-menu ul {
    list-style: none;
}
.main-menu ul li {
    display: inline-block;
    margin-left: 2px;
}
.main-menu ul li a {
    color: #70706f;
    font-size: 17px;
    padding: 11px 6px 8px 6px;
    line-height: 100%;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}
.main-menu ul li span {
    color: #D73422;
    font-size: 17px;
    padding: 11px 6px 8px 6px;
    line-height: 100%;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
}
.main-menu ul li a:hover {
    background: #D73422;
    color: #fff;
}
.main-menu ul li.client a {
    font-weight: 700;
}
.main-menu ul li.client:hover a {
    color: #fff;
}
#header .phone {
    background: url('../img/phone.png') left top no-repeat;
    color: #098bab;
    font-size: 18px;
    font-weight: 700;
    float: right;
    width: 241px;
    height: 27px;
    padding-left: 65px;
    position: absolute;
    bottom: -27px;
    right: 0;
    z-index: 999;
}
#header .phone a {
    color: #098bab;
    line-height: 100%;
}
#slideshow {
    background: url('../img/slideshow.jpg') center top repeat-x;
    height: 456px;
    width: 100%;
    color: #fff;
    overflow: hidden;
}
#slideshow.sprava {
    background: url('../img/slideshow-sprava.jpg') center top repeat-x;
}
#slideshow.internet {
    background: url('../img/slideshow-internet.jpg') center top repeat-x;
    height: 528px !important;
}
#slideshow.mapa {
    background: url('../img/slideshow-internet.jpg') center top repeat-x;
    height: 394px !important;
}
#slideshow.internet p.small {
    font-size: 21px !important;
}
#slides {
    height: 456px;
    width: 100%;
}
.slidesjs-container, .slidesjs-control {
    height: 456px !important;
}
#slideshow .slide {
    width: 100%;
    text-align: center;
    padding-top: 110px;
}
#slideshow .slide .title {
    font-size: 48px;
    margin-bottom: 15px;
    font-weight: 700;
}
#slideshow .slide p {
    font-size: 37px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 35px;
}
.button {
    border: 1px solid #F2EDE7;
    padding: 0 25px 0 25px;
    line-height: 44px;
    height: 44px;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 6px 5px 6px;
    text-transform: uppercase;
}
.button-l {
    padding: 6px 9px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: 3px;
}
.button-sm {
    height: 30px !important;
    padding: 6px 9px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
.button-xs {
    height: 30px !important;
    padding: 1px 5px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
}
.button-wrapper {
    display: flex;
    justify-content: center;
}
.input-group-addon {
    background: #D73422;
}
.button-input {
    height: 100%;
    padding: 2px;
    margin: 0;
    line-height: inherit;
    background: #D73422;
    border: 1px solid #D73422;
    font-size: 15px;
}
.button.red {
    border: 1px solid #D73422;
    background: #D73422;
}
.button.blue {
    border: 1px solid #098BAB;
    background: #098BAB;
}
.button.orange{
    border: 1px solid #cd5d21;
    background: #c55517;
}
.red-color {
    color: #D73422 !important;
}
.button:hover {
    opacity: 0.9;
}
#slideshow .slidesjs-pagination {
    list-style: none;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#slideshow .slidesjs-pagination li {
    display: inline-block;
    margin: 0 5px;
}
#slideshow .slidesjs-pagination li a {
    width: 90px;
    height: 13px;
    display: inline-block;
    font-size: 0;
    border: 1px solid #7ACED4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#slideshow .slidesjs-pagination li a.active {
    background: #7ACED4;
}
.slidesjs-navigation {display: none;}
#content {
    width: 100%;
    padding: 75px 0;
}
#content.no-p {
    padding-bottom: 0;
}
.box {
    float: left;
    width: 30%;
    margin: 0 3.333% 90px 0;
    text-align: center;
}
.box .box-icon {
    position: relative;
    width: 100%;
}
.box .box-icon span {
    width: 70px;
    height: 70px;
    position: absolute;
    right: 101px;
    bottom: 22px;
    z-index: 777;
    padding-top: 25px;
    font-weight: 700;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.box.last {
    margin-right: 0;
}
.box.last .box-icon span {
    right: 85px;
    font-size: 10px;
    padding-top: 22px;
}
.box h2 {
    color: #098bab;
    font-size: 28px;
    margin: 15px 0 10px 0;
}
.box p {
    color: #70706f;
    font-size: 16px;
    line-height: 165%;
    margin-bottom: 20px;
    min-height: 130px;
    padding: 0 9% 0 9%;
}
a.button.grey {
    border-color: #BFBFBF;
    color: #727271;
    font-size: 16px;
}
a.button.grey:hover {
    color: #098bab;
    border-color: #098bab;
}
.box-full {
    float: left;
    width: 100%;
    text-align: center;
}
.box-full h3 {
    margin-bottom: 15px;
    color: #b5b5b5;
    font-size: 28px;
    font-weight: 400;
}
.box-full p {
    color: #3a3a3a;
    font-size: 18px;
    line-height: 155%;
    padding: 0 8% 0 8%;
}
.page #slideshow {
    height: 383px;
    padding-top: 83px;
    text-align: center;
}
.page #slideshow.contact {
    padding-top: 65px;
}
.page #slideshow.page-head {
    height: 220px;
}
.page.nabidka #slideshow {
    height: 581px;
}
.page #slideshow h1 {
    font-size: 48px;
}
.page #slideshow p {
    font-size: 32px;
    margin-bottom: 30px;
}
.page #slideshow.contact p {
    margin-bottom: 10px;
}
.page #slideshow p.small {
    font-size: 21px;
    color: #e4e4e4;
    font-weight: 300;
    padding-left: 22%;
    padding-right: 22%;
    line-height: 145%;
    margin-bottom: 10px;
}
.page #slideshow .phone {
    background: url('../img/page-phone.png') left 6px no-repeat;
    font-size: 29px;
    color: #fff;
    font-weight: 700;
    padding: 5px 0 5px 35px;
    display: inline-block;
}
.page #slideshow .email {
    background: url('../img/page-email.png') left center no-repeat;
    font-size: 29px;
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
    padding: 5px 0 5px 45px;
    display: inline-block;
}
.page #slideshow .phone a {
    color: #fff;
}
.page.nabidka #slideshow {
    padding-top: 160px;
}
.page.nabidka #slideshow .page-info {
    width: 480px;
    float: right;
    text-align: right;
}
.page.nabidka #slideshow h1 {
    margin-bottom: 0;
}
.page.nabidka #slideshow p.light {
    font-weight: 300;
    margin-bottom: 10px;
}
.page.nabidka #slideshow p.small {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
}
.page.nabidka #slideshow p.biger {
    font-size: 21px;
}
.faq {
    max-width: 525px;
    width: 100%;
    margin: 0 auto;
    color: #414141;
    font-size: 16px;
}
.faq-item .title {
    background: #EEEEEE;
    display: block;
    width: 100%;
    min-height: 42px;
    line-height: 130%;
    padding: 13px 27px 10px 27px;
    margin-bottom: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.faq-item .content {
    display: none;
    padding: 15px 27px;
    margin-bottom: 15px;
    width: 100%;
}
.faq-item .content p {
    line-height: 145%;
}
.faq-item .content a {
    color: #DC5A4F;
    text-decoration: underline;
}
.white-box {
    font-size: 18px;
    text-align: center;
    padding-bottom: 75px;
}
.white-box p {
    line-height: 145%;
}
.grey-box {
    background: #F6F6F6;
    padding: 70px 0 45px 0;
}
.left-side {
    float: left;
    width: 50%;
    max-width: 300px;
    text-align: right;
    color: #70706f;
}
.left-side h2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 25px;
}
.left-side p {
    font-size: 30px;
    line-height: 110%;
    font-weight: 300;
}
.right-side {
    float: right;
    width: 58%;
}
.right-side ul {
    list-style: none;
}
.right-side ul li {
    padding: 5px 0 20px 80px;
    color: #3a3a3a;
    font-size: 18px;
    line-height: 165%;
}
.right-side ul li.icon1 {
    background: url('../img/icon1.png') left 5px no-repeat;
}
.right-side ul li.icon2 {
    background: url('../img/icon2.png') left 5px no-repeat;
}
.right-side ul li.icon3 {
    background: url('../img/icon3.png') left 5px no-repeat;
}
.right-side ul li.icon4 {
    background: url('../img/icon4.png') left 5px no-repeat;
}
.prices {
    padding: 65px 0 65px 0;
}
.prices h3, .white-box h2.title, h3.faq-title {
    color: #b5b5b5;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 30px;
}
h3.faq-title {
    text-align: center;
}
.white-box h2.title {
    margin-bottom: 10px;
}
.prices p.small {
    font-size: 16px;
    line-height: 185%;
    margin-bottom: 15px;
}
.price-box {
    margin: 0 13px 30px 13px;
    max-width: 304px;
    width: 100%;
    display: inline-block;
    border: 1px solid #BFBFBF;
    padding-top: 22px;
    padding-bottom: 22px;
    font-size: 24px;
    color: #70706f;
    font-weight: 300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.price-box strong {
    font-size: 18px;
    font-weight: 700;
}
.blue-box {
    background: #098BAB url('../img/blue-box.png') center top no-repeat;
    min-height: 615px;
    padding: 65px 0 0 0;
}
.blue-box.second {
    background: #098BAB url('../img/blue-box-second.png') center top no-repeat;
    min-height: 955px;
}
.blue-box h3 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 20px;
}
.white-box.pohoda {
    padding-top: 80px;
    padding-bottom: 0;
}
.boxes {
    background: url('../img/boxes.png') center 16px no-repeat;
    text-align: right;
    width: 100%;
}
.boxes .box {
    width: 22%;
    float: none;
    display: inline-table;
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin-bottom: 0;
}
.boxes .box p {
    line-height: 170%;
    color: #fff;
    padding: 0;
    margin-top: 13px;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
}
.boxes .box .number {
    background: #098BAB;
    color: #7ACED4;
    text-align: center;
    width: 44px;
    height: 44px;
    display: inline-block;
    border: 1px solid #7ACED4;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    line-height: 44px;
    font-size: 28px;
    font-weight: 300;
}
.boxes .box.four {
    float: right;
}
.pohoda .right-side .title {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #70706f;
}
.pohoda .right-side p {
    font-size: 21px;
    margin-bottom: 15px;
    color: #3a3a3a;
}
.pohoda .right-side {
    text-align: left;
    width: 50%;
}
.price-tabs {
    background: url('../img/price-tabs.png') left 81px repeat-x;
}
ul.tabs {
    list-style: none;
}
ul.tabs li {
    background: #BFBFBF;
    color: #70706F;
    display: inline-block;
    cursor: pointer;
    height: 81px;
    line-height: 81px;
    width: 50%;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    float: left;
}
ul.tabs li.current {
    background: #F6F6F6;
    color: #098BAB;
}
.tab-content {
    display: none;
    width: 100%;
    padding-top: 90px;
    float: left;
}
.tab-content.current {
    display: inherit;
}
.price-column {
    background: #fff;
    float: left;
    width: 31.111%;
    margin-right: 3.333%;
    text-align: center;
    margin-bottom: 50px;
}
.price-column.last {
    margin-right: 0;
}
.price-column .title {
    width: 100%;
    background: #098BAB;
    padding: 27px 0 15px 0;
    color: #95d1d4;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.price-column .title h2 {
    color: #fff;
    font-size: 25px;
    margin-top: 5px;
    font-weight: 300;
}
.price-column .line {
    border-bottom: 1px solid #E9E9E9;
    width: 100%;
    padding: 25px 0 20px 0;
    font-size: 18px;
    color: #70706f;
}
.price-column .line p {
    line-height: 130%;
}
.price-column .line.info {
    border-bottom: 0;
    padding: 35px 5% 25px 5%;
    font-size: 16px;
    min-height: 140px;
}

.price-column .infosm {
    border-bottom: 0;
    padding-top: 5px;
    font-size: 14px;
}
.price-column .bottom {
    background: #D73422;
    min-height: 115px;
    width: 100%;
    color: #fff;
    padding: 22px 0 18px 0;
    font-size: 30px;
    font-weight: 300;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.price-column .bottom a.button.white {
    margin-top: 10px;
}
.price-column .bottom a.button.white:hover {
    color: #D73422;
    background: #fff;
}
.info-plus {
    text-align: center;
    font-size: 16px;
    line-height: 155%;
    margin-bottom: 60px;
}
.info-plus a {
    color: #d73422;
    text-decoration: underline;
}
.info-plus a:hover {
    text-decoration: none;
}
.s-box {
    float: left;
    width: 45%;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
.s-box h3 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.s-box h3 a {
    color: #fff;
}
.s-box p.big {
    font-size: 30px;
    margin-bottom: 10px;
}
.s-box p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 145%;
}
.s-box.box1 {
    text-align: right;
}
.s-box.box2 {
    background: url('../img/mapa-pokryti.png') center 30px no-repeat;
    float: right;
    width: 40%;
    padding: 165px 8% 100px 0;
}
.s-box.box2 p, .s-box.box3 p {
    font-size: 16px;
    color: #c6eef0;
}
.s-box.box2 p a, .s-box.box3 p a  {
    color: #fff;
    text-decoration: underline;
}
.s-box.box2 p a:hover {
    text-decoration: none;
}
.s-box.box2 h3 a, .s-box.box3 h3 a {
    background: url('../img/s-box-a.png') right 3px no-repeat;
    padding-right: 28px;
}
.s-box.box3 {
    background: url('../img/doplnkove-sluzby.png') right 70px no-repeat;
    width: 42%;
    padding: 165px 0 0 0;
    text-align: right;
}
.s-box.box4 {
    float: right;
    width: 50%;
}
#map {
    width: 100%;
}
#map .map-wrapper, #map_canvas {
    width: 100%;
    height: 722px;
}
/*
#map .map-wrapper {
	background: url('../tmp/mapa.jpg') center top no-repeat;
	width: 100%;
	height: 722px;
}
*/
#map .map-legend {
    background: #F6F6F6;
    width: 100%;
    height: 61px;
    padding-top: 18px;
    color: #70706F;
    font-size: 16px;
    text-align: right;
}
#map .map-legend p {
    margin-left: 50px;
    display: inline-block;
    padding: 5px 0 2px 30px;
}
#map .map-legend p.wifi {
    background: url('../img/icon-wifi.png') left center no-repeat;
}
#map .map-legend p.opti {
    background: url('../img/icon-opti.png') left center no-repeat;
}
p.col {
    float: left;
    width: 25%;
    color: #70706f;
    font-size: 16px;
    text-align: left;
    margin: 10px 0 65px 0;
    line-height: 160%;
}
p.half {
    float: left;
    width: 50%;
    color: #70706f;
    font-size: 16px;
    text-align: left;
    line-height: 160%;
    margin-top: 15px;
}
#contact-map {
    width: 100%;
    height: 432px;
}
.contact-page .half {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #70706f;
    padding-right: 10%;
}
.contact-page .half.right {
    padding-right: 0;
}
.contact-page .half h2, .contact-content .title {
    color: #b5b5b5;
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 300;
}
.contact-page .half p {
    margin-bottom: 25px;
    line-height: 155%;
}
.contact-page .half a {
    color: #70706f;
    text-decoration: underline;
}
.contact-page .half a:hover {
    text-decoration: none;
}
.contact-item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.contact-img {
    float: left;
    width: 25%;
}
.contact-img img {
    border: 1px solid #1395B4;
    padding: 2px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.contact-content {
    float: right;
    width: 75%;
}
.contact-content .title {
    font-size: 18px;
    margin-bottom: 5px;
}
.entry {
    color: #414141;
    font-size: 16px;
}
.entry h2.main-title {
    color: #098bab;
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 700;
}
.entry h2 {
    color: #b5b5b5;
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 300;
}
.entry p {
    line-height: 155%;
    /* margin-bottom: 25px;*/
}
.entry a:not(.red, .blue, .red-color, .orange) {
    color: #d73422;
    text-decoration: underline;
}
.entry a:hover {
    text-decoration: none;
}
.entry ul {
    margin: 0 0 35px 0px;
}
.entry blockquote {
    color: #414141;
    border-left: 4px solid #E1E1E1;
    margin-left: 35px;
}
.entry table {
    margin-bottom: 35px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.entry table thead tr {
    background: #F6F6F6;
    color: #098BAB;
}
.entry table thead td {
    font-weight: 400 !important;
}
.entry table tbody tr {
    border-bottom: 1px solid #B5B5B5;
}
.entry table td {
    padding: 10px;
}
.entry table tr td:first-child {
    font-weight: 700;
}

















#nabidka {
    background: #414141 url('../img/nabidka.jpg') center top no-repeat;
    width: 100%;
    min-height: 317px;
    padding-top: 105px;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}
#nabidka p {
    margin-bottom: 20px;
    line-height: 145%;
}
#footer {
    background: #F6F6F6 url('../img/footer.png') right bottom no-repeat;
    width: 100%;
    min-height: 320px;
    padding: 65px 0 35px 0;
    color: #70706f;
}
#footer .column {
    float: left;
    width: 21%;
    padding: 0;
    margin-right: 3.333%;
}
#footer .column.last {
    margin-right: 0;
    width: 25%;
}
#footer .column .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 6px;
}
#footer .column ul {
    list-style: none;
}
#footer .column ul li {
    background: url('../img/footer-li.png') 7px center no-repeat;
    padding: 4px 0 4px 22px;
}
#footer .column ul li a {
    color: #70706f;
    font-size: 16px;
}
#footer .column ul li a:hover {
    text-decoration: underline;
}
#footer .column p {
    line-height: 215%;
}
#footer .column.last p {
    font-size: 21px;
    font-weight: 300;
    text-align: right;
}
#footer .column.last .phone {
    background: url('../img/footer-phone.png') right center no-repeat;
    padding: 3px 50px 5px 0;
    color: #098BAB;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 7px;
}
#footer .column.last .phone a {
    color: #098BAB;
}
#footer .column.last a:hover {
    text-decoration: underline;
}
#footer .column.last .email {
    background: url('../img/footer-email.png') right 7px no-repeat;
    padding: 3px 50px 5px 0;
    color: #d73422;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    display: block;
    margin-bottom: 5px;
}
#footer .column.last .teamviewer {
    background: url('../img/footer-team.png') right 3px no-repeat;
    padding: 3px 50px 5px 0;
    color: #098BAB;
    font-size: 21px;
    font-weight: 700;
    text-align: right;
    display: block;
    line-height: 110%;
}
#footer .column.last .teamviewer span {
    font-size: 15px;
    font-weight: 400;
}
@media (max-width: 1000px) {
    .row {padding-left: 1.5%; padding-right: 1.5%;}
}
@media (max-width: 935px) {
    .main-menu {float: right; width: 100%; position: absolute; z-index: 999; left: 0;}
    .main-menu ul#menu-hlavni-menu {margin: 0;float: right; display: none; position: absolute; top: 60px; right: 0; z-index: 999;}
    .main-menu ul li {width: 100%;float: right;margin: 0; padding: 0;}
    .main-menu ul li a {background: #D73422;color: #fff !important;font-size: 14px !important;width: 100%; padding-left: 15px;float: right;text-align: left;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    .main-menu ul li span {background: #D73422;color: #fff !important;font-size: 14px !important;width: 100%; padding-left: 15px;float: right;text-align: left;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
    #header .phone {margin-top: 38px; position: static; float: left;}
    #footer {background: #F6F6F6; padding-left: 1.5%; padding-right: 1.5%;}
    #footer .column {width: 100% !important; float: left; margin-right: 0; margin-bottom: 25px;}
    #footer .column.last p, #footer .column.last .phone, #footer .column.last .email {text-align: left; background: none;}
    .box {width: 100%;}
    .box p {min-height: inherit;}
    .boxes {background: none;}
}
@media (max-width: 833px) {
    #header .phone {margin-top: 7px;}
    .blue-box {text-align: center;}
    .boxes .box {width: 100%;text-align: center; margin-bottom: 35px; float: left !important;}
}
@media (max-width: 700px) {
    #slideshow .slide .title, .page #slideshow h1 {font-size: 30px;}
    #slideshow .slide p, .page #slideshow p {font-size: 27px;}
    .page #slideshow p.small {font-size: 17px;}
    #slideshow .slide {padding-top: 60px;}
    .page #slideshow {padding-top: 35px;}
    .left-side, .right-side, .pohoda .right-side, .s-box {width: 100% !important; max-width: 100%; text-align: center !important;}
    .left-side {margin-bottom: 55px;}
    .s-box {margin-bottom: 25px;}
    .page.nabidka #slideshow  {background: #098BAB !important; padding: 35px 0 35px 0 !important; height: auto !important;}
    .page.nabidka #slideshow .page-info {width: 100%; text-align: center;}
    #nabidka {padding-top: 50px; padding-bottom: 50px; min-height: inherit;}
    .s-box.box2 {padding-bottom: 0;}
    ul.tabs li, p.col, p.half, .contact-page .half {width: 100%;}
    p.col, p.half {text-align: center;}
}
@media (max-width: 550px) {
    #header .phone {display: none;}
    .price-column {width: 100%;}
    .page #slideshow.page-head {height: auto; padding-bottom: 25px;}
}
@media (max-width: 400px) {
    #nabidka {font-size: 18px;}
    .price-box {margin: 0 auto 30px auto;}
    .contact-content, .contact-img {width: 100%; text-align: center; margin-bottom: 15px;}
}
.navm {
    position:relative;
    display:inline-block;
    font-size:14px;
    font-weight:900;
}
.nav-list {
    text-align:left;
}
.nav-item {
    float:left;
    *display:inline;
    zoom:1;
    position:relative;
}
.nav-item a {
    display:block;
    color:#FFF;
    padding:15px 20px;
    background:#7A1E61;
    border-bottom:1px solid #8B2870;
}
.nav-item > a:hover {
    background:#822368;
}
.nav-item:hover .nav-submenu {
    display:block;
}
.nav-submenu {
    display:none;
    position:absolute;
    left:0;
    width:180px;
}
.nav-submenu-item a {
    background:#C3512F;
    border-bottom:1px solid #9A337E;
    display:block;
    padding:15px;
}
.nav-submenu-item a:hover {
    background:#C3512F;
}
.nav-mobile {
    display:none;
    cursor:pointer;
    position:absolute;
    top: 21px;
    right: 2%;
    background: #D73422 url(img/nav.svg) no-repeat center center;
    background-size:16px;
    height: 44px;
    width: 44px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.nav-click {
    position:absolute;
    top:0;
    right:0;
    display:none;
    border-left:1px solid #8B2870;
    height:49px;
    width:50px;
    cursor:pointer;
}
.nav-click i {
    display:block;
    height:48px;
    width:48px;
    background:url(img/drop.svg) no-repeat center center;
    background-size:20px;
}
.nav-click:hover {
    background-color:#6E1656;
}
.nav-rotate {
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
@media only screen and (min-width: 320px) and (max-width: 935px) {
    .nav-mobile {
        display:block;
    }
    .nav {
        width:100%;
        padding:50px 0 0;
    }
    .nav-list {
        display:none;
    }
    .nav-item {
        width:100%;
        float:none;
    }
    .nav-item > a {
        padding:15px;
    }
    .nav-click {
        display:block;
    }
    .nav-mobile-open {
        border-radius:5px 5px 0 0;
        -webkit-border-radius:5px 5px 0 0;
        -moz-border-radius:5px 5px 0 0;
    }
    .nav-item:hover .nav-submenu {
        display:none;
    }
    .nav-submenu {
        position:static;
        width:100%;
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #header .logo a {
        background: url('../img/logo2x.png') left center no-repeat;
        background-size: 235px 51px;
    }
}

/* Dodelano */

.alert-success {
    background-color: #098BAB;
    border-color: #098BAB;
    color: #ffffff;
}

.alert-danger {
    background-color: #D73422;
    border-color: #D73422;
    color: #ffffff;
}

.btn b.right.glyphicon,
.btn i.right.glyphicon,
b.right.glyphicon,
i.right.glyphicon {
    margin-left: 8px;
}
.btn b.left.glyphicon,
.btn i.left.glyphicon,
b.left.glyphicon,
i.left.glyphicon {
    margin-right: 8px;
}
.glyphicon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
.glyphicon-inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.glyphicon-gray {
    -webkit-filter: invert(80%);
    filter: invert(80%);
}
.alert-blue {
    border-color: #098BAB;
    background-color: #098BAB;
    color: #ffffff
}
.label-blue {
    background-color: #098BAB !important;
}
.label-red {
    background-color: #D73422 !important;
}
.card-blue {
    background-color: #098BAB !important;
    color: black !important;
}
.card-red {
    background-color: #D73422 !important;
    color: black !important;
}
.left {
    text-align: left;
    padding: 0 !important;
}
.right {
    text-align: right;
    padding: 0 !important;
}
.center {
    text-align: center;
}
.blue-link {
    color: #098BAB !important;
}
.ml-5 {
    margin-left: 5px !important;
}

.paging_page {
    padding: 3px;
}