:root {
--accentColor: #c29e55;
}
:root {
--secondColor: #9ed86f;
}

html, body  {
font-family: Montserrat;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.ce_revolutionslider_text.bold, .font_headline {
font-family: Montserrat;
font-weight: 700;
}
h1, .h1, .h1 p {
font-size: 48px;
}

body.sidebar #container,
.mod_article:not(.fullwidth):not(.fullwidth-boxed-medium):not(.fullwidth-boxed-small) > .container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.body_bottom .mod_search .container {
max-width: 1400px;
}
#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,{
    max-width: 1400px;
}
}
.mod_article.boxed {
max-width: calc(1400px - 80px);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.mod_article:not(.fullwidth).article-pt > .container {
padding-top: 160px;
}
.mod_article:not(.fullwidth).article-pb > .container {
padding-bottom: 160px;
}
}
#breadcrumb,
.mod_breadcrumb {
display: none;
}
#footer .inside {
padding-top: 120px;
padding-bottom: 120px;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer .h1,
#footer .h2,
#footer .h3,
#footer .h4,
#footer .h5,
#footer .h6 {
color: #ffffff;
}
#footer,
#footer a {
color: #ffffff;
}
#footer li:after {
border-color: #ffffff;
}
#footer .inside a:hover {
color: #ffffff;
}
#footer {
background-color: #27282b;
}
#bottom .inside .left,
#bottom .inside .right {
float: none;
text-align: center;
}
#bottom .inside .left {
margin-bottom: 1rem;
}
#bottom .inside .right a:first-child {
margin-left: 0;
}
#bottom .inside,
#bottom .inside a {
color: #ffffff;
}
#bottom .inside a:hover {
color: #ffffff;
}
#bottom {
background-color: #27282b;
}
.header .mod_search {
display: none;
}
.header .mod_langswitcher {
margin-left: 40px;
}
.header .mod_socials {
margin-left: 40px;
}
.header .mod_langswitcher {
display: none;
}
@media only screen and (min-width: 768px) {
.header .mod_socials {
display: block;
z-index: 1;
}
.header .mod_langswitcher {
margin-left: 20px;
}
}
@media only screen and (min-width: 768px) {
.header .mainmenu {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 100%;
}
.header .mainmenu ul {
text-align: center;
}
.header .logo {
position: relative;
z-index: 100;
}
}
@media only screen and (min-width: 768px) {
#fix-wrapper {
position: absolute;
left: 0;
}
.header {
background-color: transparent;
}
}
.header .mainmenu ul li a,
.header .mainmenu ul li ul a.active,
.header .ce_search_label i,
.header .mod_langswitcher .mod_langswitcher_inside,
.header .header_metanavi a,
.header .mod_socials a {
color: #ffffff;
}
.mod_langswitcher .mod_langswitcher_inside:before {
border-color: #ffffff;
}
.header .mod_socials:before {
display:none;
}
.header .smartmenu .smartmenu-trigger .line,
.header .smartmenu .smartmenu-trigger .line:before,
.header .smartmenu .smartmenu-trigger .line:after {
background: #ffffff;
}
.header.original .mainmenu:before {
background: #ffffff;
}
@media only screen and (min-width: 768px) {
.header.cloned {
background: #27282b;
}
}
@media only screen and (max-width: 767px) {
.header {
background: #27282b;
padding-top: 0px !important;
}
}
.mmenu_trigger {
color: #fff;
}
.mmenu_trigger .burger .burger_lines,
.mmenu_trigger .burger .burger_lines:after,
.mmenu_trigger .burger .burger_lines:before {
background-color: #fff;
}
.logo a {
background-image: url(../img/rezidencia_dravce.svg);
}
.stickyheader .logo a {
background-image: url(../img/rezidencia_dravce_sm.svg);
}
@media only screen and (max-width: 767px) {
.logo a {
background-image: url(../img/rezidencia_dravce_sm.svg);
}
}
@media only screen and (min-width: 768px) {
.header.original .logo {
width: 145px;
}
}
@media only screen and (min-width: 768px) {
#header {
height: 180px;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}
.header.original .logo {
height: 120px;
}
.header.original .inside {
line-height: 120px;
}
.smartmenu .smartmenu-trigger {
height: 120px;
}
}
@media only screen and (min-width: 768px) {
.stickyheader .header .logo {
width: 170px;
}
}
@media only screen and (max-width: 767px) {
    .vyssie {
    margin-top:0px  !important;
}
.header .logo {
width: 140px;
}
}
.mainmenu ul li a  {
font-family: Montserrat;
}
.mainmenu ul li a  {
font-weight: 700;
}
.header.original .mainmenu ul li a.trail.a-level_1,
.header.original .mainmenu ul li a.active.a-level_1,
.header.cloned .mainmenu ul li a.trail.a-level_1,
.header.cloned .mainmenu ul li a.active.a-level_1,
.mod_pct_megamenu .mod_navigation a.active.a-level_1 {
color: #ffffff;
}
.header.original .mainmenu ul li {
line-height: 55px;
}
.header.original .mainmenu ul .megamenu-wrapper {
top: auto;
}
@media only screen and (min-width: 768px) and (max-width: 1075px) {
.smartmenu {
display: block;
}
.mainmenu {
display: none;
}
}
.header .mainmenu ul li a.a-level_1.trail span,
.header .mainmenu ul li a.a-level_1.active span {
border-bottom: 1px solid #ffffff;
padding-bottom: 8px;
}
.header .mainmenu ul ul li a.a-level_1.trail span,
.header .mainmenu ul ul li a.a-level_1.active span {
border-bottom: none;
}
.mmenu_trigger .label {
text-transform: uppercase;
}



div#interaktivnyModelBytov {
	position: relative;
}

div#interaktivnyModelBytov img {
	width: 100%;
}

div#interaktivnyModelBytov div.img-shape-container {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

div#interaktivnyModelBytov .img-shape {
	fill: #9ed86f;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.2s ease-in-out;
}

div#interaktivnyModelBytov .img-shape-black{
    fill: #000000;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	cursor: default;
}
div#interaktivnyModelBytov .img-shape-active{
	cursor: default;
	opacity: 0.4;
	fill:#9ed86f;
}

div#interaktivnyModelBytov a:hover,
div#interaktivnyModelBytov a:focus {
	text-decoration: none;
}

div#interaktivnyModelBytov a:hover .img-shape,
div#interaktivnyModelBytov a:focus .img-shape {
	opacity: 0.4;
	text-decoration: none;
	transition: opacity 0.2s ease-in-out;
}

div#interaktivnyModelBytov .img-tooltip {
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
div#interaktivnyModelBytov .img-tooltip-active {
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
	font-size: 120px;
	font-weight: bold;
}

div#interaktivnyModelBytov a:hover .img-tooltip,
div#interaktivnyModelBytov a:focus .img-tooltip {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}

div#interaktivnyModelBytov .img-tooltip text {
	font-size: 120px;
    font-weight: bold;
    fill: black;
}


div#interaktivnyModelBytov .img-tooltip rect {
    fill: transparent;
}
@media only screen and (max-width:767px) {
	div#interaktivnyModelBytov .img-tooltip text {
		font-size: 120px;
	}
	.vyssie {
    margin-top:0px  !important;
}
}


.byvanie {
    margin-left:50px;
}
.kontakt-heading {
    font-size:54px;
    max-width:450px !important;
}
#footer .totop:before {
    display:none;
}
.col-12.col-md-6.d-flex.flex-column.text-center.text-md-start {
    float: left;
    display: flex
;
    flex-direction: column;
}
span.copyright {
    margin-bottom: 0.2rem;
}
.col-12.col-md-6.text-center.text-md-end {
    float: right;
}
img.footer-bottom-logo.lazyload {
    height: 1.85rem;
    margin-right: 1rem;
    float: left;
}
@media only screen and (max-width: 767px) {
    .col-12.col-md-6.text-center.text-md-end {
        float: left !important;
        margin-top: 2em;
    }
    .custom-border .column[class*=col_]{
        padding-left:20px !important;
    }
    .byvanie {
    margin-left: 0px;
    }
   .padding{
       padding-left:25px;
       padding-right:25px;
   }
   .kontakt-heading {
    font-size:34px;
    text-align: center;
    margin: 0 auto;
}
    .kontakt img {
        display: none;
    }
    .kontakt-colum {
        background-color: var(--secondColor);
        border-top-right-radius: 15px;
    }
    .kontakt-colum2 {
        background-color: #000000;
        border-top-right-radius: 15px;
    }
    .kontakt .h4 p{
        font-size: 20px !important;
    }
    .kontakt-img img {
        margin-top:10px;
        display:block;
    }
}
.opacity-img img {
    opacity:0.5;
    
}
.opacity-img {
    margin-bottom:0 !important;
    z-index:-1;
}
.iconbox h2 {
    font-size:1.5rem;
}
.img-text h3 {
    font-size:48px;
}
.img-text h4{
    color: var(--accentColor) !important;
    font-size:34px;
}
.img-text h5 {
    font-size:34px;
}
.ce_iconbox .link {
    background-color: #9ed86f;
    font-size:1rem;
    color:white;
    padding:10px 20px;
}
.kontakt {
    font-size:20px !important;
}
.ce_table table th {
    border-top: 0;
    border: solid 1px rgb(227, 227, 227);
    background:var(--accentColor) ;
    text-align:center;
    white-space: nowrap;
}
.ce_table table td {
    text-align:center;
    white-space: nowrap;
}
.ce_list.hasIcon ol li i, .ce_list.hasIcon ul li i {
    margin-right: 1em;
    line-height: 1.5em;
    color: #9ed86f;
}
.zoznam ul li b {
    font-size: 17px;
       white-space: nowrap;
}
.financovanie {
    border-radius: 15px;
    background:#F5F5F5;
}
.ce_iconbox .ce_iconbox_outside.padding .content {
     opacity: 1; 
}


.custom-border {
    padding: 5% 8% !important;
    border: 2px solid var(--accentColor);
    border-radius:15px;
}


.o-dome .price {
    color:var(--accentColor);
    font-weight:bold;
}
.img-border img{
    border-radius: 15px;
}
form .widget input, form .widget textarea, form .widget select {
    border-radius:15px;
}
.ce_download a span.size {
    color: #555555;
    margin-left:5px;
}
.icon-custom h5 {
    font-size: 14px;
    font-weight: 400;
}
.tel-cislo p a {
    color:#555;
    text-decoration: none;
    font-weight:bold;
}
.img-hover .content{
    background:transparent;
   
    
}
.img-hover .content-inside{
    display:none;
}
.kontakt p
{
    font-size: 25px !important;
}
.kontakt h4 {
    font-size: 30px !important;
}
.ce_iconbox a.link {
    border-radius: 15px;
}
.ce_hyperlink a {
    border-radius:15px;
    padding: 10px 15px;
}
.ce_download_small .ce_download_small_inside a {
    border-radius: 15px;
}
form span.mandatory {
    display:none;
}
.galeria img {
    border-radius:15px;
}
.ce_gallery .borders li figure {
    border-radius: 15px;
}
#top .mod_top_phone h4 {
    margin-bottom: 0px !important;
}

#top .mod_top_phone h4 a{
    color:#9ed86f;
}
#top .inside {
    justify-content: end;
    height:50px;
    align-items:center;
}

#top {
    background: transparent;
}
.phone-email {
    margin-right: 0;
    margin-left: auto;
    margin-top: 30px;
    text-align: right;
    float: right;
    
    color:#9ed86f;
    line-height: 30px;
}
.phone-email a{
    color:#9ed86f;
}
.phone-email img {
    float: right;
    height: 50px;
    margin-left: 15px;
}
#top a {
    color: white;
}
.phone-email .phone-text {
    float: left;
}
.stickyheader .header.cloned {
    padding-top:0px !important;
}
.ce_iconbox.version2 .ce_iconbox_inside {
    text-align: left;
    display: flex;
    justify-content:center;
    align-items: center;
}
.center{
    justify-content:center;
}
@media only screen and (min-width: 1425px) {
    .vyssie {
    margin-top:-300px;
}
}
@media only screen and (min-width: 767px) {
    .header {
    position: absolute;
    padding-top: 25px;
}
}
.o-projekte .fa-check:before {
    content: "\f00c";
    color: var(--secondColor);
}
    
.border video {
    border-radius:15px;
}
