﻿@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-Light.eot');
	src: url('../fonts/subset-Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-Light.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-Light.woff') format('woff'),
		url('../fonts/subset-Montserrat-Light.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-Light.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-LightItalic.eot');
	src: url('../fonts/subset-Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-LightItalic.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-LightItalic.woff') format('woff'),
		url('../fonts/subset-Montserrat-LightItalic.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-LightItalic.svg#Montserrat-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-Thin.eot');
	src: url('../fonts/subset-Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-Thin.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-Thin.woff') format('woff'),
		url('../fonts/subset-Montserrat-Thin.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-Thin.svg#Montserrat-Thin') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-Regular.eot');
	src: url('../fonts/subset-Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-Regular.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-Regular.woff') format('woff'),
		url('../fonts/subset-Montserrat-Regular.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-Regular.svg#Montserrat-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-Bold.eot');
	src: url('../fonts/subset-Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-Bold.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-Bold.woff') format('woff'),
		url('../fonts/subset-Montserrat-Bold.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-Bold.svg#Montserrat-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/subset-Montserrat-Medium.eot');
	src: url('../fonts/subset-Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-Montserrat-Medium.woff2') format('woff2'),
		url('../fonts/subset-Montserrat-Medium.woff') format('woff'),
		url('../fonts/subset-Montserrat-Medium.ttf') format('truetype'),
		url('../fonts/subset-Montserrat-Medium.svg#Montserrat-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat Alternates';
	src: url('../fonts/subset-MontserratAlternates-Light.eot');
	src: url('../fonts/subset-MontserratAlternates-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-MontserratAlternates-Light.woff2') format('woff2'),
		url('../fonts/subset-MontserratAlternates-Light.woff') format('woff'),
		url('../fonts/subset-MontserratAlternates-Light.ttf') format('truetype'),
		url('../fonts/subset-MontserratAlternates-Light.svg#MontserratAlternates-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Dancing Script';
	src: url('../fonts/subset-DancingScript.eot');
	src: url('../fonts/subset-DancingScript.eot?#iefix') format('embedded-opentype'),
		url('../fonts/subset-DancingScript.woff2') format('woff2'),
		url('../fonts/subset-DancingScript.woff') format('woff'),
		url('../fonts/subset-DancingScript.ttf') format('truetype'),
		url('../fonts/subset-DancingScript.svg#DancingScript') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
    -webkit-text-size-adjust: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, div {
  margin: 0;
  padding: 0;
}

body {
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	color: #fff;
	line-height: 1.75;
	background: #000;
	letter-spacing: 0.025em;
}

/* Main Wrapper */

#mainWrapper {
	text-align: left;
	margin: 0 auto;
	min-width: 320px;
	font-size: 16px;
	overflow: hidden;
}

/* Section */

.section {
	max-width: 1170px;
	margin: 0 auto;
}

/* Header */

#header {
	position: relative;
	z-index: 3;
}

#header .section {
	position: relative;
	height: 103px;
}

#header .logo {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -72.5px;
	width: 145px;
}

#header .callUs {
	float: left;
	font-size: 14px;
	color: #b7b7b7;
	line-height: 1.3;
	margin-top: 24px;
	padding-left: 70px;
	padding-top: 4px;
	min-height: 54px;
	background: url(../images/call-us-ico.png) no-repeat left top;
	-webkit-background-size: 54px;
	-moz-background-size: 54px;
	background-size: 54px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#header .callUs span {
	display: block;
	font-size: 20px;
	color: #dfae5f;
}

#header .request {
	float: right;
	margin-top: 27px;
}

/* Top Navi */

#topNavi {
	position: relative;
	z-index: 2;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	background: #dab155 url(../images/topnavi-bg.png) no-repeat center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.24); 
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.24); 
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.24); 
}

#topNavi .section {
	height: 56px;
}

#topNavi ul {
	margin: 10px 0 0;
	padding: 0;
}

#topNavi ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 20px;
}

#topNavi ul li:first-child {
	margin-left: 0;
}

#topNavi ul li a {
	display: inline-block;
	padding: 0 15px;
	height: 36px;
	line-height: 38px;
	text-transform: uppercase;
}

#topNavi ul li.active a,
#topNavi ul li:hover a {
	background: #000;
	color: #dfae5f;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

#topNavi ul.left {
	float: left;
}


#topNavi ul.right {
	float: right;
}

#topNavi ul.right li {
	margin-left: 0;}

/* Banner */

#banner {
	position: relative;
	background: no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
}

#banner:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.77);
}

#banner .section {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	height: 407px;
	position: relative;
	z-index: 2;
}

#banner p {
	margin: 0;
	padding: 0 15px 10px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.1;
	font-family: 'Dancing Script', cursive;
	font-size: 85px;
}

#banner p span {
	padding: 10px;
	display: inline-block;
	color: #f6d97b;
	background: -webkit-linear-gradient(left, #a98246 0%,#a0773f 6%,#9b713b 13%,#9a703b 17%,#9d733d 21%,#a57c43 25%,#b08a4a 30%,#d7b565 43%,#e8c970 49%,#f4d679 56%,#f7da7b 60%,#f4d779 67%,#e5c66f 76%,#ab8347 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 5px 21px rgba(0, 0, 0, 0.48); 
}

/* Slider */

#slider {
	background: url(../images/slider-bg.png) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
}

#slider .slides {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#slider .slides .owl-dots {
	bottom: 2.5em;
}

#slider .slides li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#slider .slides li .section {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	position: relative;
	height: 46.25em;
}

#slider .slides li .shadow {
	position: absolute;
	width: 76.25em;
	pointer-events: none;
}

#slider .slides li .image {
	position: absolute;
	pointer-events: none;
}

#slider .slides li .text {
	display: table-cell;
	vertical-align: middle;
	padding-top: 1.875em;
	position: relative;
}

#slider .slides li .text .title {
	font-family: 'Dancing Script', cursive;
	font-size: 4.375em; /* 70px */
	font-weight: normal;
	margin: 0 0 0.2142857142857143em;	
	line-height: 1.1;
	padding-bottom: 0.1428571428571429em;
	background: -webkit-linear-gradient(103deg, #ac8447 0%,#a17840 6%,#9c723c 12%,#9a703b 14%,#9c723c 21%,#a0773f 24%,#ad8648 30%,#d8b766 44%,#eacb72 51%,#f5d87a 57%,#f7da7b 63%,#f1d377 70%,#e7c870 76%,#ab8346 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 0.0714285714285714em 0.3em rgba(0, 0, 0, 0.48); 

}

#slider .slides li.slide01 .section {
	max-width: 100%;
	padding: 0 0.9375em;
}

#slider .slides li.slide01 .text {
	padding-top: 0;
	text-align: center;
}

#slider .slides li.slide01 .overlay {
	max-width: 81.25em;
	padding: 1.5625em 0 1.875em;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 6%, rgba(0,0,0,0.32) 15%, rgba(0,0,0,0.63) 26%, rgba(0,0,0,0.73) 30%, rgba(0,0,0,0.8) 35%, rgba(0,0,0,0.8) 66%, rgba(0,0,0,0.73) 70%, rgba(0,0,0,0.63) 74%, rgba(0,0,0,0.17) 91%, rgba(0,0,0,0.06) 96%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.32) 15%,rgba(0,0,0,0.63) 26%,rgba(0,0,0,0.73) 30%,rgba(0,0,0,0.8) 35%,rgba(0,0,0,0.8) 66%,rgba(0,0,0,0.73) 70%,rgba(0,0,0,0.63) 74%,rgba(0,0,0,0.17) 91%,rgba(0,0,0,0.06) 96%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 6%,rgba(0,0,0,0.32) 15%,rgba(0,0,0,0.63) 26%,rgba(0,0,0,0.73) 30%,rgba(0,0,0,0.8) 35%,rgba(0,0,0,0.8) 66%,rgba(0,0,0,0.73) 70%,rgba(0,0,0,0.63) 74%,rgba(0,0,0,0.17) 91%,rgba(0,0,0,0.06) 96%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
	margin: 0 auto 1.8125em;
}

#slider .slides li.slide01 .title {
	margin: 0;
}

#slider .slides li.slide01 .subtitle {
	font-size: 1.4375em; /* 23px */
	color: #dfae5f;
	margin: 0;
}

#slider .slides li.slide01 .btn {
	background: none;
	border: 2px solid #f6d97b;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16); 
	background: url(../images/gradient-button.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#slider .slides li.slide02 .shadow {
	left: -21.875em;
	top: -10.125em;	
}

#slider .slides li.slide02 .image {
	width: 38.625em;
	left: -3.0625em;
	top: 12.875em;
}

#slider .slides li.slide02 .text {
	text-align: right;
	padding-top: 0;
}

#slider .slides li.slide02 .overlay {
	display: inline-block;
	width: 37.8125em;
	height: 33.3125em;
	margin-right: -2.5em;
	padding-top: 8.875em;
	text-align: center;
	background: url(../images/slide02-circle.png) no-repeat center;
	-webkit-background-size: 33.1875em;
	-moz-background-size: 33.1875em;
	background-size: 33.1875em;
	-ms-behavior: url(backgroundsize.min.htc);
}

#slider .slides li.slide02 .overlay .title {
	font-size: 5.433125em; /* 86.93px */
	margin: 0 0 -0.2300701714022777em;
}

#slider .slides li.slide02 .overlay .subtitle {
	font-size: 2.9375em; /* 47px */
	font-weight: 100;
	margin-bottom: 0.3829787234042553em;
	color: #dfae5f;
	letter-spacing: -0.015em;
	background: -webkit-linear-gradient(13deg, #ac8447 0%,#a17840 6%,#9c723c 12%,#9a703b 14%,#9c723c 21%,#a0773f 24%,#ad8648 30%,#d8b766 44%,#eacb72 51%,#f5d87a 57%,#f7da7b 63%,#f1d377 70%,#e7c870 76%,#ab8346 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#slider .slides li.slide03 .image {
	left: 0.4375em;
	top: 11.0625em;
	width: 36.375em;
}

#slider .slides li.slide03 .text {
	padding-left: 37.5em;
	text-align: right;
	line-height: 1.1;
	color: #dfae5f;
}

#slider .slides li.slide03 .text .subtitle {
	font-size: 1.875em; /* 30px */
	font-weight: 100;
	line-height: 1.795;
	margin: 0 0 1.466666666666667em;
}

#slider .slides li.slide04 .shadow {
	right: -23.125em;
	top: -8.3125em;	
}

#slider .slides li.slide04 .image {
	right: -0.3125em;
	top: 4.25em;
	width: 28.125em;
}

#slider .slides li.slide04 .text {
	padding-right: 34.375em;
}

#slider .slides li.slide04 .text .title {
	margin: 0 0 0.15em;	
	font-size: 5em; /* 80px */}

#slider .slides li.slide04 .text .subtitle {
	font-size: 2.25em; /* 36px */
	color: #dfae5f;
}

#slider .slides li.slide05 .text {
	text-align: right;
	padding-left: 31.875em;
}

#slider .slides li.slide05 .shadow {
	left: -24.25em;
	top: -6.75em;	
}

#slider .slides li.slide05 .subtitle {
	font-size: 1.4375em; /* 23px */
	color: #dfae5f;
}

#slider .slides li.slide05 .image {
	left: -0.25em;
	top: 12.625em;
	width: 24.5em;
}

/* About */

#about .section {
	padding-top: 70px;
	padding-bottom: 70px;
}

#about .image {
	float: left;
	width: 386px;
	padding: 10px;
	border: 1px solid #ba8942;
	overflow: hidden;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#about .image img {
	display: block;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#about .text {
	padding-left: 39.91452991452991%;
	padding-top: 20px;
}

#about .text p {
	margin-bottom: 12px;
}

#about .text .readmore {
	min-width: 166px;
	margin-top: 15px;
}

/* Advantages */

#advantages {
	position: relative;
	background: #0b0c11 url(../images/advantages-bg.jpg) no-repeat center bottom;
}

#advantages h1 {
	margin-bottom: 86px;
}

#advantages:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 237px;
	background: url(../images/advantages-bottom.png) no-repeat center top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

#advantages .section {
	padding-top: 70px;
	padding-bottom: 70px;
	height: 825px;
}

#advantages .row {
	margin-bottom: 62px;
}

#advantages .row a {
	display: block;
	width: 390px;
}

#advantages .row a .text {
	float: left;
	width: 270px;
	font-size: 12px;
	color: #e7e7e6;
	line-height: 1.833;
}

#advantages .row a .text p {
	margin: 0;
	letter-spacing: 0.02em;
}

#advantages .row a .text .title {
	font-weight: bold;
	font-size: 16px;
	color: #a97d3c;
	margin: 0 0 7px;
	line-height: 1.3;
	letter-spacing: 0;
}

#advantages .row a .ico {
	float: right;
	width: 95px;
	height: 95px;
	background: url(../images/advantage-circle.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#advantages .row a .ico span {
	display: block;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: 60px;
	-moz-background-size: 60px;
	background-size: 60px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#advantages .row a.left {
	float: left;
	text-align: right;
}

#advantages .row a.right {
	float: right;
	text-align: left;
}

#advantages .row a.right .ico {
	float: left;
}

#advantages .row a.right .text {
	float: right;
}

/* Process */

#process {
	background: url(../images/process-bg.png) no-repeat center;
}

#process .section {
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

#process .steps {
	margin: 77px 0;
	padding: 0;
}

#process .steps li {
	position: relative;
	margin: 0 -4px 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
}

#process .steps li:after {
	position: absolute;
	right: -36px;
	top: 72px;
	content: "";
	width: 72px;
	height: 24px;
	background: url(../images/step-arrow01.png) no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}

#process .steps li:nth-child(2):after {
	background-image: url(../images/step-arrow02.png);
}

#process .steps li:last-child:after {
	display: none;
}

#process .steps li .ico {
	position: relative;
	width: 176px;
	height: 176px;
	margin: 0 auto 14px;
	background: url(../images/process-circle.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#process .steps li .ico span {
	display: block;
	height: 100%;
	background: no-repeat center;
	-webkit-background-size: 111px;
	-moz-background-size: 111px;
	background-size: 111px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#process .steps li .ico em {
	font-style: normal;
	position: absolute;
	right: -2px;
	top: -18px;
	font-family: 'Dancing Script', cursive;
	font-size: 58.09px;
	color: #dfae5f;
	text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
}

#process .steps li p {
	margin: 0;
	font-size: 18px;
	color: #b7b7b7;
	letter-spacing: 0;
}

#process .steps li .title {
	color: #ba8942;
}

#process .btn {
	vertical-align: middle;
}

#process .or {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 18px;
}

#process .call {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	padding-left: 65px;
	padding-bottom: 1px;
	text-align: left;
	line-height: 1.4;
	background: url(../images/call-us-ico.png) no-repeat;
	-webkit-background-size: 49px;
	-moz-background-size: 49px;
	background-size: 49px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#process .call span {
	display: block;
	font-size: 20px;
	color: #dfae5f;
}

/* Testimonials */

#testimonials {
	position: relative;
	padding-top: 70px;
	padding-bottom: 140px;
	background: url(../images/testimonials-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
}

#testimonials .slides {
	position: static;
	margin: 77px 0 0;
	padding: 0;
}

#testimonials .slides li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#testimonials .slides li blockquote {
	display: inline-block;
	vertical-align: top;
	margin: 0 -4px 0 0;
	padding: 0 50px;
	font-style: normal;
	width: 50%;
}

#testimonials .slides li blockquote .image {
	position: relative;
	width: 112px;
	height: 112px;
	margin: 0 auto 15px;
	padding: 7px 0 0;
	background: url(../images/process-circle.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
}

#testimonials .slides li blockquote .image:after {
	content: "";
	position: absolute;
	left: -29px;
	top: 4px;
	width: 28px;
	height: 20px;
	background: url(../images/testimonial-quote.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

#testimonials .slides li blockquote .image img {
	display: block;
	margin: 0 auto;
	width: auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#testimonials .slides li blockquote {
	font-style: italic;
	font-size: 15px;
	color: #b7b7b7;
	line-height: 2.133;
}

#testimonials .slides li blockquote .name {
	margin: 0 0 20px;
	font-size: 18px;
	font-style: normal;
	color: #ba8942;
	text-transform: uppercase;
	letter-spacing: 0;
	line-height: 1.2;
}

.owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	pointer-events: none;
	text-align: center;
}

.owl-dots .owl-dot {
	display: inline-block;
	width: 17px;
	height: 17px;
	opacity: 0.1;
	background: #fff;
	margin: 0 4px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	pointer-events: auto;
}

.owl-dots .owl-dot.active {
	opacity: 1;
	background: #d6b465;
	background: -moz-linear-gradient(130deg, #d6b465 0%, #b6904f 17%, #a57d43 29%, #9d743d 37%, #9a703b 46%, #a0773f 51%, #a88045 54%, #b28b4c 57%, #e7c870 71%, #f5d87a 78%, #f7da7b 83%, #f1d377 89%, #d9b866 100%);
	background: -webkit-linear-gradient(130deg, #d6b465 0%,#b6904f 17%,#a57d43 29%,#9d743d 37%,#9a703b 46%,#a0773f 51%,#a88045 54%,#b28b4c 57%,#e7c870 71%,#f5d87a 78%,#f7da7b 83%,#f1d377 89%,#d9b866 100%);
	background: linear-gradient(130deg, #d6b465 0%,#b6904f 17%,#a57d43 29%,#9d743d 37%,#9a703b 46%,#a0773f 51%,#a88045 54%,#b28b4c 57%,#e7c870 71%,#f5d87a 78%,#f7da7b 83%,#f1d377 89%,#d9b866 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b465', endColorstr='#d9b866',GradientType=1 );
}

/* About Us */

#aboutUs .section {
	padding-top: 66px;
	padding-bottom: 66px;
}

#aboutUs h1 {
	color: #fff;
}

#aboutUs .info {
	width: 82.56410256410256%; /* 966px */
	margin: 0 auto;
	text-align: justify;
	color: #b7b7b7;
}

#aboutUs .images {
	margin-top: 65px;
}

#aboutUs .images p {
	position: relative;
	margin: 0 auto -53px;
	padding: 26px 48px;
	width: 92.64957264957265%;
	line-height: 1.563;
	font-size: 16px;
	text-align: center;
	background: #cfa64f;
	background: -moz-linear-gradient(left, #cfa64f 0%, #c69a49 2%, #af853d 5%, #ae823d 5%, #986c32 8%, #8c602b 11%, #885b29 12%, #8d5f2b 18%, #95682f 22%, #a37a37 27%, #aa7e3b 29%, #a97f3b 29%, #ae833d 30%, #b88b42 33%, #bb9044 34%, #c99f4c 38%, #c99f4b 39%, #caa24d 39%, #cfa54f 40%, #dab155 46%, #dab155 54%, #d6ad53 56%, #c69b4a 63%, #c19747 64%, #bb9044 66%, #b88b42 67%, #ae833d 70%, #a97f3b 71%, #aa7e3b 71%, #a37a37 73%, #95682f 78%, #8d5f2b 82%, #885b29 88%, #8c602b 89%, #986c32 92%, #ae823d 95%, #af853d 95%, #c69a49 98%, #cfa64f 100%);
	background: -webkit-linear-gradient(left, #cfa64f 0%,#c69a49 2%,#af853d 5%,#ae823d 5%,#986c32 8%,#8c602b 11%,#885b29 12%,#8d5f2b 18%,#95682f 22%,#a37a37 27%,#aa7e3b 29%,#a97f3b 29%,#ae833d 30%,#b88b42 33%,#bb9044 34%,#c99f4c 38%,#c99f4b 39%,#caa24d 39%,#cfa54f 40%,#dab155 46%,#dab155 54%,#d6ad53 56%,#c69b4a 63%,#c19747 64%,#bb9044 66%,#b88b42 67%,#ae833d 70%,#a97f3b 71%,#aa7e3b 71%,#a37a37 73%,#95682f 78%,#8d5f2b 82%,#885b29 88%,#8c602b 89%,#986c32 92%,#ae823d 95%,#af853d 95%,#c69a49 98%,#cfa64f 100%);
	background: linear-gradient(to right, #cfa64f 0%,#c69a49 2%,#af853d 5%,#ae823d 5%,#986c32 8%,#8c602b 11%,#885b29 12%,#8d5f2b 18%,#95682f 22%,#a37a37 27%,#aa7e3b 29%,#a97f3b 29%,#ae833d 30%,#b88b42 33%,#bb9044 34%,#c99f4c 38%,#c99f4b 39%,#caa24d 39%,#cfa54f 40%,#dab155 46%,#dab155 54%,#d6ad53 56%,#c69b4a 63%,#c19747 64%,#bb9044 66%,#b88b42 67%,#ae833d 70%,#a97f3b 71%,#aa7e3b 71%,#a37a37 73%,#95682f 78%,#8d5f2b 82%,#885b29 88%,#8c602b 89%,#986c32 92%,#ae823d 95%,#af853d 95%,#c69a49 98%,#cfa64f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfa64f', endColorstr='#cfa64f',GradientType=1 );
}

#aboutUs .images p:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	border: 2px solid rgba(255,255,118,0.50);
}

#aboutUs .images ul {
	margin: 0 0 0 -1.709401709401709%;
	padding: 0;
}

#aboutUs .images ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 1.709401709401709%;
	list-style: none;
	width: 25%;
}

#aboutUs .images ul li img {
	display: block;
	width: 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* Affiliate */

#affiliate {
	background: url(../images/affiliate-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-ms-behavior: url(backgroundsize.min.htc);
}

#affiliate .section {
	padding-top: 85px;
	padding-bottom: 96px;
	text-align: center;
}

#affiliate p {
	margin: 0;
	font-family: 'Montserrat Alternates', Arial, sans-serif;
	font-size: 46px;
	color: #ba8942;
	line-height: 1.739;
	background: -webkit-linear-gradient(103deg, #a98246 0%,#a0773f 6%,#9b713b 13%,#9a703b 17%,#9d733d 21%,#a57c43 25%,#b08a4a 30%,#d7b565 43%,#e8c970 49%,#f4d679 56%,#f7da7b 60%,#f4d779 67%,#e5c66f 76%,#ab8347 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 5px 21px rgba(0, 0, 0, 0.48); 
}

#affiliate .btn {
	margin-top: 35px;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

#affiliate .btn:hover {
	background: #000;
}

#affiliate .btn span {
	padding-bottom: 3px;
	padding-left: 1px;
	padding-right: 1px;
	background: url(../images/button-bg.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

#affiliate .btn:hover span {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

/* Contract */

#contract .section {
	padding-top: 70px;
	padding-bottom: 70px;
}

#contract .title {
	text-align: center;
	padding: 0 5.042735042735043%;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	margin: 0 0 80px;
}

#contract .text {
	float: left;
	width: 53.84615384615385%; /* 630px */
	margin-left: 5.042735042735043%;
}

#contract .images {
	float: right;
	width: 28.46153846153846%; /* 333px */
	margin: 0 5.042735042735043% 0 0;
	padding: 0;
}

#contract .images li {
	margin: 0 0 46px;
	padding: 0;
	list-style: none;
}

#contract .images li img {
	display: block;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

/* Formulation */

#formulation {
	background: url(../images/types-bg.png) no-repeat center bottom;	
}

#formulation .intro {
	padding: 47px 5.042735042735043% 69px;
	font-weight: normal;
}

#formulation .intro .title {
	text-align: center;
	margin: 0 0 60px;
	line-height: 1.875;
}

#formulation .intro .lab .image {
	float: right;
	width: 44.96197718631179%; /* 473px */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#formulation .intro .lab .text {
	float: left;
	width: 47.52851711026616%; /* 500px */
}

#formulation .intro .lab .text h2 {
	background: -webkit-linear-gradient(103deg, #a98246 0%,#a0773f 6%,#9b713b 13%,#9a703b 17%,#9d733d 21%,#a57c43 25%,#b08a4a 30%,#d7b565 43%,#e8c970 49%,#f4d679 56%,#f7da7b 60%,#f4d779 67%,#e5c66f 76%,#ab8347 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#formulation .intro .lab .text .bulletList {
	margin: 0;
}

#formulation .types {
	padding-top: 57px;
	padding-bottom: 50px;
}

#formulation .types .listing {
	margin-left: -27px;
	margin-top: 50px;
	text-align: center;
}

#formulation .types .listing .type {
	margin-right: -4px;
	margin-bottom: 31px;
	display: inline-block;
	padding-left: 27px;
	width: 33.33333333333333%;
	vertical-align: top;
}

#formulation .types .listing .type .inner {
	min-height: 512px;
	padding: 12.5523117592567% 9.539756937035094%;
	text-align: left;
	background: #1a1a1a;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
}

#formulation .types .listing .type h2 {
	border-bottom: 1px solid #484848;
	padding-bottom: 17px;
	margin-bottom: 18px;
}

#formulation .types .listing .type .bulletList {
	margin: 0;
}

#formulation .types .listing .type .bulletList li {
	margin-bottom: 8px;
}

#formulation .types .listing .type:nth-child(2) {
	margin-right: 0;
}

/* Facilities */

#facilities .section {
	padding: 59px 37px 27px;
}

#facilities .videos {
	margin: 0 0 0 -32px;
	padding: 0;
	text-align: center;
}

#facilities .videos li {
	float: left;
	margin: 0 0 32px 0;
	padding: 0 0 0 32px;
	list-style: none;
	width: 50%;
}

#facilities .videos li a {
	position: relative;
	display: block;
	border: 5px solid #fff;
	overflow: hidden;
}

#facilities .videos li a:after {
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -77.5px;
	margin-top: -87.5px;
	top: 50%;
	width: 155px;
	height: 175px;
	background: url(../images/video-playbtn.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
	-webkit-transition: transform 0.6s;
	-moz-transition: transform 0.6s;
	transition: transform 0.6s;
}

#facilities .videos li a img {
	display: block;
	width: 100%;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}

#facilities .videos li a:hover img {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	transform: scale(1.03);
}

#facilities .videos li a:hover:after {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

/* Contact */

#contact {
	background: url(../images/contact-bg.png) no-repeat center 173px;
}

#contact .section {
	padding: 70px 45px 50px;
}

#contact .title {
	text-align: center;
	font-size: 17px;
	margin: 0 0 45px;
}

#contact .contacts {
	margin: 0;
	padding: 0;
	font-size: 18px;
}

#contact .contacts li {
	margin: 0 0 30px;
	padding: 0 0 0 31px;
	list-style: none;
	color: #b7b7b7;
	line-height: 1.778;
	background-repeat: no-repeat;
	background-position: 0 5px;
	-webkit-background-size: 16px;
	-moz-background-size: 16px;
	background-size: 16px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#contact .contacts li span {
	display: block;
	font-weight: 500;
	color: #ba8942;
}

#contact .contacts li.location {
	background-image: url(../images/location-ico.png);
}

#contact .contacts li.phone {
	background-image: url(../images/phone-ico.png);
}

#contact .contacts li.email {
	background-image: url(../images/email-ico.png);
}

/* Certifications */

#certifications {
	background: #0b0c11;
}

#certifications .section {
	padding-top: 34px;
	padding-bottom: 34px;
}

#certifications .title {
	position: relative;
	float: left;
	margin: 18px 0 0;
	font-size: 33px;
	color: #b7b7b7;
	padding-bottom: 29px;
	border-bottom: 1px solid #26272b;
}

#certifications .title span {
	color: #ba8942;
}

#certifications .title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 143px;
	height: 2px;
	background: #ba8942;
}

#certifications ul {
	float: right;
	margin: 0;
	padding: 0;
}

#certifications ul li {
	float: left;
	margin: 0 25px;
	padding: 0;
	list-style: none;
}

#certifications ul li img {
	display: block;
	height: 142px;
}

/* Bottom */

#bottom {
	background: #1d1812;
	background: -moz-linear-gradient(top, #1d1812 0%, #110f0f 31%, #08090c 65%, #08090c 100%);
	background: -webkit-linear-gradient(top, #1d1812 0%,#110f0f 31%,#08090c 65%,#08090c 100%);
	background: linear-gradient(to bottom, #1d1812 0%,#110f0f 31%,#08090c 65%,#08090c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1812', endColorstr='#08090c',GradientType=0 );	
}

#bottom .section {
	padding-top: 95px;
	padding-bottom: 95px;
}

#bottom .col {
	margin-left: 80px;
}

#bottom .col:first-child {
	margin-left: 0;
}

#bottom .col .title {
	position: relative;
	text-transform: uppercase;
	color: #ba8942;
	font-size: 28px;
	margin: 0 0 33px;
	line-height: 1.2;
	padding: 0 0 35px;
	border-bottom: 1px solid #2b2929;
}

#bottom .col .title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 72px;
	background: #ba8942;
}

#bottom .col .links {
	margin: 0;
	padding: 0;
}

#bottom .col .links li {
	position: relative;
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	font-size: 16px;
	color: #b7b7b7;
	line-height: 1.3;
}

#bottom .col .links li:after {
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
	color: #ba8942;
}

#bottom .col .links li a {
	display: inline-block;
	padding-left: 16px;
}

#bottom .col.left {
	float: left;
	width: 215px;
}

#bottom .col.middle {
	float: left;
	width: 492px;
}

#bottom .col.right {
	float: right;
	width: 298px;
}

#bottom .enquiry .leftSide {
	float: left;
	width: 204px;
}

#bottom .enquiry .rightSide {
	float: right;
	width: 263px;
}

#bottom .enquiry .field {
	margin-bottom: 15px;
}

#bottom .enquiry .textbox,
#bottom .enquiry textarea {
	margin: 0;
	display: block;
	width: 100%;
	padding: 10px 16px;
	border: 0;
	background: #000;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	height: 39px;
	color: #ececec;
	-webkit-appearance: none;
	border: 1px solid #1c1d22;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 6px 4px 3px 0px rgba(0, 0, 0, 0.15); 
	-moz-box-shadow: 6px 4px 3px 0px rgba(0, 0, 0, 0.15); 
	box-shadow: 6px 4px 3px 0px rgba(0, 0, 0, 0.15); 
}

#bottom .enquiry textarea {
	display: block;
	resize: none;
	overflow: auto;
	height: 147px;
}

#bottom .enquiry .btn {
	float: left;
	clear: both;
	min-width: 186px;
	margin-top: 10px;
}

#bottom .contacts {
	margin: 0;
	padding: 0;
}

#bottom .contacts li {
	margin: 0 0 8px;
	padding: 0 0 0 31px;
	list-style: none;
	font-size: 14px;
	color: #b7b7b7;
	line-height: 2.286;
	background-repeat: no-repeat;
	background-position: 0 6px;
	-webkit-background-size: 16px;
	-moz-background-size: 16px;
	background-size: 16px;
	-ms-behavior: url(backgroundsize.min.htc);
}

#bottom .contacts li span {
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: #ba8942;
}

#bottom .contacts li.location {
	background-image: url(../images/location-ico.png);
}

#bottom .contacts li.phone {
	background-image: url(../images/phone-ico.png);
}

#bottom .contacts li.email {
	background-image: url(../images/email-ico.png);
}

/* Footer */

#footer .section {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #b7b7b7;
	font-size: 14px;
}

#footer .logo {
	position: absolute;
	left: 50%;
	top: -55px;
	margin-left: -62px;
	background: #000;
	z-index: 2;
	padding: 7px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

#footer .logo img {
	display: block;
	width: 110px;
}

#footer .copyright {
	float: left;
	margin: 0;
}

#footer .links {
	margin: 0;
	float: right;
}

#footer .links a:hover {
	text-decoration: underline;
}

/* Mobile Navigation */

#menuBtn {
	display: none;
	position: absolute;
	left: 15px;
	top: 24px;
    width: 40px;
	outline: none;
	z-index: 1;
}

#menuBtn span {
	display: block;
	height: 4px;
	margin-bottom: 5px;
	background: url(../images/divider.png) no-repeat center top;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-size: 100% 100%;
}

#mm-navigation {
	text-align: left;
}

#mm-navigation ul {
	color: #000;
	color: rgba(0, 0, 0, 0.3);
}

#mm-navigation ul li.active {
	background: #fff;
	background: rgba(255,255,255,0.8);
}

#mm-navigation *:after, #mm-navigation *:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#mm-navigation .mm-listview img {
	display: block;
	width: 100%;
}

#mm-navigation .mm-listview p span {
	display: block;
}

#mm-navigation .mm-listview li.color01 a,
#mm-navigation .mm-listview li.color02 a,
#mm-navigation .mm-listview li.color03 a,
#mm-navigation .mm-listview li.color04 a {
	padding-left: 10px;
	color: #fff;
}

#mm-navigation .mm-panels > .mm-panel > .mm-listview {
	margin-top: 0;
	margin-bottom: 0;
}

.mm-menu {
	background: #1d1812;
	background: -moz-linear-gradient(top, #1d1812 0%, #110f0f 31%, #08090c 65%, #08090c 100%);
	background: -webkit-linear-gradient(top, #1d1812 0%,#110f0f 31%,#08090c 65%,#08090c 100%);
	background: linear-gradient(to bottom, #1d1812 0%,#110f0f 31%,#08090c 65%,#08090c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1812', endColorstr='#08090c',GradientType=0 );	
}

#mm-navigation ul {
    color: #ba8942;
}

#mm-navigation ul li.active {
	background-color: #fff;}

/* Miscelleneous */

p {
	margin: 0 0 18px;
}

h1 {
	margin: 0 0 35px;
	padding: 0 0 58px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	color: #b7b7b7;
	line-height: 1.257;
	letter-spacing: 0.025em;
	background: url(../images/heading-logo.png) no-repeat center bottom;
	-webkit-background-size: 227px;
	-moz-background-size: 227px;
	background-size: 227px;
}

h1 span {
	color: #ba8942;
}

h2 {
	margin: 0 0 16px;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 24px;
	font-weight: 500;
	color: #f6d97b;
	line-height: 1.167;
	background: -webkit-linear-gradient(left, #a98246 0%,#a0773f 6%,#9b713b 13%,#9a703b 17%,#9d733d 21%,#a57c43 25%,#b08a4a 30%,#d7b565 43%,#e8c970 49%,#f4d679 56%,#f7da7b 60%,#f4d779 67%,#e5c66f 76%,#ab8347 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0px 5px 21px rgba(0, 0, 0, 0.48); 
}


h2 span {
	
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}

img {
	border: 0;
	max-width: 100%;
}

strong {
	font-weight: bold;
}

.btn {
	display: inline-block;
	line-height: 1.2;
	font-family: 'Montserrat', Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: #dfae5f;
	min-width: 15.06666666666667em;
	line-height: 3.066666666666667em;
	padding: 0 2em;
	height: 3.2em;
	text-align: center;
	background: url(../images/button-bg.png) no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	-ms-behavior: url(backgroundsize.min.htc);
	cursor: pointer;
	border: 0;
}

.btn span {
	display: block;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	transition: transform 0.3s;
}

.btn:hover span {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}

.bulletList {
	margin: 0 0 66px;
	padding: 0;
}

.bulletList li {
	position: relative;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

.bulletList li:after {
	content: "•";
	position: absolute;
	left: 0;
	top: 0;
}

.divider {
	position: relative;
	height: 2px;
	margin-bottom: -2px;
	background: url(../images/divider.png) no-repeat center;
	z-index: 2;
}

.divider.white {
	background-image: url(../images/divider-white.png);
}

.divider.light {
	opacity: 0.27;}

.clear {
	clear: both;
}

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

.clearfix { 
  display: inline-block;  
}

* html .clearfix{  
  height: 1%;  
}

.clearfix {  
  display: block;  
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

:-moz-placeholder {
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {  
	color: inherit;
	opacity: 1;
}


/* Media Queries */

/* Desktop Screens */

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

}

/* Tablet Screens (Landscape) */

@media only screen and (max-width : 1260px) {
	.section {
		max-width: 970px;
	}
	
	#topNavi {
		font-size: 13px;
	}
	
	#topNavi ul li a {
		padding: 0 10px;
	}
	
	#topNavi ul li:not(.active):hover a {
		background: none;
		color: #fff;
	}
	
	#slider .slides {
		font-size: 12px;
	}
	
	#slider .slides li.slide02 .image {
		left: 1.9em;
	}
	
	#slider .slides li.slide02 .overlay {
		margin-right: 0;
	}
	
	#slider .slides li.slide03 .image {
		left: 2em;
	}
	
	#slider .slides li.slide03 .text {
		padding-right: 2em;
		padding-left: 40em;
	}
	
	#slider .slides li.slide04 .text {
		padding-left: 2em;
	}
	
	#slider .slides li.slide04 .image {
		right: 2em;
	}
	
	#slider .slides li.slide05 .image {
		padding-left: 2em;
	}
	
	#slider .slides li.slide05 .text {
		padding-right: 2em;
	}
	
	#about .image {
		width: 350px;
		margin-top: 20px;
	}

	#advantages:after {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	
	#testimonials .slides li blockquote {
		padding: 0 20px;
	}
	
	#contract .text {
		margin-left: 20px;
		width: 62%;
	}
	
	#contract .images {
		margin-right: 20px;
	}
	
	#contract .title {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#formulation .intro .lab .image {
		margin-top: 55px;
	}
	
	#certifications ul li img {
		height: 100px;
	}
	
	#certifications .title {
		margin-top: 0;
	}
	
	#bottom .section {
		padding-top: 77px;
	}
	
	#bottom .col {
		margin-left: 48px;
	}
	
	#bottom .enquiry .leftSide {
		float: none;
		width: auto;
	}
	
	#bottom .enquiry .rightSide {
		float: none;
		width: auto;
	}
	
	#bottom .col.middle {
		width: 360px;
	}
	
	#bottom .enquiry .field {
		margin-bottom: 8px;
	}
	
	#bottom .enquiry textarea {
		height: 92px;
	}
	
	#bottom .enquiry .btn {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#process .steps li:after {
		right: -48px;
		-webkit-background-size: 50px;
		-moz-background-size: 50px;
		background-size: 50px;
	}
}

/* Tablet Screens (Portrait) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .section {
		height: 117px;
	}
	
	#header .logo {
		width: 110px;
		margin-left: -55px;
	}
	
	#header .callUs {
		margin-top: 32px;
	}
	
	#header .request {
		margin-top: 35px;
	}
	
	#topNavi {
		font-size: 11.4px;
	}
	
	#topNavi ul li {
		margin-left: 0;
	}
	
	#topNavi ul.right {
		float: left;
	}
	
	#slider .slides {
		font-size: 9px;
	}
	
	#about .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	#about .image {
		float: none;
		margin: 0 auto;
	}

	#about .text {
		padding-left: 0;
		text-align: center;
	}
	
	#advantages {
		-webkit-background-size: 670px;
		-moz-background-size: 670px;
		background-size: 670px;
	}
	
	#advantages .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	#advantages h1 {
		margin-bottom: 27px;
	}
	
	#advantages .row {
		margin-bottom: 36px;
	}
	
	#advantages .row a {
		width: 270px;
	}
	
	#advantages .row a.right .ico,
	#advantages .row a .ico {
		float: none;
		margin: 0 auto 20px;
	}
	
	#advantages .row a.right .text,
	#advantages .row a .text {
		float: none;
	}
	
	#advantages .row a.right,
	#advantages .row a.left {
		text-align: center;
	}
	
	#process .section {
		padding-top: 45px;
		padding-bottom: 55px;
	}
	
	#process .steps {
		margin-top: -30px;
	}
	
	#process .steps li {
		width: 50%;
		margin-top: 50px;
	}
	
	#process .steps li:after {
		right: -38px;
		top: 83px;
		-webkit-background-size: 72px;
		-moz-background-size: 72px;
		background-size: 72px;
	}
	
	#process .steps li:nth-child(2):after {
		display: none;
	}
	
	#process .steps li:nth-child(3):after {
		background-image: url(../images/step-arrow02.png);
	}
	
	#banner .section {
		height: 309px;
	}
	
	#aboutUs .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	#aboutUs .images {
		margin-top: 50px;
	}
	
	#aboutUs .images p {
		margin-bottom: -27px;
	}
	
	#affiliate .section {
		padding-top: 45px;
		padding-bottom: 60px;
	}
	
	#contract .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	#contract .title {
		margin-bottom: 42px;
		padding-left: 0;
		padding-right: 0;
	}
	
	#contract .text {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	#contract .images {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: -20px;
	}
	
	#contract .images li {
		float: left;
		width: 50%;
		margin-bottom: 20px;
		padding-left: 20px;
	}
	
	#contract .images li img {
		display: block;
		width: 100%;
	}
	
	.bulletList {
		margin-bottom: 35px;
	}	
	
	#formulation .intro .title {
		margin-bottom: 40px;
	}
		
	#formulation .types .listing .type {
		width: 50%;
	}
	
	#formulation .types .listing .type:nth-child(2) {
		margin-right: -4px;
	}

	#formulation .intro .lab .image {
		float: none;
		width: auto;
		display: block;
		margin: 0 auto 40px;
	}
	
	#formulation .intro .lab .text {
		float: none;
		width: auto;
	}
	
	#formulation .intro .lab .text h2 {
		text-align: center;
	}
	
	#facilities .section {
		padding-top: 45px;
		padding-bottom: 8px;
	}
		
	#certifications {
		text-align: center;
	}
	
	#certifications .title {
		float: none;
		text-align: center;
		display: inline-block;
		margin-bottom: 30px;
	}
	
	#certifications ul {
		float: none;
		display: inline-block;
	}
	
	#testimonials {
		padding-top: 45px;
		padding-bottom: 65px;
	}
	
	#contact .section {
		padding: 45px 15px 25px;
	}
	
	#googleMap {
		padding-bottom: 70% !important;
	}
	
	.owl-dots {
		bottom: 30px;
	}
	
	#bottom .section {
		padding-top: 45px;
	}
	
	#bottom .col.middle {
		clear: both;
		float: none;
		margin-left: 0;
		padding-top: 30px;
		width: auto;
	}
	
	#bottom .enquiry .field {
		margin-bottom: 15px;
	}
	
	#bottom .enquiry textarea {
		height: 174px;
	}
	
	#bottom .enquiry .btn {
		margin-top: 15px;
	}
	
	#footer {
		text-align: center;
	}
	
	#footer .section {
		padding-top: 70px;
	}
	
	#footer .copyright {
		float: none;
		margin-bottom: 8px;
	}
	
	#footer .links {
		float: none;
	}
	
}

/* Mobile Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}
	
	#header .section {
		height: auto;
		padding-top: 5px;
	}
	
	#header .logo {
		position: static;
		display: block;
		margin: 0 auto;
	}
	
	#header .callUs {
		float: none;
		display: table;
		margin: 0 auto 10px;
		padding-bottom: 8px;
	}
	
	#header .request {
		float: none;
		display: table;
		margin: 0 auto 15px;
	}
	
	#topNavi ul {
		display: none;
	}
	
	#topNavi .section {
		height: 6px;
	}
	
	#slider .slides {
		font-size: 4px;
	}
	
	#slider .slides .btn {
		font-size: 5px;
	}
	
	#slider .slides .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
	}
	
	h1 {
		font-size: 32px;
		padding-bottom: 40px;
	}
	
	h1 span {
		display: block;
	}
	
	#about .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#about .image {
		width: 245px;
		padding: 5px;
	}
	
	#advantages {
		-webkit-background-size: 550px;
		-moz-background-size: 550px;
		background-size: 550px;
	}
	
	#advantages:after {
		height: 85px;
	}
	
	#advantages h1 {
		margin-bottom: 38px;
	}
	
	#advantages .section {
		height: auto;
		padding-top: 30px;
		padding-bottom: 300px;
	}
	
	#advantages .row {
		margin-bottom: 0;
	}
	
	#advantages .row a.left,
	#advantages .row a.right {
		float: none;
		margin: 0 auto 35px;
	}
	
	#process .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#process .steps {
		margin-top: -90px;
	}
	
	#process .steps li {
		display: block;
		margin: 125px auto 0;
		width: 297px;
	}
	
	#process .steps li:after {
		right: 114px;
		top: auto;
		bottom: -69px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	
	#process .steps li:nth-child(2):after {
		display: block;
	}
	
	#process .steps li:nth-child(3):after {
		background-image: url(../images/step-arrow01.png);
	}
	
	#process .or {
		display: block;
		margin: 20px 0;
		font-size: 20px;
	}
	
	#process .steps {
		margin-bottom: 45px;
	}
	
	#testimonials {
		padding: 30px 0;
		background-position: 69% top;
	}
	
	#testimonials .slides {
		margin-top: 40px;
	}
	
	#testimonials .slides li blockquote {
		display: block;
		width: 100%;
		padding: 0;
		margin-bottom: 50px;
	}
	
	#banner .section {
		height: 185px;
	}
	
	#banner p {
		font-size: 50px;
	}
	
	#aboutUs .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#aboutUs .info {
		text-align: center;
		width: 100%;
	}
	
	#aboutUs .images {
		margin-top: 23px;
	}
	
	#aboutUs .images p {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 20px;
	}
	
	#affiliate p {
		font-size: 23px;
	}
	
	#affiliate .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#contract .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#contract .title {
		margin-bottom: 28px;
	}
	
	#formulation .intro {
		padding: 30px 15px;
	}
	
	#formulation .types {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	#formulation .types .listing {
		margin-top: 0;
	}
	
	#formulation .types .listing .type {
		width: 100%;
	}
	
	#formulation .types .listing .type .inner {
		padding: 30px 20px;
		min-height: 0;
	}
	
	#formulation .types .listing .type .inner h2 {
		text-align: center;
	}
	
	#formulation .types .listing .type .bulletList li {
		display: table;
		padding-right: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#facilities .section {
		padding: 30px 15px 10px;
	}
	
	#facilities .videos li {
		width: 100%;
		margin-bottom: 20px;
	}
	
	#contact .section {
		padding-top: 30px;
		padding-bottom: 10px;
	}
	
	#contact .contacts {
		font-size: 17px;
	}
	
	#certifications .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#certifications .title {
		display: block;
		line-height: 1.257;
		padding-bottom: 26px;
	}
	
	#certifications .title:after {
		left: 50%;
		margin-left: -71.5px;
	}
	
	#certifications ul li {
		float: none;
	}
	
	#certifications ul li img {
		margin: 0 auto;
	}
	
	#certifications ul li:last-child {
		margin-top: 15px;
	}
	
	#bottom .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#bottom .col {
		margin-left: 0;
		margin-bottom: 40px;
	}
	
	#bottom .col.left,
	#bottom .col.right {
		float: none;
		width: auto;
	}
	
	#bottom .col .title {
		padding-bottom: 22px;
		text-align: center;
		margin-bottom: 25px;
	}
	
	#bottom .col .title:after {
		left: 50%;
		margin-left: -36px;
	}
	
	#bottom .col .links li {
		display: table;
		margin: 0 auto 13px;
	}
	
	#bottom .col .links li a {
		padding-right: 16px;
	}
	
	#bottom .col.right {
		text-align: center;
		margin-bottom: 0;
	}
	
	#bottom .contacts li {
		padding-left: 0;
		padding-top: 25px;
		background-position: center top;
	}
	

}

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

}