@font-face {
  font-family:"Roboto";
  src:url('/fonts/RobotoCondensed-Regular.ttf');
  font-weight:400;
  font-style:normal;
}

@font-face {
  font-family:"Roboto";
  src:url('/fonts/Roboto-Bold.ttf');
  font-weight:700;
  font-style:normal;
}

* {margin:0; padding:0;}
body, html {height:100%; min-width:320px; font-family: "Roboto", sans-serif; font-size:18px; color:#241f1c; text-align:center;}

td, input, textarea, button, select {font-family: "Roboto", sans-serif; font-size:18px; color:#241f1c;}
:focus {outline:none; text-decoration:none;}

a {color:#fe378a; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}
img {max-width:100%; width:auto;}

p {margin:7px 0 0 0;}
ul {margin:10px 0;}
li {margin:0 20px; list-style:inside;}

table {border-collapse:collapse; margin:10px auto;}
td {border:1px solid #336699; padding:2px;}

.clr {clear:both;}

/* #servicesWrapp, #contactsWrapp, #menu, #itemWrapp, #childServicesWrapp, #allArtsWrapp {font-size:0;}
#menu li a {transition: color 400ms linear;}
.servMore {transition: all 400ms linear;}
.servBlock, button, .csMore {transition: all 250ms linear;}
*/
.abg {background:#f1e3da;}

@media screen and (min-width:320px), screen and (max-width:320px) {

  #menuPush, #menuWrapp, #menuWrapp .innerWidth {height:100px; padding:0;}
  #logo {font-size:32px; height:45px; line-height:45px; font-weight:bold; user-select:none; margin-bottom:10px;} #logo a span {color:#b4a298; display:inline-block; margin-left:8px;} #logo a {color:#fff; text-decoration:none;}
  #lang a {display:inline-block; line-height:25px; color:#fff; font-size:17px; text-decoration:none; padding:0 6px; font-weight:bold; border:1px solid #fff;}
  #lang a:last-child {border-left:none;} #lang a:hover {color:#b4a298;}
  .langSelected {color:#b4a298 !important;}
  #menuWrapp {background:#241f1c; position:fixed; z-index:20; width:100%; top:0; left:0;}
  #menuInnerWrapp, #menuOpenButton, #lang {display:inline-block; vertical-align:middle;}
/*   #menuInnerWrapp {margin-top:10px;} */
  #menuOpenButton {width:60px; height:21px; background:url("/images/menu.svg") no-repeat center; cursor:pointer;}
  #menu {background:#fff; position:absolute; top:100px; left:0; margin:0; padding:0; text-align:center; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.4); width:100%; display:none;}
  #menu ul {margin:0; padding:10px 0; text-align:left; width:auto; display:inline-block;}
  #menu ul li {list-style:none; margin:0; padding:0;}
  #menu ul li a {color:#241f1c; font-weight:600; font-size:22px; text-decoration:none; padding:6px 8px; display:block;}
  #menu ul li a:hover {color:#b4a298;}

  #indexBg {height:430px; background:url('/images/head-bg.jpeg') no-repeat center; background-size:cover; color:#f1e3da;}
  #indexBg h1 {font-size:38px;}
  #indexBg button, #floatForm button, .btn {background:#241f1c; border:none; font-size:20px; padding:0 20px; margin:0 10px 10px 0; font-weight:bold; color:#fff; cursor:pointer; height:55px; line-height:55px;} #indexBg button:hover {color:#241f1c; background:#b4a298;}
  #indexBg .innerWidth {display:flex; text-align:left; /*justify-content:left;*/ align-items:center; height:100%; padding:10px 22px;}
  #mdl div {font-size:30px; margin:10px 0;}
  #mdl div, #indexBg h1 {text-shadow: 2px 2px 4px #000;}

  .pName {font-size:30px; font-weight:bold; text-transform:uppercase; margin:0 0 22px 0; padding:0;}
  .bName {font-size:25px; font-weight:bold; margin:0 0 22px 0; padding:0;}
  .tContent {text-align:left; padding:22px 0;}
  .inContent {margin:22px 0; padding:15px 20px; background:#fff;}
  .more {font-size:18px;} .more a {color:#b4a298; display:inline-block; background:url('/images/icon-arrowr.svg') no-repeat right 60%; padding:5px 20px 5px 0;}

  .cl1bg {background:#f1e3da; padding:22px 0;}
  .blWrapp {font-size:0;}
  .blWrapp .more a {color:#241f1c;}
  .blName {color:#241f1c; font-size:30px; font-weight:bold; text-align:left; margin:22px 0;}
  .blItem {background:#fff; padding:22px 22px 22px 88px; margin:22px 0; text-align:left; position:relative; font-size:20px;}
  .blItem span {display:block; width:50px; height:50px; background-size:100% 100%; background-repeat:no-repeat; background-position:center; position:absolute; left:22px; top:50%; transform: translateY(-50%);}

  .innerWidth {width:100%; min-width:320px; box-sizing:border-box; padding:10px; margin:0 auto; overflow:hidden;}
  #footerPush {display:none;}
  #footerWrapp {margin-top:0; height:auto; background:#241f1c; color:#b4a298;}
  #footerWrapp a {color:#b4a298;}
  #footerWrapp .innerWidth {height:100%; display:flex; flex-wrap:wrap; gap:0; text-align:left; align-items:center; align-content:center;}
  .copy1, .copy2 {flex: 1 1 100%; min-width:0;}
  .copy1 {}
  .copy2 {}

  .owlPortfolioWrapp {height:130px;}
  .owlPortfolioWrapp a {display:block; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}

  #contactWrapp {background:url('/images/bg.jpg');}
  #cntAddress {background:#fff; box-shadow: 0 0 5px 1px #cfbdaf; max-width:300px; box-sizing:border-box; margin:10px auto; padding:8px 10px; text-align:left;}
  #cntAddress p:first-child {margin-bottom:20px;}
  .cntBlock ul {margin:0 auto; padding:0; max-width:300px;}
  .cntBlock ul li {margin:20px 0; padding:0; list-style:none;}
  .cntBlock ul li a {background:#241f1c; display:block; text-decoration:none; color:#fff; height:55px; line-height:55px; font-size:20px; font-weight:bold;}
  .cntBlock ul li a:hover {color:#b4a298;}

  #formBackground {position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.4); display:flex; /*flex-wrap:nowrap;*/ align-items:center; align-content:center;}
  #floatFormWrapp {background:#fff; margin:0 auto; position:relative; width:90%; max-width:500px;}
  #floatFormClose {width:40px; height:40px; background:url('/images/icon-close.svg') no-repeat center; position:absolute; top:0; right:0; cursor:pointer;}
  #floatFormClose:hover {opacity:0.5;}
  #floatForm {padding:30px 20px 20px 20px; text-align:left;}
  #floatForm button {margin:10px auto; display:block;}
  #floatForm textarea, #floatForm input {border:1px solid #000; width:100%; box-sizing:border-box; padding:3px 6px; margin:10px auto;}
  #floatForm input {height:65px; line-height:65px;}
  #floatForm textarea {height:130px;}
  .frName {color:#b4a298; text-align:center;}
  .blur {filter:blur(2px);}
  .fieldError {border-color:red !important;}
  #loading {}
  #loading span {display:block; margin:5px auto; width:40px; height:40px; background:url('/images/icon-loading.svg') no-repeat center;}

  .mPhotoWrapp {overflow:hidden;}
  .mPhotoWrapp span {display:block; width:100%; padding-bottom:60%; background-position:center; background-size:cover; background-repeat:no-repeat;}
  .otherPhotos {margin:10px 0; font-size:0; display:flex; flex-wrap:wrap; gap:10px;}
  .otherPhotos a {flex: 0 0 calc(50% - 10px); height:120px; /*margin:0 5px 5px 0;*/ background-position:center; background-size:cover; background-repeat:no-repeat;}
  .pText {font-size:21px; color:#241f1c;}

  #contBlock {margin:22px 0; background:#fff; padding:15px; box-sizing:border-box;}

  }
  
  
@media screen and (min-width:640px) {

  #mainWrapp {min-height:100%; height:auto !important; height:100%; overflow-x:hidden;}
  #footerPush {height:100px; display:block;}
  #footerWrapp {margin-top:-100px; height:100px;}

  #logo {position:absolute; left:22px; top:50%; transform: translateY(-50%); text-align:center; display:inline-block; margin:0;} #logo a {display:block;}
  #mright {position:absolute; right:22px; top:50%; transform: translateY(-50%);}
  #menu {top:64px; width:250px; left:auto; right:0; background:none;}

  .owlPortfolioWrapp {height:150px;}

  .otherPhotos a {flex: 0 0 calc(33.333% - 7px); height:150px;}

}

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

  .innerWidth {width:768px;}
  .copy1, .copy2 {flex: 1 1 50%;} .copy2 {text-align:right;}

  .blWrapp {display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;}
  .blItem {flex:0 1 calc(50% - 10px); margin:0; box-sizing:border-box; min-width:0; display:flex; align-items:center;}

  .owlPortfolioWrapp {height:180px;}

  #cntWrapp {display:flex; flex-direction:row; flex-wrap:wrap; margin:20px 0;}
  .cntBlock {flex:0 1 33%;}
  #cntAddress {margin:10px auto 10px 0;}
  .cntBlock ul {margin:0 0 0 auto;}

  .photosWrapp, .pText {display:inline-block; vertical-align:top;}
  .photosWrapp {width:40%; margin:0 20px 0 0;}
  .pText {width:calc(60% - 20px);}

  .otherPhotos a {flex: 0 0 calc(50% - 10px); height:120px;}

}

@media screen and (min-width:1024px) {

  .innerWidth {width:1000px;}
  #menuOpenButton {display:none;}
  #menu {display:block !important; position:static; width:auto; margin-right:20px; box-shadow:none;}
  #menu ul li {display:inline-block;}
  #menu ul li a {color:#fff;}

  .owlPortfolioWrapp {height:200px;}

}

@media screen and (min-width:1300px) {

  .innerWidth, #formWrapp .innerWidth {width:1270px; padding:0;}
  .copy {text-align:left;}

  .otherPhotos a {flex: 0 0 calc(33.333% - 7px); height:130px;}

}

.pager {margin:20px 0;}
.pager a {display:inline-block; color:#000; text-decoration:none; font-size:18px; font-weight:bold; line-height:30px; height:30px; padding:0 12px;}
/* .pager a:hover {color:silver;} */
.page-active {background:#4813ac !important; color:#fff !important; border-radius:20px;}