body {
	overflow-x: hidden !important;
}

/* HEADER IMAGES ---------------------------------------------------------------------------*/
@media (max-width:767px) {
	#logo {
		margin-top: -5px;
		margin-left: -5px;
	}
	
	.navbar-header .navbar-toggle {
		margin-right: 25px;
	}
}

ul.nav li {
	font-size: 1.05em !important;
}

.front {
	background-image: url(https://global-products.com/images/front-global.jpg);
	background-size: cover;
	background-position: center center;
	margin-top: -62px !important;
}

.products {
	background-image: url(https://global-products.com/images/products-final.jpg);
	background-size: cover;
	background-position: center center;
	margin-top: -62px !important;
}

.processes {
	background-image: url(https://global-products.com/images/processes-final.jpg);
	background-size: cover;
	background-position: center center;
	margin-top: -62px !important;
}

.about {
	background-image: url(https://global-products.com/images/fasteners.jpg);
	background-size: cover;
	background-position: center center;
	margin-top: -62px !important;
}

.contact {
	background-image: url(https://global-products.com/images/contact-us-global.jpg);
	background-size: cover;
	background-position: center center;
	margin-top: -62px !important;
}

nav.navbar {
	background-color: #1d3a75 !important;
/*background-image: url(https://costaricasoccerexperience.com/images/crowd2.jpg);
	background-size: cover;*/
}

@media (min-width:768px) {
	.house {
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: -1px !important;
		height: 440px !important;
		vertical-align: bottom;
		padding-bottom: 50px;
		padding-top: 100px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width:767px) {
	.house {
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: -1px !important;
		height: 200px !important;
		vertical-align: bottom;
		padding-bottom: 50px;
		padding-top: 0;
		padding-left: 50px;
		padding-right: 50px;
	}
}

.site-content,
.container,
.content-area {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	text-align: center;
}

ul,
li {
	font-family: 'Roboto';
}

ul li {
	font-size: 18px;
	font-weight: 300;
}

.navbar-header {
	padding-left: 25px;
}

html,
body {
	width: 100%;
	max-width: 100%;
/*	min-width: 320px;*/
}

.spacey {
	padding-top: 30px;
	padding-bottom: 30px;
}

.allspacey {
	padding: 30px 35px !important;
}

ul.pagey li {
	font-size: 18px !important;
	font-weight: 300 !important;
}

.white {
	color: #fff;
}

.blue {
	background-color: #005cab;
	background-size: cover;
}

.gray {
	background-color: #eee;
	background-size: cover;
}

.green {
	background-color: #587982;
	background-size: cover;
}

.grayish {
	background-color: #efefef;
	background-size: cover;
	opacity: .93;
}

.red {
	background-color: #8e212b;
	background-size: cover;
}

.lightblue {
	background-color: #0270cf;
	background-size: cover;
}

.lefty {
	text-align: left !important;
}

@media (max-width:767px) {
	.hideme {
		visibility: hidden;
	}
}

h1.unspacey {
	line-height: .65;
}

@media (min-width:400px) {
	h2 {
		margin-top: 0 !important;
	}
}

@media (max-width:399px) {
	h2 {
		margin-top: -25px !important;
	}
}

header.page-header {
	visibility: hidden !important;
	margin-top: -75px !important;
}

@media (max-width:767px) {
	.bigtime {
		font-size: 75px !important;
	}
}

@media (min-width:768px) {
	.bigtime {
		font-size: 120px;
	}
}

@media (max-width:550px) {
	.bigtime {
		font-size: 40px !important;
		padding-top: 35px !important;
	}
}

@media (max-width:360px) {
	.bigtime {
		font-size: 38px !important;
		padding-top: 8px !important;
	}
}

@media (max-width:767px) {
	h1 {
		font-size: 32px !important;
	}
}

@media (max-width:767px) {
	#logo {
		height: 53px;
		width: 240px;
	}
}

.roomy {
	padding: 45px 25px !important;
}

@media (min-width:768px) {
	.formcentered {
		padding-left: 70px;
	}
}

@media (max-width:767px) {
	.formcentered {
		padding-left: 0;
	}
}

.rtborder {
	border-right: 1px solid #666;
}

a.graytext {
	color: #919195;
}

a.graytext:hover {
	color: #333 !important;
}

#colophon p {
	font-size: 15px !important;
	color: #919195 !important;
}

#colophon a:hover {
	color: #333 !important;
}

.stay {
	display: inline !important;
}

.leftpad {
	padding-left: 32px;
}

.toes {
	font-size: .7em !important;
}

.icon-bar {
	background-color: #fff !important;
}

.menu-item,
.site-footer {
	font-family: 'Roboto' !important;
	font-weight: 300 !important;
}

@grid-float-breakpoint: 900px !important

.roll .rollover,
.roll:hover .regular {
	display: none;
}

.roll:hover .rollover {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

@media (max-width:767px) {
	.navbar li {
		text-align: center !important;
	}
}

@media (max-width:767px) {
	.navbar ul li ul {
		background-color: #1c5a60 !important;
	}
}

.central {
	margin: 0 auto !important;
}

.central-text {
	text-align: center !important;
}

@media (min-width:768px) {
	.formcentered {
		padding-left: 70px;
	}
}

@media (max-width:767px) {
	.formcentered {
		padding-left: 0;
	}
}

div.minimo h3,
div.minimo p {
	font-size: 1.4em !important;
}

a {
	color: #145b91;
}

a:hover {
	transition: .4s linear;
	-moz-transition: .4s linear;
	-webkit-transition: .4s linear;
	-o-transition: .4s linear;
}

p.lefty {
	text-align: left;
	font-size: 16px;
}

.boxy {
	padding: 10px 25px;
	border: thin solid #ddd;
	border-radius: 5px;
	background-color: #f0f0f0;
}

.boxy2 {
	padding: 15px 25px;
	border: thin solid #ddd;
	border-radius: 5px;
	background-color: #f0f0f0;
	margin: 30px 0;
}

.special-dark {
	background-color: #222;
	width: 100%;
	margin: 0;
	padding: 0;
}

@media (min-width:768px) {
	.special-dark p {
		font-size: 1em;
		color: #fff;
		text-align: right;
		padding: 5px 15px 10px 0;
		margin: 0;
	}
}

@media (max-width:767px) {
	.special-dark p {
		font-size: 1em;
		color: #fff;
		text-align: center;
		padding: 5px 20px 10px;
		margin: 0;
	}
}

.special-dark a {
	color: #fff;
}

.special-dark a:hover {
	color: #aaa !important;
}

.plft25 {
	margin-left: 25px !important;
}

#colophon p,
#colophon a {
	color: #bbb !important;
}

#colophon a:hover {
	color: #666 !important;
}

.copiar p {
	margin: 15px 0 0 !important;
	padding: 0 !important;
}

.ftrplinx p {
	margin: 0 50px 0 0 !important;
	padding: 0 !important;
}

.yt-embed {
	margin-right: auto !important;
	margin-left: auto !important;
	width: 420px;
	height: 315px;
}

#menu-normal li a {
	color: #fff !important;
}

#menu-normal li.active a,
#menu-normal li a:hover {
	background-color: #246393 !important;
}