@font-face { font-family: Kudryashev; src: url('fonts/TheanoDidot-Regular.ttf'); }
@font-face { font-family: Cormorant; src: url('fonts/CormorantGaramond-Bold.ttf'); }
@font-face { font-family: Youngest; src: url('fonts/The Youngest Script.ttf'); }
@font-face { font-family: Laguna; src: url('fonts/LagunaC Regular.otf'); }
@font-face { font-family: CenturyGothic; src: url('fonts/CenturyGothic.ttf')  format("truetype"); }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body
{ background-color: #dfd4c8;
  font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
  height:100%;
  margin:0;
  padding:0;
}

a { text-decoration: none; }

header.Phone 
{ font:14px/1.2 CenturyGothic;
  background-color: #dfd4c8;
  width:1270px;
  margin:0px auto;
  padding: 6px 20px;
  color: #857776;
  text-transform: uppercase;
}
header.Phone a { color: #857776; font-weight: bold; }

header.Menu { background-color: #857776; }
header.Menu>div { width:1270px; margin:0px auto; }
nav { width:1270px; margin:0px auto; }

main
{ width:1270px;
  margin:0 auto;
}
main>h1
{ font:30px/1.2 Laguna;
  color: #918780;
  border-bottom: 1px solid #918780;
  text-align:center;
}

/*******************************************************************/

main .Group
{/* width:1050px; */
  margin: 20px;
  text-align:center;
}

main .Group h1
{ font:18px/1.2 CenturyGothic;
  color: #918780;
  margin: 0 0 10px 0;
  padding:0 10px;
  text-align:left;
   text-transform: uppercase;
   border-bottom: 1px solid #918780;
   box-sizing:border-box;
}

main .Group h1 span
{ float:right;  text-transform: none; }

main .Group .Item
{ background-color: #ececec;
  width: 300px;
  height: 400px;
  margin:15px 20px;
  padding:10px;
  display:inline-block
}
main .Group .Item .Img
{ background-color:black;
  width: 100%;
  height: 85%; }

main .Group .Item img
{ width: 100%;
  height: 100%;
  object-fit:cover;
}
main .Group .Item:hover img
{ opacity: 0.7; }

main .Group .Item p
{ text-transform: uppercase;
  color:#918780;
  font:25px/1.2 Cormorant;
  margin:5px 0 0 0;
}

/********************************************************************************/

.MiddleLine
{ background-color: #857776;
  width:100%;
  padding-bottom:20px;
}

.MiddleLine .Box
{ /*height: 300px;*/
  width:1270px;
  color: #FFFDFC;
  margin:0px auto;
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content:space-evenly;
  align-items:center;
  padding: 0 10px 10px 10px;
}

.MiddleLine .Box .Text
{ width: 600px;
/*  padding:10px 0 30px 0;*/
}

.MiddleLine .Box .Text .Script
{ font:36px/1.2 Youngest; 
  margin:0; }

.MiddleLine .Box .Text .Logo
{ font:48px/1.2 Kudryashev;
  text-align:right; margin:15px 0;}


.MiddleLine .Box .Text .Desc
{ font:20px/1.2 CenturyGothic;
  margin:20px 0 0 40px;
}

.MiddleLine .Box img
{ height: 300px;
  border-radius:0 0 50% 50%;
  object-fit:cover;
  margin-right:0px;
}

/********************************************************************************/
footer
{ background-color: #857776;
}

footer .Box
{ width:1270px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  row-gap:20px;
  padding:10px;
}

footer .Logo
{ flex-grow:2;
  font:60px/1.2 Kudryashev;
  color: #FFFDFC;
  text-align:center;
}

footer .Contacts
{ flex:0 1 280px;
  font:14px/1.2 CenturyGothic;
  color: #FFFDFC;
  text-align:left;
}

footer .Contacts p
{ margin:8px 0; }

footer .Information
{ flex:0 1 280px;
  font:14px/1.2 CenturyGothic;
  color: #FFFDFC;
  text-align:left;
}

footer .Information p
{ margin:8px 0; }

footer h1
{ font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

footer a       { color: #FFFDFC; }
footer a:hover { color: #DFD4C8; }

.clear { clear: both; }

/*****************************************************************/
.ContactsPage
{ float:left;
  width:300px;
}

.ContactsPage a
{ color: #857776;
  font:20px/1.2 CenturyGothic;
}
/*
.Contacts a:hover
{ color: #DFD4C8; }*/
.Map
{  width:400px;
   height:300px;
   float:right;
   margin-bottom: 20px;
}