body {
	font-family: 'UtilyRegular', sans-serif;
	font-weight:400;
	font-size: 26px;
	text-decoration:none;
	list-style:none;
	text-align:left;
	line-height: 1.2;
	color:#000;	
  position: relative;
  overflow-x: hidden;  
}

.body-wrapper {max-width: 1920px; width: 100%; margin: 55px auto 50px;}
.row {margin-bottom: 20px;}
.row.hi {margin-bottom: 50px;}

.logo {text-align: left; transition: .3s all;}

h1 { font-family: 'UtilyBold', sans-serif; font-size: 30px; color: #383a41; text-transform: uppercase;  margin: 0px 0px 0px 0px; padding: 45px 110px; line-height: 100%; letter-spacing: 2px;transition: .3s all;}
h2 {font-family: 'UtilyBold', sans-serif; color: #383a41; font-size: 48px; text-transform: uppercase; margin: 0px 0px 40px 0px; padding: 0; transition: .3s all;}
.gal h2 {font-size: 30px; margin: 20px auto 20px; letter-spacing: 7px;}
h3 {font-family: 'UtilyUltraLight', sans-serif; color: #383a41; font-size: 54px; text-transform: uppercase; margin: 0px 0px 40px 0px; padding: 0; transition: .3s all;}

ul {margin: 0 0 0 0px; padding: 0;}
ul li {list-style: none; background-image: url(../img/list.png); background-position: 0 18px; background-repeat: no-repeat;  padding: 0 0 0 30px;}

.foto img {width: 100%;transition: .8s all;}
.text {padding: 45px 125px; transition: .5s all;}
.gal {margin-bottom: 50px;}
.gfoto {float: left; margin-left: 40px;width: calc(20% - 25px);}
.gfoto.st {margin-left: 0;width: calc(20% - 26px);}
.gfoto.w {width: calc(30% - 40px);}
.gfoto img {width: 100%;}

.kontakt {padding: 90px 80px; color: #f3f1f0;transition: .3s all;}
.kontakt a {color: #f3f1f0; text-decoration: none; transition: .3s all;}
.kontakt a:hover {color: #FFF;}
.kontakt ul {margin: 70px 0 70px 0;padding: 0;}
.kontakt ul li {margin: 0;padding: 0; float: left; list-style: none; background: none;}
.kontakt ul li span {display: none;}
.kontakt a.soclink {color: #9DB9C3; border: 3px solid #9DB9C3; border-radius: 45px; display: block; width: 45px; height: 45px; text-align: center; line-height: 43px; margin: 0 6px; transition: .3s all;}
.kontakt a.soclink:hover {color: #FFF; border: 3px solid #FFF;}

.ctrow {overflow: hidden;}
.ctrow .col1 {width: 500px; height: 500px; float: left; background-color: #303238;}
.ctrow .col2 {width: calc(100vw - 550px); height: 500px;float: left;overflow: hidden;}

.foot p {color: #70727b; font-size: 20px; text-transform: uppercase; letter-spacing: 5px; padding: 15px 5px;}
.map img {height: 100%;}

@media screen and (min-width: 1920px) {
  .ctrow .col2 {width: calc(100% - 510px);}
}
@media screen and (max-width: 1600px) {
  h1 {padding: 45px 0px 0px;}
  .text {padding: 30px 45px;}  
}
@media screen and (max-width: 1200px) {
  .ctrow .col1 {width: 460px; height: 460px; float: left; background-color: #303238;}
  .ctrow .col2 {width: calc(100vw - 510px); height: 460px;float: left;overflow: hidden;}
  .kontakt {padding: 70px 60px; }
}
@media screen and (max-width: 991px) {
  .logo {text-align: center;}  
  .ctrow .col1,.ctrow .col2 {width: 100%; height: 460px;}
  .ctrow .col2 {height: auto;}
  .map img {max-width: 300%;}
}
@media screen and (max-width: 767px) {
  h2 {margin-bottom: 30px;}
  h3 {font-size: 48px;}  
  .text {padding: 30px 30px;}
  .gfoto,.gfoto.st,.gfoto.w {width: 100%; margin: 0 0 15px;}
  .gal {margin-bottom: 30px;}  
}
@media screen and (max-width: 375px) {
  h2 {font-size: 42px;}
  h3 {font-size: 38px; margin-top: 0;}
  .text {padding: 20px 20px;}
  body {font-size: 20px;}
  .foot p {font-size: 16px;}
  .kontakt {padding: 40px 30px;} 
  .ctrow .col1 {height: 320px;} 
  .kontakt ul {margin: 30px 0 30px 0;padding: 0;}
}