@font-face {
    font-family: "gillsans hel_fonts";
    src: url("../gillsans hel_fonts/Gill Sans Hel.otf");
}
@font-face {
    font-family: "gillsans_bold";
    src: url("../gillsans hel_fonts/Gill Sans Hel-Bold.otf");
}
body{
	font-family: 'gillsans hel_fonts';
	}
	
/* unvisited link */
a:link,a:visited ,a:hover ,a:active  {
    color:#000;
	text-decoration:none;
}
.logo-container{
	top:0;
	position: absolute;
	z-index: 10;
	left: 30%;
	right:30%;	
	}
.logo{
    width: 272px;
	height:87px;
    margin: 0 auto;
}
.fix-padd {
    padding-left: 0 !important;
}
.desktop-menu{
	background:url('../img/lightbox/menu-down.png') center center no-repeat;
	height:23px;
	}
.mobile-album-title{display:none;}
.label-default {
	background-color:transparent;
	}
.label{
	color: #CFCFCF;
	font-size:16px;
	padding: 0.2em 0 0.3em;
	font-weight:normal;
	}	
.page-title{
	font-weight:bold;	
	}
.prelo{
	background:url('../img/loader.gif') top center no-repeat #FFF;
	width:100%;
	position: absolute;
	height:400px;
	z-index:10000;	
	top:175px;
	}	
.underline-title{
	letter-spacing: 0.2em;
	color:#000;
	border-bottom: 2px solid red;
	font-size:14px;
	}	
.title-container { margin-bottom:8px; }
	
.mobile-menu,#facebook-mobile-item{display:none;}
.menu-under{
	border-bottom-left-radius:17px;
	border-bottom-right-radius:17px;
	margin: 0 auto;
	background-color:rgba(255,255,255,0.9);
	height:75px;
	width: 110px;
	z-index:5 !important;
	}
.menu-under span{
	position:absolute;
	top: 107px;
	text-align: center;
	width: 110px;
	font-weight:bold;
	font-size:16px;	
	z-index: 99999999;
}
.menu-under div{
	font-size:30px;
	color:#000;
	cursor:pointer;
	}
.hotel-arrow,.archi-arrow,.wedd-arrow,.bapt-arrow{
	 display: inline-block;
	 background: rgba(0, 0, 0, 0) url("../img/img-arrow.jpg") no-repeat scroll center center;
	 height: 8px;
	 width: 10px;
}
	
#collapseExample{
	width: 195px;
	margin: 0 auto;
	border-radius: 1em;
	}
#collapseExample div{
	background-color:rgba(255,255,255,0.9);
    border-radius: 17px;
    min-height: 20px;
	text-align: center;
	padding:30px 0 10px;	
	}
.highlight{	height:40px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	}				
ul.nav {
	list-style: none; /* this removes the list marker */
	margin:0 auto;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	color: black;
	padding: 2px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	text-decoration: none;
	outline: medium none;	
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color:none !important;
	color: #000;
}
.heading {
padding:2px 0;	
color: black;
cursor: pointer;
font-weight: bold;
font-size:16px;
}
.content1{display:none;}
#content {
margin: 0px auto;
}

ul.content1{
	list-style-type:none;     
	padding: 0;
	}	
a.men:link:not(.submen) {
	color: black;
	font-size:16px;
	font-weight: bold;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
	outline:none;
}
a.men:visited {
	color: black;
	text-decoration: none;
}
a.men:hover, a.men:active, a.men:focus  { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
.submen{
	font-size: 12px !important;
}
.gallery-page{
	margin-top: 175px;
}
.fixwidth{
	max-width:100%;	
	}
.fixmargin{ margin: 0 auto !important; padding-left: 20px;}
.preloader {
  background: url(../img/loader.gif) center center no-repeat;
}

.one-fourth {margin: 0px 20px 20px 0px; display:inline;}
a.thumbnail {
	/* ============= LAYOUT ============= */
	outline:none;
	position: relative;
	float: left;
	border: 1px solid #fff;
	padding: 3px !important;
}
a.thumbnail:hover {
	border: 1px solid #ddd;	
	}
.shadow_181 {
float:left;
}
.one-fourth {
width: 120px;
}
.form-horizontal #submit{
	background: #000;	
	}
.form-horizontal label{
	font-size:13px;
	letter-spacing: 1px;	
	}
.contact-col{
	padding-left:15px;	
	}
.contact-col .glyphicon{
	font-size:23px;
	color:#000;
	padding-right:5px;
	vertical-align: middle;
	}			
.form-horizontal input:focus,.form-horizontal textarea:focus{
	border-color:rgba(200, 200, 200, 0.4);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.03) inset, 0 0 3px rgba(20, 20, 20, 0.6);
}

.bordered-list li {
    border-bottom: 1px solid #cccbc9;
    clear: both;
    display: block;
    float: none;
    padding: 20px 0;
}
.bordered-list li:last-child{
	border-bottom:none;	
	}

#about-text{
	margin-top: 10px;
	margin-bottom: 20px;
}
#about-text p:not(:last-child){
	margin: 0 0 3px;
	border-bottom: 1px solid #A7A9AB;
}	

@media (min-width:1300px){
	.container:not(.container-about) {
    	width: 1300px;
	}
}
	
@media (min-width: 992px) {
#content{width:560px !important;}
	}
@media (max-width: 991px) {
#content{width:700px !important;}
.gallery-big-page{width:580px !important;}
ul.content1 a{font-size:18px; }		
.logo-container{
	left: 5%;
	right:5%;	
}
.desktop-menu{
	display:none;	
	}
.mobile-menu{
	display:inline;
	cursor:pointer;	
	}
.menu-under {
	opacity: 1;
	height:80px;	
	}
.menu-under span {
	top:105px;	
	}
#collapseExample {
	opacity: 1;	
	}
.column3{
	display:none;				
		}
.column1{width:100% !important;	}		
.mobile-album-title{display:block; padding-left:2px; width:700px;margin:0 auto;}		
.column2{
	margin-top:5px;
	width:100% !important;	
	}
}
@media (max-width: 840px) and (min-width: 701px) {
#content{width:560px !important;}
.mobile-album-title{width:560px;}	
	}
@media (max-width: 767px) {
#facebook-items{ z-index: 100; }
.form-horizontal .col-xs-2,.form-horizontal .col-xs-8{
	float: none;
	clear:both;
	padding-right: 20px;
	width: 100%;
}
.form-horizontal .form-group {
   	margin-left: -25px;
    margin-right: 0;	
	}
.contact-col{
    padding-left: 0 !important;
}
.fix-padd {
   padding-left: 20px;
}
.bordered-list{
	padding:0 20px;
	margin-bottom: 30px;	
	}
.bordered-list li {
    padding: 13px 0;
}
.mobile-button{ 
text-align:center;
padding-left:0px;
}
}	
@media (max-width: 700px) and (min-width: 551px) {
#content{width:420px !important;}
.gallery-big-page{width:320px !important;}
.mobile-album-title{width:420px;}		
	}
@media (max-width: 550px) {
#content{width:280px !important;}
.gallery-big-page{width:320px !important;}
.mobile-album-title{width:280px;}		
	}

#facebook-item{
	background:url('../img/lightbox/03-128.jpg') center left no-repeat;
	height:63px;
	width:53px;
	position:fixed;
	right:0;
	top:45%;
	z-index:9999;
	}
#facebook-items:hover #facebook-item-hidden {
    right: 53px;
}	
#facebook-item-hidden{
	background:url('../img/lightbox/fbitem.png') center center no-repeat;
	height:63px;
	position:fixed;
	width:53px;
	right:-115px;
	top:45%;
	transition: right 300ms linear 0s;
	z-index:500;
	}
#facebook-items:hover #vimeo-item-hidden {
    right: 106px;
}	
#vimeo-item-hidden{
	background:url('../img/lightbox/vimeo-64.jpg') center center no-repeat;
	height:63px;
	position:fixed;
	width:53px;
	right:-115px;
	top:45%;
	transition: right 300ms linear 0s;
	z-index:500;
	}	

@media (max-width: 420px) {
#facebook-item,#facebook-item-hidden,#vimeo-item-hidden{top:20%;}

}
.alert-custom{
	padding: 4px !important;
	width: 80% !important;
	margin: 70px auto 0 !important;
	background-color: black !important;
    border-color: black !important;
    color: white !important;	
}
a.thumbnail.lightbox div{
	height: 112px;
	overflow: hidden;
}