@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline'), local('Lato-Hairline'), url('../css/fonts/latohairline.woff2') format('woff2'), url('../css/fonts/latohairline.woff') format('woff'), url('../css/fonts/latohairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('../css/fonts/latohairlineitalic.woff2') format('woff2'), url('../css/fonts/latohairlineitalic.woff') format('woff'), url('../css/fonts/latohairlineitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Thin'), local('Lato-Thin'), url('../css/fonts/latothin.woff2') format('woff2'), url('../css/fonts/latothin.woff') format('woff'), url('../css/fonts/latothin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('../css/fonts/latothinitalic.woff2') format('woff2'), url('../css/fonts/latothinitalic.woff') format('woff'), url('../css/fonts/latothinitalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Light'), local('Lato-Light'), url('../css/fonts/latolight.woff2') format('woff2'), url('../css/fonts/latolight.woff') format('woff'), url('../css/fonts/latolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('../css/fonts/latolightitalic.woff2') format('woff2'), url('../css/fonts/latolightitalic.woff') format('woff'), url('../css/fonts/latolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Regular'), local('Lato-Regular'), url('../css/fonts/latoregular.woff2') format('woff2'), url('../css/fonts/latoregular.woff') format('woff'), url('../css/fonts/latoregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Italic'), local('Lato-Italic'), url('../css/fonts/latoitalic.woff2') format('woff2'), url('../css/fonts/latoitalic.woff') format('woff'), url('../css/fonts/latoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium'), local('Lato-Medium'), url('../css/fonts/latomedium.woff2') format('woff2'), url('../css/fonts/latomedium.woff') format('woff'), url('../css/fonts/latomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('../css/fonts/latomediumitalic.woff2') format('woff2'), url('../css/fonts/latomediumitalic.woff') format('woff'), url('../css/fonts/latomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold'), local('Lato-Semibold'), url('../css/fonts/latosemibold.woff2') format('woff2'), url('../css/fonts/latosemibold.woff') format('woff'), url('../css/fonts/latosemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('../css/fonts/latosemibolditalic.woff2') format('woff2'), url('../css/fonts/latosemibolditalic.woff') format('woff'), url('../css/fonts/latosemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold'), local('Lato-Bold'), url('../css/fonts/latobold.woff2') format('woff2'), url('../css/fonts/latobold.woff') format('woff'), url('../css/fonts/latobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../css/fonts/latobolditalic.woff2') format('woff2'), url('../css/fonts/latobolditalic.woff') format('woff'), url('../css/fonts/latobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy'), local('Lato-Heavy'), url('../css/fonts/latoheavy.woff2') format('woff2'), url('../css/fonts/latoheavy.woff') format('woff'), url('../css/fonts/latoheavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('../css/fonts/latoheavyitalic.woff2') format('woff2'), url('../css/fonts/latoheavyitalic.woff') format('woff'), url('../css/fonts/latoheavyitalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Black'), local('Lato-Black'), url('../css/fonts/latoblack.woff2') format('woff2'), url('../css/fonts/latoblack.woff') format('woff'), url('../css/fonts/latoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('../css/fonts/latoblackitalic.woff2') format('woff2'), url('../css/fonts/latoblackitalic.woff') format('woff'), url('../css/fonts/latoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
html{margin:0;padding:0;background:#DDD;}
body{margin:0 auto;padding:0;font-family:'Lato';text-align:left;font-size:18px;max-width:1920px;position:relative;min-width:1200px;width:100%;color:#FFF;}
.clear{clear:both;}
p{margin:0;padding:0;}
h1{font-size:30px;text-align:center;}
h2{text-align:center;font-family:'Lato';margin-top:0;font-size:1.17em; margin-top: 20px;}   
h3{text-align:center;font-family:'Lato';margin-top:0;}
.hr {  width: 100%; border-top:2px solid #422918; padding: 20px 0; }
span{}
a{text-decoration:none;color:#FFF; }
a:hover{text-decoration:none;}


.wrap {}
.wrap .block-parhause { background: #422918; width: 50%; height:100vh; float: left; }
.wrap .block-parhause i {font-size: 50px;}
.wrap .block-parhause .top { padding: 20px; height: 50px;}
.wrap .block-parhause .top a { float: left; }
.wrap .block-parhause .top a .phone  {font-size: 25px;margin: 0;}
.wrap .block-parhause .top a .phone b { position: relative; top: -7px; left: 0px;}
.wrap .block-parhause .adress { float: right; }
.wrap .block-parhause .adress p { font-size: 25px; float: right; margin: 0px;}
.wrap .block-parhause .adress p > span { position: relative; top: -8px; }
.wrap .block-parhause .center > p {text-align: center; font-size: 25px; padding: 20px; margin: 20px;}
.wrap .block-parhause .center > a { background: linear-gradient(to right, #d8b260 0%, #bb913d 100%); padding: 10px 20px; font-size: 25px; text-align: center; display: block; width: 250px; margin:  0 auto; color: #422918; border-radius: 15px;}
.wrap .block-parhause .center > a:hover { background: linear-gradient(to right, #bb913d 100%, #d8b260 0%); text-decoration: underline;}
.wrap .block-parhause .center .logo { width: 50%; margin: 0 auto 30px auto;}
.wrap .block-parhause .center .logo img { width: 100%; }
.wrap .block-otdihai { background: #4f212e; width: 50%; height:100vh; float: left; }
.wrap .block-otdihai i {font-size: 50px;}
.wrap .block-otdihai .top { padding: 20px; height: 50px;}
.wrap .block-otdihai .top a { float: left; }
.wrap .block-otdihai .top a .phone  {font-size: 25px;margin: 0;}
.wrap .block-otdihai .top a .phone span {margin: -45px 60px; display: block;}
.wrap .block-otdihai .adress { float: right; }
.wrap .block-otdihai .adress p { font-size: 25px; float: right; margin: 5px 0 0 10px;}
.wrap .block-otdihai .center > p {text-align: center; font-size: 25px; padding: 20px; margin: 20px;}
.wrap .block-otdihai .center > a { background: #fff7ac; padding: 10px 20px; font-size: 25px; text-align: center; display: block; width: 250px; margin:  0 auto; color: #4f212e; border-radius: 15px;}
.wrap .block-otdihai .center > a:hover { text-decoration: underline; }
.wrap .block-otdihai .center .logo { width: 71%; margin: 0 auto;}
.wrap .block-otdihai .center .logo img { width: 100%; }
.wrap .block-otdihai .adress p i {  margin: -6px 0;}
.wrap .block-otdihai .adress p span { position: relative; top: -8px;}
.wrap .block-otdihai .phone b { position: relative; top: -7px; }

@media all and (max-width: 1000px){
body{max-width:auto;min-width:auto;}
.wrap { display: flex; flex-direction: column;}
.wrap{width:100%;}
.wrap .block-parhause { float: none; width: 100%; height: auto; overflow: auto;}
.wrap .block-parhause i {font-size: 30px;}

.wrap .block-parhause .top a { float: none; text-align: center; }
.wrap .block-parhause .top a .phone p b { position: relative; top: -3px; left: 0;}
.wrap .block-parhause .adress { margin: 7px 0; float: none;}
.wrap .block-parhause .adress p { font-size: 20px; float: none; text-align: center;}
.wrap .block-parhause .adress p > span { position: relative; top: -3px; }
.wrap .block-parhause .center > a { margin: 20px auto; }
.wrap .block-parhause .center > p {font-size: 20px; padding: 0px; margin: 10px;}
.wrap .block-parhause .center .logo { margin: 0 auto;}
.wrap .block-otdihai { float: none; width: 100%; height: auto; overflow: auto; position: relative;}
.wrap .block-otdihai i {font-size: 30px;}
.wrap .block-otdihai .top a .phone span { margin: -32px 30px; font-size: 20px;}
.wrap .block-otdihai .adress p { font-size: 20px; margin: 14px 0 0 0px; float: none; text-align: center;}
.wrap .block-otdihai .center > a { margin: 20px auto; }
.wrap .block-otdihai .center > p {font-size: 20px; padding: 0px; margin: 10px;}
.wrap .block-otdihai .center .logo { height: auto; }
.wrap .block-parhause .top {height:auto;}
.wrap .block-otdihai .top {height:70px;}
.wrap .block-otdihai .top a { float: none; text-align: center;}
.wrap .block-otdihai .adress { float: none;}
.wrap .block-otdihai .adress i {}
.wrap .block-otdihai .adress p span { position: relative; top: -3px; left: 5px;}
.wrap .block-otdihai .phone b { position: relative; top: -3px; }

}