@charset "utf-8";
/* CSS Document */

/* === General === */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../../font/BebasNeue-webfont.eot');
    src: url('../../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../font/BebasNeue-webfont.woff') format('woff'),
         url('../../font/BebasNeue-webfont.ttf') format('truetype'),
         url('../../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html{

	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:14px;
	line-height: 1.6em;
	background:#28656d;
	color:#bbbbbb;
	overflow:hidden;

}

.preloadImages{

	position:fixed;
	top:-9999px;
	left:-9999px;
	z-index:-1;
	display:none;
	visibility: hidden;

}

#wrapper{

	position: relative;
	width:100%;
	height:100%;

}

.inner-background{

	position: absolute;
	top:0px;
	left:0px;
	float:left;
	height:100%;
	z-index:-1;

}

.inner{

	opacity:0;
	position: relative;
	width:100%;
	height:100%;

}

#main-wrapper{

	width:auto;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	background:#28656d url(../../images/normal/main-wrapper-background.png) top left no-repeat;
	z-index:1;
	color:#bcbcbc;
	transition:top 0.4s, left 0.4s;
	transition-timing-function:ease-in-out;
	-webkit-transition:top 0.4s, left 0.4s; /* Safari */
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition:top 0.4s, left 0.4s; /* Mozilla */
	-moz-transition-timing-function:ease-in-out;
	-o-transition:top 0.4s, left 0.4s; /* Opera */
	-o-transition-timing-function:ease-in-out;

}

#main-wrapper a, #popup a{

	color:#ecd178;
	text-decoration: underline;

}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{

	background:#b73919;

}

.mCSB_scrollTools{

	z-index:9999;

}

/* === Loader === */

#loader{

	display:none;
	opacity:0;
	background:#000000;
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	z-index:999999;

}

#light1{

	position: absolute;
	top:50%;
	left:0px;
	height:100%;
	width:100%;
	background:url(../../images/normal/light1.png) 0px -100px no-repeat;
	margin-top:-500px;

}

#light2{

	position: absolute;
	top:50%;
	left:0px;
	height:100%;
	width:100%;
	background:url(../../images/normal/light2.png) -3200px 30px no-repeat;
	margin-top:-500px;

}

#ajax-loader, .ajax-loader{

	position: absolute;
	top:50%;
	right:50%;
	opacity:0.8;
	height:32px;
	width:32px;
	margin:-16px 0px 0px -16px;
	background:url(../../images/normal/ajax.gif) center center no-repeat;

}

#loader #ajax-loader, #loader .ajax-loader{

	top:20px;
	right:20px;
	margin:0px;

}

#pageTitle{

	position: absolute;
	top:25px;
	right:100px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	letter-spacing: 1px;
	font-size:28px;
	opacity:0;

}

/* === Main menu === */

#menu-wrapper{

	width:200px;
	position: absolute;
	left:0px;
	top:0px;
	background:#003841 url(../../images/normal/menu-wrapper-background.png) top center no-repeat;
	box-shadow:2px 0px 5px rgba(0,0,0,0.75);
	border-right:1px solid #10262d;
	height:100%;
	z-index:2;

}

#logo{

	position:absolute;
	top:15px;
	left:50%;
	margin-left:-80px;

}

#menu{

	position:absolute;
	top:220px;

}

#menu ul{

	padding:0px;
	margin:0px;

}

#menu li{

	margin-bottom:0px;

}

.menu-item{

	position: relative;
	text-transform: uppercase;
	font-family: 'BebasNeueRegular', sans-serif;
	font-size:18px;
	width:201px;
	height:32px;
	display:block;
	letter-spacing: 1px;
	cursor:pointer;
	padding-left:0px;
	background:none;

}

.menu-item.hover{

	z-index:9;
	background-color:#872912;
	box-shadow:0px 0px 5px rgba(0,0,0,0.75), 0px 1px 0px #9a3015 inset, 0px -1px 0px #9a3015 inset;

}

.menu-item a{

	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	padding:7px 0px 7px 20px;
	display:block;
	position: absolute;
	top:0px;
	text-decoration:none;
	color:#d0d0d0;
	z-index:2;
	width:181px;
	z-index: 4;
	overflow:hidden;
	height:20px;

}

.menu-background{

	position: absolute;
	top:-20px;
	left:0px;
	opacity:0;
	width:100%;
	height:34px;
	display:block;
	background:#9c0606;
	z-index:1;

}

.has-submenu{

	position: absolute;
	top:14px;
	right:20px;
	z-index:2;
	cursor:pointer;

}

.menu-item .menu-item{

	display:none;
	opacity:0;
	position: absolute;
	top:0px;
	left:201px;
	height:auto;
	width:auto;
	background:#872912;
	box-shadow:3px 0px 5px rgba(0,0,0,0.5), 0px 1px 0px #9a3015 inset, 0px -1px 0px #9a3015 inset;
	padding-bottom:4px;
	z-index:9;
	border-radius: 0 5px 5px 0;

}

.menu-item .menu-item a{

	width:auto;
	white-space:nowrap;
	padding:6px 20px 6px 20px;
	position: relative;
	word-wrap:normal;

}

img.shine-hover{

	position: absolute;
	top:0px;
	left:-200px;
	z-index:0;

}

.overflow-hidden{

	position: relative;
	height:100%;
	width:100%;
	overflow: hidden;

}

/* === Responsive Menu === */

#tablet-menu{

	position:relative;
	top:35px;
	left:0px;
	width:96%;
	height:100%;
	margin:0px auto;
	overflow-x:hidden;
	overflow-y:auto;
	display:block !important;
	visibility: hidden;

}

#tablet-menu-button{

	position: absolute;
	top:17px;
	right:10px;
	float:right;
	height:40px;

}

#tablet-menu-button span{

	margin-top:3px;

}

#tablet-menu li{

	background-image:none;
	width:100%;
	margin:5px 0px;
	padding:0px;
	border-radius:5px 5px 5px 5px;

}

#tablet-menu li.submenu a{

	padding-left:40px;

}

#tablet-menu li a{

	margin:0px;
	padding:10px 20px;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.05);
	background:rgba(0,0,0,0.2);

}

#tablet-menu li a:hover, #tablet-menu li a.active, #tablet-menu li a:focus{

	background:#b93a19;
	color:#dedede;

}

/* === Rest of Header === */

#search-box{

	border:1px solid #073f48;
	box-shadow:0px 1px 5px rgba(0,0,0,0.3) inset;
	border-radius:20px;
	width:100px;
	height:34px;
	position:absolute;
	bottom:80px;
	left:20px;
	color:#848484;
	padding:0px 40px 0px 20px;
	background:#003038;
	font-size:12px;

}

#search-button{

	position:absolute;
	bottom:92px;
	right:20px;
	border-radius:0px 20px 20px 0px;
	background:url(../../images/normal/search-button.png) top right no-repeat;
	width:35px;
	height:33px;
	border:0px none;
	cursor:pointer;
	font-size: 0px;

}

#social-wrapper{

	position: absolute;
	bottom:20px;
	margin:0px auto;
	text-align: center;
	padding:0px 20px;

}

#social-wrapper img, .socialPanel img{

	width:20px;
	opacity:0.5;

}

#hide-button {
  
    background: url("../../images/normal/hide-menu.png") no-repeat scroll center center transparent;
    bottom: -5px;
    cursor: pointer;
    height: 55px;
    position: absolute;
    right: -17px;
    width: 21px;
    z-index: 1;

}

#hide-button>span{

	position: absolute;
	left: 3px;
	top: 23px;

}

/* === Structure and Alignment === */

.first{

	margin-top:0px;

}

.last{

	margin-bottom:0px;

}

/* === Typography === */

h1, h2, h3, h4, h5, h6{

	font-family: 'BebasNeueRegular';
	font-weight: normal;
	letter-spacing: 1px;
	margin:40px 0px 20px 0px;
	background:#003841;

}

h1{

    font-size: 36px;
    margin-top: 36px;
    padding: 20px;

}

h2, h4, h5, h6{

	padding: 5px 20px;

}

h1.transparent{

	background:none;

}

h3{

	font-size: 24px;
	background:#003841;
	padding:0px 0px 0px 15px;

}

h1.with-border, h3.with-border, h2.with-border, h4.with-border, h5.with-border, h6.with-border{

	border-left:10px solid #006672;

}

hr{

	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.17);
    border: 0 none;
    height: 2px;

}

blockquote{

	border-left: 10px solid #003841;

}

pre, code{

	color:#B5B5B5;
	background-color: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.15);

}

a{

	outline: none;
	color:#e4d07c;

}

p{

	margin-bottom:30px;

}

strong{

	color:#d0d0d0;

}

iframe, embed{

	border:0px none;

}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th{

	background-color:#003841;

}

.table th, .table td{

	border-color:#003841;

}

.table{

	margin-bottom:40px;

}

.table-bordered{

	border-color:#003841;
	background-color: rgba(0, 0, 0, 0.2);

}

.table thead th{

	color:#cdcdcd;

}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th{

	background-color: rgba(0, 0, 0, 0.2);

}

#wrapper a.btn, #wrapper button{

	position:relative;
	background:#872912;
	box-shadow:0px 2px 2px rgba(0,0,0,0.4), 0px 1px 0px #9a3015 inset;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	border-radius: 5px;
	font-size: 18px;
	text-shadow:none;
	letter-spacing: 1px;
	padding:7px 15px;
	overflow: hidden;
	text-decoration: none;
	margin:0px 10px 10px 0px;

}

#wrapper a.btn span, #wrapper button span{

	z-index:9999;
	position: relative;
	top:1px;

}

ul.dropdown-menu li{

	background:none;
	padding-left:0px;

}

#main-wrapper a.btn, #wrapper button{

	position:relative;
	color:#d0d0d0;
	z-index:9;
	text-decoration: none;

}

#wrapper a.btn.active, #wrapper button:active, #wrapper button:focus{

	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	outline: none;

}

#wrapper a.btn:hover, #wrapper button:hover{

	color:#dfdfdf;

}

#wrapper a.btn, #wrapper button{

	background:#872912;
	color:#d0d0d0;

}

span.dropcap{

	color: #003841;
	display: inline-block;
	float: left;
	font-family: 'BebasNeueRegular';
	font-size: 42px;
	font-weight: normal;
	padding: 20px;
	text-shadow:1px 1px 0 rgba(255, 255, 255, 0.07);

}

img{

	outline:none;
	border:0px none;
	max-width: 100%;

}

img.with-border, div.with-border{

	border:3px solid #003841;

}

img.full{

	width:100%;

}

li{
   
    line-height: 20px;
    margin-bottom: 5px;
    padding-left: 15px;

}

ol li{

	padding-left:10px;

}

ul li{

	list-style:none;

}

ul li i{

	margin-right:10px;

}

/* === 404 Not found === */

div.notfound-right-column{

	position:relative;
	padding:1px 20px 0px 560px;

}

#main-wrapper a.notfound-button.btn{

	position:absolute;
	top:58px;
	right:20px;

}

div.notfound-right-column h1.transparent{

    padding-left:0px;

}

/* === About us === */

.about-image{

	position:relative;
	overflow: hidden;

}

.about-image:hover{

	cursor: pointer;

}

.logo{

	margin:0px auto;
	text-align: center;

}

.socialPanel{

	position: absolute;
	opacity:0;
	left:0px;
	background:rgba(0,0,0,0.5);
	padding:10px;
	border-radius:0px 5px 0px 0px;
	bottom:-20px;
	display:block;

}

.call-to-arms{

	position:relative; 

}

.call-to-arms .btn{

	position: absolute !important;
	bottom:10px;
	right:20px;
	float:right;

}

/* === Services === */

.cherry{

	display:none;

}

/* === Portolio Item === */

#portfolio-item, #blog-item{

	position:relative;
	border:3px solid #003841;
	width:100%;
	background:#000000;
	display:block;
	height:auto;
	margin:0px 0px 20px;

}

div#portfolio-rest, div#blog-rest{

	display:none;
	visibility: hidden;
	opacity:0;

}

#portfolio-item img.item, #blog-item img.item{

	width:100%;	
	position: relative;
	z-index:1;

}

/* === Portfolio & Gallery === */

#gallery{

	margin:0px auto;
	padding:20px 20px 0px 20px;
	max-width:980px;

}

.galleryImage img.item{

	height:100%;

}

.galleryImage{

	position: relative;
	height:200px;
	overflow:hidden;
	margin:0px 0px 20px 0px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5), -1px -1px 0px rgba(0,0,0,0.5) inset, 1px 1px 0px rgba(0,0,0,0.5) inset;
	transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s;
	transition-timing-function:ease-in-out;
	-webkit-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Safari */
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Mozilla */
	-moz-transition-timing-function:ease-in-out;
	-o-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Opera */
	-o-transition-timing-function:ease-in-out;

}

.galleryImage:hover{

	cursor:default;

}

#columnPortfolio, #columnPortfolio>div{

	position: absolute;
	height:100%;
	width:100%;
	display:block;

}

#dummyPortfolio{

	display: none;
	visibility: hidden;
	opacity:0;
	width:0;
	height:0;
	position: fixed;
	top:-9999px;
	left:-9999px;

}

.masonryImage{

	width:20%;
	height:auto;
	position:relative;
	padding:0;
	display:block;
	opacity:0;

}

.masonryImage, .simpleImage, .columnImage{

	background:#b93a19;

}

.galleryImage{

	background:#983218;

}

.simpleImage{

	float:left;
	position:relative;
	height:320px;
	width:20%;
	transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s;
	transition-timing-function:ease-in-out;
	-webkit-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Safari */
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Safari */
	-moz-transition-timing-function:ease-in-out;
	-o-transition:width 0.4s, height 0.4s, top 0.4s, left 0.4s; /* Safari */
	-o-transition-timing-function:ease-in-out;
	overflow: hidden;
	display: block;

}

.columnImage{

	position:relative;
	height:100%;
	width:20%;
	overflow: hidden;
	display: inline-block;

}

.masonryImage:hover, .simpleImage:hover, .columnImage:hover, .galleryImage.enabled:hover{

	cursor:pointer;

}

.simpleImage img.item, .galleryImage img.item{

	height:101%;
	width:auto;
	max-width:none;

}

.simpleImage img.item.heighter, .galleryImage img.item.heighter{

	width:101%;
	height:auto;
	max-height:none;

}

.masonryImage img.item, .masonryBlogPost img.item{

	float: left;
    margin: 0;
    padding: 0;
    width: 100%;

}

.columnImage img.item{

	height:100%;
	width:auto;
	max-width: none;

}

.masonryImage img.item{

    margin: 0;
    padding: 0;

}

.masonryImage img.icon, .simpleImage img.icon, .masonryBlogPost img.icon, .columnImage img.icon, .galleryImage img.icon{

	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	z-index:10;
	margin:-28px 0px 0px -8px;

}

.galleryImage img.icon{

	margin:-8px 0px 0px -8px;

}

.masonryImage p, .simpleImage p, .columnImage p{

	opacity:0;
	display:none;

}

span.description{

	opacity:0;
	position: absolute;
	top:50%;
	width:100%;
	text-align: center;
	color:#f0f0f0;
	font-size:20px;
	font-family: 'BebasNeueRegular';
	letter-spacing: 1px;
	display: block;
	height:20px;
	z-index:10;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
	margin-top:20px;

}

.link, .vid{

	opacity:0;
	display:none;
	visibility: hidden;

}

/* === Popup === */

#popup .vid{

	opacity:1;
	display:block;
	visibility:visible;
	position: absolute;
	top:50%;

}

#popup-overlay{

	opacity:0;
	background:#000000;
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
	z-index:9;
	float:left;

}

#popup{

	position:absolute;
	top:50%;
	left:50%;
	height:90%;
	width:auto;
	box-shadow:0px 0px 10px rgba(0,0,0,1);
	border:1px solid rgba(255,255,255,0.12);
	z-index:10;
	display:block;
	opacity:0;
	overflow:hidden;

}

#popup-side{

	width:400px;
	height:100%;
	position:absolute;
	display:block;
	top:0px;
	right:0px;
	background:#004652;
	box-shadow:-2px 0px 5px rgba(0,0,0,0.75);
	overflow-y:auto;
	overflow-x:hidden;

}

#popup-item, #popup-gallery-item{

	height:100%;
	position: relative;
	background:#000;

}

#popup-item img.widther, #popup-gallery-item img.widther{

	width:100%;
	height:auto;
	top:0px;
	left:0px;
	max-height: none;

}

#popup-previous, #columnPortfolio-previous, #portfolio-item-previous, #popup-gallery-previous{

	position:absolute;
	left:20px;
	top:50%;
	margin-top:-17px;
	opacity:0;
	cursor:pointer;
	padding:10px;
	z-index:99999999999;

}

#popup-next, #columnPortfolio-next, #portfolio-item-next, #popup-gallery-next{

	position:absolute;
	right:20px;
	top:50%;
	margin-top:-17px;
	opacity:0;
	cursor:pointer;
	padding:10px;
	z-index:12;

}

#columnPortfolio-next, #columnPortfolio-previous, #portfolio-item-next, #portfolio-item-previous{

	z-index:99999999999;

}

#portfolio-item-next, #portfolio-item-previous{

	opacity:1;

}

#popup-numbering{

	position: absolute;
	top:20px;
	right:-20px;
	opacity:0;
	color:#CFCFCF;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
	background:rgba(0,0,0,0.7);
	padding:10px;
	border-radius:10px;

}

#popup-gallery-numbering, #popup-gallery-previous, #popup-gallery-next, #popup-gallery-description{

	position:absolute;

}

#popup-gallery-numbering{

	top:20px;
	right:50px;
	opacity:0;
	color:#CFCFCF;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
	background:rgba(0,0,0,0.8);
	padding:10px;
	border-radius:10px;

}

#popup-gallery-description{

	font-family: 'BebasNeueRegular';
	font-weight: normal;
	letter-spacing: 1px;
	font-size:20px;
	opacity:0;
	bottom:-20px;
	display:block;
	width:100%;
	color:#CFCFCF;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
	background:#000000;
	left: 0;
    padding: 10px 10px 5px 10px;
    text-align: center;

}

#popup-options{

	position: absolute;
	bottom:-50px;
	height:50px;
	width:100%;
	display:inline-block;
	background:rgba(0,0,0,0.5);
	opacity:0;
	left:0px;

}

a#popup-fullscreen, a#popup-close, a#popup-playlist, a#popup-link{

    background: none repeat scroll 0 0 #050505;
	border: 1px solid #000000;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	color: #BBBBBB;
	float: right;
	margin: 10px 5px 0 0;
	opacity: 0.6;
	padding: 3px 10px 5px;
	text-decoration: none;

}

a#popup-gallery-close{

	position:absolute;
	top:20px;
	right:0px;
	background:rgba(0,0,0,0.8);
	padding:10px 15px;
	border-radius:10px;
	text-decoration: none;
	opacity: 0;

}

a#popup-fullscreen span, a#popup-close span, a#popup-gallery-close span, a#popup-playlist span, a#popup-link span{

	margin-top:2px;

}

a#popup-fullscreen:hover, a#popup-close:hover, a#popup-gallery-close:hover, a#popup-playlist:hover, a#popup-link:hover{

	color:#DDDDDD;
	background:rgba(0,0,0,0.8);
	cursor:pointer;
	opacity:1;

}

#popup-item img.heighter, #popup-gallery-item img.heighter{

	height:100%;
	width:auto;
	top:0px;
	left:0px;
	max-width: none;

}

#popup-item img.item{

	opacity:0;

}

#popup-social{

	position:relative;
	top:15px;
	left:20px;
	display:inline-block;
}

img.popupLoading, img.portfolio-item-loading{

	position:absolute; 
	top:50%; 
	left:50%;
	margin:-16px 0px 0px -16px;

}

img.portfolio-item-loading, img.blog-item-loading{

	
	z-index:0;

}

#portfolio-item-numbering, #blog-item-numbering{

	position: absolute;
	top:20px;
	right:20px;
	color:#CFCFCF;
	text-shadow:1px 1px 0px rgba(0,0,0,0.5);
	background:rgba(0,0,0,0.8);
	padding:10px;
	border-radius:10px;
	z-index:12;

}

button.popupButton{

	padding:10px;

}

/* === Contact page === */

#googleMap{

	width:100%;
	height:400px;
	position:relative;
	top:-20px;
	z-index:1;

}

#googleMap img{

	max-width: inherit;

}

.input-prepend{

	margin: 15px 0px 15px 0px;

}

.input-prepend:first-child{

	margin-top:0px;

}

input[type=text], textarea{

	background: #003841;
	border-radius:0px 5px 5px 0px;
	border:1px solid #002b34;
	padding:7px 15px;
	color:#CCCCCC;

}

.input-prepend span.add-on, .input-prepend .add-on:first-child, .input-append span.add-on, .input-append .add-on:first-child{

	border-radius:5px 0 0 5px;
	padding:7px 15px;
	background:#00323b;
	color:#bfbfbf;
	border:1px solid #002b34;
	min-width:60px;

}

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {

	color:#d0d0d0;
	min-width:60px;
	cursor:pointer;

}

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{

	background-color:#872912;
	background-image:none;

}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{

	border-color:rgb(236, 209, 120);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236, 209, 120, 0.6);

}

textarea.error, input[type="text"].error, input[type="password"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="date"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error, input[type="number"].error, input[type="email"].error, input[type="url"].error, input[type="search"].error, input[type="tel"].error, input[type="color"].error, .uneditable-input.error{

	border-color:rgb(236, 209, 120);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236, 209, 120, 0.6);

}

.input-append .add-on, .input-prepend .add-on{

	text-shadow:none;
	font-family: 'BebasNeueRegular';
	letter-spacing: 1px;

}

.btn .caret {

    margin-left: 7px;
    margin-top: 8px;

}

.caret{

	border-top: 4px solid #D0D0D0;

}

textarea{

	border-radius:5px;

}

.btn-group.open .btn.dropdown-toggle, .dropdown-menu{

	background:#00323b;

}

#main-wrapper .dropdown-menu li > a{

	color:#bfbfbf;
	text-decoration: none;

}

#slide-list li, #supersized li, ul#thumb-list li{

	background:none;
	padding-left:0px;

}

#loadingForm{

	opacity:0;
	display:none;
	display:inline;
	float:right;

}

.alert strong{

	color:inherit;

}

#subjectDrop a.btn{

	margin:0px;
	font-size:14px;
	border-radius:4px 0px 0px 4px;

}

/* === Blog === */

.blog-info{

	display:block;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	letter-spacing: 1px;
	margin:-10px 0px 10px;

}

.blog-image{

	max-height:300px;
	overflow: hidden;
	border:3px #003841 solid;
	background:#000000;
	position: relative;

}

.blog-item-image{

	max-height:500px;
	overflow: hidden;
	border:3px #003841 solid;
	background:#000000;
	position: relative;
	margin-bottom:40px;

}

.blog-content{

	position: relative;

}

.blog-social{

	position:absolute;
	top:10px;
	right:-10px;

}

.blog-boxed{

	max-width:980px;
	margin:20px auto 0px !important;

}

.blog-boxed .container-fluid{

	padding:0px;

}

#main-wrapper .pagination ul > li{

	background:none;
	padding-left:0px;

}

#main-wrapper .pagination ul{

	box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);

}

.pagination ul > li > a, .pagination ul > li > span{

	color:#BBBBBB !important;
	text-decoration: none !important;
	background-color: #003841;
    border-color: rgba(0, 0, 0, 0.3);
    box-shadow:0px 1px 0px rgba(255,255,255,0.06) inset;

}

.pagination ul > li.active > a, .pagination ul > li > a:hover{

	background:none repeat scroll 0 0 #006672;

}

.pagination ul > li.disabled > a{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  	color: #666666 !important;

}

.pagination ul > li.disabled > a:hover{

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

}

.blog-image iframe, .blog-image embed{

	position: relative;
	z-index: 9999999;
	width:100%;

}

.blog-image iframe{

	margin:-2px 0px 0px -2px;

}

img.about-the-author{

	border:3px #003841 solid;

}

div.about-the-author{

	padding:10px 20px 10px 40px;
	background: url(../../images/normal/about-the-author.png) center left no-repeat;
	height:inherit;

}

/* === Some responsive stuff === */

/* Note: Design for a width of 980px */

@media only screen and (max-width: 979px) {

	#hide-button {

	    background: url(../../images/normal/hide-menu-tablet.png) no-repeat scroll center center transparent;
	    bottom: -16px;
	    cursor: pointer;
	    height: 21px;
	    right: -5px;
	    position: absolute;
	    width: 55px;
	    z-index: 1;

	}

	#hide-button > span {

	    left: 24px;
	    position: absolute;
	    top: 2px;

	}

   #menu-wrapper{

		width:100%;
		height:80px;
        box-shadow:0px 2px 5px rgba(0,0,0,0.75);
        background:#003841 url(../../images/normal/menu-tablet-wrapper-background.png) bottom center repeat-x;
        border-bottom:1px solid #10262D;

	}

    #logo{

        left:90px;
        top:-8px;
        height:87px;
        overflow:hidden;

    }

    #main-wrapper{

        width:100%;
        top:80px;
        left:0px;
        height:100%;

    }

    .masonryImage, .masonryBlogPost{

        width:33.2%;
        height:auto;
        position:relative;
        padding:0;
        display:block;
        opacity:0;

    }

    #main-wrapper div.notfound-right-column{

        position:relative;
        padding:0px 20px 20px 20px;

    }

    #main-wrapper div.notfound-right-column h1.transparent{

        background: none repeat scroll 0 0 #003841;
        font-size: 36px;
        margin: 0 0 20px -20px;
        padding: 20px;
        width: 105%;

    }

    #main-wrapper a.notfound-button.btn{

        top:20px;

    }

    #popup-side{

        position:absolute;
        top:0px;
        left:0px;
        height:240px;
        width:100%;

    }

    #popup-side h1{

        padding:10px 0px 10px 20px;
        font-size: 30px;

    }

    #popup-item{

        position:relative;
        top:240px;

    }

    #popup-gallery-item{

        position:relative;
        top:0px;

    }

    #popup{

        overflow: hidden;

    }

    .blog-boxed{

        margin:0px auto 0px !important;

    }

    .blog-boxed .container-fluid{

        padding:0px 20px 0px 20px;

    }

    .blog-boxed .blog-image{

        max-height:300px;

    }

}

/* Note: Design for a width of 768px */

@media only screen and (max-width: 767px) {
    
    div.row-fluid .span1, div.row-fluid .span2, div.row-fluid .span3, div.row-fluid .span4, div.row-fluid .span5, div.row-fluid .span6, div.row-fluid .span7, div.row-fluid .span8, div.row-fluid .span9, div.row-fluid .span10, div.row-fluid .span11, div.row-fluid .span12{

        width:100%;
        display:block;
        float:none;
        margin:0px 0px 20px;

    }    

    .input-prepend{

        width:100%;

    }

    .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"]{

        width:80%;
        display:inline-block;

    }

    div.about-the-author{

        background-image:none;
        background:#003841;
        padding:20px;

    }

}

/* Note: Design for a width of 480px */

@media only screen and (max-width: 479px){
    
    .simpleImage{

        width:100%;
        display:block;
        float:none;
        margin:0px;

    }

}

/* === Transitions === */

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}