@media all and (min-width:960px) {

    .header-top h4 {
        font-family: "Times New Roman";
        text-transform: uppercase;
        margin: 1% 0;
    }

    .header-top h6 {
        margin: 0;
        font-family: verdana;
        font-weight: 300;
        text-transform: uppercase;
    }

    .header-top a {
        color: white;
        text-decoration: none;
    }

    .header-top a:hover {
        text-decoration: underline;
        text-decoration: underline;
    }

    .header-center img {
        width: 80%;
        height: auto;
        padding: 5% 0;
        margin: 0 auto;
    }

    .slider-bg {
        background-image: url("/netcat_template/template/integral/files/img/slide-position.png");
        background-position: left top;
        background-size: auto 100%;
        background-repeat: no-repeat;
        z-index: 50;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    #position-b {
        background-color: #f6f3ee;
        padding-bottom: 5%;
    }

    #position-b h1 {
        width: 100%;
    }

    #position-b h4 {
        width: 100%;
        margin-top: 120px;
        color: #a68651;
    }

    #position-b h3 {
        width: 100%;
        margin-top: 120px;
        color: #a68651;
    }

    #position-b p {
        width: 80%;
        margin: 0 10%;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }
    
    #position-b a {
       text-decoration: none;
    }

    .venzel-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-bottom.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 110px;
        max-height: 150px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .venzel-top {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-top.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 110px;
        max-height: 150px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .venki {
        min-height: 300px;
    }

    .venok1, .venok3 {
        background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
        background-position: center;
        background-size: auto 85%;
        background-repeat: no-repeat;

    }

    .venok2 {
        background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;

    }

    #position-c h1 {
        width: 100%;
    }

    #position-c p {
        width: 80%;
        margin: 0 10%;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }

    #usligi {
        margin-top: 50px;
    }

    .usluga {
        width: calc(100% / 3);
        color: #ffffff;
    }

    .usluga h2 {
        position: relative;
        z-index: 100;
        margin: 0;
        font-weight: 100;
		color: white;
    }

    .venzel-white {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        margin-top: 100px;
        box-sizing: border-box;
    }

    .style_prevu_kit {
        display: inline-block;
        border: 0;
        width: 100%;
        height: 300px;
		max-height: 320px;
        position: relative;
        z-index: 1;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1);
        transition: all 300ms ease-in;
        transform: scale(1);
        background-position: center;
        background-size: 100% auto;
    }

    .style_prevu_kit:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 1;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .style_prevu_kit:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .style_prevu_kit:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .text-bizness {
        background-color: #282828;
        color: white;
    }

    .venzel-white-biznes {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: 50% center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        box-sizing: border-box;
    }

    .text-bizness h2 {
        width: 80%;
        margin: 0 10%;
        text-align: center;
        font-weight: 100;
    }

    .text-bizness p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }

    #position-d h2, #position-d h3 {
        width: 100%;
        font-weight: 100;
        margin: 10px 0;
    }

    .panorama {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/panorama.jpg");
        background-position: center center;
        background-size: 100% auto;
        background-repeat: no-repeat;
		background-attachment: fixed;
        min-height: 400px;
        box-sizing: border-box;
    }

    #position-e {
        background-color: #f6f3ee;
    }

    #position-e h2, #position-e h3 {
        width: 100%;
        font-weight: 100;
        margin: 10px 0;
    }

    .logo-slovo {
        background-image: url("/netcat_template/template/integral/files/img/logo.png");
        background-position: top center;
        background-size: 80% auto;
        background-repeat: no-repeat;
        min-height: 260px;
        margin-top: 20px;
        position: relative;
        box-sizing: border-box;
    }

    .bludo {
        background-color: white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .bludo:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .bludo:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .bludo-intro {
        min-height: 120px;
    }

    .bludo img {
        width: 100%;
        height: auto;
    }

    .bludo h3 {
        font-weight: 100;
    }

    .bludo h4 {
        text-align: center;
        font-weight: 100;
        margin: 10px 0;
    }

    .bludo p {
        font-weight: 100;
        text-align: center;
    }

    #position-f {
        background-color: #f6f3ee;
    }

    #position-f img {
        width: 40%;
        height: auto;
        margin: 0 auto;
        max-width: 75px;
    }

    #position-f img {
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    #position-f img:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 300ms ease-in;
        transform: scale(1.1);
    }

    #position-f img:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    footer {
        color: #ffffff;
        font-weight: 100;
        background-image: url("/netcat_template/template/integral/files/img/footer-bg.jpg");
        background-position: center bottom;
        background-attachment: scroll;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    footer h4 {
        font-weight: 100;
        margin: 5% 0;
    }

    footer a {
        color: white;
        text-decoration: none;
    }

    footer a:hover {
        color: white;
        border-bottom: 1px solid white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .footer-menu-left {
        text-align: right;
    }

    .footer-menu-right {
        text-align: left;
    }

    .footer-logo img {
        width: 70%;
        height: auto;
        margin: 10px auto;
    }
    #footer-kontakt {
		margin: 20px 0;
	}
    .footer-kontakt-left {
        text-align: left;
        padding-left: 5%;
    }

    .footer-kontakt-center {
        text-align: center;
    }

    .footer-kontakt-right {
        text-align: right;
        padding-right: 5%;
    }

    .debug-left p {
        text-align: left;
        padding-left: 10%;
        font-weight: 100;
        margin: 0;
    }

    .debug-right p {
        text-align: right;
        padding-right: 10%;
        font-weight: 100;
        margin: 0;
    }

    #content-position {
        background-color: #f6f3ee;
        padding-bottom: 50px;
    }

    .title {
        width: 100%;
        box-sizing: border-box;
    }

    .title h1 {
        width: 100%;
        margin: 10px 0;
    }

    .trail {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-weight: 100;
    }
    .nc_row {
	text-align: left; 
}
    .nc_row a{
	text-decoration: none;
	}
	.nc_announce img {
	float: none;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
    .trail p {
        text-align: center;
        font-weight: 100;
    }

    .content {
        padding-bottom: 50px;
    }

    .content img {
        width: 100%;
        height: auto;
        max-width: 500px;
        float: left;
        margin: 10px;
    }
    .content h3 {
        font-size: 2em;
    }

    #uslugi-bottom {
        color: #ffffff;
    }

    #uslugi-bottom h3 {
        margin: 5px 0;
    }

    #uslugi-bottom p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }

    .restoran-bottom, .hotel-bottom, .sauna-bottom {
        background: #282828;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }
	
	    .restoran-bottom a, .hotel-bottom a, .sauna-bottom a {
        color: white;
		text-decoration: none;
		position: relative;
    }

    .restoran-bottom:hover, .hotel-bottom:hover, .sauna-bottom:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .restoran-bottom:hover:before, .hotel-bottom:hover:before, .sauna-bottom:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .restoran-bottom img, .hotel-bottom img, .sauna-bottom img {
        width: 100%;
        height: auto;
    }

    .venzel-white-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        position: relative;
        z-index: 100;
        margin-top: 5%;
        box-sizing: border-box;
    }
.myButton {
	-moz-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	-webkit-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	box-shadow:inset 0px 1px 4px 0px #d1ab67;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4933f), color-stop(1, #d1ab67));
	background:-moz-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-webkit-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-o-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-ms-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:linear-gradient(to bottom, #c4933f 5%, #d1ab67 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4933f', endColorstr='#d1ab67',GradientType=0);
	background-color:#c4933f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d1ab67;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1ab67;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1ab67), color-stop(1, #c4933f));
	background:-moz-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-webkit-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-o-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-ms-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:linear-gradient(to bottom, #d1ab67 5%, #c4933f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ab67', endColorstr='#c4933f',GradientType=0);
	background-color:#d1ab67;
}
.myButton:active {
	position:relative;
	top:1px;
}
 #links a {
	 width: 18%;
	 margin: 10px 1%;
 }

	
}




@media (min-width: 768px) and (max-width: 959px) {

    .header-top h4 {
        font-family: "Times New Roman";
        text-transform: uppercase;
        margin: 1% 0;
    }

    .header-top h6 {
        margin: 0;
        font-family: verdana;
        font-weight: 300;
        text-transform: uppercase;
    }

    .header-top a {
        color: white;
        text-decoration: none;
    }

    .header-top a:hover {
        text-decoration: underline;
        text-decoration: underline;
    }

    .header-center img {
        width: 100%;
        height: auto;
        padding: 5% 0;
        margin: 0 auto;
    }

    .slider-bg {
        background-image: url("/netcat_template/template/integral/files/img/slide-position.png");
        background-position: left top;
        background-size: auto 100%;
        background-repeat: no-repeat;
        z-index: 8000;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    #position-b {
        background-color: #f6f3ee;
        padding-bottom: 5%;
    }
#position-b a {
       text-decoration: none;
    }
    #position-b h1 {
        width: 100%;
    }

    #position-b h4 {
        width: 100%;
        margin-top: 25%;
        color: #a68651;
    }

    #position-b h3 {
        width: 100%;
        margin-top: 17%;
        color: #a68651;
    }

    #position-b p {
        width: 80%;
        margin: 0 10%;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }

    .venzel-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-bottom.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 110px;
        max-height: 150px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .venzel-top {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-top.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 110px;
        max-height: 150px;
        margin-top: 20px;
        box-sizing: border-box;
    }

    .venki {
        min-height: 300px;
        padding: 50px 0;
    }

    .venok1, .venok3 {
        background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
		min-height: 200px;

    }
    
    .venok2 {
        background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
		min-height: 250px

    }

    #position-c h1 {
        width: 100%;
    }

    #position-c p {
        width: 80%;
        margin: 0 10%;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }

    #usligi {
        margin-top: 50px;
    }

    .usluga {
        width: calc(100% / 2);
        color: #ffffff;
    }
	.usluga a {
		color: #ffffff;
    }

    .usluga h2 {
        position: relative;
        z-index: 100;
        margin: 0;
        font-weight: 100;
    }

    .venzel-white {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        margin-top: 25%;
        box-sizing: border-box;
    }

      .style_prevu_kit {
        display: inline-block;
        border: 0;
        width: 100%;
        height: 360px;
        position: relative;
        z-index: 1;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1);
        transition: all 300ms ease-in;
        transform: scale(1);
        background-position: center;
        background-size: 100% auto;
    }

    .style_prevu_kit:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 1;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .style_prevu_kit:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .style_prevu_kit:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .text-bizness {
        background-color: #282828;
        color: white;
    }

    .venzel-white-biznes {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: 10% center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        box-sizing: border-box;
    }

    .text-bizness h2, .text-bizness h3 {
        width: 80%;
        margin: 0 10%;
        text-align: left;
        font-weight: 100;
    }

    .text-bizness p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }

    #position-d h2, #position-d h3 {
        width: 100%;
        font-weight: 100;
        margin: 10px 0;
    }

    .panorama {
        width: 100%;
		margin-top: 30px;
        background-image: url("/netcat_template/template/integral/files/img/panorama.jpg");
        background-position: 10% center;
        background-size: 100% auto;
        background-repeat: no-repeat;
		background-attachment: scroll;
        min-height: 300px;
        position: relative;
    }

    #position-e {
        background-color: #f6f3ee;
    }

    #position-e h2, #position-e h3 {
        width: 100%;
        font-weight: 100;
        margin: 10px 0;
    }

    .logo-slovo {
        background-image: url("/netcat_template/template/integral/files/img/logo.png");
        background-position: top center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        margin-top: 20px;
        position: relative;
        box-sizing: border-box;
    }

    .bludo {
        background-color: white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .bludo:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .bludo:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .bludo-intro {
        min-height: 120px;
    }

    .bludo img {
        width: 100%;
        height: auto;
    }

    .bludo h3 {
        font-weight: 100;
    }

    .bludo h4 {
        text-align: center;
        font-weight: 100;
        margin: 10px 0;
    }

    .bludo p {
        font-weight: 100;
        text-align: center;
    }

    #position-f {
        background-color: #f6f3ee;
    }

    #position-f img {
        width: 70%;
        height: auto;
        margin: 0 auto;
        max-width: 75px;
    }

    #position-f img {
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    #position-f img:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 300ms ease-in;
        transform: scale(1.1);
    }

    #position-f img:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    footer {
        color: #ffffff;
        font-weight: 100;
        background-image: url("/netcat_template/template/integral/files/img/footer-bg-tab.jpg");
        background-position: center bottom;
        background-attachment: fixed;
        background-size: 100% auto;
        background-repeat: no-repeat;
    }

    footer h4 {
        font-weight: 100;
        margin: 5px 0;
    }

    footer a {
        color: white;
        text-decoration: none;
    }

    footer a:hover {
        color: white;
        border-bottom: 1px solid white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .footer-menu-left {
        text-align: right;
    }

    .footer-menu-right {
        text-align: left;
    }

    .footer-logo img {
        width: 70%;
        height: auto;
        margin: 10px auto;
    }
    #footer-kontakt {
		margin: 20px 0;
	}
    .footer-kontakt-left {
        text-align: left;
        padding-left: 5%;
    }

    .footer-kontakt-center {
        text-align: center;
    }

    .footer-kontakt-right {
        text-align: right;
        padding-right: 5%;
    }

    .debug-left p {
        text-align: left;
        padding-left: 10%;
        font-weight: 100;
        margin: 0;
    }

    .debug-right p {
        text-align: right;
        padding-right: 10%;
        font-weight: 100;
        margin: 0;
    }

    #content-position {
        background-color: #f6f3ee;
        padding-bottom: 50px;
    }

    .title {
        width: 100%;
        box-sizing: border-box;
    }

    .title h1 {
        width: 100%;
        margin: 10px 0;
    }

    .trail {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-weight: 100;
    }

    .trail p {
        text-align: center;
        font-weight: 100;
    }
   .nc_row {
	text-align: left; 
}
    .nc_row a{
	text-decoration: none;
	}
	.nc_announce img {
	float: none;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
    .trail p {
        text-align: center;
        font-weight: 100;
    }

    .content {
        padding-bottom: 50px;
    }

    .content img {
        width: 100%;
        height: auto;
        max-width: 500px;
        float: left;
        margin: 10px;
    }
    .content h3 {
        font-size: 2em;
    }
    #uslugi-bottom {
        color: #ffffff;
    }

    #uslugi-bottom h3 {
        margin: 5px 0;
    }

    #uslugi-bottom p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }

    .restoran-bottom, .hotel-bottom, .sauna-bottom {
        background: #282828;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

	    .restoran-bottom a, .hotel-bottom a, .sauna-bottom a {
        color: white;
		text-decoration: none;
		position: relative;
    }
    .restoran-bottom:hover, .hotel-bottom:hover, .sauna-bottom:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .restoran-bottom:hover:before, .hotel-bottom:hover:before, .sauna-bottom:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .restoran-bottom img, .hotel-bottom img, .sauna-bottom img {
        width: 100%;
        height: auto;
    }

    .venzel-white-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        position: relative;
        z-index: 100;
        margin-top: 5%;
        box-sizing: border-box;
    }
	
	.myButton {
	-moz-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	-webkit-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	box-shadow:inset 0px 1px 4px 0px #d1ab67;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4933f), color-stop(1, #d1ab67));
	background:-moz-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-webkit-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-o-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-ms-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:linear-gradient(to bottom, #c4933f 5%, #d1ab67 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4933f', endColorstr='#d1ab67',GradientType=0);
	background-color:#c4933f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d1ab67;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1ab67;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1ab67), color-stop(1, #c4933f));
	background:-moz-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-webkit-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-o-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-ms-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:linear-gradient(to bottom, #d1ab67 5%, #c4933f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ab67', endColorstr='#c4933f',GradientType=0);
	background-color:#d1ab67;
}
.myButton:active {
	position:relative;
	top:1px;
}
 #links a {
	 width: 23%;
	 margin: 10px 1%;
 }
	
}




@media (max-width: 768px) {
     
    .header-nomber-phone h4 {
        font-family: "Times New Roman";
        text-transform: uppercase;
        margin: 5% auto;
    }
	
	.header-nomber-phone a {
        color: white;
    }
	

    .header-top h6 {
        margin: 0;
        font-family: verdana;
        font-weight: 300;
        text-transform: uppercase;
    }

    .header-top a {
        color: white;
        text-decoration: none;
    }

    .header-top a:hover {
        text-decoration: underline;
        text-decoration: underline;
    }

    .header-center img {
        width: 50%;
        height: auto;
        padding: 5% 0;
        margin: 0 auto;
    }

    .slider-bg {
        background-image: url("/netcat_template/template/integral/files/img/slide-position-ph.png");
        background-position: -5% top;
        background-size: auto 100%;
        background-repeat: no-repeat;
        z-index: 8000;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    #position-b {
        background-color: #f6f3ee;
        padding-bottom: 5%;
    }
#position-b a {
       text-decoration: none;
    }
    #position-b h1 {
        width: 100%;
    }

    #position-b h4 {
        width: 100%;
        margin-top: 25%;
        color: #a68651;
    }

    #position-b h3 {
        width: 100%;
        margin-top: 30%;
        color: #a68651;
    }

    #position-b p {
        width: 90%;
        margin: 0 5%;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }

    .venzel-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-bottom-ph.png");
        background-position: center;
        background-size: 90% auto;
        background-repeat: no-repeat;
        min-height: 50px;
        max-height: 110px;
        box-sizing: border-box;
    }

    .venzel-top {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-top.png");
        background-position: center;
        background-size: 90% auto;
        background-repeat: no-repeat;
        min-height: 50px;
        max-height: 110px;
        box-sizing: border-box;
    }

    .venki {
        min-height: 300px;
        padding: 50px 0;
    }

    .venok1, .venok3 {
        background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
		min-height: 200px;
		margin: 20px 0;

    }

.venok2 {
	background-image: url("/netcat_template/template/integral/files/img/kruglaja-ramka_19.png");
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	min-height: 250px;
	margin: 20px 0;
}

    #position-c h1 {
        width: 100%;
    }

    #position-c p {
        width: 90%;
        margin: 10px auto;
        font-family: Verdana;
        font-weight: 300;
        text-align: center;
    }

    #usligi {
        margin-top: 50px;
    }

.usluga {
	width: 100%;
	color: #ffffff;
	margin: 10px 0;
	max-height: 350px;
}
	.usluga a {
		color: #ffffff;
    }

    .usluga h2 {
        position: relative;
        z-index: 100;
        margin: 0;
        font-weight: 100;
    }

    .venzel-white {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        margin-top: 25%;
        box-sizing: border-box;
    }

       .style_prevu_kit {
        display: inline-block;
        border: 0;
        width: 100%;
        height: 300px;
        position: relative;
        z-index: 1;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1);
        transition: all 300ms ease-in;
        transform: scale(1);
        background-position: center;
        background-size: 100% auto;
    }

    .style_prevu_kit:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 1;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .style_prevu_kit:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .style_prevu_kit:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4);
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .text-bizness {
        background-color: #282828;
        color: white;
    }

    .venzel-white-biznes {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: 10% center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        margin-top: 20px;
        position: relative;
        z-index: 100;
        box-sizing: border-box;
    }

    .text-bizness h2, .text-bizness h3 {
        width: 80%;
        margin: 0 10%;
        text-align: left;
        font-weight: 100;
    }

    .text-bizness p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }

    #position-d h2, #position-d h3 {
        width: 100%;
        font-weight: 100;
        margin: 10px 0;
    }
    #position-e {
        background-color: #f6f3ee;
    }

    #position-e h2, #position-e h3 {
        width: 90%;
        font-weight: 100;
        margin: 10px auto;
    }

    .logo-slovo {
        display: none;
    }

    .bludo {
        background-color: white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .bludo:hover {
        box-shadow: 0px 0px 10px #000000;
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .bludo:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    .bludo-intro {
        margin-bottom: 20px;
    }

    .bludo img {
        width: 100%;
        height: auto;
    }

    .bludo h3 {
        font-weight: 100;
    }

    .bludo h4 {
        text-align: center;
        font-weight: 700;
        margin: 10px 0;
    }

    .bludo p {
        font-weight: 100;
        text-align: center;
    }

    #position-f {
        background-color: #f6f3ee;
    }

    #position-f img {
        width: 70%;
        height: auto;
        margin: 0 auto;
        max-width: 75px;
    }

    #position-f img {
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    #position-f img:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.1);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.1);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.1);
        transition: all 300ms ease-in;
        transform: scale(1.1);
    }

    #position-f img:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;

    }

    footer {
	color: #ffffff;
	font-weight: 100;
	background-image: url("/netcat_template/template/integral/files/img/footer-bg-ph.jpg");
	background-position: center;
	background-attachment: scroll;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

    footer h4 {
        font-weight: 100;
        margin: 5px 0;
    }

    footer a {
        color: white;
        text-decoration: none;
    }

    footer a:hover {
        color: white;
        border-bottom: 1px solid white;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .footer-menu-left {
        text-align: right;
    }

    .footer-menu-right {
        text-align: left;
    }

    .footer-logo img {
        width: 70%;
        height: auto;
        margin: 10px auto;
    }

    #footer-kontakt-ph {
     margin: 20px 0;
    }
    .debug-left p {
        text-align: left;
        padding-left: 10%;
        font-weight: 100;
        margin: 0;
    }

    .debug-right p {
        text-align: right;
        padding-right: 10%;
        font-weight: 100;
        margin: 0;
    }

    #content-position {
        background-color: #f6f3ee;
        padding-bottom: 50px;
    }

    .title {
        width: 100%;
        box-sizing: border-box;
    }

    .title h1 {
        width: 100%;
        margin: 10px 0;
    }

    .trail {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        font-weight: 100;
    }

    .trail p {
        text-align: center;
        font-weight: 100;
    }

   .nc_row {
	text-align: center; 
}
    .nc_row a{
	text-decoration: none;
	}
.nc_announce img {
	float: none;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}
    .content {
        padding-bottom: 50px;
    }

    .content img {
        width: 100%;
        height: auto;
        max-width: 500px;
        margin: 10px 0;
    }
    .content h3 {
        font-size: 2em;
    }

    #uslugi-bottom {
        color: #ffffff;
    }

    #uslugi-bottom h3 {
        margin: 5px 0;
    }

    #uslugi-bottom p {
        width: 80%;
        margin: 10px 10%;
        text-align: justify;
    }
	 #uslugi-bottom a {
        color: #fff;
		text-decoration: none;
    }

    .restoran-bottom, .hotel-bottom, .sauna-bottom {
        background: #282828;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }
    .restoran-bottom a, .hotel-bottom a, .sauna-bottom a {
        color: white;
		text-decoration: none;
		position: relative;
    }
    .restoran-bottom:hover, .hotel-bottom:hover, .sauna-bottom:hover {
        z-index: 2;
        -webkit-transition: all 300ms ease-in;
        -webkit-transform: scale(1.05);
        -ms-transition: all 300ms ease-in;
        -ms-transform: scale(1.05);
        -moz-transition: all 300ms ease-in;
        -moz-transform: scale(1.05);
        transition: all 300ms ease-in;
        transform: scale(1.05);
    }

    .restoran-bottom:hover:before, .hotel-bottom:hover:before, .sauna-bottom:hover:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.6;
        -webkit-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        transition: all 300ms ease-in;
    }

    .restoran-bottom img, .hotel-bottom img, .sauna-bottom img {
        width: 100%;
        height: auto;
    }

    .venzel-white-bottom {
        width: 100%;
        background-image: url("/netcat_template/template/integral/files/img/venzel-white.png");
        background-position: center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        min-height: 40px;
        position: relative;
        z-index: 100;
        margin-top: 5%;
        box-sizing: border-box;
    }
	
	.myButton {
	-moz-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	-webkit-box-shadow:inset 0px 1px 4px 0px #d1ab67;
	box-shadow:inset 0px 1px 4px 0px #d1ab67;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c4933f), color-stop(1, #d1ab67));
	background:-moz-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-webkit-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-o-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:-ms-linear-gradient(top, #c4933f 5%, #d1ab67 100%);
	background:linear-gradient(to bottom, #c4933f 5%, #d1ab67 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4933f', endColorstr='#d1ab67',GradientType=0);
	background-color:#c4933f;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #d1ab67;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #d1ab67;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d1ab67), color-stop(1, #c4933f));
	background:-moz-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-webkit-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-o-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:-ms-linear-gradient(top, #d1ab67 5%, #c4933f 100%);
	background:linear-gradient(to bottom, #d1ab67 5%, #c4933f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ab67', endColorstr='#c4933f',GradientType=0);
	background-color:#d1ab67;
}
.myButton:active {
	position:relative;
	top:1px;
}
#links{
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
 #links a {
	 width: 48%;
	 max-width: 300px;
	 margin: 1%;
 }
	#links img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0px auto;
}
}