﻿/* -----------------------------------------
:: BODY 
----------------------------------------- */
@media(min-width:992px) {
body {
	padding: 0px 0 0 0;
}
}
body:before {
	content: "";
	width: 100%;
	height: 160px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: none;
}
/* -----------------------------------------
:: SLIDER SECTION
----------------------------------------- */
@media(min-width:992px) {
.slider-wrapper {
	position: relative;
	z-index: 0;
	height: calc(100vh - 77px);
	overflow: hidden;
	border-bottom: 3px solid #0F9162;
}
.slider-wrapper:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.slider-wrapper > .slider-wrapper__inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
}
/* -----------------------------------------
:: HEADER SECTION
----------------------------------------- */
.header__top .container {
	position: relative;
}
.header__wrapper {
	position: fixed;
	width: 100%;
	top: 0;
	transition: all 1s ease;
	z-index: 111111;
	min-height: 150px;
}
.header__top {
	min-height: 150px;
	transition: all 1s ease;
	background: url('../graphics/header__wrapper--bg.png') right top repeat-x;
	opacity: 1.0;
}
.header__scroll {
	width: 100%;
	transition: all 1s ease;
	opacity: 0.85;
}
.header__scroll:hover {
	width: 100%;
	transition: all 1s ease;
	opacity: 1.0;
}
.header__scroll2 {
	opacity: 0;
	transition: all 1s ease;
}
.header__scroll .website-name, .header__scroll .website-name a {
	color: #0F9162;;
	transition: all 1s ease;
}
.header__scroll ul#menu.menu.nav.navbar-nav > li > a {
	color: #0F9162;
	transition: all 1s ease;
}
/* -----------------------------------------
:: SOCIAL SECTION
----------------------------------------- */
.header__social {
	opacity: 1;
	transition: all 1s ease;
	position: relative;
	background: #0F9162 url('../graphics/patterns/redox-02.png');
	padding: 20px 0 25px;
}
/* -----------------------------------------
:: WELCOME SECTION
----------------------------------------- */
@media(min-width:992px) {
.welcome-content {
	position: relative;
	padding: 30px 30px 30px 0px;
}
.welcome-content__left {
	width: 50%;
	text-align: left;
	position: relative;
	padding: 50px;
	z-index: 1;
}
.welcome-content__left * {
	position: relative;
}
.welcome-content__left::before {
	content: "";
	position: absolute;
	top: 20px;
	right: 0px;
	bottom: 20px;
	left: 20px;
	background: rgba(255,255,255,0.50);
}
.welcome-content__right {
	width: 50%;
	background: url('../themed-images/backgrounds/welcome-content__right.jpg') center center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	left: 50%;
	bottom: 0;
	background-size: cover;
}
.welcom-content__border--left {
	position: absolute;
	top: 30px;
	left: 0px;
	right: 30px;
	bottom: 30px;
	border-bottom: 3px solid #0F9162;
	border-left: 3px solid #0F9162;
	border-top: 3px solid #0F9162;
	border-right: 0px solid transparent;
	z-index: 0;
}
.welcom-content__border--right {
	position: absolute;
	top: 30px;
	left: 50%;
	right: 30px;
	bottom: 30px;
	border-bottom: 3px solid #ffffff;
	border-right: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
	mix-blend-mode: screen;
}
.welcome-content h1 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
}
.welcome-content h3 {
	font-family: 'Tangerine', cursive;
	color: #0F9162;
	font-weight: 400;
	font-size: 4.2rem;
	margin-top: 0px;
	margin-bottom: 12.5px;
}
.welcome-content h5 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.4rem;
	letter-spacing: .1rem;
	font-weight: 300;
}
}
/* -----------------------------------------
:: INFO BOX CAROUSEL SECTION

    font-family: 'Lato', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Tangerine', cursive;
    font-family: 'Merienda One', cursive;

----------------------------------------- */
.section__info-box-carousel {
	margin: 0px;
}
@media (min-width:992px) {
.section__info-box-carousel {
	margin: 100px 0px;
}
}
/* -----------------------------------------
:: SPLIT CONTENT SECTION
----------------------------------------- */
.section__split-content {
	margin: 30px auto;
}
@media(min-width:992px) {
.section__split-content .col-sm-6:first-of-type {
	border-right: 3px solid #0F9162;
}
.section__split-content .col-sm-6 {
	padding: 0px 50px;
}
.section__split-content p {
	line-height: 1.8;
	letter-spacing: .1rem;
}
.section__split-content h3 {
	margin-bottom: 50px;
}
}
/* -----------------------------------------
:: TESTIMONIALS SECTION
----------------------------------------- */
.section__testimonials {
	margin: 100px 0px;
	padding: 100px 0px;
	position: relative;
	color: #ffffff;
}
.section__testimonials h2, .section__testimonials p {
	color: #313038;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.section__testimonials p {
	margin-bottom: 25px;
}
.section__testimonials::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0F9162+0,ffffff+100&0.8+0,0.4+100 */;
	background: -moz-linear-gradient(45deg, rgba(15,145,98,0.8) 0%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */;
	background: -webkit-linear-gradient(45deg, rgba(15,145,98,0.8) 0%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */;
	background: linear-gradient(45deg, rgba(15,145,98,0.8) 0%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0F9162', endColorstr='#66ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bs-testimonials__btn {
	color: #0F9162;
	background: #313038;
	padding: 10px 30px;
	margin-top: 20px;
	transition: all .3s ease;
}
a.bs-testimonials__btn:hover {
	text-decoration: none;
}
.bs-testimonials__btn:hover {
	color: #313038;
	background: #ffffff;
	padding: 10px 30px;
	margin-top: 50px;
}
/* -----------------------------------------
:: QUAD SECTION
----------------------------------------- */
@media(max-width:991px) {
.quad-container__content p a {
	display: block;
}
}
.quad-container__img img {
	width: 100%;
}
@media(min-width:992px) {
.quad-container .col-sm-6, .quad-container .col-md-6 {
	padding-left: 0;
	padding-right: 0;
}
.quad-container__img, .quad-container__content {
	position: relative;
	overflow: hidden;
	max-height: 380px;
}
.quad-container__content {
	padding: 100px 100px 0px 100px;
}
.quad-container__img img {
	display: block;
	height: auto;
	-webkit-transform: scale3d(1.8, 1.8, 1);
	-moz-transform: scale3d(1.8, 1.8, 1);
	-ms-transform: scale3d(1.8, 1.8, 1);
	-o-transform: scale3d(1.8, 1.8, 1);
	transform: scale3d(1.8, 1.8, 1);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition: -moz-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
	transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity .6s;
	width: auto\9;
	height: auto;
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	opacity: 0.65;
}
.quad-container__img:hover img {
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
}
.quad-container__wrapper .container {
	background: linear-gradient(45deg, #0C7751, #0F9162);
	color: #fff;
}
.quad-container__content h4 {
	background: rgba(255,255,255,0.85);
	display: inline-block;
	padding: 0.35em 0.85em;
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
	line-height: 1.1538;
	font-weight: 600;
	border-radius: 2.5rem;
	text-align: center;
}
.quad-container__content p {
	font-size: 1.85rem;
	font-weight: 600;
	line-height: 1.78;
	margin-bottom: 1rem;
}
.quad-container__content p a {
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0.35rem 0;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.15;
}
.quad-container__content p a:hover {
	color: rgba(255, 255, 255, 1.0);
}
}
