@font-face {
    font-family: 'inglobal';
    src: url('/fonts/inglobal.woff2') format('woff2'),
        url('/fonts/inglobal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inglobal';
    src: url('/fonts/inglobal-Bold.woff2') format('woff2'),
        url('/fonts/inglobal-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'inglobal';
    src: url('/fonts/inglobal-BoldItalic.woff2') format('woff2'),
        url('/fonts/inglobal-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'inglobal';
    src: url('/fonts/inglobal-Italic.woff2') format('woff2'),
        url('/fonts/inglobal-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Bold.eot');
    src: local('Manrope Bold'), local('Manrope-Bold'),
        url('/fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Bold.woff2') format('woff2'),
        url('/fonts/Manrope-Bold.woff') format('woff'),
        url('/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Semibold.eot');
    src: local('Manrope Semibold'), local('Manrope-Semibold'),
        url('/fonts/Manrope-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Semibold.woff2') format('woff2'),
        url('/fonts/Manrope-Semibold.woff') format('woff'),
        url('/fonts/Manrope-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Regular.eot');
    src: local('Manrope Regular'), local('Manrope-Regular'),
        url('/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Regular.woff2') format('woff2'),
        url('/fonts/Manrope-Regular.woff') format('woff'),
        url('/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Light.eot');
    src: local('Manrope Light'), local('Manrope-Light'),
        url('/fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Light.woff2') format('woff2'),
        url('/fonts/Manrope-Light.woff') format('woff'),
        url('/fonts/Manrope-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Thin.eot');
    src: local('Manrope Thin'), local('Manrope-Thin'),
        url('/fonts/Manrope-Thin.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Thin.woff2') format('woff2'),
        url('/fonts/Manrope-Thin.woff') format('woff'),
        url('/fonts/Manrope-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-Medium.eot');
    src: local('Manrope Medium'), local('Manrope-Medium'),
        url('/fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-Medium.woff2') format('woff2'),
        url('/fonts/Manrope-Medium.woff') format('woff'),
        url('/fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope-ExtraBold.eot');
    src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'),
        url('/fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('/fonts/Manrope-ExtraBold.woff') format('woff'),
        url('/fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


body {margin: 0px; padding: 0px; background-color: #f4eeed; background-image: url('imgs/fon-niz.gif'); background-repeat: repeat-x; background-position: right bottom;}
p {margin: 0px; padding: 0px; text-align: justify; color: #000; font-size:18px;  font-family: Arial; font-weight: normal;}
td {color: #000000; font-size:18px;  font-family: Arial; font-weight: normal;}
a {font-family: inglobal, Comic Sans MS; font-weight: bold; color: #381b1b; font-size:18px; text-decoration: none;} a:hover {color: #000;}


body.str {margin: 0px; padding: 0px; background-color: #f0e8e6;}
body.sal {margin: 0px; padding: 0px; background-color: #f2ebe9;}


a.vs {font-family: Times New Roman,Arial,Sans-serif; font-weight: normal; color: #fff; font-size:15px; text-decoration: underline;} a.vs:hover {color: #fff;}
a.vsb {font-family: Times New Roman,Arial,Sans-serif; font-weight: normal; color: #381b1b; font-size:15px; text-decoration: underline;} a.vsb:hover {color: #000;}

td.nizt {color: #000; font-size:14px;  font-family: Times New Roman,Arial,Sans-serif; font-weight: normal;}


td.shapka-main {background-image: url('img/shapka-str-1.jpg'); background-repeat: no-repeat; background-position: right bottom;}
td.shapka-men-od {background-image: url('img/sh-1-1.jpg'); background-repeat: no-repeat;}
td.shapka-men-dv {background-image: url('img/sh-1-2.jpg'); background-repeat: no-repeat;}
td.shapka-men-tr {background-image: url('img/sh-1-3.jpg'); background-repeat: no-repeat;}
td.content {background-image: url('img/fon-str.jpg'); background-repeat: no-repeat;}
td.rozi {background-image: url('img/rozi.gif'); background-repeat: repeat-x; background-position: right top;}
td.niz {background-image: url('img/niz-kar.gif'); background-repeat: no-repeat; background-position: right bottom}
td.nizl {background-image: url('img/niz-kar-l.gif'); background-repeat: no-repeat; background-position: right bottom}
td.nizr {background-image: url('img/niz-kar-r.gif'); background-repeat: no-repeat; background-position: left bottom}

td.str2 {background-image: url('img/STR2.jpg'); background-repeat: no-repeat; background-position: left top}
td.str2l {background-image: url('img/STR2R.jpg'); background-repeat: no-repeat; background-position: right top}
td.str2r {background-image: url('img/STR2L.jpg'); background-repeat: no-repeat; background-position: left top}
td.str3 {background-image: url('img/STR3.jpg'); background-repeat: no-repeat; background-position: left top}
td.str3l {background-image: url('img/STR3L.jpg'); background-repeat: no-repeat; background-position: right top}
td.str3r {background-image: url('img/STR3R.jpg'); background-repeat: no-repeat; background-position: left top}

td.salon {background-image: url('img/salon.jpg'); background-repeat: no-repeat; background-position: left top}
td.diz {background-image: url('img/diz.jpg'); background-repeat: no-repeat; background-position: left top}
td.kontakt {background-image: url('img/kontakt.jpg'); background-repeat: no-repeat; background-position: left top}
td.kontcont {font-family: inglobal,Comic Sans MS; font-weight: bold; color: #381b1b; font-size:22px;}

h2 {color: #400000; font-size:25px;  font-family: inglobal, Comic Sans MS; font-weight: bold; margin: 15px 0px 10px 0px; padding: 0px;}
h3 {color: #227f0c; font-size:30px;  font-family: Times New Roman,Arial,Sans-serif; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; font-style: italic;}
h1 {color: #400000; font-size:30px;  font-family: inglobal, Comic Sans MS; font-weight: bold; margin: 0px 0px 15px 0px; padding: 0px;}

div {text-align: justify;}
div.podmenutext {width: 200px; text-align: justify;}

div.map {margin: 0px; padding: 0px; border: 5px solid #3c0000; background: #f4f0d3;}


li.sp {margin: 15px 0px 0px 10px;}

span.tip {color: #227f0c; font-size:20px;  font-family: Times New Roman,Arial,Sans-serif; font-weight: bold; margin: 0px; padding: 0px; font-style: italic;}

img.prtf {
            padding: 4px;
            border: 2px solid #563030;
            background: #fff;
        }


#slider-wrap{ /* Оболочка слайдера и кнопок */
	width:950px; 
	}
#slider{ /* Оболочка слайдера */
	width:950px;
	height:606px;
	overflow: hidden;
	position:relative;}
.slide{ /* Слайд */
	width:100%;
	height:100%;
	}

#prewbutton, #nextbutton{ /* Ссылка "Следующий" и "Педыдущий" */
	display:block;
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background:url(imgs/arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;}
#prewbutton{left: 0px;}
#nextbutton{
	right: 0px;
	background:url(imgs/arrowBg.png) right center no-repeat;}
#prewbutton:hover, #nextbutton:hover{
	opacity:1;}

.shapka-24 {width: 915px; height: 690px; background:url(/img/new-fon-24.jpg) center center no-repeat; position: relative; margin-bottom: 40px;}
.menu-n {position: absolute; bottom: 0px; left: 100px;} 
.menu-n a {font-family: inglobal, Comic Sans MS; font-weight: bold; color: #381b1b; font-size:28px; 
text-decoration: none;
-webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
} a:hover {color: #906b6b;}
.menu-p1 {float: left; width: 230px;}
.ryad-2 {height: 30px; margin-bottom: 10px;}
.ryad-1 {height: 30px; margin-bottom: 17px;}



