@charset "UTF-8";

/* RE/MAX VIAC by ShiftLAB  */

/* Fonty */
@font-face {
    font-family: 'Helvetica Now';
    src: url('fonty/regular.woff2') format('woff2'),
         url('fonty/regular.woff') format('woff');
    font-weight: 300;     
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now';
    src: url('fonty/medium.woff2') format('woff2'),
         url('fonty/medium.woff') format('woff');
    font-weight: 400;     
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now';
    src: url('fonty/bold.woff2') format('woff2'),
         url('fonty/bold.woff') format('woff');
    font-weight: bold;
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now';
    src: url('fonty/extrabold.woff2') format('woff2'),
         url('fonty/extrabold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now';
    src: url('fonty/black.woff2') format('woff2'),
         url('fonty/black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body,
html {
    height: 100%;
    background: #dfdfdf;
    font: 15px/20px "Helvetica Now", Helvetica, serif;
    font-weight: 300;     
    color: #000;
}

/* Typo */

p {
    font: 15px/20px "Helvetica Now", Helvetica, serif;
    font-weight: 300;     
    color: #000;
    position: relative;
    z-index: 3;
     white-space: normal;
}
a,
a:visited {
    font-weight: bold;
    outline: 0;
    color: #e2212c;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
a:focus,
a:hover {
    color: #0053a1;
    text-decoration: none;
}
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important
}
.appleLinks a {
    color: #161616
}
.appleLinksWhite a {
    color: #161616
}

.lt0 {
    letter-spacing: 0
}
.lt30 {
    letter-spacing: .03em
}

.lt60 {
    letter-spacing: .06em
}
.lt-30 {
    letter-spacing: -.03em
}
.cervene {
    color: #e2212c
}
.modre {
     color: #0053a2
}

.cervene a {
    color: #de002d
}
.biele {
    color: #fff
}
.typovstrede {
    text-align: center
}
.vysvietene-cervene,
.vysvietene-modre {
    font-weight: 500;
    padding: .1em .35em;
    color: #fff
}
.vysvietene-cervene {
    background-color: #de042e
}
.vysvietene-modre {
    background-color: #023372
}
.hajlajt {
    font: 17px "Helvetica Now", Helvetica, serif;
    font-weight: bold;
    background-color: #054fa1;
    background-image: linear-gradient(45deg, #054fa1, #df002d);
    background-size: 100%;
    -webkit-mask-image: linear-gradient(45deg, #054fa1, #df002d);
    -webkit-box-decoration-break: clone;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}
.podciarknute {
    text-decoration: underline
}
.gradient {
	background: linear-gradient(to right, #0053a2 0%, #E1212C 70%, #CF1512 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    padding-bottom: 3px;
}
.gradient2 {
	background: #0053A1;
	background: linear-gradient(to top left, #0053A1 0%, #00346F 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient3 {
	background: #e1212c;
	background: linear-gradient(to top left, #e1212c 0%, #af171e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Typo - Nadpisy */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    text-rendering: optimizeLegibility;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit
}
h1 {
    font: 70px/70px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px
}
h2 {
    font: 57px/57px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    margin: 35px 0 40px 0
}
h3 {
    font: 50px/50px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    margin: 34px 0 30px 0
}
h4 {
    font: 40px/40px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    font-weight: 700;
    margin: 25px 0 25px 0
}
h5 {
    font: 33px/33px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    margin: 30px 0 25px 0
}
h6 {
    font: 24px/24px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    font-weight: 700;
    margin: 25px 0 25px 0
}

p img {
    margin: 0
}
p.lead {
    font: 20px/36px "Helvetica Now", serif;
    color: #707273
}
em {
    font: 16px/30px "Helvetica Now", serif;
    font-style: normal
}
b,
strong {
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

small {
    font-size: 11px;
    line-height: inherit
}

abbr {
    font-family: "Helvetica Now", serif;
    font-weight: 600;
    font-variant: small-caps;
    text-transform: lowercase;
    letter-spacing: .5px;
    color: #707273
}
code,
pre {
    font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
code {
    padding: 3px;
    background: #ecf0f1;
    color: #eaeaeb;
    border-radius: 3px
}
del {text-decoration: line-through}
abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}
mark {
    background: #e2212c;
    color: #fff;
}
.cervenymark {
    background: #e2212c;
    color: #fff;
    padding: 10px 14px 10px 14px;
}
::-moz-selection {
    background: #161616;
    color: #fff
}
::selection {
    background: #161616;
    color: #fff
}
ol,
ul {
    margin-top: 15px;
    margin-bottom: 15px
}
ul {
    list-style: disc;
    margin-left: 17px
}
dl {
    margin: 0 0 15px 0
}
dt {
    margin: 0;
    color: #1b80ff
}
dd {
    margin: 0 0 0 20px
}
img.pull-right {
    margin: 12px 0 0 18px
}
img.pull-left {
    margin: 12px 18px 0 0
}
::-webkit-input-placeholder {
    color: #161616
}
:-moz-placeholder {
    color: #161616
}
::-moz-placeholder {
    color: #161616
}
:-ms-input-placeholder {
    color: #161616
}
.placeholder {
    color: #161616 !important
}
hr {
    border-top: 2px solid #000;
    width: 100%;
    margin: 20px 0 22px 0;
    height: 0;
    clear: both;
    text-align: center
}

/* Medzery */

.b20px {
    clear: both;
    height: 20px
}
.b30px {
    clear: both;
    height: 20px
}
.b40px {
    clear: both;
    height: 40px
}
.b60px {
    clear: both;
    height: 60px
}
.b80px {
    clear: both;
    height: 80px
}
.b120px {
    clear: both;
    height: 120px
}
.b160px {
    clear: both;
    height: 80px
}
.nadpisfix {
    clear: both;
    height: 110px
}

@media only screen and (max-width:500px) {
    .b80px {
        clear: both;
        height: 30px
    }
    .b120px {
        clear: both;
        height: 60px
    }
    .b160px {
        clear: both;
        height: 80px
    }
}

/* Kontajner */

#main-header {
    width: 100%;
    background-color: #fff;
    height: 138px;
}
.kontajner {
    position: relative;
    margin: 0 auto;
    max-width: 1980px;
    padding: 0 80px 0 80px
}

/* Hlavicka + Menu */

header {
	margin: 0 auto;
    height: 138px;
    width: 100%;
    position: absolute;
    top: 0;
	left: 0;
    z-index: 600;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: white;
}
header .logo {
    width: 205px;
    height: 41px;
    background: url("../obrazky/logo/remax_viac.svg") no-repeat top center;
    background-size: 205px 41px;
	margin: -3px 14px 0 84px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 600 !important
}
header .logo:hover {
    filter: brightness(0%) contrast(80%) grayscale(100%)
}
header .logo a {
    display: block;
    border: none;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 205px;
    height: 41px;
}
.tel-a-soc {
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.menu_socialne {
    display: inline-block;
    height: 40px;
	margin: 0 84px 0 14px;
}
.menu_socialne_mobilne {
    display: none;
    height: 40px;
	margin: 70px 0px 0 20px;
}
.header-telefon {
    display: inline-block;
    width: 150px;
    height: 40px; 
    padding: 11px 16px 6px 16px;
    font: 13px 'Helvetica Now', Helvetica, serif;
    font-weight: 700;
	letter-spacing: 0.040em;
    margin: 0 45px 0 0;
    background-color: transparent;
    border-radius: 25px;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.header-telefon:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: #20ffd1
}
.menu_fb_ico,
.menu_ig_ico,
.menu_ln_ico,
.menu_yt_ico,
.telefon_ico,
.menu_fb_ico_mobilne,
.menu_ig_ico_mobilne {
    width: 40px;
    height: 40px;
    float: left;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-block;
    border-radius: 100px;
    background-color: transparent;
    border: 0 solid #000;
}
.telefon_ico {
    background: url(../obrazky/ikonky/telefon_ico.svg) no-repeat center;
    background-size: 25px 26px;
    width: 25px;
    height: 26px;
    margin: -4px 7px 0 -6px;
}
.menu_fb_ico {
    background: url(../obrazky/ikonky/fb_ico.svg) no-repeat center;
    background-size: 10px 19px;
    margin: 0 7px 0 0
}
.menu_ig_ico {
    margin: 1px 15px 0 0;
    background: url(../obrazky/ikonky/ig_ico.svg) no-repeat center;
    background-size: 20px 20px
}
.menu_ln_ico {
    background: url(../obrazky/ikonky/ln_ico.svg) no-repeat center;
    background-size: 20px 20px
}
.menu_yt_ico {
    background: url(../obrazky/ikonky/yt_ico.svg) no-repeat center;
    background-size: 20px 14px
}

.menu_fb_ico_mobilne {
    background: url(../obrazky/ikonky/fb_ico.svg) no-repeat center;
    background-size: 10px 19px;
    margin: 0 8px 0 0;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: #fff
    
}
.menu_ig_ico_mobilne {
    margin: 0px 15px 0 0;
    background: url(../obrazky/ikonky/ig_ico.svg) no-repeat center;
    background-size: 20px 20px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: #fff
}
.menu_fb_ico:hover,
.menu_ln_ico:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: #ffac5d
}
.menu_ig_ico:hover,
.menu_yt_ico:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: #20ffd1
}

.kontajner_menu {
    position: relative;
    margin: 0 auto;
    max-width: 1980px;
	height: 138px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.hornemenu {
	margin: 0 auto;
    height: 138px;
    width: 100%;
    max-width: 1980px;
    padding: 0 45px 0 45px;
    z-index: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    background: transparent;
	-moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;	
}
ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.navbar {
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.nav-menu li {
    position: relative;
    list-style: none;
    height: auto;
    padding: 0 12px 0 12px;
}
.nav-menu {	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
a.nav-link {
	text-decoration: none;
    font: 12px 'Helvetica Now', Helvetica, serif;
	font-weight: 700;
	letter-spacing: 0.080em;
    text-transform: uppercase;	
	display: block;
    padding: 11px 18px;
    line-height: auto;
    text-align: left;
    color: #161616;
    position: relative;
    border: 2px solid transparent;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
a.nav-link:hover {}
a.nav-link:active {}
.kocka {
    position: relative;
    vertical-align: middle;
    color: #000;
    display: inline-block;
    height: 100%;
    line-height: 100%;
    text-align: center;
    transition: .5s;
    padding: 0;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: .5s;
}
.kocka:hover {
    border: 2px solid rgba(0, 160, 80, 0);
    color: #000;
}
.kocka::after,
.kocka::before {
    width: 100%;
    height: 100%;
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: .5s;
    border-radius: 5px
}
.okoloborder::before {
    border-bottom: 2px solid #161616;
    border-left: 2px solid #161616;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.okoloborder::after {
    border-top: 2px solid #161616;
    border-right: 2px solid #161616;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.kocka:hover::after,
.kocka:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.hamburger {
	display: none;
	padding: 8px 8px;
	-moz-transition: color .5s all;
    -o-transition: color .5s all;
    -webkit-transition: color .5s all;
    -ms-transition: color .5s all;
    transition: color .5s all;
}
.bar {
	width: 26px;
	height: 3px;
	display: block;
	color: #000;
	padding: 0;
	margin: 5px;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	background-color: #215095;
}

/* Mobilne Menu */

@media (max-width: 892px) {
    header {position: fixed;}
    a.nav-link:after, a.nav-link:before {display: none}
	header.zafarbenie2 {background:#FFF}
    header .logo {margin: 0 0 0 35px}
	.jazyky {
		margin: 0 auto;
	}
	.hamburger {display: block; margin: 0 15px 0 0}
	.active .bar:nth-child(2) {
		opacity: 0;
        background-color: #0053a2
	}
	.active .bar:nth-child(1) {
		-webkit-transform: translateY(8px) rotate(-315deg);
		transform: translateY(8px) translateX(4px) rotate(-315deg);
		width: 75%;
        background-color: #e2212c;
	}
	.active .bar:nth-child(3) {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) translateX(4px) rotate(-45deg);
		width: 75%;
	}
	.active .bar:nth-child(1), .active .bar:nth-child(3) {margin-left: 0}  	
    .menu_socialne_mobilne {display: inline-block;}
	.nav-menu {
		margin: 0 auto;
		padding: 0 0 0 47px;
		width: 100%;
		eight: -webkit-calc(100vh - 108px);
        height: -moz-calc(100vh - 108px);
        height: calc(100vh - 108px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
        flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content:center;
		align-items:flex-start;
		vertical-align: middle;
		position: fixed;
		top: 108px;
		right: -100%;
		-webkit-transition: 0.5s;
		transition: 0.5s;
		background-color: #efefef;
		padding-top: 60px;
	}
	.nav-menu li {
		padding: 0.4em 0;
		height: auto;
		max-height: 105px;
	}
	a.nav-link {
		margin: 0.9vh 0;
        font: 22px 'Helvetica Now', Helvetica, serif !important;
		font-weight: 700 !important;
		letter-spacing: 0.030em;
		color: #000;
		z-index: 1;
	}
	a.nav-link:hover {color: #0053a2; background-color: transparent}
	.active {
		right: 0;
		z-index: 100;
		transition: 0.2s ease;
	}
    .kocka,
    .kocka::after,
    .kocka::before,
    .okoloborder,
    .okoloborder::after,
    .okoloborder::before {
        display: none
    }
}

/* Landscape menu fix */

@media only screen and (max-device-width: 568px) and (orientation: landscape) {
	a.nav-link {
			margin: 5px 0;
			font: 17px 'Helvetica Now', Helvetica, serif !important;
			font-weight: bold;
			letter-spacing: 0.030em;
			z-index: 1;
	}
	.nav-menu li {
		padding: 0.1em 0;
		height: auto;
		max-height: 35px;
	}
}

@media only screen and (max-width: 1600px) {
    .hornemenu {padding: 0 30px 0 30px}
	header .logo {
		width: 185px;
		height: 37px;
		background-size: 185px 37px;
		margin: -3px 14px 0 35px;
	}
	.menu_socialne {
		height: 40px;
		margin: 0 35px 0 14px;
	}
}

@media only screen and (max-width:1250px) {
    .menu_socialne {
        display: none
    }
}

@media only screen and (max-width:1180px) {
    h4 {
        font: 20px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
        color: #000;
        line-height: 30px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:1090px) {
 .header-telefon {display:none}
}

/* Intro */

@keyframes Introfadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
#klejm {
    width: 100%;
    height: 88px;
    margin-top: 138px;
    background-color: #efefef;
    font: 23px/25px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    color: #000;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	padding: 0;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#intro {
    margin: 0 auto;
    padding: 0;
    margin-top: 0px;
    height: -webkit-calc(100vh - 226px);
    height: -moz-calc(100vh - 226px);
    height: calc(100vh - 226px);
    width: 100%;
    position: relative;
    background: #003672;
    color: #fff;
    display: flex;
    flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack:center;
	justify-content: center;
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#intro a:visited {color: #fff !important}

.intro-tlacidlo {
    position: relative;
    width: 25%;
    height: 100%;
    padding: 3em;
    display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack:center;
	justify-content: center;
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    text-decoration: none;
    color: #fff;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10
}
.intro-tlacidlo:nth-child(1)::after, .intro-tlacidlo:nth-child(3)::after {
    position: absolute;
    content:''; 
    display:block; 
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../obrazky/intro_tienovanie.png") no-repeat center;
    background-size: cover;
    z-index: 11
}
.intro-tlacidlo:nth-child(2)::after, .intro-tlacidlo:nth-child(4)::after {
    position: absolute;
    content:''; 
    display:block; 
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../obrazky/intro_tienovanie2.png") no-repeat center;
    background-size: cover;
    opacity: 0.5;
    z-index: 11
}


.intro-tlacidlo:hover:after {
    position: absolute;
    content:''; 
    display:block; 
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../obrazky/intro_tienovanie2.png") no-repeat center;
    background-size: cover;
    opacity: 1;
    z-index: 11
}

.intro-tlacidlo:nth-child(1) {
    background-color: #003a78; 
    -webkit-animation: intro-gradient-out-1X 1s;
    -moz-animation: intro-gradient-out-1X 1s;
    animation: intro-gradient-out-1X 1s;
}
.intro-tlacidlo:nth-child(2) {
    background-color: #e0212c;
    -webkit-animation: intro-gradient-out-2X 1s;
    -moz-animation: intro-gradient-out-2X 1s;
    animation: intro-gradient-out-2X 1s;
}
.intro-tlacidlo:nth-child(3) {
    background-color: #00488f;
    -webkit-animation: intro-gradient-out-2X 1s;
    -moz-animation: intro-gradient-out-2X 1s;
    animation: intro-gradient-out-2X 1s;
}
.intro-tlacidlo:nth-child(4) {
    background-color: #cb1d27;
    -webkit-animation: intro-gradient-out-4X 1s;
    -moz-animation: intro-gradient-out-4X 1s;
    animation: intro-gradient-out-4X 1s;
}

.intro-tlacidlo:hover {
    text-decoration: none;
    color: #fff;
    animation: intro-gradientX 0.9s 1 ease-in-out;
    animation-fill-mode: forwards;  
}
.intro-tlacidlo:hover .intro-text strong {
    color: #fff;
    background-image: linear-gradient(90deg, #FFFFFF 0%, #fff 95%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
}

@keyframes intro-gradient {  
    0% {
        background: #003672;
    }
    100% {
        background: #d71f2a;
    }
}

@keyframes intro-gradient-out-1 {  
    0% {
        background: #E2212C;
    }
    100% {
        background: #003a78;
    }
}

@keyframes intro-gradient-out-2 {  
    0% {
        background: #E2212C;
    }
    100% {
        background: #00488f;
    }
}

@keyframes intro-gradient-out-3 {  
    0% {
        background: #E2212C;
    }
    100% {
        background: #004e99;
    }
}

@keyframes intro-gradient-out-4 {  
    0% {
        background: #E2212C;
    }
    100% {
        background: #003f80;
    }
}

.intro-text {
    width: 100%;
    font: 60px/60px "Helvetica Now", Helvetica, serif;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 12
}
.intro-text strong {
    font-weight: 900 !important;
    color: #FFFFFF; 
    background-image: linear-gradient(90deg, #FFFFFF 0%, #C3C5C7 95%); 
    background-clip: text; 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    }
.intro-ikonka {
    width: 100%;
    height: 120px;
    display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack:center;
	justify-content: center;
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.ikona1 {
    width: 160px;
    height: 120px;
    background-size: 160px 120px;
    background: url(../obrazky/ikonky/tl01d.svg) no-repeat center;
}
.ikona2 {
    width: 90px;
    height: 71px;
    background-size: 90px 71px;
    background: url(../obrazky/ikonky/tl02b.svg) no-repeat center
}
.ikona3 {
    width: 72px;
     height: 72px;
    background-size: 72px 72px;
    background: url(../obrazky/ikonky/tl03b.svg) no-repeat center;
}
.ikona4 {
    width: 72px;
    height: 72px;
    background-size: 72px 72px;
    background: url(../obrazky/ikonky/tl04b.svg) no-repeat center;
}
.ikona2, .ikona3, .ikona4 {
    width: 120px;
    height: 120px;
}
.intro-zobrazit-viac-tl {
    width: 210px;
    font: 13px "Helvetica Now", Helvetica, serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.020em;
    position: relative;
    display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
    margin: 0;
    padding: 12px 18px 12px 0px;
    border-radius: 35px;
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    border: 3px solid #fff;
    color: #fff;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.intro-zobrazit-ikonka {
    display: inline-block;
    float: left;
    width: 33px;
    height: 33px;
    background: url("../obrazky/ikonky/sipka_vlavo.svg") no-repeat top center;
    background-size: 28px 28px;
    border: 3px solid white;
    border-radius: 50%;
}
.intro-zobrazit-viac-tl-text {
    display: inline-block;
    margin: 0 0 0 23px
}
.intro-tlacidlo:hover .intro-zobrazit-viac-tl {
    background-color: #fff;
}
.intro-tlacidlo:hover  .intro-zobrazit-ikonka {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
.intro-tlacidlo:hover  .intro-zobrazit-viac-tl-text {color: #000}

#rubrika {
    margin-top: 138px;
    background-color: #f2f2f2;
    padding: 80px 0 80px 0;
}
#rubrika p {font: 18px/28px "Helvetica Now", Helvetica, serif; font-weight: 400;}
.rubrika-side {font: 17px/22px "Helvetica Now", Helvetica, serif !important; font-weight: 600 !important}

.ha-fix {margin-top: 0}
.ha-fix2 {margin-top: -5px}
.rubrika-side-ikonka {
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    background: url("../obrazky/ikonky/sipka_vlavo.svg") no-repeat center center;
    background-size: 24px 24px;
    border: 2px solid white;
    border-radius: 50%;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin: 2px 18px 0 0;
}

/* Tlacidla */

.tlacidlo {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 0 3px 0;
    padding: 1em 2em;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tlacidlo a, .tlacidlo:hover {text-decoration: none !important}

.tl-pozritiez {
    border: 2px solid #e6e6e6;
    background-color: transparent;
    color: #000 !important;
    font: 15px/15px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 17px;
}
.tl-pozritiez:hover {
    border: 2px solid #000;
}



.tl-pozritiez-ico1, .tl-pozritiez-ico2, .tl-pozritiez-ico3, .tl-pozritiez-ico4 {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    vertical-align: middle;
    margin: 0 13px 0 0;
}
.tl-pozritiez-ico1 {background: url(../obrazky/ikonky/tl01d.svg) no-repeat center center}
.tl-pozritiez-ico2 {background: url(../obrazky/ikonky/tl02b.svg) no-repeat center center}
.tl-pozritiez-ico3 {background: url(../obrazky/ikonky/tl03b.svg) no-repeat center center}
.tl-pozritiez-ico4 {background: url(../obrazky/ikonky/tl04b.svg) no-repeat center center}

.tl-pozritiez-txt {
    width: auto;
    height: 45px;
    margin: 0 5px 0 0
}
.tl-prejst {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    text-align: center;
    cursor: pointer;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color: transparent;
    border: 2px solid #000;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 60px 0;
    border-radius: 30px
}

.tl-prejst:hover {
    color: #fff;
    background-color: #000
}

.tl-email {
    font: 22px/32px "Helvetica Now", Helvetica, serif; font-weight: 700;
    background-color: #f7f7f7;
    border: 3px solid transparent;
    color: #000;
    padding: 14px 32px;
    border-radius: 40px;
    font-weight: 600
}

.tl-email:hover {
    background-color: #e2212c;
    border: 3px solid #e2212c;
    color: #fff;
    font-weight: 600
}

.tl-email:hover>.tl-email-ico {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
.tl-email-ico {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 16px;
    background: url("../obrazky/ikonky/obalka.svg") center center no-repeat;
    margin: 0 10px -2px 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.tl-footer {
    font: 12px "Helvetica Now", Helvetica, serif;
    font-weight: bold;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.tl-footer:hover {
    color: #414042;
    border-color: #fff;
    background-color: #fff
}

.knt {
    background-color: #c2c2c2
}


/* Paralax obrazky */

#par-01,#par-02, #par-03, #par-04, #par-05, #par-06, #par-07 {
	min-height: 40vh; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#par-01 {
  background-image: url("../obrazky/gal/05.jpg")
}
#par-02 {
  background-image: url("../obrazky/gal/06.jpg")
}
#par-03 {
  background-image: url("../obrazky/gal/07.jpg")
}
#par-04 {
  background-image: url("../obrazky/gal/08.jpg")
}
#par-05 {
  background-image: url("../obrazky/gal/09.jpg")
}
#par-06 {
  background-image: url("../obrazky/gal/10.jpg")
}
#par-07 {
  background-image: url("../obrazky/gal/11.jpg")
}
#matterziva {position:relative;height:0;overflow:hidden;padding-bottom:55%; margin: 0 auto; }
#matterziva iframe {position: absolute;top:0;left:0;width:100%;height:100% }

.matterport-wrapper {
	padding-bottom: 56.25%; 
	position:relative; 
	display:block; 
	width: 100%
}


/* Rubriky */

#kontakty {
    margin-top: 138px;
    background-color: #f7f7f7;
    padding: 50px 0 80px 0;
}
.rubrika-kontakt {
    font: 22px/32px "Helvetica Now", Helvetica, serif; font-weight: 400;
    padding: 80px 0 80px 0;
}
#mapa {
    width: 100%;
    height: 800px;
    margin: 0 auto;
    background-color: #003672;
}

#o-nas-1 {
    margin-top: 138px;
    background-color: #c2c2c2;
    padding: 220px 100px 220px 100px;
    font: 23px/38px "Helvetica Now", Helvetica, serif; 
    font-weight: 600;
    font-weight: bold;
    text-align: center;
}
.o-nas-1-con {
    max-width: 1080px
}
#o-nas-skusenosti {
    padding: 150px 60px 150px 60px;
    background-color: #d3d3d3;
}
#o-nas-skusenosti p {
    font: 17px/17px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
}

.skusenosti-box {
    display: flex;
    justify-content: center;
    align-items: center;
}  
.skusenosti-symbol {
    width: auto;
    height: 120px;
    background: url(../obrazky/pasik.svg) no-repeat center center;
    background-size: 66px 99px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 0;
    margin: 0 20px 10px 0
}    

.nadpis-skusenosti {
    font: 70px/70px "Helvetica Now", Helvetica, serif;
    font-weight: 700;
    letter-spacing: -0.010;
}

#o-nas-ako-pracujeme {
    padding: 120px 60px 120px 60px;
    background-color: #fff;
}

#o-nas-ako-pracujeme a {
    font-weight: 700;
    color: #e2212c
}

#o-nas-ako-pracujeme a:hover {
    color:#0053a1;
    text-decoration: none
}

.ap-ikona {
    display: block;
    width: 108px;
    height: 89px
}
.ap-01 { background: url(../obrazky/ikonky/ap-01.svg) no-repeat center center}
.ap-02 { background: url(../obrazky/ikonky/ap-02.svg) no-repeat center center}
.ap-03 { background: url(../obrazky/ikonky/ap-03.svg) no-repeat center center}
.ap-04 { background: url(../obrazky/ikonky/ap-04.svg) no-repeat center center}

#o-nas-nas-team {
    padding: 110px 60px 170px 60px;
    background-color: #efefef;
    font: 18px/28px "Helvetica Now", Helvetica, serif; font-weight: 400;
}
#o-nas-nas-team p, #o-nas-ako-pracujeme p {font: 18px/25px "Helvetica Now", Helvetica, serif; font-weight: 500;}
/* Pata */

#dalsieweby {
    background-color: #dfdfdf;
    padding: 110px 60px 150px 60px;
}
.tretinovy-ramcek {
    font: 30px/30px 'Helvetica Now', Helvetica, serif;
    width: 100%;
    height: 100%;
    background-color: #00346F;
    color: #fff;
    font-weight: 700;
    border-radius: 15px;
    height: 320px;
    margin: 13px;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	text-align: center;
	align-items: center;
    border: 15px solid transparent;
    cursor:pointer;
     -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pzv-bg:hover {
    -webkit-box-shadow:0px 0px 60px 0px rgba(0,84,162,1);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,84,162,1);
    box-shadow: 0px 0px 60px 0px rgba(0,84,162,1);
}

.ocb-bg:hover {
    -webkit-box-shadow:0px 0px 60px 0px rgbargba(226,33,42,1);
    -moz-box-shadow: 0px 0px 60px 0px rgba(226,33,42,1);
    box-shadow: 0px 0px 60px 0px rgba(226,33,42,1);
}
.lm-bg:hover {
    -webkit-box-shadow:0px 0px 60px 0px rgbargba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.7);
}

    

.lm-bg {

}
.pzv-bg {
    background: url(../obrazky/ostatneweby/predajzaviac.jpg) no-repeat center;
} 
.ocb-bg {
    background: url(../obrazky/ostatneweby/ocensvojbyt.jpg) no-repeat center;
}
.lm-bg {
    background: url(../obrazky/ostatneweby/lepsimakler.jpg) no-repeat center;
}

#galeria {
    padding: 120px 60px 120px 60px;
    background-color:#f5f5f5
}

/* Bageta gal */

.onas-galeria {
    padding: 40px;
}
.onas-galeria .row > div {
    padding: 10px;
}
.onas-galeria .lightbox img {
    width: 100%;
    border-radius: 15px;
    position: relative;
}

.onas-galeria .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 46px;
    content: '⦿';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}
.onas-galeria .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: '';
    transition: 0.4s;
    border-radius: 15px;
    background-color: rgba(225, 32, 44, 0.7);
}
.onas-galeria .lightbox:hover:after,
.onas-galeria .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}


#googlereviews {
    padding: 120px 60px 120px 60px;
    background-color: #e7e7e7
}

#gdpr {
    width: 100%;
    background-color: #efefef;
    margin-top: 138px;
    padding-bottom: 100px
}

#kontakt {
	position: relative;
	margin: 0 auto;
    background-color: #626064;
    color: #fff;
    font: 20px "Helvetica Now", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 33px
}
.kontakt-row {
	max-width: 1980px;
    padding: 80px 45px 80px 45px;    
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 0 auto;
    text-align: left
}
.k1 {
    display: flex;
    align-items: baseline
}
.k2,
.k3,
.k4 {
    display: flex;
    align-items: center
}
.k1,
.k2,
.k3 {
    margin-right: 40px
}

.k_balon {
    width: 128px;
    height: 161px;
    background: url("../obrazky/balon/remax_balon_s.png") no-repeat top;
    background-size: 128px 161px
}

.kontakt_fb_ico,
.kontakt_ig_ico,
.kontakt_ln_ico,
.kontakt_yt_ico {
    width: 40px;
    height: 40px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 1em 1em;
    border-radius: 100px;
    background-color: transparent;
    border: 2px solid #000;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.kontakty_fb_ico,
.kontakty_ig_ico {
    width: 40px;
    height: 40px;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    display: inline-block;
    padding: 1em 1em;
    border-radius: 100px;
    background-color: transparent;
    border: 2px solid #000;
}
.kontakty_fb_ico {margin: 0 3px 0 0 }
.kontakt_fb_ico, .kontakty_fb_ico  {
    background: url(../obrazky/ikonky/fb_ico.svg) no-repeat center;
    background-size: 10px 19px
}
.kontakt_ig_ico, .kontakty_ig_ico {
    background: url(../obrazky/ikonky/ig_ico.svg) no-repeat center;
    background-size: 20px 20px
}

.kontakt_ln_ico {
    background: url(../obrazky/ikonky/ln_ico.svg) no-repeat center;
    background-size: 20px 20px
}

.kontakt_yt_ico {
    background: url(../obrazky/ikonky/yt_ico.svg) no-repeat center;
    background-size: 20px 14px
}

.kontakt_fb_ico:hover,
.kontakt_ig_ico:hover,
.kontakt_ln_ico:hover,
.kontakt_yt_ico:hover {
    background-color: #fff;
    border-color: #fff;
    -webkit-filter: invert(20%);
    filter: invert(20%)
}

#footer {
    background-color: #414042;
    background: #282828;
    background: -moz-linear-gradient(186deg, #282828 0, #414042 100%);
    background: -webkit-linear-gradient(186deg, #282828 0, #414042 100%);
    background: linear-gradient(186deg, #282828 0, #414042 100%);
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    color: #fff;
    font: 12px "Helvetica Now", sans-serif;
    font-weight: bold;
    letter-spacing: .012em;
    text-align: center
}
.footer-row {
	max-width: 1980px;
    margin: 0 auto;
    padding: 0 55px 0 55px;    
    display: flex;
    justify-content: space-between;
    flex-direction: row;
	align-items: center
}
footer a,
footer a:visited {
    color: #2a2120
}

footer a:focus,
footer a:hover {
    color: #eeb868
}

footer .copyright li {
    display: inline-block;
}
.footer-logo {
    background: url("../obrazky/logo/logo_biele.svg") no-repeat center;
    background-size: 225px 45px;
    width: 225px;
    height: 45px
}

@media only screen and (max-width: 2450px) {
    .intro-text {
        font: 50px/52px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
    }
    .ikona1 {
        width: 102px;
        height: 71px;
        background-size: 102px 71px;
        background: url(../obrazky/ikonky/tl01d.svg) no-repeat center;
    }
    .ikona2 {
        width: 90px;
        height: 71px;
        background-size: 90px 71px;
        background: url(../obrazky/ikonky/tl02b.svg) no-repeat center
    }
    .ikona3 {
        width: 72px;
        height: 72px;
        background-size: 72px 72px;
        background: url(../obrazky/ikonky/tl03b.svg) no-repeat center;
    }
    .ikona4 {
        width: 72px;
        height: 72px;
        background-size: 72px 72px;
        background: url(../obrazky/ikonky/tl04b.svg) no-repeat center;
    }
}

@media only screen and (max-width: 2050px) {
    .intro-text {font: 38px/40px "Helvetica Now", Helvetica, serif; font-weight: 700;}

}

@media only screen and (max-width: 1980px) {
    .tl-pozritiez {font: 16px/16px "Helvetica Now", Helvetica, serif; font-weight: 700;}
}
@media only screen and (max-width: 1600px) {
    h1 {
        font: 50px/50px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
    }
    h2 {
        font: 40px/40px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 35px 0 40px 0
    }
    h3 {
        font: 35px/35px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 34px 0 30px 0
    }
    h4 {
        font: 30px/30px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        font-weight: 700;
        margin: 25px 0 25px 0
    }
    h5 {
        font: 25px/25px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 30px 0 25px 0
    }
    h6 {
        font: 20px/20px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        font-weight: 700;
        margin: 25px 0 25px 0
    }
    .kontajner {padding: 0 65px 0 65px}
    #main-header, #header, .kontajner_menu, .hornemenu {height: 108px;}
    #klejm {
        width: 100%;
        height: 68px;
        margin-top: 108px;
        background-color: #efefef;
        font: 20px/23px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
    }
    #rubrika, #kontakty, #o-nas-1, #gdpr  {margin-top: 108px}
    #rubrika {
        background-color: #f2f2f2;
        padding: 60px 0 60px 0;
    }
    #intro {
        height: -webkit-calc(100vh - 176px);
        height: -moz-calc(100vh - 176px);
        height: calc(100vh - 176px);
    }
    .intro-text {font: 30px/33px "Helvetica Now", Helvetica, serif;  font-weight: 700;}
	.kontakt-row {padding: 80px 95px 80px 95px}
	.footer-row {padding: 50px 95px 50px 95px }
	.footer-logo {
        background: url("../obrazky/logo/logo_biele.svg") no-repeat center;
		background-size: 185px 37px;
		width: 185px;
		height: 37px
	}
    .intro-zobrazit-viac-tl {
        width: 186px;
        font: 12px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
        text-transform: uppercase;
        padding: 12px 10px 12px 0px;
        border: 2px solid #fff;
    }
    .intro-zobrazit-ikonka {
        width: 30px;
        height: 30px;
        background-size: 26px 26px;
        border: 2px solid white;
    }
    .intro-zobrazit-viac-tl-text {margin: 0 0 0 18px}
    #rubrika p {font: 16px/26px "Helvetica Now", Helvetica, serif; font-weight: 400;}
    .rubrika-side {font: 16px/20px "Helvetica Now", Helvetica, serif !important; font-weight: 600 !important}
}

@media only screen and (max-width: 1150px) {
    .kontajner {padding: 0 40px 0 40px}
    .kontakt-row {padding: 60px 40px 60px 40px}
    #rubrika, #kontakty {padding: 50px 0 50px 0}
    #intro {min-height: 450px;}
    .intro-text {font: 25px/29px "Helvetica Now", Helvetica, serif; font-weight: 700;}
	#kontakt {
		font: 17px "Helvetica Now", sans-serif;
        font-weight: 400;
		line-height: 30px
	}
	.k_balon {
        width: 92px;
        height: 116px;
        background: url("../obrazky/balon/remax_balon_s.png") no-repeat top;
        background-size: 92px 116px
    }
    .tl-pozritiez {font: 15px/15px "Helvetica Now", Helvetica, serif; font-weight: 700;}
    .tl-pozritiez-ico1, .tl-pozritiez-ico2, .tl-pozritiez-ico3, .tl-pozritiez-ico4 {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
        margin: 0 13px 0 0;
    }
    #rubrika p {font: 15px/24px "Helvetica Now", Helvetica, serif; font-weight: 400;}
    .rubrika-side {font: 15px/17px "Helvetica Now", Helvetica, serif !important; font-weight: 600 !important}
    .tl-email {
        font: 20px/22px "Helvetica Now", Helvetica, serif; font-weight: 700;
        background-color: #f7f7f7;
        border: 3px solid transparent;
        color: #000;
        padding: 14px 32px;
        border-radius: 40px;
        font-weight: 600
    }
    #o-nas-1 {
        padding: 120px 50px 120px 50px;
        font: 19px/28px "Helvetica Now", Helvetica, serif; 
        font-weight: 600;
        font-weight: bold;
    }
    #o-nas-skusenosti {
        padding: 130px 60px 130px 60px;
    }
    #dalsieweby {
        padding: 90px 60px 110px 60px
    }
    #galeria {padding: 50px 60px 50px 60px}
    .skusenosti-box {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 50px
    } 
    .skusenosti-symbol {
        width: 150px;
        height: 80px;
        background: url(../obrazky/pasik.svg) no-repeat center center;
        background-size: 66px 99px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 0 0;
        margin: 0 20px 10px 0
    }  
    .nadpis-skusenosti {
        font: 50px/50px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        letter-spacing: -0.010;
    }
}

@media only screen and (max-width: 1100px) {
    h1 {
        font: 40px/40px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin-bottom: 25px;
    }
    h2 {
        font: 35px/35px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 30px 0 25px 0
    }
    h3 {
        font: 30px/30px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 20px 0 20px 0
    }
    h4 {
        font: 23px/23px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        font-weight: 700;
        margin: 20px 0 20px 0
    }
    h5 {
        font: 20px/20px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 25px 0 25px 0
    }
    h6 {
        font: 17px/17px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        font-weight: 700;
        margin: 23px 0 25px 0
    }
    .kontajner {padding: 0 33px 0 33px}
    #rubrika, #kontakty {padding: 35px 0 55px 0}
    .intro-tlacidlo {
        padding: 2em;
    }
    .intro-zobrazit-viac-tl {
        width: 170px;
        font: 11px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
        text-transform: uppercase;
        padding: 10px 10px 10px 0px;
        border: 2px solid #fff;
    }
    .intro-zobrazit-viac-tl-text {margin: 0 0 0 14px}
	 #footer {
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 12px
    }
    .footer-row {
        display: flex;
        align-items: center;
        justify-content: center;
		flex-direction:column;
		padding: 30px 45px 30px 45px;    
    }
     .footer-logo {
        align-self: center;
        position: relative;
        margin: 40px 0 40px 0
    }
    .fot-lavy {
        position: relative;
        margin: 0
    }
    .fot-pravy {
        position: relative;
        margin: 0 0 20px 0
    }
    .tlacidlo {
        margin: 0 0 3px 0
    }
}

@media only screen and (max-width:991px) {
    .kontajner {padding: 0 30px 0 30px}
    #rubrika, #kontakty {padding: 60px 0 60px 0}
    #o-nas-ako-pracujeme {
        padding: 100px 20px 100px 20px;
    }
    #dalsieweby {
        padding: 90px 30px 110px 30px
    }
    #galeria {padding: 40px 20px 40px 20px}
    .tretinovy-ramcek {
        font: 23px/23px 'Helvetica Now', Helvetica, serif;
        font-weight: 700;
        height: 200px;
        border-radius: 20px;
    }
    .tretinovy-ramcek:hover {

    }
    #o-nas-ako-pracujeme h6 {text-align: center;}
    .ap-ikona {
        margin: 0 auto;
        width: 81px;
        height: 67px;
        background-size: 81px 67px;
    }
    #o-nas-nas-team {padding: 80px 20px 120px 20px}
	.kontakt-row {
		padding: 70px 45px 75px 45px;      
		text-align: center
	}
	.k1 {
		display: flex;
		align-items: baseline
	}
	.k1,
	.k2,
	.k3 {
		margin: 0 0 30px 0;
	}
	.k_balon {
        width: 92px;
        height: 116px;
        background: url("../obrazky/balon/remax_balon_s.png") no-repeat top;
        background-size: 92px 116px
    }
	.kontakt-row {
        display: flex;
        align-items: center;
        justify-content: center;
		flex-direction:column
    }
    #mapa {
        height: 500px;
    }
}

@media (max-width: 892px){ 
    .kontajner {padding: 0 25px 0 25px}
     .hornemenu {padding: 0 0 0 0}
    #klejm {
        font: 18px/17px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
        padding: 0 40px 0 40px
    }
    #intro {
        flex-direction: column;
    }
    .intro-tlacidlo::after {
       display: none
    }
    .intro-tlacidlo:hover:after {
       display: none
    }
    .intro-tlacidlo {
        width: 100%;
        height: 25%;
        padding: 10px;
        flex-direction: row;
    }
    .intro-ikonka {
        width: 50px;
        height: 80px;
        margin: 0 0 10px 0;
        flex-grow: 1;
        justify-content:center;
    }
    .ikona1 {
        width: 70px;
        height: 60px;
        background-size: 70px 60px;
        background: url(../obrazky/ikonky/tl01d.svg) no-repeat center;
        margin-bottom: 0
    }
    .ikona2 {
        width: 58px;
        height: 58px;
        background-size: 58px 58px;
        background: url(../obrazky/ikonky/tl02b.svg) no-repeat center;
        margin-top: 4px
    }
    .ikona3 {
        width: 60px;
        height: 56px;
        background-size: 60px 56px;
        background: url(../obrazky/ikonky/tl03b.svg) no-repeat center;
        margin-top: 11px
    }
    .ikona4 {
        width: 60px;
        height: 52px;
        background-size: 60px 52px;
        background: url(../obrazky/ikonky/tl04b.svg) no-repeat center;
        margin-top: 11px
    }
    .intro-text {
        display: inline-block;
        width: 70%;
        font: 30px/48px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
        margin: 0 0 0 0;
       
    }
    .intro-text br {display: none;}
    .intro-zobrazit-viac-tl {display: none}
    .tl-footer {
        font: 11px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
    }
}

@media (max-width: 792px) {
    .intro-text {
        font: 24px/33px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
    }
}

@media (max-width: 640px) {
    .kontajner {padding: 0 20px 0 20px}
    .intro-ikonka {
        width: 40px;
        height: 40px;
    }
    .ikona1 {
        width: 50px;
        height: 40px;
        background-size: 50px 40px;
        background: url(../obrazky/ikonky/tl01d.svg) no-repeat center;
        margin-bottom: 0
    }
    .ikona2 {
        width: 50px;
         height: 40px;
        background-size: 58px 58px;
        background: url(../obrazky/ikonky/tl02b.svg) no-repeat center;
        margin-top: 7px
    }
    .ikona3 {
        width: 50px;
         height: 40px;
        background-size: 60px 56px;
        background: url(../obrazky/ikonky/tl03b.svg) no-repeat center;
        margin-top: 5px
    }
    .ikona4 {
        width: 50px;
        height: 40px;
        background-size: 60px 52px;
        background: url(../obrazky/ikonky/tl04b.svg) no-repeat center;
        margin-top: 6px
    }
    #klejm {
        font: 15px/15px "Helvetica Now", Helvetica, serif;
        font-weight: bold;
        padding: 0 40px 0 40px
    }
    .intro-text {
        font: 19px/32px "Helvetica Now", Helvetica, serif;
        font-weight: 700;
    }
    #par-01,#par-02, #par-03, #par-04, #par-05, #par-06, #par-07 {
		min-height: 29vh; 
		background-attachment: scroll;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;

	}
} 


@media (max-width: 440px) {
    .nav-menu {
		padding: 0 0 0 20px;
    }
    .intro-text br {display: block}
        #intro {
        height: -webkit-calc(100vh - 376px);
        height: -moz-calc(100vh - 376px);
        height: calc(100vh - 376px);
    }
}