body {
	font: 15px/1.85em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #888888;
	font-weight: 300;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: #003261;
	padding-top: 53px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h1 {
	width: 100%;
	font-size: 36px;
	color: #747474;
	text-align: center;
}

.blue {
	color: #06F;
	font-weight: normal;
}

.green {
	color: #0A0;
	font-weight: normal;
}

.clear {
	clear: both;
}

.marginbot {
	margin-bottom: 50px;
}

.topbar {
	width: 100%;
	background: url(../images/topbar-bg.png) repeat-x;
	position: fixed;
	z-index: 10;
	top: 0;
}

.templatemo_headerimage {
	width: 100%;
	margin-top: 0px;
	position: relative;
}

.templatemo_headerimage img {
	width: 100%;
}

.blackoverlay {
	opacity: 1;
	width: 100%;
	height: 100%;
	;
	position: absolute;
	top: 53px;
}

.titlewrapper {
	top: 0;
	width: 100%;
	left: 0;
}

.title {
	position: absolute;
	height: 150px;
	line-height: 84px;
	float: left;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 50px;
	color: #ffffff;
	top: 0;
	left: 0;
}

.title span {
	display: block;
	height: 150px;
}

.menu {
	position: relative;
	top: 10%;
}

.topbar .navbar-default {
	border: none;
	background: none;
}

.topbar .navbar {
	border-radius: 0;
}

.topbar .navbar-nav {
	float: none;
	margin: 0 auto;
}

.topbar .navbar-default .navbar-nav>li>a {
	color: #ffffff;
}

.topbar .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
	color: #ececec;
}

#top-menu li.active a {
	background: #162642;
	opacity: 1;
	color: #FFf;
}

#top-menu a:hover {
	background: #162642;
	opacity: 1;
	color: #FFf;
}

.navbar-collapse {
	box-shadow: none;
}


.homewrapper {}

.hometitle {
	text-align: center;
	margin-bottom: 20px;
}

.hometext {
	text-align: center;
	margin: 0 auto;
}

.homebutton {
	background: #ee785c;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	width: 150px;
	color: #e3e3e3;
}

.homebutton a {
	color: #e3e3e3;
}

:hover.homebutton {
	background: #003261;
	cursor: pointer;
}

ofsystem>a:link,
ofsystem>a:visited,
ofsystem>a:active,
ofsystem>a:hover {
	text-decoration: none;
	color: #003261 !important;
	font-size: 14px;
}

.servicewrapper {
	background: #fff;
	margin-top: 150px;
	width: 100%;
	text-align: center;
}

.servicebox {
	color: #003261;
	border-radius: 0px;
	padding: 25px;
	font-size: 14px;

	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(234, 242, 244, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(36%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(234, 242, 244, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(234, 242, 244, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(234, 242, 244, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(234, 242, 244, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(234, 242, 244, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaf2f4', GradientType=0);

}

.servicebox:hover {
	background: #003261;
	color: #fff;
}

/*

@media (min-width: 1200px) { 
	.menu-desktop{
		display: none;
		visibility: hidden;
	}
	
 }*/
.navbar-custom {
	background: gray;
}

.menu-mobile {
	visibility: hidden !important;
	display: none !important;
}

iframe {
	width: 1110px;
	height: 365px;
}

.fixed-top2 {
	margin-top: 53px;

}

.serviceicon {
	background: #003261;
	color: #ffffff;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 5px;
	font-size: 40px;
	line-height: 80px;
	text-align: center;
}

/*.service_title{font-size:14px; margin:15px 0 5px 0; color:#575757;}*/

.workwrapper {
	width: 100%;
	padding: 70px 0 50px 0;
	text-align: center;
}

.workmargin {
	margin-bottom: 50px;
}

.workbox {
	float: left;
}

.workbox img {
	width: 100%;
}

.worktitle {
	margin-top: 15%;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

.workdes {
	color: #ffffff;
	margin-top: 10px;
}

.worklink {
	padding: 25px;
	font-size: 30px;
	background: #e2826a;
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	margin-top: 10px;
}

.team_wrapper {
	width: 100%;
	padding: 70px 0 50px 0;
	text-align: center;
}

.team_name {
	font-size: 16px;
	color: #003261;
	margin-top: 10px;
}

.team_post {
	font-size: 14px;
}

.contactwrapper {
	padding: 100px 0 30px 0;
}

#map {
	height: 250px;
	width: 100%;
	margin-top: 20px;
}

.contactmargin {
	margin-top: 30px;
}

.address_title {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.address_left {
	float: left;
	width: 30%;
	font-size: 14px;
	margin-top: 10px;
}

.address_right {
	float: left;
	width: 70%;
	font-size: 14px;
	margin-top: 10px;
}

.contactwrapper input,
textarea {
	width: 100%;
	border: 1px solid #e2e2e2;
	margin-top: 10px;
	padding: 5px;
}

.contactwrapper textarea {
	height: 120px;
}

.sendbtn {
	background: #003261;
	color: #fff;
	padding: 7px 25px;
	float: left;
}

.footerwrapper {
	background: #003261;
	color: #fff;
	width: 100%;
	padding: 20px 0;
	margin-top: 0px;
}

.footerwrapper a {
	color: #fff;
}

.footerwrapper a:hover {
	color: #FC3;
}

.social {
	width: 125px;
	margin: 0 auto;
	padding: 0;
}

/*------------------------------------------------------
Flexslider Overrides 
--------------------------------------------------------*/
.main-slider {
	width: 100%;
	margin-top: 0;
}

.flexslider ul {
	padding: 0;
}

.flexslider ul li {
	padding: 0;
}

.flexslider .slides {}

.slider-caption {
	position: absolute;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	z-index: 8;
	color: #fff;
	top: 180px;
}

.slider-caption h2 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 30px;
}

.slider-caption p {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 50%;
	margin: 0 auto 30px auto;
	line-height: 1.8em;
}

.flexslider {
	background-color: #003261;
	overflow: hidden;
	margin: 0;
}

.flexslider img {
	position: relative;
	opacity: 1;
	width: 100%;
	z-index: 7;
}

.flex-control-nav {
	bottom: 15px;
	z-index: 9;
}

.flex-control-paging li {
	list-style: none;
}

.flex-control-paging li a {
	background: none;
	border: none;
	opacity: 0;
}

.flex-control-paging li a:hover {
	opacity: 1;
	background: white;
}

.flex-control-paging li a.flex-active {
	opacity: 1;
	background: none;
}

.open>.dropdown-menu {
	background: #777;
	color: #fff;
}

.header {

	background: #fff;
	position: fixed;


}

.navbar-default {
	background: none;
	border-color: #fff;

	/*border-top: #003261 1px solid;*/
}


/*
.navbar-default .navbar-nav>li>a {
	
	color : #777;
	font-weight: bold;

}*/


.opciones {
	color: #777;
	font-weight: bold;
	margin-left: 20px;
}

.opciones2 {
	margin-right: 0px !important;
}

.nav>li>a {
	padding: 8px 15px;
	font-size: 14px;
	/*font-weight:normal;*/

}

.nav-item {
	font-weight: bold;

}


.navbar {
	min-height: 0px;
}

.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}



.dropdown-menu>li>a {
	background: #003261;
	color: #fff;
	white-space: nowrap;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background: #162642;
	color: #fff;
}

.marco1 {
	background-color: #003261;
	padding: 25px 50px;
	color: #fff;

}

.marco3 {
	background-color: #003261;
	padding: 25px 50px;
	margin-top: -35px;
	color: #fff;

}

.marco3 h1 {
	text-align: left;
	color: #fff;
}

.marco4 {
	background-color: #fff;
	padding: 25px 50px;
	margin-top: -35px;
	color: #1B1B1B;

}

.marco4 h1 {
	text-align: left;
	color: #1B1B1B;
}

.marco1 h1 {
	text-align: left;
	color: #fff;
}

.marco2 {
	/*background-color:#003261;*/
	padding: 0px;
	color: #fff;

}

.navbar-default {
	background: #f8f8f8;

}

.cuadro {
	float: left;
	position: absolute;
	background: rgba(255, 255, 255, 1);
	width: 18%;
	margin-top: 0px;
	left: 39%;
	z-index: 100;
	/*border-bottom: #243D69 solid 1px;*/
}

.navbar-brand {
	visibility: hidden !important;
	display: none !important;
}

.prueba {
	position: absolute;
	background: rgba(255, 255, 255, 1);
	margin-top: 80px;
	margin-right: 10px;
	width: 100%;
}

.navbar {
	margin-bottom: 0px;
}

.fila {
	background-color: #003261;
	margin-top: -50px;
}

.fila2 {
	/*background-color:#003261;*/
	margin-top: 200px;
}

.fila3 {
	/*background-color:#003261;*/
	margin-top: 120px;
}

.icono {
	position: relative;
	margin-top: -80px;
	z-index: 5
}

.menuicon {
	line-height: 200px;
}

.menuicon h5 a {
	text-decoration: none;
	color: #272727;
	line-height: 150%;

}

.enlaces {
	margin-top: -50px;
	padding-left: 0px;
	padding-right: 0px;
}

.enlace2 {
	padding: 0px;
}





/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
















/* CUSTOMIZE THE CAROUSEL
  -------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: auto;
	margin-bottom: 60px;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	bottom: 120px;
	left: 15%;
	right: 60%;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 650px;
	background-color: #777;
}

.carousel-inner>.item>img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 650px;
}


.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width: 100%;
	margin: auto;
}


/* MARKETING CONTENT
  -------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}

.marketing h2 {
	font-weight: normal;
}

.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}


/* Featurettes
  ------------------------- */

.featurette-divider {
	margin: 80px 0;
	/* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}







/*------------------------------------------------------
Gallery Styles 
--------------------------------------------------------*/
.gallery-item {
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}

.gallery-item .content-gallery {
	text-align: center;
}

.gallery-item .content-gallery h3 {
	color: #b10021;
	font-size: 16px;
	font-weight: 300;
	margin-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
}

.gallery-item img {
	width: 100%;
}

.gallery-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	background-color: rgba(229, 97, 66, 0.9);
	display: block;
	-webkit-transition: all 50ms ease-in-out;
	-moz-transition: all 50ms ease-in-out;
	-ms-transition: all 50ms ease-in-out;
	-o-transition: all 50ms ease-in-out;
	transition: all 50ms ease-in-out;
}

.gallery-item .overlay a {
	color: #ffffff;
	text-align: center;
	line-height: 32px;
	position: absolute;
	margin-top: -16px;
	margin-left: -10px;
	font-size: 24px;
}





/*-------------------------------------------------------------------------------
///////////////////////////////////////////////////////////////////////////////
//////////////// M E D I A / Q U E R I E S /////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------*/
@media (max-width:600px) {
	.titlewrapper {
		display: none;
	}

	.titlewrappersmall {
		float: left;
		font-size: 28px;
		color: #ffffff;
		line-height: 50px;
		margin-left: 20px;
	}

	.topbar .container-fluid>.navbar-collapse {
		background: #003261;
		opacity: 1;
		border: none;
	}

	.topbar .navbar-default .navbar-nav>li>a {
		font-size: 14px;
		padding: 10px 10px;
		border-bottom: 1px solid #003261;
	}

	.margin_bottom_1col {
		margin-bottom: 20px;
	}

	.margin_bottom_2col {
		margin-bottom: 0;
	}

	#top-menu {
		background: #003261;
		margin: 0 -15px;
		opacity: 1;
	}

	.topbar .navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.templatemo_headerimage {
		margin-top: 0px;
	}

	.marco2 {
		margin: -60px 30px 30px 30px;
		z-index: 5;
	}

	.marco1 {
		margin-top: -70px;
		z-index: 4;
	}

	.fila {
		margin-top: 70px;
	}

	/*.navbar-toggle {margin-top: -80px;}*/

	.cuadro {
		float: left;
		position: absolute;
		background: rgba(255, 255, 255, 1);
		width: 100%;
		margin-top: 0px;
		left: 0%;
		z-index: 100;
		border-bottom: #243D69 solid 1px;
		visibility: hidden;
	}

	.templatemo_headerimage {
		margin-top: 0px;
	}

	.navbar-expand-lg {
		display: none;
	}

	.options {
		visibility: visible !important;
		display: visible !important;
	}

	.img-responsive {
		width: 20% !important;
	}

	iframe {
		width: auto;
		height: auto;
	}

	.dropdown-menu {
		visibility: hidden;
	}

	.brochure {
		text-align: center;
	}

	#telefono {
		font-size: 13px !important;
		margin-left: 8px !important;
	}

	#tamaño {
		font-size: 18px !important;
		padding-bottom: 18px !important;
	}

	.facebook {
		margin-left: 1.8rem !important;
		color: gray;
	}

	.youtube {
		margin-left: 0.5rem !important;
		color: gray;
	}

	.linkedin {
		margin-left: 0.5rem !important;
		color: gray;
	}

	.opciones {
		color: #777;
		font-weight: bold;
		margin-left: 0px;
	}

	.opciones2 {
		margin-right: 0px !important;
	}


	.hometext {
		text-align: center;
		margin: 0 22px;
		font-size: 9px;
	}

	.slider-caption {
		position: absolute;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		z-index: 8;
		color: #fff;
		top: 1102px;
	}

	.carousel .item {
		height: 500px;
		background-color: #777;
	}

	.carousel-inner>.item>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 500px;
	}

}


@media (max-width:767px) {
	.titlewrapper {
		display: none;
	}

	.titlewrappersmall {
		float: left;
		font-size: 28px;
		color: #ffffff;
		line-height: 50px;
		margin-left: 20px;
	}

	.topbar .container-fluid>.navbar-collapse {
		background: #003261;
		opacity: 1;
		border: none;
	}

	.topbar .navbar-default .navbar-nav>li>a {
		font-size: 14px;
		padding: 10px 10px;
		border-bottom: 1px solid #003261;
	}

	.margin_bottom_1col {
		margin-bottom: 20px;
	}

	.margin_bottom_2col {
		margin-bottom: 0;
	}

	#top-menu {
		background: #003261;
		margin: 0 -15px;
		opacity: 1;
	}

	.topbar .navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}

	.templatemo_headerimage {
		margin-top: 0px;
	}

	.marco2 {
		margin: -60px 30px 30px 30px;
		z-index: 5;
	}

	.marco1 {
		margin-top: -70px;
		z-index: 4;
	}

	.fila {
		margin-top: 70px;
	}

	/*.navbar-toggle {margin-top: -80px;}*/

	.cuadro {
		float: left;
		position: absolute;
		background: rgba(255, 255, 255, 1);
		width: 100%;
		margin-top: 0px;
		left: 0%;
		z-index: 100;
		border-bottom: #243D69 solid 1px;
		visibility: hidden;

	}

	h2 {
		font-size: 25px !important;
	}

	.templatemo_headerimage {
		margin-top: 0px;
	}

	.navbar-expand-lg {
		display: none;
	}

	.options {
		visibility: visible !important;
		display: visible !important;
	}

	.img-responsive {
		width: 20% !important;
	}

	iframe {
		width: auto;
		height: auto;
	}

	.dropdown-menu {
		visibility: hidden;
	}

	.brochure {
		text-align: center;
	}

	#telefono {
		font-size: 13px !important;
		margin-left: 8px !important;
	}

	#tamaño {
		font-size: 18px !important;
		padding-bottom: 18px !important;
	}

	.facebook {
		margin-left: 1.8rem !important;
		color: gray;
	}

	.youtube {
		margin-left: 0.5rem !important;
		color: gray;
	}

	.linkedin {
		margin-left: 0.5rem !important;
		color: gray;
	}

	.opciones {
		color: #777;
		font-weight: bold;
		margin-left: 0px;
	}

	.opciones2 {
		margin-right: 0px !important;
	}


	.hometext {
		text-align: center;
		margin: 0 22px;
		font-size: 9px;
	}

	.slider-caption {
		position: absolute;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		z-index: 8;
		color: #fff;
		top: 72px;
	}

	/* Declare heights because of positioning of img element */
	.carousel .item {
		height: 500px;
		background-color: #777;
	}

	.carousel-inner>.item>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 500px;

	}


}

@media (max-width:991px) {
	.homewrapper {
		top: 0%;
		width: 100%;
	}

	.margin_bottom_2col {
		margin-bottom: 20px;
	}

	.slider-caption {
		position: absolute;
		vertical-align: middle;
		width: 100%;
		text-align: center;
		z-index: 8;
		color: #fff;
		top: 110px;
	}

	.carousel .item {
		height: 500px !important;
		background-color: #777;
	}

	.carousel-inner>.item>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 500px !important;
	}

	.carousel-caption {
		left: 20%;
		right: 20%;
		bottom: 40px !important;
	}

	@media (max-width:319px) {
		.slidernav a.previous {
			left: 0%;
		}

		.slidernav a.next {
			right: 0%;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;
		}
	}

	@media (min-width:320px) {
		.workbox {
			width: 100%;
		}

		.slidernav a.previous {
			left: 3%;
		}

		.slidernav a.next {
			right: 2%;
		}

		.slider-caption {
			position: absolute;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			z-index: 8;
			color: #fff;
			top: 65px;
		}

	}

	@media (min-width:400px) {
		.workbox {
			width: 100%;
		}

		.slidernav a.previous {
			left: 3%;
		}

		.slidernav a.next {
			right: 2%;
		}

		.slider-caption {
			position: absolute;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			z-index: 8;
			color: #fff;
			top: 75px;
		}
	}


	@media (min-width:600px) {
		.workbox {
			width: 100%;
		}

		.slidernav a.previous {
			left: 3%;
		}

		.slidernav a.next {
			right: 2%;
		}

		.slider-caption {
			position: absolute;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			z-index: 8;
			color: #fff;
			top: 105px;
		}
	}


	@media (min-width:768px) {
		.topbar {
			height: 35px
		}

		.navbar {
			border-radius: 0px;
		}

		.templatemo_headerimage {
			margin-top: 0px;
		}

		.title {
			font-size: 32px;
			line-height: 50px;
		}

		.topbar .navbar-nav {
			width: 630px;
		}

		.titlewrappersmall {
			display: none;
		}

		.topbar .navbar {
			position: relative;
			top: -35px;
		}

		.workbox {
			width: 50%;
		}

		.topbar .navbar-default .navbar-nav>li>a {
			color: #ffffff;
			font-size: 14px;
			padding: 5px 25px;
		}

		.slidernav a.previous {
			left: 2%;
		}

		.slidernav a.next {
			right: 1%;
		}

		.slider-caption {
			position: absolute;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			z-index: 8;
			color: #fff;
			top: 140px;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;
		}

		.carousel-caption {
			left: 15%;
			right: 50%;
			/*padding-bottom: 180px;*/
		}
	}

	@media (min-width:992px) {
		.topbar {
			height: 100px;
		}

		.templatemo_headerimage {
			margin-top: 0px;
		}

		.title {
			font-size: 40px;
			line-height: 60px;
		}

		.homewrapper {
			display: block;
		}

		.homewrapper {
			top: 0%;
			width: 100%;
		}

		.hometitle {
			font-size: 26px;
			margin-top: 10px;
		}

		.hometext {
			text-align: center;
			font-size: 16px;
			margin: 0 auto;
			width: 90%;
		}

		.homebutton {
			margin: 40px auto 0 auto;
			padding: 10px 0;
			font-size: 18px;
			width: 130px;
		}

		.workbox {
			width: 25%;
		}

		.topbar .navbar {
			position: relative;
			top: -45px;
		}

		.topbar .navbar-default .navbar-nav>li>a {
			color: #ffffff;
			font-size: 14px;
			padding: 10px 25px;
		}

		.slidernav a.previous {
			left: 3%;
		}

		.slidernav a.next {
			right: 2%;
		}

		.worktitle {
			margin-top: 5%;
			font-size: 16px;
			font-weight: bold;
			color: #ffffff;
		}

		.slider-caption {
			position: absolute;
			vertical-align: middle;
			width: 100%;
			text-align: center;
			z-index: 8;
			color: #fff;
			top: 160px;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;
		}

		.carousel-caption {
			left: 10%;
			right: 50%;
		}
	}

	@media (min-width:1200px) {
		.title {
			font-size: 50px;
			line-height: 24px;
		}

		.homewrapper {
			top: 0%;
			width: 100%;
		}

		.hometitle {
			font-size: 40px;
			margin-top: 40px;
		}

		.hometext {
			text-align: center;
			font-size: 16px;
			margin: 0 auto;
			width: 80%;
			line-height: 30px;
		}

		.homebutton {
			margin: 40px auto 20px auto;
			font-size: 18px;
		}

		.topbar .navbar {
			position: relative;
			top: -36px;
		}

		.topbar .navbar-default .navbar-nav>li>a {
			color: #ffffff;
			font-size: 13px;
			padding: 8px 25px;
		}

		.slidernav a.previous {
			left: 11%;
		}

		.slidernav a.next {
			right: 10%;
		}

		.worktitle {
			margin-top: 15%;
			font-size: 18px;
			font-weight: bold;
			color: #ffffff;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;
		}
	}

	@media (min-width:1400px) {
		.homewrapper {
			top: 0%;
			width: 100%;
		}

		.hometitle {
			font-size: 42px;
			margin-top: 80px;
		}

		.hometext {
			text-align: center;
			font-size: 18px;
			margin: 0 auto;
			width: 70%;
			line-height: 30px;
		}

		.homebutton {
			margin: 70px auto 20px auto;
		}

		.slidernav a.previous {
			left: 15%;
		}

		.slidernav a.next {
			right: 15%;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;
		}
	}




	/* RESPONSIVE CSS
  -------------------------------------------------- */

	@media (min-width: 768px) {

		/* Navbar positioning foo */
		.navbar-wrapper {
			margin-top: 20px;
		}

		.navbar-wrapper .container {
			padding-right: 15px;
			padding-left: 15px;
		}

		.navbar-wrapper .navbar {
			padding-right: 0;
			padding-left: 0;
		}

		/* The navbar becomes detached from the top, so we round the corners */
		.navbar-wrapper .navbar {
			border-radius: 4px;
		}

		/* Bump up size of carousel content */


		.featurette-heading {
			font-size: 50px;
		}

		.carousel .item {
			height: 500px;
			background-color: #777;
		}

		.carousel-inner>.item>img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			height: 500px;

		}

		@media (min-width: 992px) {
			.featurette-heading {
				margin-top: 120px;
			}
		}