@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|PT+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

html, body, #YMapsID {
        margin: 0px auto;
        padding: 0;
        height: 100%;
      }
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #676767;
    background: #f9f9f9;
    line-height: 1.6;
}

input:focus, textarea:focus, button:focus, a:focus, select:focus {
    outline:none;
}

header a{font-family: 'Roboto', sans-serif;
    font-size: 14px;text-decoration:none;}	  
header ul{
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
	  
h1, h2, h3, h4, h5, h6 {font-family:'Oswald', arial;font-weight:700;text-transform:uppercase;}	
h1  span, h2  span, h3  span, h4  span, h5  span, h6  span{color:#e40121;}

 h1{font-size:30px;}
 h2{font-size:24px;}
 h3{font-size:20px;}
 h4{font-size:18px;}
 h5{font-size:16px;}
 h6{font-size:14px;margin:2px 0px;padding:0;}  

 .top-bar {
    width:100%;
	position:fixed;
	z-index:9999;
	background-color: #1F2D3D;
	font-size: 13px;
	height: 45px;
	line-height: 45px;
	transition: all 0.2s ease 0s;
}

@media (min-width: 576px){
.container {max-width: 540px;}
}
@media (min-width: 768px){
.container {max-width: 720px;}
}
@media (min-width: 992px){
.container {max-width: 960px;}
}
@media (min-width: 1200px){
.container {
    max-width: 1140px;}
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.top-bar {
	background-color: #1F2D3D;
	font-size: 13px;
	height: 45px;
	line-height: 45px;
	transition: all 0.2s ease 0s;
}
.contact-details {
  float: left;
  height: 100%;
}
.top-bar ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.top-bar ul li {
	display: inline-block;
	margin-right: 1px;
}
.top-bar ul.contact-details li{
	margin-right: 10px;
}
.top-bar, .top-bar ul li, .top-bar ul li a {
	color: #ffffff;
}
.top-bar .contact-details li i, .top-bar .header-social a {
    background-color: #59b03e;
	display: inline-block;
	font-size: 14px;
	height: 2em;
	line-height: 2em;
	text-align: center;
	transition: all 0.3s ease-out 0s;
	width: 2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
.top-bar .contact-details li i{
	margin-right: 10px;
}
.top-bar .header-social{
	text-align: right;
	float: right;
    height: 100%;
}
.top-bar .header-social li:last-child{
	margin-right: 0;
}
.top-bar .header-social li a:hover{
	background-color: #262629;
	color: #fff; 
}

.collect{position: relative;
        display:block;
		max-width:420px;
		padding: 0px;
		margin: 0px;}

.coll_01, .coll_02, .coll_03 {display:none;width:400px;position: absolute;top:-3px;left:-3px;background:#fff;border:1px solid #eee;padding:10px;z-index:100;}
.coll_04, .coll_05, .coll_06 {display:none;width:400px;position: absolute;top:-3px;left:-3px;background:#fff;border:1px solid #eee;padding:10px;z-index:100;margin-top:3px;}
.coll_07, .coll_08, .coll_09 {display:none;width:400px;position: absolute;top:-3px;left:-3px;background:#fff;border:1px solid #eee;padding:10px;z-index:100;margin-top:3px;}
		
.peoples{position: relative;cursor:pointer;width:120px;padding:4px;box-shadow:0 0 1px #bbb;margin:3px 15px 0 0;float:left;}
.close_01, .close_02, .close_03, .close_04, .close_05, .close_06, .close_07, .close_08, .close_09{
        display:none;
        position: absolute;
		top:-1px;left:0px;
		font-size: 14px;
		opacity:0.5;
		transform: scale(0.9, 0.9);
		z-index:110;
}	
.close_01:hover, .close_02:hover, .close_03:hover, .close_04:hover, .close_05:hover, .close_06:hover, .close_07:hover, .close_08:hover, .close_09:hover{
        opacity:0.9;
		transform: scale(1, 1);}


#coord_form{
		position: absolute;
		z-index: 1000;
		background: none repeat scroll 0% 0% rgb(255, 255, 255);
		list-style: none outside none;
		padding: 30px;
		margin: 0px;
		right: 30px;
		top: 80px;
		width:250px;
	  }
#object_result{
		position: fixed;
		top:0;left:0;
		text-align:center;
		z-index: 1000;
		background: rgba(0, 0, 0, 0.8);
		background-attachment: fixed;
		width:100%;
		height:100%;
		font-family:verdana;
		font-size:13px;
	  }
.result{min-height:450px;max-height:550px;}	 
.result h2 b{text-transform:none;color:#999;}
.window{
   position: relative;
   width:900px;min-height:300px;max-height:550px;
   margin: 0px auto!important;	
   margin-top: 60px!important;
   background: #fff;
   box-shadow:0 0 20px #000;
   padding:10px 30px 20px 30px;
   border-radius:8px;
}	  
.window .close{
        position: absolute;
		top:4px;right:4px;
		opacity:0.5;
		transform: scale(0.7, 0.7);
}
.window .close:hover{
        cursor:pointer;
		opacity:0.8;
		transform: scale(0.8, 0.8);
}
.window h2{color:#666;}	  
.window p{display:inline-block;padding:7px 0px;margin:0px 0px 0px 10px;max-width:524px;}	

#mapcont{
        position: relative;
        width:250px;		
	
		float:left;
		margin:0 20px 8px 0;
		padding:0px 8px 8px 8px;
		
}
#mapcont a{color:#555;text-decoration:none;}
#mapcont a:hover{text-decoration:underline;}
#minimap{
        background: #eee;
        width:250px;		
		height:250px;
}
.mmcover{
		position: absolute;
		top:0px;left:8px;
		text-align:center;
        width:250px;
		height:250px;		
		z-index: 1010;
		background: rgba(0, 0, 0, 0);
		transition: all 0.1s linear;
}
.mmcover:hover{
        cursor:pointer;
		
		background: rgba(0, 0, 0, 0.15);
		background-image:url(zoom2.png);
		background-position: 50% 50%;
        background-repeat: no-repeat;
}
.closemap{
        display:none;
        position: absolute;
		background: rgba(0, 0, 0, 0.5);
		border-radius:4px;
		top:4px;right:12px;
		opacity:0.8;
		padding:2px 6px;
}
.closemap:hover{
        cursor:pointer;
		opacity:0.95;
		transform: scale(0.9, 0.9);
}

.billpic{
        text-align:left;
		width:560px;
		float:left;
}
.billpic img{
            width:250px;
			margin:0 12px 8px 0;
}

.billsmallpics{position: relative;display:inline-block;margin:0;padding:0;}
.billsmallpics span{
        position: absolute;
		top:0px;left:0px;
		text-align:center;
        width:250px;
		height:141px;		
		z-index: 1020;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		
		text-align:left;
		background: rgba(0, 0, 0, 0);
		transition: all 0.1s linear;
}
.billsmallpics span p {padding:120px 6px 3px 6px;}
.billsmallpics span:hover{
       
		background: rgba(0, 0, 0, 0.15);
		background-image:url(zoom2.png);
		background-position: 50% 50%;
        background-repeat: no-repeat;
		
}

.dwlpdf{text-align: left;padding-left:40px;}

.bcart{width:60px;float:left;margin:-20px 10px 20px 0!important;padding:3px 5px!important;border:1px solid #57ac3b;border-radius:3px;text-align: center;}
.bcart span{display:inline-block;font-size:9px;line-height:11px;color:#57ac3b;text-align: center;}
.bcart i{font-size:36px;line-height:36px;color:#57ac3b;}
.bcart i:hover{font-size:36px;line-height:36px;color:#57ac3b;opacity:0.95;transform: scale(01.1, 1.1);cursor:pointer;}

.acart{display:block!important;background: #eee;color:#444;margin:0px!important;padding:7px 0!important;margin-top:-12px!important;text-align:center;width:250px;}
.acart:hover{background: #cecece;cursor:pointer;}
.acart i{font-size:16px;}
.incart{display:block!important;background: #53c529;color:#fff;margin:0px!important;padding:7px 0!important;margin-top:-12px!important;text-align:center;width:250px;}

.vizitka{width:100%;height:60px;margin: 0px auto!important;margin-top:8px!important;text-align:center;border-top:1px solid #ddd;padding-top:10px;}
.vizitka img{margin:0 16px 0 0;width:120px;}
.vizitka span{display:inline-block;width:20%;float:left;text-align:right;padding:0 5px;}
.clb{clear:both;}


input {width:90%;padding: 6px 12px;margin-bottom: 12px;}	
  
.tabs {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 545px;
}
.tabs label {
	color: #555;
	cursor: pointer;
	display: block;
	float: left;
	width: 150px;
	height: 45px;
	line-height: 45px;
	position: relative;
	top: 2px;
	margin-right:4px;
	text-align: center;
	background: #fdfdfd;
	border:1px solid #efefef;
}

.tabs input {
	position: absolute;
	left: -9999px;
}

#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2 {
	background: #fff;
	border:1px solid #eee;
	border-bottom:2px solid #fff;
	top: 2px;
	z-index: 1130;
}

.tabs_cont {
	background: #fff;
	position: relative;
	z-index: 1120;
	min-height: 230px;
	max-height: 276px;
	font-size:12px;
	padding:15px 0 15px 15px;
	border:1px solid #eee;
}
.tabs_cont > div {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2 {
	position: static;
	left: 0;
	opacity: 1;
}


.project-content{text-align:center;min-height:250px;}

.project-content h4{padding:6px 0 12px 0;color:#666;}



@media (max-width:767px) {
.contact-details{display:none;}
.top-bar ul {
	list-style: outside none none;
	margin: 0;
	padding: 0 20px 0 0;
}


.result{height:500px;}	 
.result h2 b{display:block;}
.window{
   position: relative;
   width:96%;height:470px;overflow: scroll;
   margin: 0px auto!important;	
   margin-top: 50px!important;
   background: #fff;
   box-shadow:0 0 20px #000;
   padding:10px;
   border-radius:8px;
}

#mapcont{
        position: relative;
        display:block;
		float:none;
		width:90%;
        height:210px;		
		margin:20px;
		padding:0px;
		
}

#minimap{
        width:100%;	height:150px;	
		
}
.mmcover{
		 display:none;

}
.dwlpdf{text-align: center;display:block;padding-left:0px;}
.billpic{
        display:block;
		float:none;
		width:100%;
		padding:10px;
}
.billpic img{
            width:100%;
			padding:10px;
}
.billsmallpics{position: relative;display:block;margin:0 auto;padding:0;}
.billsmallpics span{
        display:none;
}
.acart{width:94%;}
.incart{width:94%;}

.vizitka{width:100%;height:60px;margin: 0px auto!important;margin-top:8px!important;text-align:center;border-top:1px solid #ddd;padding-top:10px;}
.vizitka img{margin:0 16px 0 0;width:120px;}
.vizitka span{display:inline-block;width:20%;float:left;text-align:right;padding:0 5px;}
.clb{clear:both;}

.vizitka{display:none;}

.nomobile{display:none!important;}
}