/*SUB-MENU*/
#lang-menu {
	font-family: 'BebasNeueRegular', sans-serif;
    font-size: 22px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 30px;
}

#lang-menu a:hover {
	color: #fff !important;
}

#lang-menu .sub-menu-item {
	display: none;
	font-size: 14px !important;
	width: 120px;
	height: auto;
}

.hun {

}

.es {
	top: 20px;
}

.ch {
	top: 40px;
}

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

/*BASICALLY*/
.page h1 {
	font-family: 'Open Sans', sans-serif;
    letter-spacing: -5px;
    font-weight: 600;
    padding: 20px 20px 20px 10px !important;
}

h3 {
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.title h1, .service-box .service-icon {
    box-shadow: 0px 0px 0px 3px #FF9100 !important;
}

nav.colored, nav.light.colored, .twitter-feed-icon i, .testimonial-icon i, .home-gradient, .home-parallax, #project-navigation ul li#prevProject a:hover, #project-navigation ul li#nextProject a:hover, #project-navigation ul li a:hover, #closeProject a:hover, .portfolio .portfolio-overlay, .pagination a.previous:hover, .pagination a.next:hover, .rnr-icon-middle:hover, .service-box:hover, .button, .skillbar .skill-percentage, .flex-control-nav li a:hover, .flex-control-nav li a.flex-active, .testimonial-slider .flex-direction-nav li a, .twitter-slider .flex-direction-nav li a, .color-block, .home1 .slabtextdone .slabtext.second-child, .home4 .slabtextdone .slabtext.second-child, .caption, .copyright, .title h1, .service-features .img-container, .service-features .img-container, .view-profile, .team-member:hover .team-desc, .service-box .service-icon, .modal .close {
	background: #FF9100 !important;
}

a, .highlight, nav.transparent .main-menu li.active a, nav.dark .main-menu li.active a, .parallax .quote i, #filters ul li a:hover h3, #filters ul li a.active h3, .post-title a:hover, .post-tags li a:hover, .tags-list li a:hover, .pages li a:hover, .home3 .slabtextdone .slabtext.second-child, .service-box:hover .service-icon {
	color: #FF9100 !important;
}

.service-features .img-container:after {
    border-color: #FF9100 !important;
    border-bottom: 0px solid transparent !important;
    border-right: 20px solid transparent !important;
    border-left: 20px solid transparent !important;
}

.subtitle {
	text-align: justify;
}

nav.light .main-menu a:hover, nav.dark .main-menu a:hover, nav.light .main-menu li.active a {
	color: #fff !important;
}

.main-menu a,
#lang-menu a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	letter-spacing: -1.6px;
	font-size: 20px;
}

#selectnav1,
#selectnav1 option {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	letter-spacing: -1.6px;
	font-size: 18px;
}

#parallax1 {
	background: url("../../images/parallax1-bg.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

#parallax2 {
	background: url("../../images/parallax2-bg.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

#parallax3 {
	background: url("../../images/parallax3-bg.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

#menu-holder {
	background: url("../../images/contact-bg.jpg")!important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
    z-index: 99999;
    width: 100%;
    position: fixed;
}

.navigation {
	background: rgba(0,0,0,0.8) !important;
}

hr {
	margin-top: 30px;
	border: 2px solid #FF9100;
}

.pages li a.current,
.pages li a.current,
.service-features .img-container:after,
.service-box:hover .service-icon,
.callout,
blockquote p,
.pullquote.align-right,
.pullquote.align-left {
	border-color: #FF9100 !important;
}

/*HEADER*/
.logo.large img {
	max-width: 94px;
}

.slabtextdone .slabtext {
	font-size: 140px !important;
	word-spacing: normal !important;
	letter-spacing: normal !important;
	text-align: center;
}

.slabtextdone #second-child-holder {
	text-align: center;
}

.slabtextdone .slabtext.second-child {
	padding: 15px 10px 10px !important;
}

.slabtext.side-text {
	text-shadow: 0 2px 25px #000;
	font-size: 60px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 600;
}

.home-parallax {
	background-image: url("../../images/header-bg.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}

/*ABOUT US*/
#about-us.page {
	padding-bottom: 0;
}

#about-us .fullwidth.grey {
	margin-bottom: 0;
}

#about-us .fullwidth.grey .row {
	margin-bottom: 0;
}

#about-us .service-box {
	background: none;
	border: 3px solid #ffd600;
}

.service-box:hover {
	background: #FF9100 !important;
}

.service-box:hover .service-icon {
	border-color: #fff !important;
	color: #fff !important;
}

#about-us .pullquote {
	width: 50%;
	text-align: justify !important;
	text-transform: capitalize;
}

.introduction {
	text-align: justify !important;
    text-transform: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    padding: 0 100px;
}

.introduction-2 {
    text-align: justify !important;
    text-transform: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}

/*OUR WATER*/
#our-water.page {
	padding: 0;
}

#our-water .fullwidth.grey {
	margin: 0;
}

#our-water .natural-water .pullquote {
	width: 90%;
	text-align: justify !important;
	font-style: normal;
}

#our-water #water-img {
	max-width: 50%;
}

#our-water .service-box {
	background: #f5f5f5;
}

.service-features p {
	text-align: justify;
}

/*BENEFITS*/
#benefits .title {
	margin-bottom: 20px;
}

#benefits .service-box .service-description p {
	text-align: justify;
    font-family: "Times New Roman", Times, serif;
    font-weight: lighter;
    font-size: 14px;
}

/*MINERALS*/

#minerals .skill-title {
	color: #515A5F;
	transition: 0.3s;
}

.mineral-content:hover .skill-title {
	color: #fff !important;
	transition: 0.3s;
}

.mineral-content:hover .skill-percentage {
	background: #515A5F !important;
}

/*CONTACT*/
#contact-holder {
	background: url("../../images/contact-bg.jpg")!important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}

#contact {
	background: rgba(0,0,0,0.8);
}

#contact input,
#contact textarea {
	box-shadow: none;
}

#contact textarea {
	height: 92px;
	max-height: 92px;
	width: 90%;
	max-width: 90%;
	padding: 20px 10px;
	margin-bottom: 10px;
}

.copyright {
	padding: 20px 0;
}

.copyright a {
	color: #fff !important;
}

.copyright p {
	margin: 0;
}

#contact-left {
	width: 50%;
	float: left;
}

#contact-left img {
	position: relative;
	top: -30px;
}

#contact-right {
	width: 50%;
	float: right;
}

#contact-right input {
    border: 1px solid #e8e8e8;
    width: 90%;
    font-size: 13px;
    color: #747474;
    padding: 20px 10px;
    float: left;
    margin: 0 0 2%;
    border-radius: 2px;
}

#contact-right input[type="submit"] {
	background-image: url(../../images/mail.png) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding: 20px 24px 20px 24px;
    border: 0 none;
    color: #ffffff;
    display: block;
    width: 95%;
    cursor: pointer;
    text-indent: -9999px;
    height: 57px;
    line-height: 57px;
}

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

	#lang-menu {
		font-size: 18px;
	}

	#contact textarea {
		padding: 20px 10px;
	}

	#contact-right input[type="submit"] {
		width: 96% !important;
	}
}

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

	.logo.large img {
		max-width: 69px;
	}

	#lang-menu {
		display: none !important;
	}
	.page .row {
		margin-bottom: 0;
	}

	.page {
		padding-top: 50px;
	}

	.introduction {
		padding: 0;
	}

	.slabtextdone .slabtext {
		font-size: 100px !important;
		position: relative;
		top: 40px;
	}

	.slabtext.side-text {
		font-size: 35px !important;
	}

	#about-us .pullquote {
		width: 100%;
	}

	#our-water .natural-water .pullquote {
		margin-top: 0 !important;
	}

	#our-water .sixteen.columns {
		margin-bottom: 0;
	}

	#minerals .one_half.column.last {
		margin-bottom: 0px;
	}

	.contact-box {
		padding-top: 0;
	}

	#contact .title h1 {
		margin-bottom: 0;
	}

	#contact-left,
	#contact-right {
		width: 100%;
	}

	#contact input,
	#contact textarea {
		max-width: 90%;
		width: 90%;
	}

	#contact #submit {
		width: 95%;
		padding: 0 200px;
	}

	#contact-img {
		left: 30px;
	}
}

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

	.slabtext.side-text {
		font-size: 20px !important;
	}

	#about-us .pullquote {
		width: 90%;
	}

	#contact textarea {
		padding: 20px 10px;
		width: 95%;
		max-width: 95%;
	}

	#contact input {
		width: 95%;
		max-width: 95%;
	}

	#contact #submit {
		padding: 0 154px;
	}
}