a { color:rgba(33,141,201,1.00); transition:all  0.2s ease 0.1s}
a:visited { color:rgba(8,53,132,1.00) }
a:hover {  color:rgba(8,53,132,1.00); transition:all  0.2s ease 0.05s }

.navbar { background:#55B559}
.logo  {width:300px !important; height:45px; margin-top:10px }
.navbar-fixed-top { background:rgba(0,0,0,0.8)}
 

a { transition:all  0.2s ease 0.1s }
a:hover { transition:all  0.2s ease 0.05s }

h1, h2, h3  { font-family: 'Roboto Slab', Arial, sans-serif !important;}
h1, h2  { margin-bottom:20px;}
.maintitle { padding-bottom:40px;}
.boloks p { padding-top:20px;}


.two {
 
  padding: 50px 20px;
  text-align: center;
} 
.two h1 {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  color: #000;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0;
  margin: 0;
  display: inline-block;
  
}
.two h1:before {
  content: ""; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  height: 140%;
  border: 1px solid #000;
  border-left-color: transparent;
  border-right-color: transparent;
}




p, li { font-size:16px !important; line-height:22px; font-weight:normal;}

.nav > li > a {  font-weight:bold !important; font-size:1.1em !important; text-shadow:0px 1px 1px rgba(0,0,0,0.5)}
.nav > li > a:hover { opacity:0.5;   }
.header { color:#fff}

.hh { background:rgba(0,0,0,0.90); display:inline-block; padding:5px 10px;text-shadow:0px 1px 1px rgba(0,0,0,0.5); border-radius:10px }

.phone a  { border:1px solid rgba(255,255,255,0.20);   border-radius:50px !important; padding:2px 10px !important; margin-top:12px;  }
li.phone  {  font-size:1.2em !important}

.header-filter{ height:1000px !important; background:url(../img/shamshev_head_1.jpg); background-size:cover;}
.title { margin-top:300px;}
.section { padding-top:0px;}
.main { background:#f1e9d0 url(../img/pagebg.jpg)}

.circleimg   { }
.photos {}
.onephoto { margin-bottom:30px;}

.loft2 { background: url(../img/loft_2_large.jpg); background-size:cover; height:520px; }
.loft3 { background: url(../img/loft_3_large.jpg); background-size:cover; height:520px; }
 
.loft h1 { background:#bba460; color:#FFF; padding:20px 0; margin:0  }

.map { background:rgba(200,200,200,1.00); height:300px;}

.youtube iframe { width:640px; height:400px;}

.mapart { width:100%; height:700px; background:url(../img/map2.jpg); background-size:cover}

.npm { padding:0 !important}

.contac { background:rgba(255,255,255,1);}
.contacts {background-image:url(../img/cont.jpg)}

.btn { box-shadow:none !important}
.artbntt { background:#963 !important; border-radius:20px;}
.artbntt2 { background:#963 !important; border-radius:20px; width:200px; margin:0 auto !important; text-align:center !important; width:100%; font-size:2em !important}
.artbntt2b { background:#963 !important; color:#FFF; padding:11px 10px;margin:0 auto !important; margin-top:10px !important;  border-radius:20px;   text-align:center !important; width:100%; font-size:1.1em !important}



.footer  { height:150px ; background:#bba460; background:url(../img/footer.jpg)  center }
.footer img { width:110px; height:auto}
.footer ul   { margin-left:-20px;}
.footer ul   {   font-size:16px !important;}
.footer a  { color:#000}
.copyright { text-align:right !important}

@media (max-width: 1330px){
.loft2 {  background-size:cover; height:250px; }
.mapart {  height:470px;   background-size:cover}
.copyright { text-align:center !important}
.footer  { height:260px;    }

}


 
@media (max-width: 414px){
.youtube iframe { width:100%; height:300px;}
	
p, li { font-size:1em  !important}
	
.logo { margin-left:10px; margin-top:13px; width:200px !important;}	
.title { font-size:1.6em !important; margin-top:0px; margin-bottom:0}
.hh { font-size:0.9em !important; background:none; color:#efe1ba; padding:0; margin:0; font-weight:bold}
.artbntt2 {  font-size:1em !important}
.artbntt2 {   width:auto;   }
.two { padding:20px 10px;}

 .nav > li { border-bottom:1px solid rgba(255,255,255,0.10) }
.nav > li.icon { border-bottom:none !important}
.nav > li.phone  {  border-bottom:none; }
.header-filter{ height:600px !important; background:url(../img/background_landing_mob.jpg); background-size:cover;  }

.phone a  { text-align:center; width:66%; margin-left:15%; border: none }

h1 {font-size:1.5em}
h2 {font-size:1.2em}

.loft2, .loft3 { height:200px; background-size:cover; background-position:center}

.section { padding:20px 0 10px 0;}
h1, h2  { margin-bottom:5px;}
.maintitle { margin-bottom:5px;}

 .hrakt { font-size:0.7em !important}

 .hrakt ul li {  }
.hrakt ul   { margin-left:20px}

.contacts { font-size:0.8em}
.footer  { height:200px;   background:url(../img/footer.jpg) top}

.footer img { width:60px; height:auto}
.footer ul li a { padding:5px; font-size:0.7em; text-decoration:underline }

.mapart { width:100%; height:270px; background:url(../img/map2.jpg) center; background-size:cover}

}