*, ::before, ::after {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 100;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 550;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-weight: 700;

}


@font-face {
 font-family:'FontAwesome';
 src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
 src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
 url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
 font-weight:normal;
 font-style:normal
}

body {
    margin: 0;
	padding:0;
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    text-align: left;
    background-color: #ffffff;
	/* overflow-x:hidden; */
}

body, html, main {
height: 100%;
width: 100%;
}


/* custom scrollbar */
:root{
  scrollbar-color: rgb(127,127,127) rgb(255,255,255) !important;
  scrollbar-width: thin !important;
  border-radius: 4px;
}

.custom_scrollbar{
  scrollbar-color: rgb(127,127,127) rgb(255,255,255) !important;
  scrollbar-width: thin !important;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track-piece  {
    background-color: rgb(255,255,255);
}

::-webkit-scrollbar-thumb:vertical {
    height: 4px;
    background-color:  rgb(127,127,127);
	border-radius: 4px;
}

.header_bottom [class*="col-"]:nth-child(2) {
padding-left:0px;
padding-right:0px;	
}

.header_bottom [class*="col-"]:nth-child(1) {
padding-right:0px;	
}

.container {
max-width:1400px;	
}

/* menu */

.header_top {
background-color:#e3e3e3;
min-height:36px;
width:100%;
border-bottom:1px solid #d3d3d3;
font-size:14px;
color:#000000;
position:fixed;
z-index:10;
top: 0px;
}	

.header_top_contact {
height:100%;
justify-content: center;
flex-direction: column;	
display:flex;
flex-basis: 100%;
}


.contact_left {
text-indent:30px;
background:url(../images/email.png) no-repeat;	
min-height: 35px;
line-height: 35px;
}

.contact_right {
text-indent:30px;
background:url(../images/phone.png) no-repeat;
min-height: 35px;
line-height: 35px;
}

.header_top_left i {
padding:0 8px 0 0px;	
}

.header_top_inner {
min-height:100%;	
}

.header_icon {
padding:0 50px 0 0;
}


.header_bottom {
position:fixed;
top:0px;
width: 100%;
z-index:10;
font-size:16px;
font-weight:bold;
background:#ffffff;
min-height: 74px;
}

.header_bottom .container {
padding:0px;
}

.menu1 {
flex-basis: 100%;
justify-content: space-between;

z-index:1;
}

.menu1 a{
font-weight:bold;
font-size:16px;
text-transform:uppercase;
}

.addBackgroundWhite {
background:#fbfbfb;	
}



/* other */

#back-top {
	position: fixed;
	bottom: 20px;
	right:10px;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
     filter: alpha(opacity=20);
     opacity: .2;
     z-index:35;
}

#back-top a {
	width: 68px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #0075bf;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	/*background: #ddd url(../img/up-arrow.png) no-repeat center center;*/
	background: #000000 url(../images/cd-top-arrow.svg) no-repeat center center;
	border-radius:5px;
}

#back-top a:hover span {
	background-color: #0075bf;
}

h1 {
font-weight:bold;
color:#f8880a;
padding:10px 0 0 0;	
width: 100%;
line-height:1.5em;
font-size:36px;
}


h1 span {
color:#ffb000;
}

#vylety h1 {
font-size:24px;
text-align:left;
margin:0px 0 10px 0;
padding:10px 0 10px 0;
color:#013e7a;
font-weight:bold;
}

.main_content .container {
  padding: 0px;
}

.main_content h2 {
font-size:24px;
padding:10px 0 25px 0;
}

h2 {
font-size:24px;
color:#ffffff;
line-height:1.5;
font-weight:normal;
}

h2 .fa{
display: inline;
}

h3 {
font-size:24px;
text-align:left;
margin:10px 0 10px 0;
color:#013e7a;
font-weight:bold;
}

h4 {
font-size:18px;
padding:10px 0 10px 0;
margin:0px;	
font-weight:bold;
}

.vybaveni_kat h4 {
font-size:18px;
padding:10px 0 10px 0;
margin:0px 20px 0 0;	
font-weight:bold;
border-bottom:1px solid #d3bd90;
}


.main_content .container {
padding-top:0px;
display: flex;
min-height: 530px;
}

.main_content [class^="col-"] {
padding:0px;
}

.main_content_left {
display: flex;
height: 100%;
justify-content: center;
flex-direction: column;
}

.main_content_right {
background:#ffffff;	
display:flex;
min-height: 530px;
width: 56.4vw;
}



.logo-menu {
	
}

.nav-menu {
	
}

.navbar {
margin-top:20px;
}

.sluzba_velka {
background:url(../images/sluzba_velka.jpg);	
min-height:800px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: left;
}

.sluzba_mala {
background:url(../images/malovani.jpg);	
height:390px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: right;
}

.sluzba_mala2 {
background:url(../images/ostatni.jpg);	
height:390px;
display: flex;
justify-content: end;
flex-direction: column;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
width: 49%;
float: right;
margin:20px 0 0 0;
}

.sluzby_wrapper {
padding:20px 0 0 0;	
}


.sluzby_text {
padding:20px;
background: rgba(0,0,0,0.5);
color:#ffffff;
}

.sluzby_text p {
color:#ffffff;
}

.phone_number {
font-weight:bold;
color:#bf0047;	
}

.phone {
align-self:center;	
width: 100%;
text-align: left;
text-indent:25px;
background:url("../images/phone.png");
background-repeat:no-repeat;
line-height:1.4;
padding: 0 0 15px 0;
font-size:14px;
}

.logo {
align-self:center;	
font-size:22px;
color:#f8880a;	
line-height:1.15;
position: relative;
top: 25px;
}

.logo a {
color:#f8880a;	
}

.menu1 a {
color:#333333;	
}

.menu1 a:hover {
text-decoration:underline;
color:#000000;
}

.main_content {
min-height:530px;
background:#276191 url(../images/palm3.jpg);	
background-repeat:repeat-x;
background-position: left;
background-size:auto;
overflow:hidden;
}


.cenik1 {
background:#a30031;	
color:#ffffff;
padding:10px 10px 10px 15px;
font-size:20px;
}

.cenik2_row {
padding:10px 10px 10px 15px;
font-size:16px;	
background:#c9c9c9;
border-top:1px solid white;
border-bottom:1px solid #c9c9c9;
float: left;
width: 100%;
}

.cenik2_row:nth-child(2n) {
background:#dad8d8;
}	
	

.cenik_col_left {
float:left;	
}

.cenik_col_right {
float:right;
padding-left:5px;	
}


.button {
font-size:20px;
}

.button a {
background-color:#a30031;
color:#ffffff;
padding:20px 45px 20px 45px;
}

.button a:hover {
background-color:#e00748;
text-decoration:none;
transition:0.35s;
}

input .button {
font-size:20px;	
background-color:#a30031;
color:#ffffff;
padding:20px 45px 20px 45px;
}


.ctverec {
color:#ffffff;
}

.ctverec:hover {
background-color:#02609b;
transition:0.35s;
color:#ffffff;
text-decoration:none;
}

.ctverec {
background-color:#0075bf;
min-height:340px;
padding:30px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.col1 {
display:flex;
}

.col2 {
padding:0px 0 0 0;	
}

.col3 {
min-height:35px;
font-size:2.7em;
display: flex;
justify-content: end;
}

.col1_left {
flex-basis: 30%;
min-height: 100px;
padding:0 10px 0 0px;
}

.col1_right {
flex-basis: 67%;
}

.ico_realizace {
background:url(../images/realizace.png) no-repeat;
}

.ico_doporuceni {
background:url(../images/doporuceni.png) no-repeat;	
}

.ico_konzultace {
background:url(../images/konzultace.png) no-repeat;	
}


#o_nas {
padding:70px 0 50px 0;	
display: flex;	
}

#nase_sluzby {
padding:70px 0 50px 0;
display: flex;	
}

#cenik {
display: flex;
padding:70px 0 50px 0;	
display: flex;	
}

#reference {
padding:70px 0 50px 0;	
display: flex;	
}

#kontakt {
padding:70px 0 50px 0;	
}

#footer {
margin:45px 0 0 0;
padding:40px 0 40px 0;
background-color:#3c3638;	
line-height:1.75em;
color:#ffffff;
}

#footer a {
color:#fc3470;	
}

.fb {
width:41px;
height:41px;
background:url(../images/fb.png) no-repeat;
float:left;
}

.fb-wrapper a{
padding: 5px 0 0 10px;
float: left;	
}

#realizace,
#konzultace,
#doporuceni {
padding:120px 15px 90px 15px;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:80.25%;
    position:relative;
    height:0;
}

.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.proc_list {
padding:10px 0 10px 0;	
}

.proc_list li {
padding:7px 0 7px 0;
margin:0px 0 0 15px;	
}

.proc_modra {
color:#0075bf;	
font-size:24px;
font-weight:bold;
line-height:1.3em;
padding:50px 0 5px 0;
}

.number {
font-size:90px;	
}


.gallery {
display:flex;
flex-wrap:wrap;
}

.gallery_image {
margin:10px;
height:240px;
}

.gallery_image img{
height:240px;
width:auto;
max-width:unset;
}

p {
padding:10px 0 10px 0;
margin:0px;
line-height:1.75em;
color:#333333;
}

.text-normal p{
line-height:1.75em;
font-size:16px;
}

.onas-grid {
display: flex;
flex-direction: row;
padding: 0 0 0 25px;
flex-wrap:wrap;
}

.onas {
text-align:center;
font-weight:bold;	
font-size:24px;
flex-basis:50%;
line-height:1.2;
}

.onas span {
font-size:90px;
color:#a30031;
font-weight:bold;
line-height:1.2;
}

img {
max-width:100%;	
}

.custom-toggler {
position: fixed;
right: 12px;
background-color:#ffffff;	
}

.nase_sluby_left {
width:50%;
background-color:#e3e3e3;	
}

.nase_sluby_left .text{
max-width:630px;
padding:25px 15px 25px 15px;
margin:0 auto;
}

.nase_sluby_right {
width:50%;
}

.img1 {
background:url(../images/1.jpg) no-repeat;
background-size:cover;
}

.img2 {
background:url(../images/2.jpg) no-repeat;
background-size:cover;	
}

.img3 {
background:url(../images/3.jpg) no-repeat;
background-size:cover;	
}

.vzorek_list {
display:flex;
flex-basis:100%;
flex-wrap:wrap;
justify-content: center;
}

.vzorek {
margin:12px 12px 20px 12px;
}

.vzorek_image {
width:240px;
height:240px;	
}

.vzorek img {
border-radius:50%;	
height:100%;
}

.vzorek span {
padding: 8px 0 8px 0;
display: flex;
justify-content: center;	
}

input[type=text], input[type=email], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

textarea {
height:200px;
}

input[type=submit] {
  background-color: #a30031;
  color: white;
  border: none;
  border-radius: 0px;
  cursor: pointer;
  transition:0.35s;
  font-size:20px;
  padding:20px 45px 20px 45px;
}

input[type=submit]:hover {
  background-color:#e00748;
}

#formControlRange {
accent-color: #a30031;
}

form {
padding:15px 0 15px 0;	
}

.main_content_right {
background:#ffffff;	
display:flex;
width: 56.4vw;
}

@media only screen and (max-width: 449px) { 

	.logo {
	font-size:22px;
	}

	.elem {
	min-height: 50%;
	width: 50%;
	}

	.main_photo {
	flex-basis: 100%;	
	}

	.main_content_right {
	width: 100%;
	display:grid;
	min-height:70vh;
	}

	.main_content .container {
	display:block;	
	}

	nav {
	max-width:fit-content;
	order:3;
	}

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	min-height:300px;
	width: 100%;
	margin-top:20px;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}

	.header_bottom {
	top:0px;

	}

	.header_bottom .container {
	display:relative;	
	}

	.header_icon {
		padding: 0 20px 0 0;
	}
	
	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 10px 0 0px 10px;
	top: 84px;
    box-shadow: 0px 10px 10px -3px #c6c6c6;
    background: #fff;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:18px;
	}
	
	h1 {
	font-size:28px;
	width: 100%;
	}

	h1 span {
	font-size:28px;	
	}

	.ctverec {
	width:100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}

	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}
	
	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:left;
	margin:15px 0 0 0px;
	}
	
	.main_content [class^="col-"] {
	padding-left:15px;
	padding-right:15px;
	}

	.main_content h1 {
	font-size:1.6em;
	line-height:1.6em;
	}
	
	.main_content h2 {
	font-size:1.6em;
	}

	.image_nahled {
	display:none;
	}
	
	.phone {
	}

	.main_content {
	margin:110px 0 0 0;
	}

	.vybaveni_kat {
	flex-direction: column;
	flex-basis:100%;
	}
	
}


@media only screen and (min-width: 450px) { 

	.logo {
	font-size:22px;
	}

	.elem {
	min-height: 50%;
	width: 50%;
	}

	.main_photo {
	flex-basis: 100%;	
	}

	.main_content_right {
	width: 100%;
	display:grid;
	min-height:70vh;
	}

	.main_content .container {
	display:block;	
	}

	.phone {

	}

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.main_content h1 {
	font-size:1.5em;
	line-height:1.5em;
	}
	
	.main_content h2 {
	font-size:1.4em;
	}

	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	
	.main_content [class^="col-"] {
	padding-left:15px;
	padding-right:15px;
	}


	.header_bottom {
	top:0px;
	}

	.header_bottom .container {
	display:relative;	
	}
	
	.header_icon {
		padding: 0 20px 0 0;
	}
	
	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 20px 0 0px 20px;
    top: 84px;
    box-shadow: 0px 10px 10px -3px #c6c6c6;
    background: #fff;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 5px 8px 5px;
	font-size:18px;
	}
	
	h1 {
	font-size:30px;
	width: 100%;
	}

	.ctverec {
	width:100%;
	}	

	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}

	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}

	#kontakt label {
	display:none;	
	}	
	
	.footer_ico {
	text-align:left;	
	margin:15px 0 0 0px;
	}

	.image_nahled {
	display:none;
	}
	
	.main_content {
	margin:110px 0 0 0;
	}

	.vybaveni_kat {
	flex-direction: column;
	flex-basis:100%;
	}
	
}

@media only screen and (min-width: 556px) { 

	.logo {
	font-size:22px;
	}

	.main_content_right {
	min-height: 80vh;
	}

	.elem {
	min-height: 50%;
	width: 50%;
	}

	.main_photo {
	flex-grow: unset;
	flex-basis: 100%;	
	}
	
	.small_photo {
	flex-grow:unset;	
	}

	.main_content .container {
	display:block;	
	}

	.main_content {
	margin:110px 0 0 0;
	}

	.phone {

	}

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.header_bottom {
	top:0px;
	}

	.header_bottom .container {
	display:relative;	
	}
	
	.navbar {
	justify-content: end;
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:18px;
	}	
	
	h1 {
	font-size:34px;
	width: 100%;
	}

	.main_content h1 {
	font-size:1.7em;
	line-height:1.7em;
	}
	
	.main_content h2 {
	font-size:1.3em;
	}
	
	.ctverec {
	width:100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	}
	
	.col1 {
	flex-direction: row;	
	}
	
	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}
	
	.nase_sluby_left {
	width:100%;
	}

	.nase_sluby_right {
	display:none;
	}

	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:left;
	margin:15px 0 0 0;	
	}
	
	nav {

	}

	.phone-menu {
	margin-top: 10px;
	}

	.vybaveni_kat {
	flex-direction: column;
	flex-basis:50%;
	}
			
}


@media only screen and (min-width: 768px) {

	.logo {
	font-size:22px;
	}

	.main_content_right {
	min-height: 90vh;
	}

	.elem {
	min-height: 50%;
	width: 50%;
	}

	.main_photo {
	flex-grow: unset;
	flex-basis: 100%;	
	}
	
	.small_photo {
	flex-grow:unset;	
	}

	.main_content .container {
	display:block;	
	}

	.main_content {
	margin:110px 0 0 0;
	}

	.phone-menu {
	margin-top: 10px;
	}

	.sluzba_velka {
	min-height:600px;
	width: 100%;
	}

	.sluzba_mala {
	margin-top:20px;
	min-height:300px;
	width: 100%;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 100%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}

	.main_content h1 {
	font-size:1.5em;
	line-height:1.5em;
	}
	
	.main_content h2 {
	font-size:1.5rem;
	}
	
	h1 span {
	font-size:1.6rem;
	}	
	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	

	.header_bottom {
	top:0px;
	}

	.header_bottom .container {
	display:relative;	
	}
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:18px;
	}	
	
	h1 {
	font-weight:34px;
	width: 100%;
	}
	
	.sluzby_prehled {
	margin: -350px 0 0 0;
	display:flex;
	justify-content:space-between;
	flex-direction:row;
	}
	
	.col1 {
	flex-direction: column;	
	}
	
	#o_nas {
	text-align:center;
	}
	
	#o_nas p {
	max-width:100%;
	padding-bottom:20px;	
	}

	.nase_sluby_left {
	width:50%;
	}

	.nase_sluby_right {
	display:block;
	width:50%;
	}
	
	#kontakt label {
	display:none;	
	}

	.footer_ico {
	text-align:left;
	margin:15px 0 0 0;
	}
	
	.image_nahled {
	display:none;
	}	

	.vybaveni_kat {
	flex-direction: column;
	flex-basis:50%;
	}
	
}


@media only screen and (min-width: 992px) {

	.logo {
	font-size:18px;
	}


	.elem {
	min-height: 25%;
	width: 50%;
	}
	
	.main_photo {
	flex-grow: 3;
	flex-basis: auto;
	}

	.small_photo {
	flex-grow: 2;
	}

	.main_content_right {
	width: 56.4vw;
	display:flex;
	min-height: 530px;
	}

	.main_content {
	margin:110px 0 0 0;
	}

	.main_content .container {
	display:flex;	
	}

	nav {
	order:3;
	}

	.phone-menu {
	margin-top: 10px;
	order:2;
	}

	.sluzba_velka {
	min-height:800px;
	width: 49%;
	}
	
	.sluzba_mala {
	min-height:300px;
	width: 49%;
	margin-top:0px;
	}

	.sluzba_mala2 {
	min-height:300px;
	width: 49%;
	}

	.onas-grid {
	padding: 0 0 0 0px;
	}
	
	.main_content h1 {
	font-size:1.8rem;
	line-height:1.8em;
	text-shadow:1px 1px 1px #000000;
	}
	
	.main_content h2 {
	font-size:1.5rem;
	text-shadow:1px 1px 1px #000000;
	}

	h1 span {
	font-size:1.8rem;
	}	
	
	.menu1 {
	position: fixed;
	width: 100vw;
	right: 0px;
	transition:0.2s;
	padding: 0px 0 0px 10px;
	top: 84px;
	box-shadow: 0px 10px 10px -3px #606e77;
	}
	
	.menu1 a{
	display: flex;
	padding: 8px 20px 8px 20px;
	font-size:18px;
	}	
	
	h1 {
	font-size:36px;
	padding:30px 0 0 0;	
	width: 100%;
	}
	
	.ctverec {
	width:30%;
	}
	
	.col1 {
	flex-direction: row;	
	}
	
	.sluzby_prehled {
	margin: -250px 0 0 0;
	display:flex;
	}
	
	#o_nas {
	text-align:left;
	}
	
	#o_nas p {
	max-width:90%;
	padding-bottom:20px;	
	}
	
	#kontakt label {
	display:none;	
	}
	
	.footer_ico {
	text-align:right;	
	}
	
	
	.contact_left {
	margin-left:15px;
	padding-bottom:5px;
	}
	
	.contact_right {
	margin-left:15px;
	}

	.image_nahled {
	display:none;
	}	

	.header_bottom .container {
	display:relative;	
	}

	.apartman-text {
	padding: 0 0 0 0px;
	}

	.vybaveni_kat {
	flex-direction: column;
	flex-basis:33%;
	}

}


@media only screen and (min-width: 1200px) {

	.logo {
	font-size:20px;
	}

	.apartman-text {
	padding: 0 0 0 45px;
	}

	.main_content {
	margin:74px 0 0 0;
	}

	.onas-grid {
	padding: 0 0 0 25px;
	}	
	
	.contact_left {
	margin-left:15px;
	padding-bottom:0px;
	}
	
	.contact_right {
	margin-left:15px;
	}
	
	.menu1 {
	position: static;
	width: auto;
	padding:0px;
	box-shadow: none;
	background: none;
	}
	
	.menu1 a{
	display: flex;
	padding: 0px 5px 0px 5px;
	font-size:14px;
	}
	
	h1 {
	font-size:36px;
	width: 100%;
	line-height:1.5em;
	}
	
	#kontakt label {
	display:block;	
	}
	
	.contact_left {
	margin-left:0px;
	}
	
	.contact_right {
	margin-left:0px;
	}
	
	.image_nahled {
	display:block;
	}	

	.main_content h1 {
	font-size:2.1rem;
	}
	
	.main_content h2 {
	font-size:1.3rem;
	}

	h1 span {
	font-size:2.3rem;
	}

	.header_bottom .container {
	display:flex;	
	}
	.phone-menu {
	margin-top: 28px;
	}
	
	.vybaveni_kat {
	flex-direction: column;
	flex-basis:25%;
	}
}

@media only screen and (min-width: 1600px) {

	.logo {
	font-size:20px;
	}

	.main_content [class^="col-"] {
	padding-left:0px;
	padding-right:0px;
	}
		
	h1 {
	width: 100%;
	}
	
	.contact_left {
	margin-left: 0px;
	}
	
	.contact_right {
	margin-left:0px;
	}


	.clanek-wrapper.container {
	padding-left:0px;
	padding-right:0px;
	}
	
}


.form-group.required label:after {
  content:"*";
  color:red;
}

.gallery-wrapper {
padding-left:5px;	
}

#form_poptavka {
z-index:10;
background:#ffffff;
margin:35px 0 0 0;
}

#form_poptavka [class^="col-"] {
padding-left:0px;
}

#form_poptavka input,
#form_poptavka select {
max-width:600px;
}

#form_poptavka label {
font-weight:600;
}

#form_poptavka .form-check-label {
font-weight:400;	
}

#odeslani-poptavky {
padding-top:10px;
}

.poptavka_link {
line-height:35px;
background-color:#0075bf;
color:#ffffff;
padding-left:10px;
padding-right:10px;
margin:0 0 0 10px;
}

.poptavka_link:hover {
background-color:#02609b;
color:#ffffff;
text-decoration:none;
}

.clanek-wrapper {
padding-top:120px;
min-height:75vh;
}

.clanek-wrapper h2 {
width:100%;
}

.clanek-wrapper h1 {
font-weight:bold;
color:#a30031;
padding:10px 0 10px 0;	
width: 100%;
font-size:1.8em;
font-style:normal;
}

.clanek-wrapper h2 {
font-weight:bold;
color:#a30031;
padding:10px 0 10px 0;	
width: 100%;
font-size:1.6em;
font-style:normal;
}

.clanek_obsah {
line-height:1.75;	
}

.image_nahled {
width:240px;
padding:20px 20px 0 10px;	
}

.card-text {
font-size:1em;	
}

.small_photo {
flex-grow: 2;
display: flex;
flex-direction: column;	
flex-wrap: wrap;
align-content: baseline;
overflow: hidden;
background:#276191 ;
}

.galerie_button_wrapper {
position: absolute;
width: 200px;
height: 100px;
bottom: 0px;
}

.galerie_button {
position: absolute;
bottom: 20px;
left: 20px;
background:rgba(255,255,255,0.8);
border-radius:5px;
padding:5px 15px 5px 15px;
cursor:pointer;
font-size:16px;
font-weight:bold;
box-shadow: 1px 1px 2px #333333, 0 0 25px #333333, 0 0 5px #dedede;
}

.galerie_button:hover {
background:rgba(255,255,255,1);
text-decoration:underline;	
}




/******* gallery *******/
.elem, .elem * {
	box-sizing: border-box;
	margin: 0 !important;	
}
.elem {
	font-size: 0;
	border-bottom: none;
	background: #fff;
	padding:1px;
	height: auto;
	background-clip: padding-box;
	display: flex;
}

.elem:nth-child(2) {
	padding:0px 1px 1px 1px;
}

.elem:nth-child(5) {
	padding:1px 1px 0px 1px;
}

.elem:nth-child(6) {
	padding:0px 1px 1px 1px;
}

.elem:nth-child(9) {
	padding:1px 1px 0px 1px;
}

/*
   .elem:nth-child(n+9) {
      display:none;
   }
*/
.main_photo .elem {
	display: inline-block;
	font-size: 0;
	width: 100%;
	height: 100%;
	border-bottom: none;
	background: #fff;
	padding:0px;
}

.main_photo .elem > span{
	display: block;
	font-size: 0;
	width: 100%;
	height: 100%;
	border-bottom: none;
	padding:0px;
}

.elem > span {
	/*
	display: flex;
	cursor: pointer;
	height: 120px;*/
	background-size: cover;	
	background-position: center center;
	height: 100%;
	flex: 100%;
}

.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}

#o_apartmanu {
border-top:1px solid white;
padding:100px 0 100px 0;
background: linear-gradient(#b7ddfa, #ffffff);	
}

#o_apartmanu img {
box-shadow:4px 4px #013e7a;
margin:0 0 25px 0;
}

.apartman-text {
display: flex;
flex-direction: column;
flex-basis: 100%;
height: 100%;
justify-content: center;
}

.apartman-text p {
line-height:1.85em;	
}

#vybaveni {
background:#f6e1b6;	
padding:100px 0 100px 0;
}

.vybaveni_wrapper {
display: flex;	
flex-direction: row;
flex-wrap: wrap;
}

.vybaveni_kat {
padding:0 0 20px 0;
}

.vybaveni_kat_row {
margin:15px 30px 15px 0px;
font-size:16px;
}

.vybaveni_kat img {
width:26px;
height:26px;
margin:0 10px 0 0;
}

#doplnujici_informace {
border-top:1px solid white;
padding:100px 0 100px 0;
background: linear-gradient(#b7ddfa, #ffffff);	
}

#cenik {
border-top:1px solid white;
padding:100px 0 100px 0;
}

#kontakt {
border-top:1px solid white;
padding:100px 0 100px 0;
background: linear-gradient(#b7ddfa, #ffffff);	
}

.info-text {
display: flex;
flex-direction: column;
flex-basis: 100%;
height: 100%;
justify-content: center;
}

.info-text2 {
line-height:1.85em;
padding:15px 0 15px 0;
}

.info-text ul {
padding:10px 0 10px 0;
margin:0px;
}

.info-text li {
padding:7px 0 7px 5px;
margin:0px 0 0 14px;
}

.info-text li span{
font-size:13px;
color:#565d64;
}

#vylety {
padding:110px 0 100px 0;	
}

#vylety img{
padding:5px 15px 20px 0px;
}

#vylety_pozadi {
background:url(../images/albanie-vlajka3.jpg);	
background-position: center;
}

.modra {
color:#013e7a;
font-size:17px;	
}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.nav-link.active {
border:1px solid #dedede;	
}

.nav-link {
border:1px solid #ffffff;	
}