/* * * * * * * * * * ZAKLAD  * * * * * * * * * */
::-moz-selection {
	color: #00e8a5;
	background: #030009;
}
::selection {
	color: #00e8a5;
	background: #030009;
}
html {
	font-size: 100%;
	font-size: 16px;
	color: #fff;
	background-color: #370095;
    background-image: radial-gradient(circle at 100% 20%,#4e00d0 10%,#370095 50%);
    background-image: -webkit-radial-gradient(circle at 100% 20%,#4e00d0 10%,#370095 50%);
	font-family: 'Montserrat', sans-serif;
}
.bg-content {
    background-image: radial-gradient(circle at 50% 30%,#4e00d0 10%,#370095 50%);
    background-image: -webkit-radial-gradient(circle at 50% 30%,#4e00d0 10%,#370095 50%);
}
body {
	display: inline;
	color: #fff;
	background-color: #370095;
	line-height: 1.6rem;
	font-family: 'Montserrat', sans-serif;
}
/* * * * * * * * * * BARVY * * * * * * * * * */
.primary {
	color: #370095;
}
.secondary {
	color: #00e8a5;
}
.dark {
	color: #030009;
}
.lo-dark {
	color: #09011b;
}
/* * * * * * * * * * PADDING * * * * * * * * * */
.small-pad {
	padding: 1rem;
}
.small-pad-left {
	padding-left: 1rem;
}
.small-pad-right {
	padding-right: 1rem;
}
.small-pad-top {
	padding-top: 1rem;
}
.small-pad-bottom {
	padding-bottom: 1rem;
}
.big-pad {
	padding: 3rem;
}
.big-pad-left {
	padding-left: 3rem;
}
.big-pad-right {
	padding-right: 3rem;
}
.big-pad-top {
	padding-top: 3rem;
}
.big-pad-bottom {
	padding-bottom: 3rem;
}
.micro-pad {
	padding: 0.25rem;
}
.micro-pad-left {
	padding-left: 0.25rem;
}
.micro-pad-right {
	padding-right: 0.25rem;
}
.micro-pad-top {
	padding-top: 0.25rem;
}
.micro-pad-bottom {
	padding-bottom: 0.25rem;
}
/* * * * * * * * * * MARGIN * * * * * * * * * */
.small-mar {
	margin: 1rem;
}
.small-mar-left {
	margin-left: 1rem;
}
.small-mar-right {
	margin-right: 1rem;
}
.small-mar-top {
	margin-top: 1rem;
}
.small-mar-bottom {
	margin-bottom: 1rem;
}
.big-mar {
	margin: 3rem;
}
.big-mar-left {
	margin-left: 3rem;
}
.big-mar-right {
	margin-right: 3rem;
}
.big-mar-top {
	margin-top: 3rem;
}
.big-mar-bottom {
	margin-bottom: 3rem;
}
.micro-mar {
	margin: 0.25rem;
}
.micro-mar-left {
	margin-left: 0.25rem;
}
.micro-mar-right {
	margin-right: 0.25rem;
}
.micro-mar-top {
	margin-top: 0.25rem;
}
.micro-mar-bottom {
	margin-bottom: 0.25rem;
}
/* * * * * * * * * * TEXT * * * * * * * * * */
p {
	font-size: 0.8rem!important;
	line-height: 1.2rem!important;
}
.smaller-text {
	font-size: 80% !important;
}
ul li {
	font-size: 0.8rem;
}
h1, h2, h3, h4, h5 {
	margin: 0 0 0 0;
	font-weight: 800!important;
    line-height: 1.1;
}
h1 {
	font-size: 2.4rem!important;
}
h2, #uni-content h1 {
	font-size: 1.8rem!important;
	font-size: 1.8rem!important;
}
h3 {
	font-size: 1.4rem!important;
}
h4, h5 {
	font-size: 1.2rem!important;
}
.text-link {
	text-decoration: underline!important;
}
/* OSTATNI */
#vyhody, #faq {
    display: none;
}
.docasne-ne {
}
.blog-banner {
    width: 100% !important;
    mix-blend-mode: exclusion;
    border-radius: 0.75rem !important;
}
.text-align-left {
    text-align: left !important;
}
.blog-link {
    display: none !important;
}
.article-content {
    background-color: rgba(255, 255, 255, 1) !important;
    -webkit-box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
    border-radius: 0.75rem;
    font-size: 1.2rem !important;
    width: 100%;
    width: 100% !important;
}
.vypis-clanku {
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
}
.vypis-clanku h2 {
    text-align: left !important;
}
#modal-message .btn {
    color: #030009 !important;
    cursor: pointer !important;
}
div#prehled-sluzeb {
    max-width: 1400px;
    margin: 0 auto;
    float: none;
}
.free-container.plus-width.small-pad-left.small-pad-right.small-pad-top.big-pad-bottom, .free-container-b.free-container-b.small-pad-left.small-pad-right, .free-container.plus-width.small-pad-left.small-pad-right.small-pad-bottom, .small-pad-left.small-pad-top.small-pad-right {
    max-width: 1800px;
    margin: 0 auto;
    float: none;
}
.bg-none {
	background-image: none !important;
}
.break-still {
	flex-basis: 100%;
	height: 3rem;
}
.break-still-zero {
	flex-basis: 100%;
	height: 0;
}
.back-odkaz {
	display: inline-block;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #00e8a5;
}
.mfp-arrow-right:after {
	border-left: 17px solid #00e8a5;
}
.mfp-arrow-left:after {
	border-right: 17px solid #00e8a5;
}
.mfp-arrow-right:before {
	border-left: 0;
}
.mfp-arrow-left:before {
	border-right: 0;
}
.mfp-bg {
	background: rgba(3,0,9,0.85);
}
.img-wrapper {
	display: block;
	clear: left;
	float: left;
	width: 100%;
}
section {
	display: block;
	clear: left;
	float: left;
	width: 100%;
}
.content-container {
	float: left;
	width: 100%;
}
.btn-selected {
	background-color: #fff;
	color: #370095;
	font-weight: 700 !important;
	text-decoration: none !important;
}
.btn, input[type=submit] {
	padding: 0.5rem 2rem 0.5rem 2rem;
	font-size: 1rem;
	font-weight: 700;
	background-color: transparent;
	border: 2px solid white;
	color: #00e8a5 !important;
	border-radius: 5rem;
	display: inline-block;
	-webkit-box-shadow: 0 0 25px rgba(20,1,56,0.2);
	-moz-box-shadow: 0 0 25px rgba(20,1,56,0.2);
	box-shadow: 0 0 25px rgba(20,1,56,0.2);
}   
input:focus, textarea:focus {
	border: 2px solid #00e8a5 !important;
}  
.btn-smaller {
	padding: 0.3rem 1rem 0.3rem 1rem;
	font-size: 0.75rem;
}
.btn.first-btn {
	margin-bottom: 1rem;
    border-bottom-left-radius: 5rem;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background-color: transparent;
}
.btn.second-btn {
	margin-bottom: 1rem;
    border-bottom-right-radius: 5rem;
    border-top-right-radius: 5rem;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    background-color: transparent;
    border-left: 1px !important;
}
.tab-btn {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}
.line-height-1-8 {
	line-height: 2.2rem !important;
}
.padding-left-1-rem {
	padding-left: 1rem !important;
}
.bg-udaje {
    background-image: radial-gradient(circle at 35% 50%,#09011b 10%,#030009 50%);
    background-image: -webkit-radial-gradient(circle at 35% 50%,#09011b 10%,#030009 50%);
    width: 100%;
}
/* HEADER */
#header {
    background-color: #09011b;
}
.dot {
	color: #00e8a5;
	font-size: 1.5rem;
	padding-right: 0.25rem;
}
.animenu-toggle-bar {
	background-color: #00e8a5;
}
.animenu-nav {
	background-color: #09011b;
}
.animenu-nav > li {
	border-bottom: 1px solid #27046d;
}
.animenu-nav--open {
	min-height: 100vh;
	background-color: #09011b;
}
.animenu a {
	color: #fff;
	font-weight: 700;
}
.active-menu {
	color: #00e8a5!important;
}
.selected {
	color: #00e8a5!important;
	font-weight: 500 !important;
}
/* UVOD */
.uvod {
	padding: 3rem 30px 0 30px;
	min-height: calc(100vh - 80px);
	min-height: -moz-calc(100vh - 80px);
	min-height: -webkit-calc(100vh - 80px);
	min-height: calc(100vh - 80px);
}
.uvod .btn {
	margin: 1rem 0 1rem 0;
}
.uvod h1 {
	text-align: left;
	font-size: 1.8rem!important;
	font-weight: 700!important;
	margin: 0 0 0 0;
	padding: 0;
}
.uvod .btn {
	clear: right;
}
/* KDY VYUZIJETE */
#faq .hiddentext p {
	border-bottom: 0 !important;
	margin-bottom: 0 !important;
} 
#faq .hiddentext {
    background-color: transparent;
}
#lide-kiwi .hiddentext p {
	border-bottom: 0;
	color: rgba(27, 1, 74, 0.9);
	padding: 2rem !important;
}
#lide-kiwi .hiddentext {
	border-bottom: 0;
	color: rgba(27, 1, 74, 0.9);
	background-color: transparent;
}
.hiddentext {
	width: 100%;
} 
.cena {
	border-top: 2px solid #370095;
}
#kdy-vyuzijete {
	-webkit-box-shadow: inset 0 20px 30px -10px rgba(20,1,56,0.2);
	-moz-box-shadow: inset 0 20px 30px -10px rgba(20,1,56,0.2);
	box-shadow: inset 0 20px 30px -10px rgba(20,1,56,0.2);
	width: 100%;
} 
/* OPORA*/
#opora, #kiwi-text {
    background-image: radial-gradient(circle at 50% 50%,#09011b 30%,#030009 100%);
    background-image: -webkit-radial-gradient(circle at 50% 50%,#09011b 30%,#030009 100%);
}
#opora .img-wrapper, #kiwi-lide .img-wrapper {
	background-image: url('../img/bg-opora.svg');
	background-repeat: no-repeat;
	background-size: auto 30%;
	background-position: right bottom 10px;
}
#kiwi-text .img-wrapper {
    background-image: url('../img/bg/bg-top-banner-c.svg');
    background-repeat: no-repeat;
    background-size: 90vw auto;
    background-position: center;
}
#opora label {
    background-color: #4e00d0 !important;
}
/* VYHODY*/
#vyhody {
    background-image: radial-gradient(circle at center center,#4e00d0 10%,#370095 50%);
    background-image: -webkit-radial-gradient(circle at center center,#4e00d0 10%,#370095 50%);
}
#vyhody .img-wrapper {
	background-image: url('../img/bg/kruh-referenci.svg');
	background-repeat: no-repeat;
	background-size: auto 140%;
	background-position: center center;
}
#vyhody .bez-obrazku {
    background-image:none !important;
    background-size: auto 30vw !important;
    background-position: right top -10% !important;
}
#vyhody .dilci-text {
    background-color: rgba(0, 0, 0, 0.8) !important;
    -webkit-box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 1.5rem 0.5rem rgba(0, 0, 0, 0.2) !important;
}
#faq .hiddentext p {
    color: #fff !important;
}

#vyhody h3, #vyhody h2 {
    color: #9b80bb !important;
}
#vyhody h2 {
	font-weight: 500 !important;
	font-size: 1.4rem !important;
    color: #00e8a5 !important;
}
#vyhody .dilci-text .btn {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
} 

#vyhody p {
    color: #fff !important;
}

/* KIWI-TEXT*/
#kiwi-text .dilci-text, #kiwi-lide .dilci-text {
    background-image: none;
}
/* REFERENCE*/
.flex-same-height.culumns.small-pad-top {
	padding-top: 0 !important;
}
h2.small-pad {
    padding-left: 0 !important;
    line-height: 1.8rem !important;
}
#reference .swiper-slide h3 {
    border: 0 !important;
    background-color: transparent !important;
    font-weight: 800 !important;
    font-size: 1.8rem !important;
    margin-bottom: 0 !important;
}
#reference .swiper-slide h3 {
    border: 0 !important;
    background-color: transparent !important;
    font-weight: 800 !important;
    font-size: 1.8rem !important;
    margin-bottom: 0 !important;
}
#reference .break-still {
    height: 3rem !important;
}
#reference h3 {
	border: 2px solid #370095;
	border-radius: 0.75rem;
	width: 100%;
	background-size: auto 140%;
	background-repeat: no-repeat;
	background-position: right 10% top -20%;
	text-align: left;
	line-height: 2.8rem;
	margin-bottom: 0.5rem !important;
	width: 100% !important;
	color: #fff;
	font-weight: 500 !important;
}
.ref-logo {
	background-image: url('../img/ikony/sluzby-logo-b.svg');
}
.ref-vizualni-styl {
	background-image: url('../img/ikony/sluzby-vizualni-styl-b.svg');
}
.ref-web {
	background-image: url('../img/ikony/sluzby-web-b.svg');
}
.ref-dalsi {
	background-image: url('../img/ikony/reference-dalsi-b.svg');
}
.ref-vykon {
	background-image: url('../img/ikony/sluzby-kampane-b.svg');
}
.ref-ilustrace {
	background-image: url('../img/ikony/sluzby-ilustrace-b.svg');
}
#reference #portfolio-vyber h3 {
	border: 0 !important;
	border-radius: 0;
	background-color: transparent !important;
	margin-bottom: 0 !important;
	background-image: none !important;
    font-size: 1.4rem!important;
    line-height: 1.6rem;
    font-weight: 700!important;    
}
#reference .break-still {
    height: 0;
}
#vypis-referenci #portfolio-vyber .sipky {
    position: unset;
    margin-top: unset;
    top: unset;
    right: unset;
}
#vypis-referenci .sipky {
    position: unset;
    margin-top: unset;
    top: unset;
    right: unset;
}
#vyhody .dilci-text {
	background-color: #fff;
	margin-bottom: 0.5rem;
	border-radius: 0.75rem;
	font-size: 1.2rem !important;
	width: 100%;
	text-align: center;
	width: 100% !important;
	color: #fff;
}
#vyhody p {
	color: rgba(27, 1, 74, 0.9);
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
	text-align: left;
}
#vyhody h3 {
	color: rgba(55, 0, 149, 0.5);
	font-weight: 500 !important;
    line-height: 2.9rem;
}
#vyhody h3::before {
	content: '';
	display: inline-block;
	width: 1.5rem;
	margin-right: 0.5rem;
	height: 1.5rem;
	padding-bottom: 3px;
	background-size: 1.5rem;
	background-image: url('../img/ikony/sluzby-logo-c.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
#reference a {
	width: 100% !important;
}
#reference sipky {
	margin-bottom: 1rem;
}
#dilci-reference .dilci-text {
	background-image: none;
}
#dilci-reference .break-still {
	height: 0 !important;
}
/* DETAIL REFERENCE */
.zpet-z-detailu {
   display: none;
} 
.reference-img {
    width: 100%;
    height: 100%;
    max-height: 100vw !important;
    max-width: unset;
}  
/* REFERENCE PRO MENSI */
#prehled-mensich-referenci {
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0;
    width: 100%;
}   
.reference-img-mensi {
    width: 100%;
    height: initial;
    display: inline-block;
    float: left;
    margin: 0 0 5% 0;
    border-radius: 0;  
    outline: 0;
    -webkit-box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
    -moz-box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
    box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
}   
.reference-text {
    justify-content: center;
    flex-direction: column;
    text-align: left;
}
.reference-text-content {
    background-color: rgba(3,0,9,0.25);
} 
.reference-text-content-b {
    background-color: transparent !important;
}   
.reference-text h1 {
    font-size: 1.8rem !important;
}
/* KDY VYUZIJETE*/
#kdy-vyuzijete li {
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	line-height: 1.8rem;
}
#kdy-vyuzijete ul {
	padding-left:0;
	margin: 0;
	list-style-type: none;
}
#kdy-vyuzijete ul li::before {
	content: '';
	display: inline-block;
	width: 1rem;
	height: 0.8rem;
	background-size: 0.6rem;
	background-image: url('../img/ikony/odrazka.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
#kdy-vyuzijete h2 {
	line-height: 2.4rem;
}

/* PORTFOLIO - VYBER*/
#portfolio-vyber {
    background-image: radial-gradient(circle at 50% 50%,#4e00d0 10%,#370095 100%);
    background-image: -webkit-radial-gradient(circle at 50% 50%,#4e00d0 10%,#370095 100%);
}
.pro-vetsi-bg {
    background-image: radial-gradient(circle at 50% 50%,#370095 20%,#09011b 80%) !important;
    background-image: -webkit-radial-gradient(circle at 50% 50%,#370095 20%,#09011b 80%) !important;
}
#portfolio-vyber .img-wrapper {
/*	background-image: url('../img/bg/kruh-referenci.svg'); */
	background-image: none;
	background-repeat: no-repeat;
	background-size: 110% auto;
	background-position: center 6rem;
}
#portfolio-vyber .pro-vetsi-img {
	background-image: url('../img/bg/kruh-referenci.svg');
	background-repeat: no-repeat;
	background-size: 110% auto;
	background-position: center 6rem;
}
.rozsah {
	text-align: left;
	margin: 0 auto;
	float: none;
	display: inline-block;
}
.rozsah h3 {
	text-align: left;
}
.rozsah li {
	font-weight: 700;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 2rem;
}
.rozsah ul {
	margin: 0;
	list-style-type: none;
}
.rozsah ul li::before {
	content: '';
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-size: 0.9rem;
	background-image: url('../img/ikony/odrazka.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.swiper-wrapper {
	height: unset;
}
.swiper-container {
	display: flex;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url('../img/ikony/sipka-vpravo.svg');
}
.swiper-button-next {
	position: static;
	outline: 0;
	display: inline-block;
	float: none;
	width: 62px;
	height: 62px;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	background-size: 62px 62px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev {
	position: static;
	outline: 0;
	display: inline-block;
	float: none;
	width: 62px;
	height: 62px;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	background-size: 62px 62px;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url('../img/ikony/sipka-vlevo.svg');
}
/* REFERENCE*/
.obrazek-miniatura {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#opora .img-wrapper, #kiwi-lide .img-wrapper {
	background-image: url('../img/bg-opora.svg');
	background-repeat: no-repeat;
	background-size: auto 30%;
	background-position: right bottom 10px;
}

/* VYHODY*/
#vyhody .img-wrapper {
	background-image: url('../img/bg/kruh-referenci.svg');
	background-repeat: no-repeat;
	background-size: auto 60vw;
	background-position: right 10% top -5%;
}
/* KONTAKTNI FORMULAR */
#kontaktni-formular {
    background-image: radial-gradient(circle at 50% 50%,#09011b 10%,#030009 100%);
    background-image: -webkit-radial-gradient(circle at 50% 50%,#09011b 10%,#030009 100%);
}
#kontaktni-formular .img-wrapper {
/*	background-image: url('../img/bg/bg-formular.svg'); */
	background-image: none;
	background-repeat: no-repeat;
	background-size: 25% auto;
	background-position: right 10px bottom 10px;
}
#form {
	margin: auto;
	display: block;
}
#form p {
	font-size: 0.7rem !important;
	line-height: 1rem !important;
	color: #ffffff;
}
#form p a {
	text-decoration: underline;
}
input, textarea {
	width: 100%;
	resize: none;
	font-size: 0.8rem;
	margin-bottom: 1rem;
	font-family: 'Montserrat', sans-serif;
	padding: 0.6rem 1rem 0.6rem 1rem;
	font-weight: 500;
	color: #ffffff;
	background-color: #030009;
	border: 2px solid #370095;
	border-radius: 5rem;
	-webkit-appearance: none;
}
textarea {
	border-radius: 0.75rem;
	margin-top: 1rem;
}
input[type=submit] {
	-webkit-appearance: none;
	cursor: pointer;
	width: auto;
}
input, button, textarea, select {
	-webkit-appearance: none;
}
.modal {
	z-index: 700;
	display: none;
	position: fixed;
	transform: translate3d(0,0,0);
	background: rgba(3,0,9,0.85);
	-webkit-transform: translate3d(0,0,0);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.modal-content {
	border: 2px solid #fff;
	border-radius: 0.5rem;
	background-color: #fff;
	padding: 6rem 2rem 4rem 2rem;
	color: #030009;
	display: inline-block;
	margin: auto;
	position: relative;
	outline: 0;
}
.modal-content .btn {
	border: 2px solid white;
	background-color: #00e8a5;
	color: #030009;
	box-shadow: 0 0 0;
}
.modal-content p {
	margin-bottom: 1rem;
	font-size: 1.1rem !important;
}
.modal-container {
	padding: 0.01em 16px;
}
.modal-krizek {
	position: absolute;
	font-size: 4rem;
	top: 1rem;
	color: #00e8a5;
	right: 1rem;
	border: none;
	display: inline-block;
	outline: 0;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
}
.modal-zavrit {
	outline: 0;
	cursor: pointer;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color: #ffffff !important;
}
::-moz-placeholder {
/* Firefox 19+ */
	color: #ffffff !important;
    opacity: 1 !important;
}
:-ms-input-placeholder {
/* IE 10+ */
	color: #ffffff !important;
}
:-moz-placeholder {
/* Firefox 18- */
	color: #ffffff !important;
    opacity: 1 !important;
}
input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}
/* PATICKA */
.footer-line {
    background-image: linear-gradient(to right,#370095,transparent);
    background-image: -webkit-linear-gradient(to right,#370095,transparent);
	width: 100%;
	display: block;
	float: left;
	clear: left;
	height: 0.25rem;
}
.footer-line-dark {
    background-image: linear-gradient(to right,#fff, transparent, transparent);
    background-image: -webkit-linear-gradient(to right,#fff, transparent, transparent);
	width: 100%;
	display: block;
	clear: left;
	height: 2px;
    opacity: 0.5;
}
#prehled-sluzeb .footer-line-dark {
    background-image: linear-gradient(to right,#1b014a, transparent, transparent);
    background-image: -webkit-linear-gradient(to right,#1b014a, transparent, transparent);
    opacity: 0.5;
}
.footer-logo {
	height: 4rem;
	width: auto;
	float: left;
	display: none !important;
}
.ext-link {
	height: 4rem;
}
.footer-logo.ext-link {
	display: none !important;
}
.footer-link {
	display: none !important;
}  
.footer-text {
	font-size: 0.8rem;
	width: 100%;
	line-height: 1.2rem;
	text-align: left;
	float: left;
}
.footer-text-icon {
	font-size: 1rem;
	font-weight: 700;
	width: 100%;
	line-height: 1.2rem;
	text-align: left;
	float: left;
}
.footer-text-icon::before {
	content: '';
	display: inline-block;
	background-image: url('');
	width: 2.2rem;
	height: 1.2rem;
	background-size: 1.2rem;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.mail::before {
	background-image: url('../img/ikony/mail-ikona.svg');
}
.tel:before {
	background-image: url('../img/ikony/tel-ikona.svg');
}
.footer-text-icon a, .footer-text a {
	text-decoration: underline;
}
#kontaktni-formular .free-container-b.center {
    padding-bottom: 1.5rem;
}
/* KONTAKT */
.slim-cont .footer-text-icon {
	font-size: 0.8rem !important;
	font-weight: 500;
	float: none;
}
/* SLUZBY NA MIRU */
.hiddentext p {
	color: rgba(27,1,74,0.9) !important;
}
.hiddentext {
	background-color: #fff;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}
#na-miru .hiddentext p {
	border-bottom: 0;
}
#na-miru #prehled-sluzeb .footer-line-dark  {
    margin-bottom: 0;
}
/* STRATEGICKE */
#strategicke .accordion label {
	background-color: #ffffff;
}
.empty {
	opacity: 0.3;
	font-weight: 500 !important;
	text-decoration: line-through;	
	color: #00e8a5;
}
li.empty::before {
    background-image: none !important;
}
/* FAQ */
#faq .accordion {
	margin-top: 0;
}
#faq .accordion label {
	line-height: unset;
	border-radius: unset;
	background-color: transparent;
	border-radius: 0;
	border: 0;
}
#faq .accordion h3 {
	border: 0 !important;
	background-image: url('../img/ikony/sipka-dolu-c.svg');
	background-repeat: no-repeat;
	background-size: 2.8rem 2.8rem;
	line-height: 2.9rem;
	background-position: right center;
	margin-bottom: 0 !important;
	width: 100%;
	display: inline-block;
	color: #00e8a5 !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}
#faq .accordion {
	background-color: unset;
	border-top-left-radius:  unset;
	border-top-right-radius:  unset;
	border-bottom-left-radius:  unset;
	border-bottom-right-radius: unset;
}
#faq .hiddentext p {
	color: unset;
	font-size: unset;
	line-height: unset;
}
#faq .hiddentext span {
	color: #00e8a5;
}
#faq .accordion h3::before {
	content: unset;
	display: unset;
	width: unset;
	margin-right: unset;
	height: unset;
	line-height: unset;
	background-size: unset;
	background-image: unset;
	background-repeat: unset;
	background-position: unset;
	vertical-align: unset;
}
#acc-faq:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-faq {
	display: none;
	position: relative;
}
#acc-faq:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#faq .hiddentext {
	display: none;
}
/* VYPIS REFERENCI */
#vypis-referenci #reference {
    background-image: none;
}
#vypis-referenci #reference h3 {
    border: 2px solid #427ad5;
    background-color: rgba(3,0,9,0.75);
    color: #ffffff;
}
.vetsi {
    background-image: none !important;
}
/* KIWI*/
#lide-kiwi .fotka {
	width: 100%;
	display: inline-block;
}
#lide-kiwi .accordion {
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #fff!important;
    border-radius: 0.8rem;
}
.monika {
    background-image: url(../img/lide/monika.jpg);
}
.martin {
    background-image: url(../img/lide/martin.jpg);
}
.libor {
    background-image: url(../img/lide/libor.jpg);
}
.kiwi {
    background-image: url(../img/lide/freelanceri.jpg);
}
#lide-kiwi .accordion label  {
    background-color: #09011b !important;
}
#lide-kiwi h3  {
    color: #ffffff !important;
}

#lide-kiwi .fotka:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#lide-kiwi p {
    background-color: #fff !important;
}
#lide-kiwi .dilci-text {
    background-color: transparent !important;
}
#lide-kiwi #acc-1:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi#acc-1:checked ~ * .footer-line-dark {
	display: block !important;
}
#lide-kiwi #acc-2:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi #acc-2:checked ~ * .footer-line-dark {
	display: block !important;
}
#lide-kiwi #acc-3:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi #acc-3:checked ~ * .footer-line-dark {
	display: block !important;
}
#lide-kiwi #acc-4:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi #acc-4:checked ~ * .footer-line-dark {
	display: block !important;
}
#lide-kiwi #acc-5:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi #acc-5:checked ~ * .footer-line-dark {
	display: block !important;
}
#lide-kiwi #acc-6:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
#lide-kiwi #acc-6:checked ~ * .footer-line-dark {
	display: block !important;
}
/* IKONY SLUZEB */
label[for=acc-web] h3::before {
    background-image: url('../img/ikony/sluzby-web.svg') !important;
}
label[for=acc-vizualni-styl] h3::before {
    background-image: url('../img/ikony/sluzby-vizualni-styl.svg') !important;
}
label[for=acc-1-b] h3::before {
    background-image: url('../img/ikony/sluzby-vizualni-styl.svg') !important;
}
label[for=acc-2-b] h3::before {
    background-image: url('../img/ikony/sluzby-web.svg') !important;
}
label[for=acc-3-b] h3::before {
    background-image: url('../img/ikony/sluzby-kampane.svg') !important;
}
label[for=acc-4-b] h3::before {
    background-image: url('../img/ikony/sluzby-branding.svg') !important;
}
label[for=acc-5-b] h3::before {
    background-image: url('../img/ikony/sluzby-velka-porce.svg') !important;
}
label[for=acc-6-b] h3::before {
    background-image: url('../img/ikony/sluzby-neco-navic-zelena.svg') !important;
}
label[for=acc-7-b] h3::before {
    background-image: url('../img/ikony/sluzby-logo-green.svg') !important;
}
label[for=acc-8-b] h3::before {
    background-image: url('../img/ikony/sluzby-strategie.svg') !important;
}
label[for=acc-9-b] h3::before {
    background-image: url('../img/ikony/sluzby-poznani.svg') !important;
}
label[for=acc-neco-navic] h3::before {
    background-image: url('../img/ikony/sluzby-neco-navic.svg') !important;
}
/* IKONY HODNOT */
.hod-cile h3::before {
    background-image: url('../img/ikony/hodnoty-cile.svg') !important;
}
.hod-lide h3::before {
    background-image: url('../img/ikony/hodnoty-lide.svg') !important;
}
.hod-libit h3::before {
    background-image: url('../img/ikony/hodnoty-libit.svg') !important;
}
.hod-nevodim h3::before {
    background-image: url('../img/ikony/hodnoty-nevodim.svg') !important;
}
/* IKONY SLUZBY NA MIRU */
label[for=acc-2] h3::before {
    background-image: url('../img/ikony/sluzby-poznani.svg') !important;
}
label[for=acc-3] h3::before {
    background-image: url('../img/ikony/sluzby-branding.svg') !important;
}
label[for=acc-4] h3::before {
    background-image: url('../img/ikony/sluzby-web.svg') !important;
}
label[for=acc-5] h3::before {
    background-image: url('../img/ikony/sluzby-kampane.svg') !important;
}
label[for=acc-6] h3::before {
    background-image: url('../img/ikony/sluzby-strategie.svg') !important;
}  
#lide-kiwi label[for=acc-1] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
}
#lide-kiwi label[for=acc-2] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
}
#lide-kiwi label[for=acc-3] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
}
#lide-kiwi label[for=acc-4] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
}
#lide-kiwi label[for=acc-5] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
}
#lide-kiwi label[for=acc-6] h3::before{
    background-image: url('../img/ikony/lide.svg') !important;
} 
 
/* Cookies */
.termsfeed-com---palette-light .cc-pc-head-lang select:focus {
    box-shadow: 0 0 0 0 !important;
}
.termsfeed-com---palette-light input#targeting, .cc-custom-checkbox input#tracking, input#strictly-necessary, input#functionality  {
    width: fit-content !important;
    background: transparent !important;
    color: transparent !important;
}
.termsfeed-com---pc-dialog input:focus, .termsfeed-com---pc-dialog textarea:focus, .termsfeed-com---pc-dialog a:focus {
    border: 0 !important;
}

/* * * * * * * * * * MEDIA QUERIES * * * * * * * * * */
@media screen and (max-width:900px) {
/* UVOD */
.bg-top-banner-mobile {
	display: block;
	width: 100%;
	height: auto;
    max-height: 80vh;
	padding-top: 2rem;
	margin: 0 auto;
}
.uvod {
    background-color: #09011b;
}
/* PRO VETSI ACCORDION */
.info-control {
	display: block;
}
.slim-cont .dilci-text {
	border-radius: 0.75rem !important;
	background-color: transparent !important;
	background-image: radial-gradient(circle at 30% 50%, rgba(20, 1, 56, 0.7) 20%, rgba(3, 0, 9, 0.7) 90%);
	background-image: -webkit-radial-gradient(circle at 30% 50%, rgba(20, 1, 56, 0.7) 20%, rgba(3, 0, 9, 0.7) 90%);
}
.slim-cont .accordion {
	margin-top: 0.5rem;
}
.slim-cont .accordion label {
	background-color: transparent;
}
.slim-cont .accordion h3 {
	background-image: url('../img/ikony/sipka-dolu-c.svg');
	background-repeat: no-repeat;
	background-size: 2.8rem 2.8rem;
	line-height: 2.9rem;
	background-position: right center;
	width: 100%;
	display: inline-block;
	color: #00e8a5!important;
}
.slim-cont .accordion {
	background-color: transparent;
}
.slim-cont .footer-line-dark {
	margin-bottom: 0 !important;
    background-image: -webkit-linear-gradient(to right,#00e8a5, transparent);
}
.slim-cont .hiddentext p {
	color: #ffffff;
	padding: 1rem 2rem 2rem 2rem;
}
.slim-cont .accordion h3::before {
	background-image: url('../img/ikony/sluzby-logo.svg');
}
.slim-cont #acc-1:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-1:checked ~ * .footer-line-dark {
	display: block !important;
}
.slim-cont #acc-2:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-2:checked ~ * .footer-line-dark {
	display: block !important;
}
.slim-cont #acc-3:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-3:checked ~ * .footer-line-dark {
	display: block !important;
}
.slim-cont #acc-4:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-4:checked ~ * .footer-line-dark {
	display: block !important;
}
.slim-cont #acc-5:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-5:checked ~ * .footer-line-dark {
	display: block !important;
}
.slim-cont #acc-6:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	background-color: transparent;
}
.slim-cont #acc-6:checked ~ * .footer-line-dark {
	display: block !important;
}  
#acc-1:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-1 {
	display: none;
	position: relative;
}
#acc-2:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-2 {
	display: none;
	position: relative;
}
#acc-3:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-3 {
	display: none;
	position: relative;
}
#acc-4:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-4 {
	display: none;
	position: relative;
}
#acc-5:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-5 {
	display: none;
	position: relative;
}
#acc-6:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-6 {
	display: none;
	position: relative;
}

input#acc-1-b {
	display: none;
	position: relative;
}
#acc-1-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
#acc-2-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-2-b {
	display: none;
	position: relative;
}
#acc-3-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-3-b {
	display: none;
	position: relative;
}
#acc-4-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-4-b {
	display: none;
	position: relative;
}
#acc-5-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-5-b {
	display: none;
	position: relative;
}
#acc-6-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-6-b {
	display: none;
	position: relative;
}
#acc-7-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-7-b {
	display: none;
	position: relative;
}
#acc-8-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-8-b {
	display: none;
	position: relative;
}
#acc-9-b:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-9-b {
	display: none;
	position: relative;
}
#acc-1:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-2:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-3:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-4:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-5:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-6:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-1-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-2-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-3-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-4-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-5-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-6-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-7-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-8-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
#acc-9-b:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
/* PREHLED SLUZEB */
#prehled-sluzeb .break-still {
    height: 0;
}
/* ACCORDION */
.footer-line-dark {
	display: none;
}
#kontaktni-formular .footer-line-dark {
	display: block !important;
}
.accordion {
	margin-top: 0.5rem;
}
.accordion label {
	display: block;
	line-height: 2.8rem;
	cursor: pointer;
	border-radius: 0.75rem;
	background-color: #fffff;
	width: 100%;
	display: inline-block;
    margin-top: -1px !important;
}
.accordion h3 {
	background-image: url('../img/ikony/sipka-dolu-c.svg');
	background-repeat: no-repeat;
	background-size: 2.8rem 2.8rem;
	line-height: 2.9rem;
	background-position: right center;
	width: 100%;
	display: inline-block;
}
.accordion {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}
.transparent-bg {
	background-color: transparent !important;
}
.accordion .dark-acc span {
	color: #00e8a5 !important;
}
.dark-acc {
	background-color: #ffffff !important;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}
.hiddentext p {
	font-size: 0.8rem !important;
	line-height: 1.3rem !important;
	padding: 0.5rem 2rem;
}
.cena {
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
}  

.accordion h3::before {
	content: '';
	display: inline-block;
	width: 1.5rem;
	margin-right: 0.5rem;
	height: 1.5rem;
	line-height: 2.9rem;
	background-size: 1.5rem;
	background-image: url('../img/ikony/sluzby-logo.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}
.accordion ul {
	margin: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	list-style-type: none;
}
.dark-bg {
	background-color: #09011b !important;
}
.dark-acc ul li::before, .accordion ul li::before {
	padding: 0;
	content: '';
	display: inline-block;
	width: 1.4rem;
	margin-left: 0rem;
	height: 1.4rem;
	background-size: 1rem;
	background-image: url('../img/ikony/ikona-ok.svg');
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
.accordion li {
	font-weight: 400;
	font-size: 0.8rem;
	line-height: 1.8rem;
}
.hiddentext {
	display: none;
}
#acc-logo:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-logo {
	display: none;
	position: relative;
}
#acc-vizualni-styl:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-vizualni-styl {
	display: none;
	position: relative;
}
#acc-web:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-web {
	display: none;
	position: relative;
}
#acc-neco-navic:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-neco-navic {
	display: none;
	position: relative;
}
.tab-btn-cont {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 50%;
	display: inline-block;
}
.tab-btn-cont-first {
	margin: 0;
	width: 50%;
	display: inline-block;
    border-right: 1px !important;
}      
#acc-logo:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-vizualni-styl:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-web:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-neco-navic:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-logo:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-b.svg');
}
#acc-vizualni-styl:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-b.svg');
}
#acc-web:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-b.svg');
}
#acc-neco-navic:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-b.svg');
}
#acc-1-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-2-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-3-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-4-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-5-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-6-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-7-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-8-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
#acc-9-b:checked ~ .label-rohy {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
/* LIDE */
#lide-kiwi .accordion h3 {
    background-image: url(../img/ikony/sipka-dolu-c.svg);
}
/* REFERENCE */
.ref-kat-h3 {
    margin-bottom: 0 !important;
}
.img-100.img-ref {
    margin-top: 0.5rem !important;
}
.sipky {
    margin-top: 1rem !important;
}
#reference .free-container.konkr-ref.small-pad-bottom {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* OSTATNI */
.free-container.footer.small-pad {
	padding-top: 0 !important;
} 
form#form {
    padding-bottom: 0 !important;
}
#kontaktni-formular .big-pad-bottom {
    padding-bottom: 0 !important;
}
.second-btn {
	margin-bottom: 0.75rem;
}
}
@media screen and (max-width:900px) and (orientation:landscape) {
/* UVOD */
.bg-top-banner-mobile {
	display: none;
}
}
@media screen and (min-width:640px) and (max-width:900px) {
/* VYBRANE REFERENCE */
.img-100.img-ref {
    width: 60%;
    margin: 0 10% 0 10%;

}    
}
@media screen and (min-width:640px) {
/* REFERENCE PRO MENSI */
.reference-img-mensi {
    width: 50%;
    height: initial;
    display: block;
    float: none;
    margin: 0 2% 4% 2%;
    padding: 0;
    border: 0;
    border-radius: 1.5rem;
    outline: 0;
    margin-left: auto;
    margin-right: auto;
}
.reference-img-center {
    width: 100%;
    margin: 0 auto 4% auto;
}  
#prehled-mensich-referenci {
    width: 90%;
}
}
@media only screen and (min-width:900px) {
/* * * * * * * * * * HOVERY * * * * * * * * * */
a:hover {
	text-decoration: none !important;
}
    a:visited { 	text-decoration: none !important; }
    a:visited:hover { 	text-decoration: none !important; }
    a:hover { 	text-decoration: none !important; }
    a:active { 	text-decoration: none !important; }
    a:focus { 	text-decoration: none !important; }    
    
.btn:hover, input[type=submit]:hover {
	background-color: #ffffff;
	color: #370095 !important;
	border: 2px solid white;
}
.btn-selected:hover {
	background-color: #fff !important;
	color: #370095 !important;
	border: 2px solid white;
	text-decoration: none;
} 
#modal-message .btn:hover {
    color: #00e8a5 !important;
}
.animenu-nav > li:hover > a {
	color: #00e8a5;
} 
#vyhody h3:hover {
	border: 0!important;
}
#vyhody .dilci-text.small-pad {
	max-width: 50% !important;
}
#vypis-referenci h1.big-pad-top.small-pad-left.left {
	text-align: center;
	padding-top: 2rem;
}
#vypis-referenci h3.left.ref-kat-h3 {
	text-align: center;
}
#vypis-referenci .free-container.plus-width.small-pad-left.small-pad-right.small-pad-bottom {
	padding-bottom: 4rem;
}
#vypis-referenci #uni-content {
	padding-top: 80px;
}
#reference h3:hover,
#vyhody h3:hover {
	border: 2px solid #00e8a5;
	text-decoration: none;
}
.left.ref-kat-h3.small-pad-top.secondary {
	font-size: 2rem !important;
}
.swiper-button-next:hover {
	background-image: url('../img/ikony/sipka-vpravo-hover.svg');
}
.swiper-button-prev:hover {
	background-image: url('../img/ikony/sipka-vlevo-hover.svg');
}
.swiper-button-next {
	width: 42px;
	height: 42px;
	background-size: 42px 42px;
}
.swiper-button-prev {
	width: 42px;
	height: 42px;
	background-size: 42px 42px;
}
.modal-content .btn:hover {
	color: #00e8a5 !important;
	background-color: #030009 !important;
}
.modal-krizek:hover {
	color: #030009;
}
.modal-zavrit:hover {
	outline: 0;
}
#vypis-referenci #reference h3:hover {
    border: 2px solid #00e8a5;
    color: #00e8a5;
}
.reference-img-center {
    display: block !important;
    float: none !important;
    margin: 0 auto 4% auto;
} 
#faq .accordion h3:hover {
	background-image: url('../img/ikony/sipka-dolu-hover.svg');
	color: #fff !important;
}

#acc-faq:checked ~ * .bg-change:hover {
	background-image: url('../img/ikony/sipka-nahoru-hover.svg');
}
#lide-kiwi .accordion {
    margin: -1px!important;
}
/* REFERENCE*/
#reference .swiper-slide {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}
#reference .img-100.img-ref {
    width: 100%;
    margin: 0 0 0 0;
} 
#reference a {
    width: 60% !important;
}
#dilci-reference a {
    width: 100% !important;
}
#reference .footer-line-dark {
    background-image: linear-gradient(to right,#1b014a, transparent, transparent);
    background-image: -webkit-linear-gradient(to right,#1b014a, transparent, transparent);
}
span.footer-text.small-pad-top.small-pad-bottom.big-mar-right {
    float: left;
    margin-left: 2rem;
}
#reference h3:hover {
    color: white !important;
}
#reference .rozsah ul {
    margin-bottom: 1.5rem;
}
.free-container.big-pad-bottom.relative {
    padding-bottom: 4rem;
}
#vypis-referenci .free-container.plus-width.small-pad-left.small-pad-right {
    width: 90% !important;
    max-width: 1200px;
}
.content-container.kruh-bg.bg-none {
    margin-top: -60px;
    background-image: none !important;
}
#portfolio-vyber h2 {
    padding-bottom: 0 !important;
}
.free-container.small-pad-top.konkr-ref {
    padding-top: 0 !important;
}
#portfolio-vyber .swiper-button-prev {
    position: absolute;
    top: 30%;
    left: 0;
}
#portfolio-vyber .swiper-button-next {
    position: absolute;
    top: 30%;
    right: 0;
}
#vypis-referenci .swiper-button-prev {
    position: absolute;
    top: 30%;
    left: 0;
}
#vypis-referenci .swiper-button-next {
    position: absolute;
    top: 30%;
    right: 0;
}
#vypis-referenci #portfolio-vyber .swiper-button-prev {
    position: absolute;
    top: 15%;
    left: 0;
}
#vypis-referenci #portfolio-vyber .swiper-button-next {
    position: absolute;
    top: 15%;
    right: 0;
}
/* STRATEGICKE */
#strategicke .accordion h3 {
    background-image: none;
}
/* HODNOTY */
#vyhody .dilci-text p {
    padding-bottom: 0;
}
#vyhody h2 {
	font-size: 1.2rem !important;
}
/* REFERENCE PRO MENSI */
.reference-img-center {
    width: 56%;
}
/* * * * * * * * * * PADDING * * * * * * * * * */
.small-pad {
	padding: 1.5rem;
}
.small-pad-left {
	padding-left: 1.5rem;
}
.small-pad-right {
	padding-right: 1.5rem;
}
.small-pad-top {
	padding-top: 1.5rem;
}
.small-pad-bottom {
	padding-bottom: 1.5rem;
}
.big-pad {
	padding: 4.5rem;
}
.big-pad-left {
	padding-left: 4.5rem;
}
.big-pad-right {
	padding-right: 4.5rem;
}
.big-pad-top {
	padding-top: 4.5rem;
}
.big-pad-bottom {
	padding-bottom: 4.5rem;
}
.micro-pad {
	padding: 0.37rem;
}
.micro-pad-left {
	padding-left: 0.37rem;
}
.micro-pad-right {
	padding-right: 0.37rem;
}
.micro-pad-top {
	padding-top: 0.37rem;
}
.micro-pad-bottom {
	padding-bottom: 0.37rem;
}
/* * * * * * * * * * MARGIN * * * * * * * * * */
.small-mar {
	margin: 1.5rem;
}
.small-mar-left {
	margin-left: 1.5rem;
}
.small-mar-right {
	margin-right: 1.5rem;
}
.small-mar-top {
	margin-top: 1.5rem;
}
.small-mar-bottom {
	margin-bottom: 1.5rem;
}
.big-mar {
	margin: 4.5rem;
}
.big-mar-left {
	margin-left: 4.5rem;
}
.big-mar-right {
	margin-right: 4.5rem;
}
.big-mar-top {
	margin-top: 4.5rem;
}
.big-mar-bottom {
	margin-bottom: 4.5rem;
}
.micro-mar {
	margin: 0.37rem;
}
.micro-mar-left {
	margin-left: 0.37rem;
}
.micro-mar-right {
	margin-right: 0.37rem;
}
.micro-mar-top {
	margin-top: 0.37rem;
}
.micro-mar-bottom {
	margin-bottom: 0.37rem;
}
/* KONTAKTNI FORMULAR */
#form {
	width: 70%;
}
#form p {
	display: inline-block;
	margin-left: 1rem;
	text-align: left;
	float: left;
}
input[type=submit] {
	float: right;
}
/* OSTATNI */
#header {
    background-image: none;
    background-color: transparent;
    box-shadow: 0 0 0;
}
.article-content {
    padding: 3rem 3rem 3rem 3rem;
}
#uni-content h1 {
    padding-top: 1rem;
}
.break-b {
	flex-basis: inherit !important;
}
.break {
	flex-basis: 100%;
	height: 3rem;
}
.break-b {
	flex-basis: 100%;
}
.bg-none {
	background-image: none !important;
}
#vyhody .bez-obrazku {
    background-image: url('../img/bg/bg-opora.svg') !important;
    background-size: auto 30vw !important;
    background-position: right top -10% !important;
}
.footer-line-dark {
	margin-bottom: 3rem;
}
.culumns {
	flex-wrap: wrap;
}
#uni-content {
	padding-top: 140px;
}
.flex-same-height {
	display: flex;
	justify-content: flex-start;
}
#uvod {
    background-image: url(../img/bg/bg-top-banner.jpg);
    background-repeat: no-repeat;
    background-size: 60% auto;
    background-position: 0 center;
    background-color: #09011b;
}
html {
    background-image: radial-gradient(circle at 100% 40%,#4e00d0 10%,#370095 50%);
    background-image: -webkit-radial-gradient(circle at 100% 40%,#4e00d0 10%,#370095 50%);
}
.last-nav a {
	padding-right: 30px !important;
}
/* HEADER */
.bg-header {
	height: 50px !important;
	line-height: 50px !important;
    background-image: linear-gradient(to right,rgba(20,1,56,0.2),#09011b)!important;
    background-image: -webkit-linear-gradient(to right,rgba(20,1,56,0.2),#09011b)!important;
}
.bg-header .animenu-nav {
	line-height: 47px !important;
}
.bg-header .animenu a {
	padding-right: 5px !important;
}
.bg-header .last-nav {
	padding-right: 30px !important;
}
.bg-header .logo {
    max-width: 122px !important;
}
.animenu-nav {
	background-color: transparent;
	line-height: 80px;
}
.animenu-nav > li {
	border-bottom: 0;
}
.animenu-nav {
	margin-top: 0;
	margin-bottom: 0;
}
.animenu-nav > li:hover > a {
	color: #00e8a5;
}
/* UVOD */
.bg-top-banner-mobile {
	display: none;
}
.uvod {
	padding: 0 5rem 0 5rem;
	margin-bottom: 0;
	min-height: 100vh;
}
.uvod-container {
    padding-left: 30px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.uvod h1 {
	line-height: 150%!important;
}
.tab-btn-cont {
	float: left;
	display: inline-block;
	min-width: 20% !important;
}
#prehled-sluzeb .tab-btn-cont-first {
	min-width: 20% !important;
}
.btn.first-btn {
	border-right: 0 !important;
}
.btn.second-btn {
	border-left: 0 !important;
}
.tab-btn-cont-first {
	float: left;
	display: inline-block;
}
p.small-pad-top.big-pad-left.big-pad-right.micro-pad-bottom.dark{
	padding-top: 0.5rem !important;
	padding-bottom: 2rem !important;
	padding-right: 4rem !important;
	padding-left: 4rem !important;
}
/* KDY VYUZIJETE */
#kdy-vyuzijete {
	width: 100%;
}
/* DETAIL REFERENCE */
.reference-text {
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: left 10% top 10%;
}
.ref-bg-logo {
/*    background-image: url(../img/ikony/sluzby-logo-b.svg); */
      background-image: none;
}
.ref-kat-h3 {
    padding-left: 1.5rem;
}
#kdy-vyuzijete .free-container,
#portfolio-vyber .free-container,
#kontaktni-formular .free-container,
#uni-content .free-container,
#reference .free-container,
#vyhody .free-container, .slim-cont {
	width: 70%;
	margin: 0 auto;
	float: none;
}
.plus-width {
	width: 100% !important;
}
.width-100 {
	width: 100% !important;
}
.dilci-text {
	flex-flow: column nowrap;
	flex: 1;
	align-items: flex-start;
	display: flex;
}
#kdy-vyuzijete .dilci-text {
	flex: unset;
    padding: 0 1rem;
}
#kdy-vyuzijete .flex-same-height {
	flex: unset;
    padding: 0 1rem;
    justify-content: center;
}
#prehled-sluzeb .dilci-text {
    -webkit-box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
    -moz-box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
    box-shadow: 0 0 1.5rem 0.5rem rgba(9,0,25,0.15);
}
#opora #prehled-sluzeb .dilci-text {
    -webkit-box-shadow: 0 0 1.5rem 0.5rem rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 1.5rem 0.5rem rgba(0,0,0,0.2);
    box-shadow: 0 0 1.5rem 0.5rem rgba(0,0,0,0.2);
}
.dilci-text .btn {
	margin-top: auto;
}
.dilci-text p {
	margin-bottom: auto;
	padding-bottom: 1rem;
	width: 100%;
}
/* OPORA*/
#opora .img-wrapper, #kiwi-lide .img-wrapper {
	background-image: url('../img/bg/bg-opora.svg');
	background-repeat: no-repeat;
	background-size: auto 50%;
	background-position: right 80%;
}
/* KONTAKTNI FORMULAR */
#kontaktni-formular .img-wrapper {
/*	background-image: url('../img/bg/bg-formular.svg'); */
	background-image: none;
	background-repeat: no-repeat;
	background-size: auto 85%;
	background-position: right 6rem center;
}
/* PORTFOLIO - VYBER*/

#portfolio-vyber .img-wrapper {
	background-size: 35% auto;
	background-position: center center;
}
#portfolio-vyber .pro-vetsi-img {
	background-size: 35% auto;
	background-position: center center;
}
/* PATICKA */
.footer-text {
	width: auto;
	float: left;
}
.footer-text-icon {
	width: auto;
	float: right;
}
.mail {
	margin-right: 2rem;
}
.footer-logo {
	margin-left: 2rem;
}
.footer {
	width: 100% !important;
}
/* REFERENCE*/
#reference .dilci-text,
#vyhody .dilci-text {
	flex-flow: nowrap;
	margin: 1rem;
	align-items: inherit;
}
/* PRO VETSI ACCORDION */
.slim-cont .dilci-text {
	background-color: transparent !important;
	background-image: radial-gradient(circle at 30% 50%, rgba(20, 1, 56, 0.7) 20%, rgba(3, 0, 9, 0.7) 90%);
	background-image: -webkit-radial-gradient(circle at 30% 50%, rgba(20, 1, 56, 0.7) 20%, rgba(3, 0, 9, 0.7) 90%);
}
.slim-cont .accordion {
	margin-top: 0.5rem;
}
.slim-cont .accordion label {
	background-color: transparent;
}
.slim-cont .accordion h3 {
	line-height: 2.9rem;
	width: 100%;
	display: inline-block;
	color: #00e8a5!important;
}
.slim-cont .accordion {
	background-color: transparent;
}
.slim-cont .footer-line-dark {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
    background-image: -webkit-linear-gradient(to right,#00e8a5, transparent, transparent);
}
.slim-cont .hiddentext p {
	color: #ffffff;
	padding: 0 2rem 3rem 2rem;
}
.slim-cont .accordion h3::before {
	background-image: url('../img/ikony/sluzby-logo.svg');
}
/* KIWI-TEXT*/
#kiwi-text .dilci-text, #kiwi-lide .dilci-text {
    background-image: none;
}
/* PRO VETSI ACCORDION */
#acc-1,
#acc-2,
#acc-3,
#acc-4,
#acc-5,
#acc-6,
#acc-1-b,
#acc-2-b,
#acc-3-b,
#acc-4-b,
#acc-5-b,
#acc-6-b,
#acc-7-b,
#acc-8-b,
#acc-9-b {
	display: none;
}
.slim-cont .accordion {
	margin-top: 0;
}
/* ACCORDION */
#acc-logo {
	display: none;
}
#acc-web {
	display: none;
}
#acc-vizualni-styl {
	display: none;
}
#acc-neco-navic {
	display: none;
}
#prehled-sluzeb .dilci-text, #lide-kiwi .dilci-text {
	border-radius: 0.75rem;
	flex-flow: nowrap;
	border: 0px solid rgba(20,1,56,0.40);
	margin: 0 1.5rem 0 1.5rem;
	align-items: inherit;
}
#prehled-sluzeb .dilci-text {
	background-color: #ffffff;
	border-top-left-radius: 2.5rem;
	border-top-right-radius: 2.5rem;
}
#prehled-sluzeb .flex-same-height {
    justify-content: center;
    height: auto;
}
#prehled-sluzeb .tab-btn-cont-first {
	padding-left: 1.5rem;
}
#prehled-sluzeb .footer-line-dark {
	padding-left: 1.5rem;
	margin-left: 1.5rem;
	margin-right: -1.5rem;
}
#lide-kiwi  {
	float: none;
	margin: auto;
}
.transparent-bg {
	background-color: transparent !important;
}
.accordion label {
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	width: 100%;
	line-height: 100%;
    margin-top: -1px !important;
	background-color: #ffffff;
	display: inline-block;
}
.hiddentext p {
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
}
.hiddentext span {
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
}
.hiddentext p {
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
}
.hiddentext span {
	font-size: 0.8rem !important;
	line-height: 1.2rem !important;
}
.accordion h3 {
	line-height: 1.8rem;
	font-size: 1.2rem !important;
}
.accordion h4 {
	text-align: left;
	font-weight: 700 !important;
	font-size: 1rem !important;
}
.dark-acc {
	background-color: transparent !important;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.accordion h3::before {
	content: '';
	display: inline-block;
	width: 1.5rem;
	margin-right: 0.5rem;
	height: 1.8rem;
	line-height: 1.5rem;
	background-size: 1.5rem;
	background-image: url('../img/ikony/sluzby-logo-green.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}      
.accordion p {
	margin-bottom: 0 !important;
}
.accordion ul {
	background-color: transparent;
	margin: 0;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	list-style-type: none;
}
.accordion li {
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	line-height: 1.8rem;
}
.dark-bg {
	background-color: #09011b !important;
}
.dark-acc ul li::before, .accordion ul li::before {
	padding: 0;
	content: '';
	display: inline-block;
	width: 1.4rem;
	margin-left: 0.5rem;
	height: 1.4rem;
	background-size: 1rem;
	background-image: url('../img/ikony/ikona-ok.svg');
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}
.accordion {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-left-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	width: 100%;
}
.kruh-bg {
	background-image: url('../img/bg/kruh-referenci.svg') !important;
	background-repeat: no-repeat;
	background-size: 150vh auto !important;
	background-position: right 30px top 110px !important;
}
.kiwi-bg {
	background-image: url('../img/bg/bg-top-banner-b.svg') !important;
	background-repeat: no-repeat;
	background-size: 150vw auto !important;
	background-position: top -5% left -20%;
}
/* FAQ */
#faq .accordion {
	margin-top: 0;
	background-color: transparent;
}
#faq .accordion label {
	line-height: unset;
	border-radius: unset;
	cursor: pointer;
	background-color: unset;
}
#faq .accordion h3 {
	background-image: url('../img/ikony/sipka-dolu-c.svg');
	background-repeat: no-repeat;
	background-size: 2.8rem 2.8rem;
	line-height: 2.9rem;
	background-position: right center;
	width: 100%;
	display: inline-block;
	color: unset;
}
#faq .accordion {
	background-color: unset;
	border-top-left-radius:  unset;
	border-top-right-radius:  unset;
	border-bottom-left-radius:  unset;
	border-bottom-right-radius: unset;
}
#faq .hiddentext p {
	color: #fff !important;
	font-size: unset;
	line-height: unset;
}
#faq .hiddentext span {
	color: #00e8a5;
}
#faq .accordion h3::before {
	content: unset;
	display: none;
	width: unset;
	margin-right: unset;
	height: unset;
	line-height: unset;
	background-size: unset;
	background-image: unset;
	background-repeat: unset;
	background-position: unset;
	vertical-align: unset;
}
#acc-faq:checked ~ .hiddentext {
	display: block;
	opacity: 1;
}
input#acc-faq {
	display: none;
	position: relative;
}
#acc-faq:checked ~ * .bg-change {
	background-image: url('../img/ikony/sipka-nahoru-c.svg');
}
.faq {
	width: 45%;
	padding-left: 1rem;
	display: inline-table;
}
.faq-sirsi {
	width: 100%;
}
/* VYHODY */
#vyhody .dilci-text {
	flex-flow: wrap;
}
#vyhody p {
	margin-bottom: 0;
}
#vyhody h3 {
	font-size: 1.2rem !important;
	text-align: left;
	width: 100%;
}    
}
@media only screen and (min-width:1200px) {
/*OSTATNI*/
.bg-none {
	background-image: none !important;
}
/*UVOD*/
.uvod-container {
	padding-left: 30px;
	position: absolute;
	right: 30px;
	top: 45%;
	-webkit-transform: translateY(-45%);
	-moz-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	-o-transform: translateY(-45%);
	transform: translateY(-45%);
}
/*REFERENCE*/
#vypis-referenci .free-container.plus-width.small-pad-left.small-pad-right.big-pad-bottom {
    width: 70% !important;
}
#portfolio-vyber .swiper-button-prev {
    left: 3%;
}
#portfolio-vyber .swiper-button-next {
    right: 3%;
}
#vypis-referenci .swiper-button-prev {
    left: 3%;
}
#vypis-referenci .swiper-button-next {
    right: 3%;
}
#vypis-referenci #portfolio-vyber .swiper-button-prev {
    left: 5%;
}
#vypis-referenci #portfolio-vyber .swiper-button-next {
    right: 5%;
}
}
@media only screen and (min-width:1400px) {
/* * * * * * * * * * TEXT * * * * * * * * * */
p {
	font-size: 1rem!important;
	line-height: 1.5rem!important;
}
h1, h2, h3, h4, h5 {
	margin: 0 0 0 0;
	font-weight: 800!important;
}
h2, #uni-content h1 {
	font-size: 2rem!important;
}
h3 {
	font-size: 1.8rem!important;
}
h4, h5 {
	font-size: 1.6rem!important;
}
body {
	line-height: 1.8rem;
}
/* KONTAKT */
.slim-cont .footer-text-icon {
	font-size: 1rem !important;
}
/* UVOD */
.uvod-container {
	right: 10%;
}
.uvod .btn {
	margin: 1rem 0 1rem 0;
}
/* KDY VYUZIJETE*/
#kdy-vyuzijete li {
	font-size: 1rem;
	line-height: 2.2rem;
}
#kdy-vyuzijete ul li::before {
	content: '';
	display: inline-block;
	width: 1.8rem;
	height: 1rem;
	background-size: 0.8rem;
	background-image: url('../img/ikony/odrazka.svg');
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
}

/* DETAIL REFERENCE */
.reference-text h1 {
    font-size: 2.4rem !important;
}
/* KDY VYUZIJETE */
#kdy-vyuzijete .free-container,
#portfolio-vyber .free-container,
#kontaktni-formular .free-container,
#uni-content .free-container,
#reference .free-container,
#vyhody .free-container, .slim-cont {
	width: 60%;
}
.dilci-text p {
	padding-bottom: 2rem;
}
.btn, input[type=submit] {
	padding: 1rem 3rem 1rem 3rem;
	font-size: 1.2rem;
}      
.btn-smaller {
	padding: 0.6rem 2rem 0.6rem 2rem;
	font-size: 0.9rem;
}
/* KONTAKTNI FORMULAR */
#form p {
	margin-top: 2rem;
}
/* REFERENCE*/
#reference h3 {
	font-size: 1.2rem !important;
}
.free-container.left.plus-width {
    float: none;
    margin: 0 auto;
}
/* OSTATNI*/
.big-pad-bottom {
	padding-bottom: 8.5rem;
}
.bg-none {
	background-image: none !important;
}
.break {
	flex-basis: inherit;
}
.ext-link {
	display: inline-block;
}
.footer-link {
	float: left;
	display: inline-block !important;
} 
.tab-btn-cont {
	min-width: 10% !important;
}
#prehled-sluzeb .tab-btn-cont-first {
	min-width: 10% !important;
} 
#prehled-sluzeb .dilci-text {
	margin: 0 3% 0 3%;
}
.swiper-button-next {
	width: 62px;
	height: 62px;
	background-size: 62px 62px;
}
.swiper-button-prev {
	width: 62px;
	height: 62px;
	background-size: 62px 62px;
}
}
@media only screen and (min-width:1600px) {
/* UVOD */
.uvod {
	padding: 0 8rem 0 8rem;
}
.uvod h1 {
	font-size: 2.5rem!important;
}
/* KDY VYUZIJETE */
#kdy-vyuzijete .free-container,
#portfolio-vyber .free-container,
#kontaktni-formular .free-container,
#uni-content .free-container,
#reference .free-container,
#vyhody .free-container, .slim-cont {
	width: 55%;
}
.plus-width {
	width: 90% !important;
}
/* OPORA*/
#opora .img-wrapper, #kiwi-lide .img-wrapper  {
	background-size: auto 80%;
}
/* OSTATNI*/
.article-content {
    padding: 6rem 6rem 6rem 6rem;
}
.bg-none {
	background-image: none !important;
}
/*REFERENCE*/
#vypis-referenci .free-container.plus-width.small-pad-left.small-pad-right.big-pad-bottom {
    width: 50% !important;
}
#portfolio-vyber .swiper-button-prev {
    left: 7%;
}
#portfolio-vyber .swiper-button-next {
    right: 7%;
}
#vypis-referenci .swiper-button-prev {
    left: 7%;
}
#vypis-referenci .swiper-button-next {
    right: 7%;
}
#vypis-referenci #portfolio-vyber .swiper-button-prev {
    left: 10%;
}
#vypis-referenci #portfolio-vyber .swiper-button-next {
    right: 10%;
}
}
@media screen and (min-width:1400px) and (orientation:landscape) and (min-height:800px) {
/* KDY VYUZIJETE a CESTA */
#kdy-vyuzijete, #opora {
	position: relative;
	min-height: 80vh;
}
.full-height {
	position: absolute;
	left: 50%;
	top: 50%;    
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.free-container.big-pad-bottom.full-height {
    padding-bottom: 0;
}
.full-height h2 {
    padding-top: 0 !important;
}
}