body {
    font-size: 16px;
	color:#000;
}

body {

    -webkit-transition: all 0ms ease!important;
    transition: all 0ms ease!important;

}

a {

    color: #f20000;

}

.container {

    padding-right: 0px; /*15px*/
    padding-left: 0px; /*15px*/
    margin-right: auto;
    margin-left: auto;

}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    position: relative;
    min-height: 1px;
    padding-right: 0px; /*15px*/
    padding-left: 0px; /*15px*/

}

p {
  margin: 1.5em 0;
}
.h1, h1 {

    font-size: 46px;
    margin-bottom: 30px;

}


.houmka #sp-main-body {

        padding-top: 100px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;

}

#sp-main-body {

        padding-top: 50px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;

}

#sp-druhe-moduly {
    padding-top: 0px;
    padding-bottom: 20px;
}

.projekty-pronajmy #sp-main-body {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	visibility:collapse;
	display:none;
}

/* ------------------------------------------------------------------------- hlavička a menu */
.nav-placeholder {
	margin-bottom:-1px;
}

#sp-header {

    background: rgba(255, 255, 255, 1.00);
    box-shadow: none;
    height: 90px;
    left: 0;
    position: relative;
    top: -1px;
    width: 100%;
    z-index: 99;

}
#sp-header.menu-fixed {
    position: fixed;
    z-index: 9998;
}

#sp-header .container {
    padding-right: 0px; /*30px*/
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

#sp-logo {

}

.sp-megamenu-parent {
    float: left;
}


.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

    display: inline-block;
    padding: 0 15px;
    line-height: 90px;
    font-size: 16px;
    text-transform: inherit;
    letter-spacing: 0px;
    color: #000;
    margin: 0;
    font-weight: 400;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {

    color: #FFF;
	background-color:#000;

}

.sp-megamenu-parent li:before {
      content: " | ";
	  font-size:20px;
    }
.sp-megamenu-parent li:first-child:before {
      display: none;
    }  
	
#sp-telefon-menu {

    background-color: #f20000;
    height: 100%;
    line-height: 90px;
    text-align: center;

}

.kontakt-telefon-obal {

    font-size: 1.5em;
    color: white;
    font-weight: 700;

}

.kontakt-telefon-obal img {

    display: inline-block;
    padding-right: 15px;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #C00;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background-color: #C8C8C8;
}

.sp-dropdown {
	width:380px!important;
}
.sp-megamenu-parent > li.sp-has-child > a::after, .sp-megamenu-parent > li.sp-has-child > span::after {
    visibility: collapse;
	width:0px;
	height:0px;

}

.sp-megamenu-parent > li.sp-has-child > a::after, .sp-megamenu-parent > li.sp-has-child > span::after {

    font-family: "FontAwesome";
    content: "";
	visibility: collapse;

}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {

    background: rgba(255, 255, 255, .95);
   /* box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.52);*/
    padding: 0px;

}

.sp-megamenu-parent li::before {

    content: "";
    font-size: 0px;
	display:none;
	visibility:collapse;

}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {

    display: block;
    padding: 10px;
    color: #000;
    cursor: pointer;
    font-size: 16px;

}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {
    font-family: "FontAwesome";
    content: " \f105";
    float: right;
	width:0px;
	height:0px;
    visibility: collapse;
	
}

/* ------------------------------------------------------------------------- slidery */
#sp-uvodni-moduly-vlevo .nivo-caption {
	width:0px !important;
	height:0px !important;
	padding: 0px !important;

	display: none !important;
	visibility: collapse !important;
}

#sp-uvodni-moduly-vlevo .theme-default .nivoSlider {
    position: relative;
    background: #fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom: 10px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#sp-smart-slider.sp-corporex-layout, .sp-corporex-layout .sp-slider-item {
    max-height: 450px!important;
}

.sp-corporex-layout .slider-arrow-nav {

    position: absolute;
    bottom: 30px;
    z-index: 999;
    right: 30px;
    visibility: collapse;

}

.sp-slider-items h1 {
/*	font-size:46px;*/
	font-size: calc(18px + 1.0vw);

}

.sp-slider-items h2 {
/*	font-size:46px;*/
	font-size: calc(18px + 1.0vw);
	font-weight:700;

}

/*#sp-banner .sp-corporex-layout .sp-slider-content {

    display: inline-block;
    width: 45%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 25%;
    padding-top: 0px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:40px;
    color: #fff;

}*/

#sp-banner .sp-corporex-layout .sp-slider-content {
    display: inline-block;
    width: 50%;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 50%;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 40px;
    color: #fff;
}

.dokoncili-jsme-prichovice .sp-corporex-layout .sp-slider-content, .dokoncili-jsme-kralovice .sp-corporex-layout .sp-slider-content {

    background-color: rgba(0, 0, 0, 0.80);

}
.projekty-pronajmy .sp-corporex-layout .sp-slider-content {

    background-color: rgba(0, 115, 181, 0.80);

}

.projekty-mokrouse-pozemky .sp-corporex-layout .sp-slider-content, .projekty-prichovice-pozemky .sp-corporex-layout .sp-slider-content {
    background-color: rgba(3,126,0,0.85);
}

.projekty-mokrouse-pozemky .sp-slider-item .sp-slider-image, .projekty-prichovice-pozemky .sp-slider-item .sp-slider-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: 100% 50%;
        background-position-x: 100%;
        background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.projekty-panorama-plzen-litice-byty .sp-corporex-layout .sp-slider-content {
    background-color: rgba(255, 0, 0, 0.85);
}

.projekty-panorama-plzen-litice-byty-v-rd .sp-corporex-layout .sp-slider-content {
    background-color: rgba(255,162,0,0.85);
}

.slider-byty-v-rd .sp-slider-content {
    background-color: rgba(255,162,0,0.85)!important;
}

/* ------------------------------------------------------------------------- úvodní moduly */

#sp-uvodni-moduly {
	margin-top:50px;
}

#sp-uvodni-moduly #sp-uvodni-moduly-vlevo {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:20px;
	
}

#sp-uvodni-moduly #sp-uvodni-moduly-vpravo {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	background-color: rgba(255, 255, 255, 0.00);
	
}

.o-nas-text {
	width:50%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	background-color: rgba(255, 255, 255, 0.70);
	
}

/* ------------------------------------------------------------------------- pozadí stránek */
.jux-video-mobiles {
    background-size: cover !important;
}

/*.houmka {
    background-image: url(/images/design/pozadi-hmpg-cb.jpg)!important;
    background-position: 50% 0%!important;
    background-repeat: no-repeat!important;
    background-size: inherit!important;
    height: 100vh !important;
	background:#FFF!important;
}*/

/*.o-nas {
    background-image: url(/images/design/pozadi-02.jpg);
    background-size: 100% auto!important;
	background-repeat:no-repeat!important;
}*/

.kontakty {
    background-image: url(/images/design/pozadi-kontakty.jpg);
    background-size: 100% auto!important;
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
	background-repeat:no-repeat!important;
}

.projekty-panorama-plzen-litice-byty {
    background-image: url(/images/design/pozadi-byty-litice.jpg);
    background-size: 100% auto!important;
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
	background-repeat:no-repeat!important;
}

.projekty-panorama-plzen-litice-byty-v-rd {
    background-image: url(/images/design/pozadi-byty-v-rd-litice.jpg);
    background-size: 100% auto!important;
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
	background-repeat:no-repeat!important;
}

.projekty-mokrouse-pozemky {
    background-image: url(/images/design/pozadi-mokrouse-pozemky.jpg);
    background-size: 100% auto!important;
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
	background-repeat:no-repeat!important;
}
.projekty-prichovice-pozemky {
    background-image: url(/images/design/pozadi-prichovice-pozemky.jpg);
    background-size: 100% auto!important;
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
	background-repeat:no-repeat!important;
}

.dokoncili-jsme, .dokoncili-jsme-prichovice, .dokoncili-jsme-kralovice {
    /*background-image: url(/images/design/pozadi-dokoncili-jsme.jpg);
    background-size: 100% auto!important;*/
	/*background: linear-gradient(to bottom, rgba(255,255,255,0) 15%, rgb(255, 255, 255) 45%), url(/images/design/pozadi-02.jpg) no-repeat 50% 0%;*/
/*	background-repeat:no-repeat!important;*/
}

.jux-video-mobiles {
	background-color:transparent!important;

}


/* ------------------------------------------------------------------------- houmka */

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {
    height: 150px;
    color: #FFF;
    margin-bottom: 30px;
}

.houmka-obal-01:hover, .houmka-obal-02:hover, .houmka-obal-03:hover, .houmka-obal-04:hover {
box-shadow: 0 30px 30px -10px rgba(0, 0, 0, 0.40);
}


.houmka-obal-01 {
    background-color: rgba(255, 0, 0, 0.85);
}
.houmka-obal-02 {
    background-color: rgba(255,162,0,0.85);
}
.houmka-obal-03 {
    background-color: rgba(3,126,0,0.85);
}
.houmka-obal-04 {
    background-color: rgba(0, 115, 181, 0.85);
}



.houmka-obal-obrazek {
	float:left;
	margin-right: 40px;
}

.houmka-obal-obrazek img {
	max-height: 150px;
}

.houmka-obal-text {
    /*height: 200px;*/
	padding-top: calc(15px + 0.5vw);
    font-size: calc(18px + 1.2vw) !important;
    
}

.houmka-text {

    font-weight: 300;
	line-height: calc(22px + 0.5vw) !important;
}

.houmka-text-podnadpis {
    font-weight: bold;
	margin-top: calc(20px + 0.4vw);
}
/* ------------------------------------------------------------------------- drobečková navigace */
#sp-drobeckova-navigace {
    margin-top: 20px;
    color: #777;
	margin-bottom: -20px;
    /*margin-bottom: -50px;*/
    /*z-index: 99999;*/
}

#sp-drobeckova-navigace .breadcrumb > .active {
	color: #C00;
} 

#sp-drobeckova-navigace .breadcrumb a {
	color: #454545;
}

#sp-drobeckova-navigace .breadcrumb > .visited {
    color: #777;
}

/* ------------------------------------------------------------------------- dokončili */
.dokoncili-jsme-obal a {
	color: #000;
	text-decoration:underline;

}

.dokoncili-jsme-obal {
	background-color: rgba(255,162,0,0.85);
	height: 350px;
	color: #000;
	margin-bottom: 30px;
	display: block;
}

.dokoncili-jsme-obal-obrazek {
	float:left;
	margin-right: 40px;
}
.dokoncili-jsme-obal-obrazek img {
	max-height: 350px;
}

.dokoncili-jsme-obal-text {
    /*height: 200px;*/
	padding-top: calc(15px + 0.5vw);
	padding-right:40px;
    
    
}

.dokoncili-jsme-text {
	font-weight: 300;
	line-height: calc(40px + 1.2vw) !important;
	font-size: calc(25px + 1.2vw) !important;
}

.dokoncili-jsme-text-podnadpis {
    font-weight: 300;
	margin-top: calc(20px + 0.4vw);
	font-size: 16px;
}



/* ------------------------------------------------------------------------- o nás, kontakty */
.modul-o-nas {

    background-color: rgba(255, 0, 0, 0.75);
    color: #FFF;
    width: 50%;
	min-width:350px;
    padding-left: 30px;
    padding-bottom: 60px;
    padding-top: 30px;
    padding-right: 30px;
	margin-bottom:75px;

}

.modul-kontakty-vlevo {
    background-color: rgba(255, 0, 0, 0.75);
    color: #FFF;
    width: 40%;
	min-width:350px;
    padding-left: 30px;
    padding-bottom: 60px;
    padding-top: 30px;
    padding-right: 30px;
	margin-bottom:150px;
	float:left;
	margin-right:100px;
	

}

.modul-kontakty-vpravo {
float: right;
color: #FFF;
width: 51%;
height:695px;
min-width: 350px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
margin-bottom: 150px;
margin-top: -24px;
opacity:0.85;

}

.modul-o-nas a, .modul-kontakty-vlevo a, .modul-o-nas a:hover, .modul-kontakty-vlevo a:hover {
	color:#FFF;

}

/* ------------------------------------------------------------------------- easy image gallery */

.speasyimagegallery-modal-wrapper {
    z-index: 9999999;
}


.speasyimagegallery-gallery-item-title {

visibility: collapse;
}

.speasyimagegallery-gallery-item > div::after {

    background: -moz-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,.6) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,.6) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.2) 0%,rgba(0,0,0,.6) 100%);


}

.speasyimagegallery-modal-open {
    overflow: visible!important;
}
.speasyimagegallery-modal-wrapper {
    z-index: 9999!important;
}

.galerie-vypnuta {

    visibility: collapse;
    height: 0px;
    position: absolute;
    display: none;

}


/* ------------------------------------------------------------------------- video */
#wrapper_bgndVideo107 {
    transition-duration: 0ms!important;
}

#iframe_bgndVideo107 {
    transition-duration: 0ms!important;
}

.mbYTP_wrapper {
    transition-duration: 0ms!important;
}

.YTPOverlay.raster {
    background: none!important;
}

/* ------------------------------------------------------------------------- tabulky */

.tabulka-mokrouse td, .tabulka-mokrouse th {
	padding: 3px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
}

.tabulka-mokrouse caption {

    color: #FFF;
    background-color: #75a45c;
    font-size: 20px;
    text-align: center;

}

.tabulka-plzen-litice-byty-v-rd td, .tabulka-plzen-litice-byty-v-rd th, .tabulka-plzen-litice-byty td, .tabulka-plzen-litice-byty th {
	padding: 3px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7F7F7;
}

.tabulka-plzen-litice-byty-v-rd caption {

    color: #FFF;
    background-color: #e4a536;
    font-size: 20px;
    text-align: center;

}

.tabulka-plzen-litice-byty-v-rd .ikony, .tabulka-plzen-litice-byty .ikony {
    display: inline-block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tabulka-plzen-litice-byty caption {
	color: #FFF;
	background-color: #E10000;
	font-size: 20px;
	text-align: center;
}



/* ------------------------------------------------------------------------- detail bytu */
.detail-bytu-v-rd {

}

.detail-bytu-v-rd-horni-tabulka {
	background-color:#ffb400;
	color:#FFF;
	display:inline-block;
	width: 100%;
}
.detail-bytu-horni-tabulka {
	background-color: #FF0000;
	color: #FFF;
	display: inline-block;
	width: 100%;
}

.detail-bytu-v-rd-horni-tabulka .div-01, .detail-bytu-v-rd-horni-tabulka .div-02, .detail-bytu-v-rd-horni-tabulka .div-03, .detail-bytu-v-rd-horni-tabulka .div-04, .detail-bytu-horni-tabulka .div-01, .detail-bytu-horni-tabulka .div-02, .detail-bytu-horni-tabulka .div-03, .detail-bytu-horni-tabulka .div-04  {
	display: block;
    float: left;
    width: 25%;
    padding-left: 20px;
	    padding-right: 20px;
    min-width: 300px;
	text-align:center;

}

.detail-bytu-v-rd-horni-tabulka .div-04  {
	background-color:#ffa200;

}
.detail-bytu-horni-tabulka .div-04  {
	background-color: #CE0000;
}



.detail-bytu-v-rd-horni-tabulka h2, .detail-bytu-horni-tabulka h2 {
	margin-top: -15px;
}

.detail-bytu-v-rd-prostredni-tabulka, .detail-bytu-prostredni-tabulka {
	display:inline-block;
	width: 100%;
	margin-top: 50px;
}
.detail-bytu-v-rd-prostredni-tabulka .div-01, .detail-bytu-v-rd-prostredni-tabulka .div-02/*, .detail-bytu-prostredni-tabulka .div-01, .detail-bytu-prostredni-tabulka .div-02*/  {
	display: block;
    float: left;
    width: 50%;
    padding-left: 20px;
	    padding-right: 20px;
    min-width: 500px;

}

 .detail-bytu-prostredni-tabulka .div-01  {
	display: block;
    float: left;
    width: 60%;
    padding-left: 20px;
	    padding-right: 20px;
    min-width: 490px;

}

.detail-bytu-prostredni-tabulka .div-02  {
	display: block;
    float: left;
    width: 40%;
    padding-left: 20px;
	    padding-right: 20px;
    min-width: 450px;

}

.detail-bytu-v-rd-prostredni-tabulka .div-01 td, .detail-bytu-v-rd-prostredni-tabulka .div-01 th, .detail-bytu-prostredni-tabulka .div-01 td, .detail-bytu-prostredni-tabulka .div-01 th {
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:15px;
}

.detail-bytu-v-rd .stahnout-pdf {
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:15px;
}

.detail-bytu .stahnout-pdf {
	padding-top: 25px;
	padding-bottom:5px;
	padding-left:15px;
}


/* ------------------------------------------------------------------------- patička */
#sp-footer {
	background-color: #000000;
	color:#FFF;
	margin-top: 80px;
	padding-bottom:50px;
}

/* ------------------------------------------------------------------------- menu offcanvas */

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 0px;
}

.fa-angle-down::before, .fa-angle-up::before {
    content: "\f107";
    font-size: 30px;
    line-height: 10px;
}

.sp-module ul > li > a::before {
    font-family: FontAwesome;
    content: "";
    margin-right: 8px;
	visibility:collapse;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 50%;
    padding: 13px 20px;
    cursor: pointer;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 10px 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

.offcanvas-menu {
    width: 360px;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    visibility: hidden;
    overflow: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10000;
}

#collapse-menu-106 li a {
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    padding-left: 10px;
    font-size: 14px;
    text-transform: none;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
	background-color: rgba(204,204,204,0.85)!important;
}
.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: .5;
    text-align: center;
    font-size: 25px;
    border: 1px solid #fff;
    color: #fff;
    padding-top: 1px;
}

/* ------------------------------------------------------------------------- respons */



@media screen and (max-width: 1500px) {
	.container {

    padding-right: 25px;
    padding-left: 25px;
	max-width:80%;

}

#sp-zkopirovana-kod .container {

	width:100%;
	max-width:100%;

}

#sp-header .container {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}

#sp-header .logo {
    width: 300px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 10px;
    line-height: 90px;
    font-size: 15px;

}

.kontakt-telefon-obal {

    font-size: 1.1em;
    color: white;
    font-weight: 700;

}


}

@media screen and (max-width: 1420px) {
.modul-kontakty-vlevo {

   margin-right: auto;

}

.houmka #sp-main-body {
    padding-top: 20px;

}

.houmka-obal-obrazek img {

    max-height: 100px;

}

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {

    height: 100px;
    margin-bottom: 30px;

}

.houmka-obal-text {

    height: 100px;
    padding-top: calc(5px + 0.5vw);
    font-size: calc(12px + 1.2vw) !important;

}

.houmka-text-podnadpis {

    font-weight: bold;
    margin-top: 15px;

}


}




@media screen and (max-width: 1300px) {
	.container {

    padding-right: 25px;
    padding-left: 25px;
	max-width:70%;

}

#sp-header .container {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
}

#sp-header .logo {
    width: 250px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 10px;
    line-height: 90px;
    font-size: 14px;

}



article.item {

    margin-bottom: 0px;

}

#sp-smart-slider.sp-corporex-layout, .sp-corporex-layout .sp-slider-item {

    height: 300px!important;

}

.dokoncili-jsme-text-podnadpis {
    font-weight: 300;
    margin-top: calc(10px + 0.4vw);
    font-size: 15px;
}

.dokoncili-jsme-text {
    font-weight: 300;
    line-height: calc(15px + 1.2vw) !important;
    font-size: calc(15px + 1.2vw) !important;

}

.dokoncili-jsme-obal-text {
    padding-top: calc(5px + 0.5vw);
    padding-right: 10px;
}

.dokoncili-jsme-obal {

    max-height: 450px;

}

.dokoncili-jsme-obal-obrazek img {
    max-height: 350px;
}

.dokoncili-jsme-obal-obrazek {
    float: left;
    margin-right: 20px;
}


}

@media screen and (max-width: 1270px) {
	.container {

    padding-right: 25px;
    padding-left: 25px;


}


}


@media screen and (max-width: 1220px) {

#sp-uvodni-moduly #sp-uvodni-moduly-vpravo {

    padding-top: 10px;
    margin-top: -40px;

}

}





@media screen and (max-width: 1199px) {
	.container {

    padding-right: 25px;
    padding-left: 25px;

}

.detail-bytu-v-rd-horni-tabulka .div-01, .detail-bytu-v-rd-horni-tabulka .div-02, .detail-bytu-v-rd-horni-tabulka .div-03, .detail-bytu-v-rd-horni-tabulka .div-04, .detail-bytu-horni-tabulka .div-01, .detail-bytu-horni-tabulka .div-02, .detail-bytu-horni-tabulka .div-03, .detail-bytu-horni-tabulka .div-04 {

    display: block;
    float: left;
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 200px;
    text-align: center;

}

.detail-bytu-v-rd-prostredni-tabulka, .detail-bytu-prostredni-tabulka {

    display: inline-block;
    width: 100%;
    margin-top: 50px;
    font-size: 14px!important;
    line-height: 18px!important;

}


.detail-bytu-prostredni-tabulka .div-01, .detail-bytu-prostredni-tabulka .div-02 {

    min-width: auto;

}

.detail-bytu-v-rd-prostredni-tabulka .div-01 td, .detail-bytu-v-rd-prostredni-tabulka .div-01 th, .detail-bytu-prostredni-tabulka .div-01 td, .detail-bytu-prostredni-tabulka .div-01 th {

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;

}
}

@media screen and (max-width: 1125px) {
.container {
    max-width: 85%;

}



}

@media screen and (max-width: 1100px) {
.modul-kontakty-vpravo {
    width: 45%;
	min-width:300px;

}



}

@media screen and (max-width: 1000px) {

.detail-bytu-v-rd-horni-tabulka .div-01, .detail-bytu-v-rd-horni-tabulka .div-02, .detail-bytu-v-rd-horni-tabulka .div-03, .detail-bytu-v-rd-horni-tabulka .div-04, .detail-bytu-horni-tabulka .div-01, .detail-bytu-horni-tabulka .div-02, .detail-bytu-horni-tabulka .div-03, .detail-bytu-horni-tabulka .div-04 {
    padding-left: 5px;
    padding-right: 5px;
    min-width: auto;
}

.detail-bytu-v-rd-prostredni-tabulka, .detail-bytu-prostredni-tabulka {

    display: inline-block;
    width: 100%;
    margin-top: 50px;
    font-size: 14px!important;
    line-height: 18px!important;

}


.detail-bytu-prostredni-tabulka .div-01, .detail-bytu-prostredni-tabulka .div-02 {

    min-width: auto;

}

.detail-bytu-v-rd-prostredni-tabulka .div-01 td, .detail-bytu-v-rd-prostredni-tabulka .div-01 th, .detail-bytu-prostredni-tabulka .div-01 td, .detail-bytu-prostredni-tabulka .div-01 th {

    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;

}
}


@media screen and (max-width: 991px) {

.detail-bytu-v-rd-horni-tabulka .div-01, .detail-bytu-v-rd-horni-tabulka .div-02, .detail-bytu-v-rd-horni-tabulka .div-03, .detail-bytu-v-rd-horni-tabulka .div-04, .detail-bytu-horni-tabulka .div-01, .detail-bytu-horni-tabulka .div-02, .detail-bytu-horni-tabulka .div-03, .detail-bytu-horni-tabulka .div-04 {
    width: 100%;

}

.detail-bytu-v-rd-prostredni-tabulka .div-01, .detail-bytu-v-rd-prostredni-tabulka .div-02 {

    display: block;
    float: left;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    min-width: auto;

}

.houmka #sp-main-body {
    padding-top: 0px;
}


.modul-o-nas {
    width: 100%;
    min-width: auto;
}

.o-nas-text {
    width: 100%;
}
  
#offcanvas-toggler {

    line-height: 87px;
    font-size: 35px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	float: none;

}
.kontakt-telefon-obal {
    font-size: 1.2em;
    color: white;
    font-weight: 700;
}
.dokoncili-jsme-obal {
    background-color: rgba(255,162,0,0.85);
    height: auto;
    color: #000;
    margin-bottom: 30px;
    display: inline-block;
}

.dokoncili-jsme-obal-obrazek {

    float: none;
    margin-right: auto;
    margin-left: auto;
	text-align: center;

}
.dokoncili-jsme-obal-obrazek img {

    height: 300px;
    width: auto;
    display: initial;

}

.dokoncili-jsme-obal {

    background-color: rgba(255,162,0,0.85);
    height: auto;
    color: #000;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    text-align: center;
	min-height: 570px;

}

.modul-kontakty-vlevo {

    width: 100%;
    float: none;

}
.modul-kontakty-vpravo {

    float: left;
    color: #FFF;
    height: 695px;
    width: 100%;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-bottom: 150px;
    margin-top: -24px;
    opacity: 0.85;

}
#sp-banner .sp-corporex-layout .sp-slider-content {
    width: 55%;
}

.container {
    max-width: 100%;
}


}




@media screen and (max-width: 790px) {
.container {

    padding-right: 25px;
    padding-left: 25px;

}
#sp-header {

    left: 0px;
    padding-left: 30px;

}

#sp-menu {
	max-width:20%;
}

#sp-logo {
	max-width:40%;
}

#sp-telefon-menu {
    width: 40%;
}

.tabulka-plzen-litice-byty, .tabulka-plzen-litice-byty-v-rd, .tabulka-mokrouse {
	font-size:14px;
	line-height:16px;
}

.detail-bytu-prostredni-tabulka .div-01, .detail-bytu-prostredni-tabulka .div-02 {

    display: block;
    float: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    min-width: auto;

}	

#sp-banner .sp-corporex-layout .sp-slider-content {
    width: auto;
	top:inherit;
	bottom:0px;
}

}

@media screen and (max-width: 767px) {
#sp-uvodni-moduly #sp-uvodni-moduly-vpravo {

    padding-top: 10px;
    margin-top: 0px;

}


#sp-header {
    margin-bottom: 30px;
	 height: 50px;
}



#sp-logo {
    width: 230px;
}

#sp-header .logo {
    height: 50px;
	width:230px;

}

#sp-menu {

    max-width: 60px;
    float: right;

}

#sp-telefon-menu {

    width: 100%;
    position: fixed;
    height: auto;
    top: 48px;
    display: inline-table;
    line-height: normal;
    text-align: center;
    left: 0px;

}


#sp-telefon-menu img {
    width: 40px;
    height: auto;

}

#sp-logo {

	max-width:none;

}

#offcanvas-toggler {

    line-height: 45px;
    font-size: 20px;

}

}


@media screen and (max-width: 600px) {
.tabulka-plzen-litice-byty, .tabulka-plzen-litice-byty-v-rd, .tabulka-mokrouse {

    font-size: 13px;
    line-height: 14px;

}

.tabulka-plzen-litice-byty img, .tabulka-plzen-litice-byty-v-rd img, .tabulka-mokrouse img {
	width:18px;
	height:18px;
	margin-right:2px!important;

}

body {

    font-size: 14px;

}


}

@media screen and (max-width: 500px) {
#sp-header {
    height: 50px;
}

#sp-header .logo {
    height: 50px;
}

#sp-logo {
    width: 210px;
}


#sp-telefon-menu {
    top: 49px;
}


.houmka-obal-obrazek {

    float: left;
    margin-right: 10px;

}

.houmka-obal-text {

    padding-top: calc(15px + 0.5vw);
    font-size: calc(15px + 1.2vw) !important;

}

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {

    height: 100px;
    color: #FFF;
    margin-bottom: 30px;

}
.houmka-obal-obrazek img {

    max-height: 100px;

}

.tabulka-plzen-litice-byty-v-rd td, .tabulka-plzen-litice-byty-v-rd th, .tabulka-plzen-litice-byty td, .tabulka-plzen-litice-byty th {

    padding: 0px;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F7F7F7;

}
.tabulka-plzen-litice-byty, .tabulka-plzen-litice-byty-v-rd, .tabulka-mokrouse {

    font-size: 11px;
    line-height: 14px;

}

}


@media screen and (max-width: 476px) {
.houmka-obal-text {

    padding-top: calc(10px + 0.5vw);
    font-size: calc(13px + 1.2vw) !important;

}

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {

    height: 80px;
    color: #FFF;
    margin-bottom: 30px;

}
.houmka-obal-obrazek img {

    max-height: 80px;

}

.houmka-text-podnadpis {

    font-weight: bold;
    margin-top: calc(10px + 0.4vw);

}
.tabulka-plzen-litice-byty, .tabulka-plzen-litice-byty-v-rd, .tabulka-mokrouse {

    font-size: 10px;
    line-height: 12px;

}

}

@media screen and (max-width: 410px) {
#sp-menu {
    max-width: 30px;
    float: right;
}

}

@media screen and (max-width: 400px) {
.houmka-obal-text {

    padding-top: calc(8px + 0.5vw);
    font-size: calc(11px + 1.2vw) !important;

}

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {

    height: 60px;
    color: #FFF;
    margin-bottom: 30px;

}
.houmka-obal-obrazek img {

    max-height: 60px;

}

.houmka-text-podnadpis {

    font-weight: bold;
    margin-top: 0px;

}
.tabulka-plzen-litice-byty, .tabulka-plzen-litice-byty-v-rd, .tabulka-mokrouse {

    font-size: 10px;
    line-height: 12px;

}

}

@media screen and (max-width: 350px) {
#sp-logo {
    float: left;
	max-width:150px;
}

#sp-logo .logo {
	width:150px;
}

}

@media screen and (max-width: 295px) {
.houmka-obal-obrazek img {
    max-height: 40px;
}

.houmka-obal-01, .houmka-obal-02, .houmka-obal-03, .houmka-obal-04 {
    height: 40px;
    color: #FFF;
    margin-bottom: 15px;
}

.houmka-obal-text {
    padding-top: 0;
    font-size: calc(11px + 0.8vw) !important;
}

.houmka-text {
    font-weight: 300;
    line-height: calc(16px + 0.5vw) !important;
}

}



