/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 99; /* makes sure it stays on top */
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../img/status.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}
.nav.contact {
	font-size: 0.7em;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #999;
	display: none;
}

@media (max-width: 767px) {
.nav.contact {
	font-size: 0.8em;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #999;
	display: block;
}
}
.bold {
	font-weight: bold;
	color: #ccc !important;
}
.social {
	display: inline-block;
	margin-bottom: 20px;
	border: 0px solid #f00;
	text-decoration: none;
}
#twitter {
	margin-right: 5px;
}
#tumblr {
	margin-left: 5px;
}
.navbar {
	text-align: center !important;
}
.hero {
	background: #231f20;
	height: 450px;
}
.row.one {
	margin-top: 25px;
}
.col-md-4.portfolio-item {
	text-align: center;
	background: url(../fonts/proximanova-sbold-webfont.ttf);
	background: url(../fonts/proximanova-light-webfont.ttf);
	background: url(../fonts/proxima_nova_extrabold-webfont.ttf)
}
hr {
	background-colour: #000;
	height: 5px;
}
.line {
	width: 20px;
	height: 2px;
	background-color: #000;
	margin: 10px auto 10px auto;
}
.line_title {
	width: 20px;
	height: 2px;
	background-color: #000;
	margin: 15px auto 0 auto;
}
.line_title_white {
	width: 20px;
	height: 2px;
	background-color: #fff;
	margin: 	5px auto 0 auto;
}
.line_title_grey {
	width: 20px;
	height: 2px;
	background-color: #ccc;
	margin: 15px auto 0 auto;
}
.gallery_title {
	margin-top: 20px !important;
}
.address {
	text-align: center;
	padding-bottom: 50px;
}
a {
	color: inherit !important;
	outline: none !important;
	text-decoration: none !important
}
a:active {
	outline: none !important;
}
.black {
	color: #000;
}
.row.gallery {
	padding-top: 10%;
}
.row.case_images {
	padding-top: 1%;
	padding-bottom: 2%;
}
.case_desc {
	margin-top: 20px;
}
.row.work {
	margin-left: -20px !important;
}
.work-section {
	background: #000;
}
.work_intro {
	text-align: center;
	margin-top: 32%;

	border: 0px solid #f00;
}
i {
	text-transform: lowercase;
	letter-spacing: 0.1em;
	color: #999 !important;
}
a:hover .hov1 {
	background: url(../img/full_screen/link.jpg) !important;
}
#mytoggle2 {
	text-align: center;
}
.overlay_text2 {
	text-align: center;
	width: 500px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -50px;
}
.overlay_text3 {
	text-align: center;
	margin-bottom: 25px !important;
}
.nav_hov:hover { /*----------------------HOVER--------------------*/
 color:  !important;
}
.nav_hov:active {
 color:  !important;
}
/*------------------------------------- 3 COL PORTFOLIO --------------------------------------------*/


.portfolio-item {
	margin-bottom:;
}
footer {
	margin: 50px 0;
}
/*------------------------------------- END 3 COL PORTFOLIO --------------------------------------------*/



/*-------------------------------------SCROLLING NAV --------------------------------------------*/


/*-------------------------------------END SCROLLING NAV --------------------------------------------*/
.container.aboutus {
	margin-top: 50px !important;
	border: 1px solid #f00;
}
.btn-group.btn-group-justified {
}
.prev_link {
	border: 1px solid f00 !important;
}
.line_title_white.mb {
	margin-bottom: 20px;
}
.contact_links {
	left: 20% !important;
	right: 20% !important;
}
.contact_links {
	bottom: 40%;
	color: #FFFFFF;
	left: 15%;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	right: 15%;
	text-align: center;
	z-index: 10;
}

/*----------------------*/

.client_logos {
	margin-bottom: 50px;	
}

#awards {
	
}




.row {
	border: 0px solid #f00;
}	


.col-lg-6 {
	border: 0px solid #f00 !important;
}	








/*----------------------MOBILE FIXES--------------------*/

@media (max-width: 767px) {
.carouseL {
	display: none !important;
}
}
#btt {
	text-align: center;
	padding-top: 5%;
}
.pb {
	margin-bottom: 10px;
}
.follow {
	padding-top: 7px;
	border: 0px solid #f00;
}
.down_arrow {
	MARGIN-TOP: 20px;
}
.col-lg-8 {
	text-align: center;
}
.col-sm-4 {
	text-align: center;
}
.col-sm-2 {
	text-align: center;
}
#left {
	text-align: left;
}
#right {
	text-align: right;
}
#client_logos {
	margin-top: 3%;
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 1023px) {
h1 {
	font-size: 1.2em !important;
	color: #fff !important;
}
.overlay_text {
	font-size: 0.7em !important;
	margin-top: 10px !important;
}

h2 {
	font-size: 1.0em !important;
	color: #fff !important;
}
.thumb_text {
	font-size: 0.8em !important;
}
#about_title {
	text-align: center;
	color: #999;
	background: #f00;
}
#about_title, h1 {
	text-align: center;
}
.col-md-9 {
	border: 0px solid #f00 !important;
}
.col-md-12 {
	border: 0px solid #f00 !important;
}
.container {
	border: 0px solid #f00 !important;
}
#m-image {
	margin-top: 50px !important;
}
{
 text-align: center;
}
.btm_links {
	list-style: none;
	text-decoration: none;
	border: 0px solid #f00;
	width: 100px;
	height: 50px;
}

.left {
	display: none !important; 	
}

.right {
	display: none !important; 	
}
}
.col-lg-3 {
	border: 1px solid #f00 !important;
}
.col-lg-6 {
	border: 0px solid #f00 !important;
}
.col-lg-12 {
	border: 0px solid #f00 !important;
}
/*------------------------------------- 3 COL PORTFOLIO --------------------------------------------*/


.portfolio-item {
	margin-bottom: ;
}
footer {
	margin: 50px 0;
}
/*------------------------------------- END 3 COL PORTFOLIO --------------------------------------------*/



/*-------------------------------------SCROLLING NAV --------------------------------------------*/


/*-------------------------------------END SCROLLING NAV --------------------------------------------*/


.line_title_white.mb {
	margin-bottom: 20px;
}
.contact_links {
	left: 20% !important;
	right: 20% !important;
}
.contact_links {
	bottom: 40%;
	color: #FFFFFF;
	left: 15%;
	padding-bottom: 20px;
	padding-top: 20px;
	position: absolute;
	right: 15%;
	text-align: center;
	z-index: 10;
}

@media ( max-width: 1024px ) {
.contact_links {
	color: #FFFFFF;
	left: 15%;
	padding-bottom: 20px;
	padding-top: 20px;
	right: 15%;
	text-align: center;
	z-index: 10;
	top: 20%;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media ( min-width: 480px ) {
/* Styles */
.contact_links {
	display: none !important;
}
}

@media ( min-width: 768px ) {
/* Styles */
.contact_links {
	display: block !important;
}
}

/*keep animation smooth in Safari above 2000px*/
@media ( min-width: 2000px ) {
#work, #home, #contact, #about {
	-webkit-backface-visibility: hidden;
}
}
/*keep animation smooth in Safari above 2000px*/
#work, #home, #contact, #about {
	-webkit-backface-visibility: hidden;
}
.col-lg-6 #logos {
	margin: auto !important;
}
.row.case_images img {
	margin: auto;
}

@media ( max-width: 479px ) {
.contact_mobile {
	display: none !important;
	margin: 0 auto;
	width: 100%;
	position: relative;
	top: 35%;
	border: 0px solid #f00;
	text-align: center;
	vertical-align: central;
}
.contact_mobile li {
	list-style: none;
	float: left;
	text-align: center;
	border: 0px solid #f00;
	padding: 10px;
}
}

@media ( min-width: 480px ) {
.contact_mobile {
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
	top: 35%;
	border: 0px solid #f00;
	text-align: center;
	vertical-align: central;
	font-size: 0.7em;
	
}
.contact_mobile li {
	list-style: none;
	float: left;
	text-align: center;
	border: 0px solid #f00;
	padding: 10px;
}
}

@media ( min-width: 767px ) {
.contact_mobile {
	display: none !important;
	margin: 0 auto;
	width: 100%;
	position: relative;
	top: 35%;
	border: 0px solid #f00;
	text-align: center;
	vertical-align: central;
}
.contact_mobile li {
	list-style: none;
	float: left;
	text-align: center;
	border: 0px solid #f00;
	padding: 10px;
}
}



#pageControl a.searchTrigger {
    background-position: 46px -109px;
    margin: 0 12px 0 0;
}

#pageControl a.action {
    background: url("../img/ui/sprite/sprite-assets_all-562014.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999999;
    display: block;
    float: left;
    outline: medium none;
    padding: 4px 20px 4px 4px;
}
/*-----------------------------------SEARCH--------------------------------------*/





/*-----------------------------------ANIMATION--------------------------------------*/

.jscroll-loading {
    text-align: center;
    background: url(loading.gif) no-repeat center;
    padding: 5px 0;
    margin-bottom: 10px;
    font-style: italic;
    text-indent: -9999px;
}

.work_thumbnails {
	margin-top: 30px;
	border: 1px solid #000;	
	height: 25px;
}

.logo {
	z-index: 999 !important;
	color: #fff !important;
	margin: 1px 0 0 10px;	
	
}


body {
	overflow-x: hidden !important;
	

}/* Preloader */

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}




/*

.work_arrow_left {
	border: 1px solid #f00;
	position: absolute;
	left: 0px;	
}

.work_arrow_right {
	border: 1px solid #f00;	
}
*/