/* CSS Document */
/* * * * * * * * * * ZAKLAD  * * * * * * * * * */
html {
	font-family: 'Roboto Condensed', sans-serif !important;
	background-image: none;
}
body {
	font-family: 'Roboto Condensed', sans-serif !important;
}
/* * * * * * * * * * TEXT * * * * * * * * * */
h1 {
	text-shadow: 0 0 0;
    font-size: 270%;
    line-height: 1.2em !important;
    margin: 0;
    padding: 0;
}
.strong-text {
	font-weight: 800;
}
.underline {
	text-decoration: underline !important;
}
.h1-size-b {
	font-size: 120% !important;
    line-height: 1.2em !important;
}
.h1-size-c {
	font-size: 48% !important;
    line-height: 1.2em !important;
}
.lighten {
	font-weight: 300 !important;
}
/* * * * * * * * * * BARVY * * * * * * * * * */
.cervena {
	color: #e13134;
}
.cervena-bg {
	background-color: #e13134;
}
.white {
	color: #fff;
}
.white-bg {
	background-color: #fff;
}
.white-bg-rgba {
	background-color: rgba(255, 255, 255, 0.80);
}
.black {
	color: #000;
}
.black-bg {
	background-color: #000;
}
.bg-footer-blue:before  {
	background-color: rgba(34, 129, 174, 1);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
    z-index: 0 !important;
}
.bg-footer-red:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(172, 76, 66, 1);
    mix-blend-mode: multiply;
    z-index: 0 !important;
}
/* * * * * * * * * * BLOKY * * * * * * * * * */

/* HEADER */
#header {
	border-bottom: 0;
	height: 100px;
	background-color: transparent;
}
.logo {
	max-height: 81px;
	width: auto;
}
.animenu a {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
}
.animenu ul {
    text-align: right;
}
.animenu-nav {
	border: 0;
}
.animenu-nav > li {
	border: 0;
}
.animenu-toggle {
	height: 100px;
}
.animenu-toggle-bar {
	background-color: #fff;
}
.animenu-toggle--active .animenu-toggle-bar {
	background-color: #fff;
}
.animenu-nav--open  {
	width: 80%;
	float: right;
	background-color: rgba(0, 0, 0, 0.90);
	margin-right: 20px !important;
}
.animenu-nav > li:hover > a {
	color: #e13134;
}
.symbol-menu {
	display: none;
}
/* SLUZBY */
#sluzby h2 {
	font-size: 400% !important;
	margin: 0 0 0 0;
   	padding: 0 0 0 0;
    line-height: initial;
	text-align: right;
	color: rgba(225, 49, 52, 0.85);    
    mix-blend-mode: multiply;
}
.bg-sluzby {	
    background-image: url('../img/bg-sluzby-mobile.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-sluzby-mobile.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-sluzby-mobile.jpg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom left;
	background-attachment: fixed;
}
/* REFERENCE */
#reference h2 {
	font-size: 400% !important;
	margin: 0 0 0 0;
   	padding: 0 0 0 0;
    line-height: initial;
	text-align: right;
	color: rgba(34, 129, 174, 0.85);    
    mix-blend-mode: multiply;
}
.bg-reference {	
    background-image: url('../img/bg-reference-mobile.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-reference-mobile.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-reference-mobile.jpg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	background-attachment: fixed;
}
.img-90 {
	width: 100%;
   	margin: 0;
	display: block;
	opacity: 1;
	height: auto;
	outline:  0;
	border: 0;
}
.img-90:hover {
	outline:  0;
	border: 0;
}
.thumb {
	width: 90%;
   	margin: 5% !important;
   	padding: 5% !important;
    background-image: url('../img/bottom-corner-blue.svg'), url('../img/top-corner-blue.svg');
    background-position: left bottom, right top;
    background-repeat: no-repeat, no-repeat; 
    background-size: 25%, 25%;   
}
.thumb:hover {
    mix-blend-mode: multiply;
    	opacity: 0.7; 
}
.plus-img {
	position: absolute; 
	width: 25%; 
	height: 25%; 
	top: 50%;
	left: 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%);
    background-image: url('../img/ikony/reference-plus.svg');
    background-position: center center;
    background-repeat: no-repeat; 
    background-size: contain;   
    mix-blend-mode: screen;
}
/* VYHODY */
#vyhody h2 {
	font-size: 400% !important;
	margin: 0 0 0 0;
   	padding: 0 0 0 0;
    line-height: initial;
	text-align: right;
	color: rgba(255, 255, 255, 0.95);    
}
#vyhody .usp {
	background-image: none; 
	width: 100%; 
	margin: 0 0 0 0 !important;
   	padding: 0 0 0 0 !important;
}
#vyhody .usp-ikona {
   	padding-top: 0;
   	padding-right: 0.5em !important;
    margin: 0 auto; 
}
/* O-FIRME */
#o-firme h2 {
	font-size: 400% !important;
	margin: 0 0 0 0;
   	padding: 0 0 0 0;
    line-height: initial;
	text-align: right;
	color: rgba(255, 255, 255, 0.95);    
}
.bg-about {	
    background-image: none;
}
/* USP */
.usp-heading {
	margin: 0 0 0 0 !important;
   	padding: 1em;
}
.stavebni-prace, .pozemni-stavby, .zpevnene-plochy, .zemni-prace, .dopravni-stavby, .realitni-servis, .objekty-k-podnikani, .rodinne-domy {
    position: relative;
} 
.stavebni-prace:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-stavebni-prace.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-stavebni-prace.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-stavebni-prace.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.pozemni-stavby:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-pozemni-stavby.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-pozemni-stavby.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-pozemni-stavby.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.zpevnene-plochy:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-zpevnene-plochy.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-zpevnene-plochy.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-zpevnene-plochy.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.zemni-prace:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-zemni-prace.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-zemni-prace.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-zemni-prace.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.dopravni-stavby:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-dopravni-stavby.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-dopravni-stavby.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-dopravni-stavby.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.realitni-servis:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-realitni-servis.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-realitni-servis.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-realitni-servis.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.objekty-k-podnikani:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-objekty-k-podnikani.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-objekty-k-podnikani.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-objekty-k-podnikani.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.rodinne-domy:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url('../img/ikony/sluzby/ikona-sluzba-rodinne-domy.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-rodinne-domy.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ikony/sluzby/ikona-sluzba-rodinne-domy.svg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
    mix-blend-mode: multiply;
    z-index: 0;
}
.usp {
	margin: 0 0 0 0 !important;
   	padding: 0 0 0 0 !important;
   	width: 90%;
   	margin: 5% !important;
   	padding: 5% !important;
    background-image: url('../img/bottom-corner-white.svg'), url('../img/top-corner-white.svg');
    background-position: left 1rem bottom 1rem, right 1rem top 1rem;
    background-repeat: no-repeat, no-repeat; 
    background-size: 25%, 25%;   
}
.usp-heading {
    margin-top: 0;
}
.usp-popis {
    margin-top: 0;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.usp-popis p {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    font-size: 100%;
    padding-top: 10px;
    line-height: 1.4em;
    z-index: 2;
    position: relative;
}
.usp-popis .nazev-ikony {
    color: #fff;
    z-index: 2;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    position: relative;
    font-weight: 800;
    font-size: 100%;
}
/* FORM */
#kontakt-form h2 {
	font-size: 400% !important;
	margin: 0 0 0 0;
   	padding: 0 0 0 0;
    line-height: initial;
	text-align: right;
	color: rgba(255, 255, 255, 0.95);     
}
#form {
	width: 100%;
	background-color: transparent;
	font-family: 'Roboto Condensed', sans-serif;
	border: 0;
}
#form-wrapper {    
    padding-top: 1em;
}
#form-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(172, 76, 66, 1);
    mix-blend-mode: multiply;
    z-index: 0 !important;
}
.form-popis {
	text-align: left;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
	color: #fff;
}
input {
	width: 100%;
	border: 0;
	font-size: 100%;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
    background-color: rgba(0, 0, 0, 0.6);
	-webkit-appearance: none;
}
textarea {
	width: 100%;
	resize: none;
	text-transform: uppercase;
	color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
	font-family: 'Roboto Condensed', sans-serif;
}
input[type=submit] {
	width: 90%;
	font-weight: 900 !important;
	border: 0;
	color: #451208;
	border: 0;
	text-transform: uppercase;
	background-color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}
input[type=submit]:hover {
	color: #fff;
	outline: 0;
	background-color: #451208;
	border: 0;
}
input, button, textarea, select {
	font-family: 'Roboto Condensed', sans-serif!important;
	-webkit-appearance: none;
	font-weight: 300!important;
}

.modal {
	z-index: 700;
	background-color: rgba(255, 255, 255, 0.85);
}
.modal-content {
	background-color: #fff;
	color:#451208;
}
.modal-krizek {
	color: #451208;
    font-family: arial, sans-serif !important;
}
.modal-krizek:hover {
	color: #451208;
	opacity: 0.5;
}
.modal-zavrit {
	background-color: #451208;
	color: #fff;
    line-height: 58px;
	font-weight: 900 !important;
	border: 0;
}
.modal-zavrit:hover {
	color: #fff;
	outline: 0;
	background-color: #451208;
	font-weight: 900 !important;
	border: 0;
	opacity: 0.5;
}
/* PATICKA */
.footer-nadpis {
	font-size: 200% !important;
   	font-weight: 900;
   	text-transform: uppercase;
}
/* * * * * * * * * * OSTATNI * * * * * * * * * */
.soud {
	font-size: 60%;
	font-weight: normal;
}
.ico {
	font-size: 100%;
	font-weight: normal;
	line-height: 100%;
}
.gdpr {
	color: white !important;
	text-align: left !important;
	width: 80%;
	margin: 0 auto;
	float: none;
	display: block;
	max-width: 1200px;
	margin-top: 60px;
}
.gdpr h1, .gdpr h2, .gdpr h3 {
	text-align: left !important;
	margin-left: 0 !important;
}
.mfp-close {
	text-shadow: 0 0 0 #646d00, 0 0 0 #646d00, 0 0 0 #646d00, 0 0 0 #646d00, 0 0 #646d00, 0 -0 0 #646d00, 0 -0 0 #646d00, 0 0 0 #646d00;
	font-family: Baskerville, monospace !important;
	color: #e13134 !important;
}
#btt {
	background-color: transparent;
}
#copy {
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
}
.back-top {
	opacity: 1;
}
.back-top:hover {
	opacity: 0.6;
}
.margin-0 {
	margin: 0 auto !important;
}
.extra-top-bottom-pad {
	padding-bottom: 4em !important;
	padding-top: 4em !important;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-sizing: border-box; 
}
.uvod {	
    margin-top: -100px;
    position: absolute;
    top: 100px;
	border: 0;
}
.uvod-cont {	
    margin-top: 100px;
}
.top-pos-center {	
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%,-60%);
	-moz-transform: translate(-50%,-60%);
	-ms-transform: translate(-50%,-60%);
	-o-transform: translate(-50%,-60%);
	transform: translate(-50%,-60%);
}
.obsah-pod-bannerem {	
    position: absolute;
    top: 100%;
	left: 0;
}
.top-border {	
    border-top: 10px solid #fff;
}
.bg-zbytek {	
    background-image: url('../img/bg-zbytek-mobile.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-zbytek-mobile.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-zbytek-mobile.jpg', sizingMethod='scale')";
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
	background-attachment: fixed;
}
.bg-vyhody:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(1, 130, 173, 1);
    mix-blend-mode: multiply;
    z-index: 0;
}
/* * * * * * * * * * MEDIA QUERIES * * * * * * * * * */
@media only screen and (min-width: 640px) {
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* USP */
.usp {
   	width: 45%;  
    margin: 2.5% !important;
    padding: 2.5% !important;
}
/* REFERENCE */
.thumb {
   	width: 45% !important;  
    margin: 2.5% !important;
    padding: 2.5% !important;
}
/* FORM */
input[type=submit] {
	width: 40%;
}
/* FOOTER */
.map {
	width: 100%;
}
.map:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}
section#sluzby .flex {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
}
@media only screen and (min-width: 900px) {
/* * * * * * * * * * TEXT * * * * * * * * * */
h1 {
    font-size: 320% !important;
}
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* HEADER */
#header {
	height: 200px;
}  
.logo {
	max-height: 140px;
}
.symbol-menu {
	display: inline-block;
	color: #fff;
}
.animenu-nav {
	margin: 20px !important;
}
nav {
	margin: 20px !important;
}    
.animenu-nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
}  
.animenu ul {
	background-color: #e13134;
    padding-left: 10px;
    padding-right: 10px;
}
.animenu-nav > li:hover > a {
	color: #000;
}  
.animenu {
  background-image: url('../img/bottom-corner-menu.svg'), url('../img/top-corner-menu.svg');
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat; 
  background-size: contain, contain; 
}  
.active-menu {
	color: #000 !important;
}
.bg-header {
	height: 90px !important;
	line-height: 90px !important;
	background-color: #000 !important;
}
.bg-header .logo {
	max-height: 73px !important;
}
.bg-header nav {
	margin: 0 !important;
}
.bg-header .animenu {
	background-image: none !important;
}
.bg-header .animenu-nav {
	margin: 0 !important;
    line-height: 70px !important;
}
/* SLUZBY */
#sluzby h2, #reference h2, #vyhody h2, #o-firme h2, #kontakt-form h2 {
	font-size: 800% !important;
} 
/* SLUZBY */
.bg-sluzby {	
    background-image: url('../img/bg-sluzby.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-sluzby.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-sluzby.jpg', sizingMethod='scale')";
}
/* REFERENCE */
.bg-reference {	
    background-image: url('../img/bg-reference.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-reference.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-reference.jpg', sizingMethod='scale')";
}  
/* VYHODY */
#vyhody .usp-ikona {
    margin: unset;
}
#vyhody .usp {
	width: 33%; 
}
  
#vyhody .usp-ikona {
   	padding-top: 1.5em !important;
   	padding-right: 0 !important;
}
/* FORM */
#form {
	float: right; 
}
input {
	width: 45%;
	float: right;
	clear: both;
}
textarea {
	width: 45%;
	float: right;
	clear: both;
}
.margin-0 {
	clear: both;
	float: right;
	width: 45%;
	text-align: left;
}
input[type=submit] {
	width: 30%;
}
.bg-form {	
    background-image: url('../img/bg-form.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-form.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-form.svg', sizingMethod='scale')";
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: 0;
    background-attachment: scroll;
}

/* * * * * * * * * * OSTATNI * * * * * * * * * */
.gdpr {
	margin-top: 240px;
}
.obsah-pod-bannerem {
    display: inline-block;
    float: left;
    position: unset;
    top: unset;
    left: unset;
}

.flex {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}
.sipka-nize {	
	max-width: 60px;
    padding-top: 1em;
}
.top-pos-center {	
	top: 70%;
	left: 50%;
	-webkit-transform: translate(-50%,-70%);
	-moz-transform: translate(-50%,-70%);
	-ms-transform: translate(-50%,-70%);
	-o-transform: translate(-50%,-70%);
	transform: translate(-50%,-70%);
}
.uvod {
    display: inline-block;
    float: left;
    position: unset;
    top: unset;
    margin-top: unset;
}
.bg-zbytek {	
    background-image: url('../img/bg-zbytek.jpg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-zbytek.jpg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-zbytek.jpg', sizingMethod='scale')";
}
}

@media only screen and (min-width: 1100px) {
/* * * * * * * * * * TEXT * * * * * * * * * */
h1 {
    font-size: 380% !important;
}
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* HEADER */
#header {
	height: 240px;
}
.logo {
	max-height: 180px;
}
/* SLUZBY */
#sluzby h2, #reference h2, #vyhody h2, #o-firme h2, #kontakt-form h2  {
	font-size: 900% !important;
} 
/* USP */
.usp {
   	width: 22%;
   	margin: 1.5% !important;
   	padding: 1.5% !important;
}  
/* REFERENCE */
.thumb {
   	width: 22% !important;
   	margin: 1.5% !important;
   	padding: 1.5% !important;
}  
/* O-FIRME */
.bg-about {	
    background-image: url('../img/bg-about.svg');
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-about.svg', sizingMethod='scale');
	-ms-filter: "progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg-about.svg', sizingMethod='scale')";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 15% 0;
    background-attachment: scroll;
}
.white-bg-rgba {
	min-height: 350px;
}  
#o-firme p {
	position: absolute;
    right: 0;  
    top: 50%;  
	transform: translateY(-50%);
}       
/* * * * * * * * * * OSTATNI * * * * * * * * * */
.sipka-nize {	
	max-width: 80px;
}
.modal-zavrit {
    line-height: 96px;
}
}

@media only screen and (min-width: 1400px) {
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* O-FIRME */
.white-bg-rgba {
	min-height: 393px;
}
}
@media only screen and (min-width: 1200px) {
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* FOOTER */
.map {
	width: 50%;
}
.map:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}
}
@media only screen and (min-width: 1800px) {
/* * * * * * * * * * BLOKY * * * * * * * * * */
/* HEADER */
.animenu-nav {
	margin: 30px !important;
}
nav {
	margin: 30px !important;
}
/* USP */
.usp-popis p {
    font-size: 100%;
}
.usp-popis .nazev-ikony {
    font-size: 140%;
} 
/* * * * * * * * * * OSTATNI * * * * * * * * * */
.top-pos-center {	
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%,-55%);
	-moz-transform: translate(-50%,-55%);
	-ms-transform: translate(-50%,-55%);
	-o-transform: translate(-50%,-55%);
	transform: translate(-50%,-55%);
} 
}
@media screen and (max-width:900px) {
/* * * * * * * * * * BLOKY * * * * * * * * * */
.usp {
    text-align: left;
}
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
.bg-sluzby, .bg-reference, .bg-zbytek {
    background-attachment: scroll;
}
.bg-sluzby {	
    background-image: url('../img/bg-sluzby-mobile-safari.jpg');
}
.bg-reference {	
    background-image: url('../img/bg-reference-mobile-safari.jpg');
}
.bg-zbytek {	
    background-image: url('../img/bg-zbytek-mobile-safari.jpg');
}
}

