@charset "utf-8";

/* ajluz custom styles*/
.index {
    background: url(../images/index3b.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.about {
    background: url(../images/bg-4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.biography {
    background: url(../images/bg-bio3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.philosophy {
    background: url(../images/bg-gen.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.practice {
    background: url(../images/bg-gen.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.works {
    background: url(../images/bg-1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.newsroom {
    background: url(../images/bg-gen.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}
.feedback {
    background: url(../images/bg-gen.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

body{
	font-family: 'eurostile', sans-serif;
	font-size:1.9em;
    color: #333;
    text-shadow: 1px 1px 4px #ccc;
}

li {color: #000; text-shadow: none;}
.col-lg-4{text-shadow: none;}
.col-lg-4 p {font-size: .9em;}
.col-lg-9{color:#fff; text-shadow: 1px 1px 1px #000;}
.col-sm-12{text-shadow: none; font-size:.9em;}

nav{
	font-family: 'eurostile', sans-serif;
	text-transform:uppercase;
}


h4{
	font-weight:bold;
	margin-top:2em;
    font-size: 1.1em;
}

h5{
	font-size: 1.1em;color:#333;
}

html{font-family: 'eurostile', sans-serif;}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0 !important;
}

.topbuffer{
	padding-top:20px;
}
.topbuffer2{
	padding-top:10px;
}
.thumbnail{
	border:none;
	background-color:transparent !important;
}
.pusher{margin-top:50px;margin-bottom;50px;clear:both;}

.ajluzlogo{
	text-transform:uppercase;
	font-weight: bold;
	color:#bf801d;
}
.capslower{
	text-transform: none;
}

.jumbotron{background-color:transparent;}

#collapsible
{
    width:35px;
}

/* ajluz custom font*/
@font-face {
  font-family: "eurostile";
  src:url("../fonts/Eurosti.eot");
  src:url("../fonts/Eurosti.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Eurosti.ttf") format("truetype"),
    url("../fonts/Eurosti.woff") format("woff"),
    url("../fonts/Eurosti.svg#eurostile") format("svg");
}

@font-face {
    font-family: 'Michroma', sans-serif;
    src: url("https://fonts.googleapis.com/css?family=Michroma") format("truetype");
}

h1,h2,h3,h4,h6{
	text-transform:uppercase;
}

.fotorama {
	font-family:"eurostile" !important, 'Michroma';
}

.fotorama__caption {
  text-align: center;
  font-family:"eurostile" !important, 'Michroma';
}
.jumbotron {padding:40px !important;vertical-align:top;}
.page-header{
	color:#ffbe5c;
    text-shadow: 1px 1px 4px #333;
	}

.fotorama__caption{bottom:5%;}
.navbar-brand{margin-right:15px;}

ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
.dropdown-menu > li > a:hover{background-color:#c9aa7a;}

.inlinephotos{
	width:30%;
	height:auto;
	overflow:visible;
	float:left;
	margin:5px;
	}
	.inlinephotos img{
		max-width:100%;
		height:auto;
		}
.pics img{margin-bottom:2px;}

.author-date-caption{font-size:12px;color:#999;}

a, a:hover {color:#900;}

.homebutton, .mybutton{text-shadow:none;margin-top:20px;text-transform:uppercase;}

.modal .modal-dialog .modal-backdrop {
	max-height: auto;
	max-width:auto;
	overflow-y: auto;
}
.img-thumbnail{border-radius:0;}
.list-group-item {margin-bottom:1px;}
.endlist{margin-bottom:5px;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	z-index:10000;
}

h1{letter-spacing:2px;font-size:60px;font-weight:bold;}
h3{letter-spacing:2px;}
h2, h4{letter-spacing:1px;}
h1, h3{color:#000;}
h4{color:  #f1e5c5;}
h2{color: #d9c998;}

#ajluz-hd{color:white;text-shadow: 1px 1px #fff; text-align:center;top:90px;position:relative;}

/* iphone6+ */
@media only screen
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) 
	{
	.index {
    background: url(../images/index1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	.inlinephotos{
	width:50%;
	}
	h1{letter-spacing:0;font-size:36px;font-weight:bold;}
	h3{letter-spacing:0;}
	#ajluz-hd{position:relative;top:30px;text-align:left;}
	}
@media only screen
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) 
	{
	.index {
    background: url(../images/index3b.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	h1{letter-spacing:0;font-size:36px;font-weight:bold;}
	h3{letter-spacing:0;}
	#ajluz-hd{position:relative;top:30px;}
}

/* iphone6*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)
  {
	.index {
    background: url(../images/index3c.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	.inlinephotos{width:50%;}
	h1{letter-spacing:0;font-size:42px;font-weight:bold;}
	h3{letter-spacing:0;}
	#ajluz-hd{position:relative;top:40px;text-align:left;}
  }
  
@media only screen
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
	{	
	.index {
    background: url(../images/index3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	h1{letter-spacing:0;font-size:36px;font-weight:bold;}
	h3{letter-spacing:0;}
	#ajluz-hd{position:relative;top:20px;}
}

/* ipad 3&4 */
@media only screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 2)
	{
	.index {
    background: url(../images/index3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	h1{letter-spacing:0;font-size:36px;font-weight:bold;}
	h3{letter-spacing:0;}
	}
	
/* laptops */
@media only screen
   and (min-width: 1024px) 
   and (-webkit-min-device-pixel-ratio: 1)
   {
	.index {
    background: url(../images/index3.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
   }
   /* on browser resize */
@media only screen
   and (min-width: 374px)
    and (max-width: 600px)
   and (-webkit-min-device-pixel-ratio: 1)
   {
	#ajluz-hd{position:relative;top:70px;text-align:left;}
	.index {
    background: url(../images/index1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
	}
	.inlinephotos{
	width:50%;
	}
	h1{letter-spacing:0;font-size:36px;font-weight:bold;}
	h3{letter-spacing:0;}
   }