@charset "utf-8";
/* CSS Document */
/*
Theme Name: Golden Dunes

Theme URI: http://www.golden-dunes.com/

Author: Almeka

Author URI: http://www.almeka.net/

*/

/* reset style */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
* {
	padding: 0;
	margin: 0;
	outline: none;
	list-style: none;
	border: 0 none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset, img {
    border: 0;
}

html {
    height: 100%;
    margin-bottom: 1px;
}

:focus {
    outline: none;
}
input, textarea {
	outline: 0;
}

/* text selection style */
::selection {
	background: #10954f; /* Safari */
	color: #FFF;
	}
::-moz-selection {
	background: #10954f; /* Firefox */
	color: #FFF;
}

/* links */
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline: none !important;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}

a:hover, a:focus {
    text-decoration: none;
}

/* clear */
.clear {
    clear: both;
}

/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    line-height: 100%;
}

h1 {
    font-size: 36px;
    color: #FFF;
}

h2 {
    font: bold 36px 'Montserrat', sans-serif;
    color: #11151b;
	margin-bottom: 30px;
	text-transform:uppercase;
}

h3 {
    font: bold 24px 'Montserrat', sans-serif;
    color: #11151b;
	text-transform:uppercase;
	margin-bottom: 10px;
}

h4 {
    font: bold 18px 'Montserrat', sans-serif;
    color: #11151b;
	text-transform:uppercase;
	margin-bottom: 10px;
}

h5 {
    font: bold 18px 'Montserrat', sans-serif;
    color: #11151b;
}

h6 {
    font-size: 125%;
    color: #FFF;
}

/* page setup */
body {
    background: #FFF;
    font: 13px/18px Arial, Helvetica, sans-serif;
}
p {
	font: 300 13px/22px 'Montserrat', sans-serif;
	color: #666;
	margin-bottom: 10px;
}
figure{
	margin-bottom: -5px;
}
figure img{
	max-width: 100%;
}

/* wrapper setup */
.wrapper {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
	overflow: hidden;
}
.container {
	max-width: 100%;
    width: 1200px;
	position: relative;
	z-index: 1;
}

/* header */
header {
	position: fixed;
	width: 100%;
	max-width: 1920px;
	top:0;
	padding: 25px 0px 0px 0px;
	z-index: 999;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}

header.smaller {
	background: #FFF;
	position: fixed;
	padding: 10px 0px;
	box-shadow: 0px 3px 20px rgba(0,0,0,.2);
}
header.smaller .logo {
	width: 100px;
	height: 46px;
}
header.smaller .right-head{
	padding-top: 0;
}
header.smaller .top-bar{
	display: none;
}
header.smaller .main-nav{
	margin: 0px;
}
header.smaller .jetmenu>li>a {
	color: #11151b;
}
header.smaller .jetmenu>li.active>a, header.smaller .jetmenu>li:hover>a {
	color: #f9ba32;
}

/* logo */
.logo {
	width: 171px;
	height: 125px;
	float: left;
	background: url(../img/golden-dunes-logo.png) no-repeat;
	text-indent: -99999px;
	background-size: cover;
	-o-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

/* right head */
.right-head{
	float: right;
	border-bottom: 1px #FFF solid;
	padding-top: 10px;
}
.brochure{
	font: 13px 'Montserrat', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	background: url(../img/brochure-icon.png) no-repeat 18px 16px #10954f;
	font-weight: 300;
	padding: 16px 20px 16px 50px;
	float: left;
}
.brochure:hover{
	color: #FFF;
	background: url(../img/brochure-icon.png) no-repeat 18px 16px #f9ba32;
}
.top-bar-info{
	float: left;
	background: #FFF;
	padding: 12px 51px;
}
.top-bar a.phone, .top-bar a.mail{
	font: 300 13px 'Montserrat', sans-serif;
	color: #11151b;
	margin: 2px 0px;
	float: left;
	padding: 2px 0px 2px 25px;
	background: url(../img/phone-icon.png) 2px no-repeat;
}
.top-bar a.mail{
	margin-left: 20px;
	background: url(../img/email-icon.png) 2px no-repeat;
}
.top-bar a.mail:hover, .top-bar a.phone:hover{
	color: #f9ba32;
}

ul.social-media {
	margin: 3px 0 0 18px;
	float: left;
}
ul.social-media li {
	float: left;
	list-style: none;
	margin-left: 8px;
}
ul.social-media li a {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/social-media-icons.png) no-repeat;
	text-indent: -999px !important;
	overflow: hidden;
	font-size: 0px;
}
ul.social-media li a:hover{
	margin-top: -3px;
}
ul.social-media li a.fb {
	background-position: 0px 0px;
}
ul.social-media li a.twt {
	background-position: -28px 0px;
}
ul.social-media li a.ytb {
	background-position: -55px 0px;
}


/* Navigation */
.main-nav{
	float: right;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;
}
.jetmenu {
	float: right;
	padding: 0;
	z-index: 99;
	position: relative;
	list-style: none;
}
.jetmenu li {
	display: inline-block;
	float: left;
}
.jetmenu a {
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: 0;
	z-index: 10;
}
.jetmenu>li>a {
	font: 300 13px 'Montserrat', sans-serif;
	color: #FFF;
	padding: 17px;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
}
.jetmenu>li.active>a, .jetmenu>li:hover>a {
	color: #f9ba32;
}
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	z-index: 99;
	min-width: 200px;
}
.jetmenu ul.dropdown {
	top: 51px;
	background: #FFF;
	padding: 0px;
}
.jetmenu ul.dropdown li ul.dropdown {
	left: 100%;
	top: inherit;
}
.jetmenu ul.dropdown li {
	border: none;
	clear: both;
	width: 100%;
	font-size: 0px;
	margin:0px;
}
.jetmenu ul.dropdown li a {
	width: 100%;
	padding: 10px 15px;
	display: inline-block;
	float: left;
	clear: both;
	font: 300 11px 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #11151b;
	filter:alpha(opacity=80);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.jetmenu ul.dropdown li:hover>a {
	color: #FFF;
	background: #10954f;
}
.jetmenu ul.dropdown li ul.dropdown.left {
	left: auto;
	right: 100%;
}
.jetmenu .indicator {
	position: relative;
	left: 5px;
	width: 7px;
	height: 7px;
	top: 4px;
	font-size: 14px;
	float: right;
	text-indent: -999px;
	background: url(../img/down.gif) repeat !important;
	z-index: 999;
	overflow: hidden;
	display: none;
}
.jetmenu ul li .indicator {
	font-size: 12px;
	top: 1px;
	left: 10px;
	text-indent: -999px;
}
.jetmenu>li>.megamenu {
	position: fixed;
	display: none;
	background: #eeeeee;
	width: 100%;
	top: 117px;
	right: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #999;
	z-index: 99;
	padding: 20px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.jetmenu>li>.megamenu .tab-content{
	padding: 0px 20px !important;
}
.jetmenu>li>.megamenu .nav-tabs li a{
	font-size: 16px;
	font-weight:bold;
}
.jetmenu li>.megamenu ul {
	margin: 0 0 20px;
	float: left;
	padding: 0;
	display: block;
	position: relative;
}
.jetmenu li>.megamenu ul li {
	width: 100%;
	padding: 2px 0;
	margin-left: 0px;
	border: none;
}
.jetmenu li>.megamenu .title {
	margin: 15px 0px 5px 0px;
}
.jetmenu li>.megamenu h5 {
	font: 16px 'Montserrat', sans-serif;
	color: #333;
	width: 100%;
	margin: 0;
	padding: 0;
}
.jetmenu li>.megamenu h3 {
	font: bold 12px 'Montserrat', sans-serif;
	text-transform: uppercase;
	width: 100%;
	text-align:center;
	margin: 0;
	padding: 0;
}
.jetmenu li>.megamenu a {
	font: 12px 'Montserrat', sans-serif;
	text-decoration: none;
	color: #0062a8;
	text-decoration: none;
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
}
.jetmenu li>.megamenu a:hover {
	color: #555;
}
.jetmenu .megamenu img {
	width: 100%;
	-webkit-transition: border .3s linear;
	-moz-transition: border .3s linear;
	-o-transition: border .3s linear;
	transition: border .3s linear;
}
.jetmenu>li.fix-sub>.dropdown, .jetmenu>li.fix-sub>.megamenu, .jetmenu>li.fix-sub>.megamenu.half-width {
	right:0 !important;
}
.jetmenu>li>.megamenu.half-width {
	width: 50%
}
.jetmenu>li>.megamenu.full-width {
	width: 100%;
}
.megamenu .row {
	width: 100%;
	margin-top: 15px;
}
.megamenu .row:first-child {
	margin-top: 0;
}
.megamenu .row:after, .megamenu .row:before {
	display: table;
	content: "";
	line-height: 0;
}
.megamenu .row:after {
	clear: both
}
.megamenu .row .col1, .megamenu .row .col2, .megamenu .row .col3, .megamenu .row .col4, .megamenu .row .col5, .megamenu .row .col6 {
	display: block;
	min-height: 20px;
	float: left;
	margin-left: 2.127659574468085%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.megamenu .row [class*=col]:first-child {
	margin-left: 0;
}
.megamenu .row .col1 {
	width: 14.893617021276595%;
}
.megamenu .row .col2 {
	width: 31.914893617021278%;
}
.megamenu .row .col3 {
	width: 48.93617021276595%;
}
.megamenu .row .col4 {
	width: 65.95744680851064%;
}
.megamenu .row .col5 {
	width: 82.97872340425532%;
}
.megamenu .row .col6 {
	width: 100%;
}
.jetmenu>li.right {
	float: right;
}
.jetmenu>li.right>.dropdown, .jetmenu>li.right>.megamenu, .jetmenu>li.right>.megamenu.half-width {
	right: 0;
}
.jetmenu>li.jsright {
	float: right;
}
.jetmenu>li.jsright.last>.dropdown, .jetmenu>li.jsright.last>.megamenu, .jetmenu>li.jsright.last>.megamenu.half-width {
	right: 0
}
.jetmenu>li>a>i {
	line-height: 23px!important;
	margin-right: 6px;
	font-size: 18px;
	float: left
}
.jetmenu>li.showhide {
	display: none;
	width: 100%;
	height: 40px;
	cursor: pointer;
	color: #11151b;
	background: none;
	margin-bottom: -1px;
	border: 1px #11151b solid;
	border-bottom: 0;
}
.jetmenu>li.showhide span.title {
	margin: 10px 0 0 25px;
	font: bold 14px 'Montserrat', sans-serif;
	color: #11151b;
	float: left
}
.jetmenu>li.showhide span.icon {
	margin: 11px 20px;
	float: right
}
.jetmenu>li.showhide .icon em {
	margin-bottom: 3px;
	display: block;
	width: 20px;
	height: 2px;
	background: #11151b
}
.black ul.dropdown li:hover>a, .black>li.active>a, .black>li:hover>a {
	background: #111;
	color: #fff
}
.black li>.megamenu form input[type=text]:focus, .black li>.megamenu form textarea:focus {
	border-color: #111
}
.black li>.megamenu form input[type=submit]:hover {
	background: #111;
	color: #fff
}
.black li>.megamenu a:hover {
	color: #dedede
}
.grey ul.dropdown li:hover>a, .grey>li.active>a, .grey>li:hover>a {
	background: #82837E;
	color: #fff
}
.grey li>.megamenu form input[type=text]:focus, .grey li>.megamenu form textarea:focus {
	border-color: #82837E
}
.grey li>.megamenu form input[type=submit]:hover {
	background: #82837E;
	color: #fff
}
.grey li>.megamenu a:hover {
	color: #dedede
}

/* Slider */
.slider-wrapper {
	position: relative;
	width: 100%;
	float: left;
}
#home-slider{
	position: relative; 
	margin: 0 auto; 
	top: 0px;
	left: 0px;
	width: 1600px; 
	height: 725px; 
	overflow: hidden; 
	visibility: hidden;
}
.slider-loading{
	position: absolute; 
	top: 0px; 
	left: 0px;
}
.loading-base{
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	position: absolute; 
	display: block; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}
.loading{
	position:absolute;
	display:block;
	background:url('../img/loading.gif') no-repeat center center;
	background-size: 32px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.slides{
	cursor: default; 
	position: relative;
	top: 0px; 
	left: 0px; 
	width: 1600px; 
	height: 725px; 
	overflow: hidden;
}
.slider-cont{
	position: absolute; 
	top: 280px; 
	left: 19%;
}
.slides h2{
	font: bold 50px/45px 'Montserrat', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 40px;
}
.slides h2:after{
	content: " ";
    display: block;
    background: #FFF;
    height: 1px;
    width: 135px;
    position: absolute;
    bottom: -20px;
}
.slides p{
	font: 18px 'Montserrat', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.slides a{
	font: 12px 'Montserrat', sans-serif;
	color: #11151b; 
	float: left;
	text-transform: uppercase;
	background: #FFF;
	padding: 16px 30px;
	display: block;
	width: 170px;
	text-align: center;
	margin-top: 10px;
}
.slides a:hover{
	color: #11151b;
	background: #f9ba32;
}

.arrowl, .arrowr {
	display: block;
	position: absolute;
	top: 678px !important;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background-size: 6px !important;
	text-align: center;
	overflow: hidden;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
.arrowl { background: url(../img/prev-arw.png) no-repeat center #10954f; left: 305px;}
.arrowr { background: url(../img/next-arw.png) no-repeat center #10954f; left: 354px;}

.arrowl:hover { background: url(../img/prev-arw.png) no-repeat center #f9ba32;}
.arrowr:hover { background: url(../img/next-arw.png) no-repeat center #f9ba32;}


/* Content Area */
.content-area{
	width: 100%;
	float: left;
	background: #FFF;
	padding-top: 5px;
}

.company-intro{
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 100px 0;
}
.company-intro .container{
	padding: 0px 45px;
}
.company-intro img.about-bg {
	position: absolute;
	bottom:0;
	left: 0;
	z-index: -1;
}
.company-intro figure{
	width: 50%;
	position: absolute;
	bottom: 0;
	left:0;
}
.company-intro figure img{
	position: relative;
	max-width: 100%;
}
.company-intro h2, .product-area h2, .offer-area h2{
	line-height: 28px;
}
.company-intro h2 span, .product-area h2 span, .offer-area h2 span{
	font: bold 20px 'Montserrat', sans-serif;
	color: #999;
}
.read-more, .send{
	font: 12px 'Montserrat', sans-serif;
	color: #FFF;
	background: #11151b;
	text-transform: uppercase;
	display: block;
	float: left;
	text-align: center;
	padding: 15px 35px;
	margin: 20px 0;
}
.read-more:hover, .send:hover{
	background: #10954f;
	color: #FFF;
}

.product-area{
	position: relative;
	width: 100%;
	float: left;
	background: url(../img/product-area-bg.jpg) no-repeat #11151b;
	background-size: cover;
	padding: 90px 40px;
	text-align: center;
	overflow: hidden;
}
.product-area .container{
	position: relative;
	z-index: 10;
}
.product-area h2{
	color: #10954f;
}
.inner-partner h2{font-size: 28px;}
.product-area h2 span{
	color: #FFF;
}
.product-item{
	margin-top: 50px;
}
.product-item figure{
	position:relative;
	max-width: 235px;
	margin:0 auto;
}
.product-item figure img{
  transition: transform 1s;
}
.product-item:hover img{
  transform: rotate(20deg);
}

.product-item figure figcaption{
	font: bold 14px 'Montserrat', sans-serif;
	color: #FFF;
	text-transform: uppercase;
	margin: 20px 0 15px 0;
}
.product-item p, .product-area p{
	font: 300 12px/22px 'Montserrat', sans-serif;
	color: #6b7284;
}
.product-item a, .offer-carousel .item figure a, .product-items figure a{
	width: 43px;
	height: 43px;
	display: block;
	font: bold 18px 'Montserrat', sans-serif;
	color: #FFF;
	background: #10954f;
	border-radius: 50%;
	position: absolute;
	top: 175px;
	right: 12px;
	box-shadow: 5px 5px 38px rgba(0,0,0,.25);
	padding: 9px 11px;
	text-align: center;
}
.product-item a:hover, .offer-carousel .item figure a:hover, .product-item:hover a, .offer-carousel .item:hover a, .product-items figure a:hover, .product-items:hover a{
	background: #f9ba32;
	box-shadow: 5px 5px 20px rgba(0,0,0,.8);
}

.product-area figure.leaf{
	position: absolute;
	bottom: 20px;
	left: 0;
}
.product-area figure.bg-element{
	position: absolute;
	bottom: 0;
	right: 0;
}

.offer-area, .people{
	width: 100%;
	float: left;
	padding: 75px 0px;
	text-align: center;
}
.offer-carousel .owl-stage-outer{
	padding: 30px 0 50px 0;
}
.offer-carousel .item{
	padding: 0px 18px;
}
.offer-carousel .item figure, .product-items figure{
	position: relative;
	width: 100%;
	float: left;
	box-shadow: 7px 7px 20px rgba(0,0,0,.25);
	border-radius: 5px;
	overflow: hidden;
}
.offer-carousel .item figure figcaption, .product-items figure figcaption{
	font: bold 11px 'Montserrat', sans-serif;
	color: #11151b;
	padding: 18px 0px;
	text-transform: uppercase;
	text-align:center;
}
.offer-carousel .item figure a, .product-items figure a{
	top: auto;
	bottom: 30px;
	right: 10px;
}
.offer-carousel .item figure a:hover, .offer-carousel .item:hover a, .product-items figure a:hover, .product-items:hover a{
	box-shadow: 5px 5px 20px rgba(0,0,0,.4);
}

.product-items figure figcaption{
	padding: 18px 10px;
}

footer{
	position: relative;
	width: 100%;
	float: left;
	background: #11151b;
	padding: 45px 0px;
}
.footer-logo{
	width: 110px;
	float: left;
	margin-right: 30px;
	height: 90px;
	background: none;
	text-indent: auto;
}
.footer-logo img{
	max-width: 100%;
}
.footer-info .social-media{
	float: none;
	margin: 0px;
}
.footer-info .social-media li{
	margin: 0 8px 0 0 !important;
}
.footer-info p{
	font: 300 12px 'Montserrat', sans-serif;
	color: #FFF;
}
.footer-info p a, .footer-contact-info .email:hover{
	color: #f9ba32;
}
.footer-info p a:hover{
	color: #10954f;
}
.footer-contact-info{
	font: 300 13px 'Montserrat', sans-serif;
	color: #FFF;
}
.footer-contact-info .phone, .footer-contact-info .fax, .footer-contact-info .email, .footer-contact-info address, .contact-info .phone, .contact-info .fax, .contact-info .email{
	background: url(../img/footer-icons.png) no-repeat;
	padding: 2px 0 5px 30px;
	margin-bottom: 10px;
	color: #FFF;
}

.footer-contact-info .whatsapp, .contact-info .whatsapp{
	background: url(../img/whatsapp-icons.png) no-repeat;
	padding: 2px 0 5px 30px;
	margin-bottom: 10px;
	margin-top: 2px;
	color: #FFF;
}

.whatsapp a{ color: #FFF; }

.footer-contact-info .phone, .contact-info .phone{
	background-position: 0px 0px;
}
.footer-contact-info .fax, .contact-info .fax{
	background-position: 0px -34px;
}
.footer-contact-info .email, .contact-info .email{
	background-position: 0px -75px;
}
.footer-contact-info address{
	background-position: 0px -108px;
	line-height: 22px;
	margin-bottom: 0px;
}
footer .container{
	position: relative;
}
.footer-element{
	position: absolute;
	top: -160px;
	left: -180px;
}

/* scrollToTop button */
.scrollToTop {
	width: 132px;
	height: 32px;
	position: absolute;
	top: -32px;
	left: 50%;
	margin-left: -66px;
	background: url(../img/back-top.png) center no-repeat;
	text-indent: -9999px;
	z-index: 99999 !important;
	outline: none !important;
}
.scrollToTop:hover {
	background: url(../img/back-top-hr.png) center no-repeat;
}

.inner-banner{
	width: 100%;
	float: left;
	background: url(../img/inner-banner-bg.jpg) no-repeat center;
	padding: 160px 0 0 0;
	background-size: cover;
}

.breadcrumb {
	float: right;
	background: none;
	padding: 0px;
	margin-right: 20px;
	text-transform: uppercase;
}
.breadcrumb li a {
	font: 11px/20px 'Montserrat', sans-serif;
	color: #10954f;
	display: block !important;
	padding-right: 15px !important;
	background: url(../img/arrow.png) no-repeat right center;
	margin-right: 5px;
}
.breadcrumb li a:hover {
	text-decoration: none;
	color: #FFF;
}
.breadcrumb li.active {
	font: 11px/20px 'Montserrat', sans-serif;
	color: #FFF;
}
.breadcrumb > li + li:before{
	content: none;
}

.inner-intro{
	position: relative;
	width: 100%;
	float: left;
	padding: 80px 0 100px 0;
}
.inner-intro h2{
	font-size: 28px;
}
.inner-intro figure{
	margin-bottom: 20px;
}
.inner-intro h2 span{
	width: 100%;
	float: left;
	margin: 10px 0 20px 0;
	color: #10954f;
}
.intro-part{
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px #e7e7e7 solid;
}
.intro-part h4{
	background: url(../img/commit-icon.png) no-repeat;
	background-size: 70px;
	padding: 20px 0px 25px 70px;
}
.intro-part h4.success{
	background: url(../img/success-icon.png) no-repeat;
	background-size: 70px;
}
.inner-partner figure.partner-icon{margin-bottom: 20px;}
.inner-partner figure.partner-icon img{max-width: 150px;}

.people{text-align: left;}
.people figure{margin-bottom: 20px;}
.product-list{
	width: 100%;
	float: left;
	margin-top: 40px;
}
.product-items{width: 100%; float: left; margin-bottom: 20px;}
.product-items img{margin-bottom: -5px;}

ul.listing {
	margin: 10px 0 15px 20px;
}
ul.listing li{
	list-style: square;
	font: 13px/22px 'Montserrat', sans-serif;
	color: #666;
}



.contact-info{
	position: relative;
	width:100%;
	float: left;
	background: #11151B;
	font: 13px/24px 'Montserrat', sans-serif;
	color: #FFF;
}
.google-map{
	width: 60%;
	margin-bottom: -8px;
	float: left;
}
.google-map iframe{
	width: 100%;
}
.contact-info h3{
	font-size: 22px;
	color: #FFF;
}
.contact-info p{
	color: #FFF;
}
.contact-info address{
	width: 40%;
	float: left;
	padding: 50px 20px 0px 50px;
}
.contact-info strong{
	font: 900 16px 'Lato', sans-serif;
	color: #FFF;
	text-transform: uppercase;
}
.contact-info span{
	font-weight: 700;
	color: #FFF;
}
.contact-info a{color: #9cabb8;}
.contact-info a:hover{color: #f6882f;}

.contact-info .phone, .contact-info .fax, .contact-info .email{
	margin: 5px 0 0 0;
}


#contactForm{
	width: 100%;
	float: left;
	margin: 80px 0 0 0;
	text-align: center;
}
#contactForm h3{
	margin: 0 0 20px 0;
}
.input {
	width: 100%;
	font: 13px 'Montserrat', sans-serif;
	color: #666;
	border: 1px #d7d6dc solid;
	background: #FFF;
	padding: 0px 10px;
	height: 40px;
	margin-bottom: 20px;
}
.text-area {
	font: 13px 'Montserrat', sans-serif;
	color: #666;
	width: 100%;
	border: 1px #d7d6dc solid;
	background: #FFF;
	padding: 10px;
	height: 120px;
	margin-bottom: 20px;
}

.send {
	background: #10954f;
	color: #FFF;
	float: none;
	max-width: 150px;
	margin: 0px auto 40px auto;
	cursor: pointer;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
.send:hover{
	background: #f9ba32;
}

#contactResponse div, #contactResponse span{
	font: 14px 'Montserrat', sans-serif;
	color: #FFF;
	width: 100%;
	background: #0acb61;
	padding: 10px; 
	float: left;
	margin: 15px 0px 0px 0px;
	text-align: center;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
}
#contactResponse span{
	background: #f4033c;
}


/* Media Queries  */

@media (max-width: 1600px) {
.slider-cont{left: 13.5%;}
.arrowl{left: 215px;}
.arrowr{left: 264px;}
}

@media (max-width: 1500px) {
.slider-cont{left: 11%;}
.arrowl{left: 175px;}
.arrowr{left: 224px;}
}
@media (max-width: 1366px) {
.slider-cont{left: 7%;}
.arrowl{left: 125px;}
.arrowr{left: 174px;}
.company-intro figure{width: 40%;}
.footer-element{left: -125px;}
}
@media (max-width: 1280px) {
.slider-cont{left: 60px;}
.arrowl{left: 60px;}
.arrowr{left: 109px;}
}
@media (max-width: 980px) {
.company-intro figure{width: 60%; left: -16%;}
}
@media (max-width:768px) {
h2 {
    font-size: 26px;
}
/* header */
header {
	position: relative;
	padding: 20px 0px 0px 0px;
}
header.smaller{
	position: relative;
	padding: 0;
}
header.smaller .top-bar{
	display: block;
}
.logo, header.smaller .logo{
	width: 120px;
	height: 88px;
	background: url(../img/golden-dunes-logo-dark.png) no-repeat;
	background-size: contain;
}
.right-head{
	width: 100%;
	float: left;
	margin-top: -95px;
}
.top-bar-info{
	max-width: 185px;
	padding: 0px;
	float: right;
}
.brochure{
	display: none;
}
.top-bar-info .social-media{
	margin: 10px 0 0 0;
}
.top-bar-info .social-media li{
	margin: 0 8px 0 0;
}
.top-bar a.phone, .top-bar a.mail{
	font: 300 13px 'Montserrat', sans-serif;
	color: #11151b;
	margin: 2px 0px;
	float: left;
	padding: 2px 0px 2px 25px;
}
.top-bar a.mail{
	margin-left: 0px;
}

/* Navigation */
.main-nav{
	width: 100%;
	margin-top: 25px;
	float: left;
}

.jetmenu {
	float: none;
	margin: 0px!important;
}
.jetmenu>li {
	display: block;
	width: 100%;
	margin-left: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.jetmenu>li>a {
	padding: 10px 25px;
	background: #11151b;
	color: #FFF;
}
.jetmenu a {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.jetmenu>li.active>a, .jetmenu>li:hover>a {
	background: #10954f;
	color: #FFF;
}
.jetmenu ul.dropdown, .jetmenu ul.dropdown li ul.dropdown {
	width: 100%!important;
	left: 0;
	float: left;
	position: static !important;
	border: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.jetmenu ul.dropdown li {
	border: none
}
.jetmenu ul.dropdown>li>a {
	padding-left: 40px!important
}
.jetmenu>li>.megamenu {
	width: 100%!important;
	position: static;
	border-top: none
}
.jetmenu>li>.megamenu a, .jetmenu ul.dropdown li a{
	background: none;
}
.jetmenu>li>.megamenu .row [class*=col] {
	float: none;
	display: block;
	width: 100%!important;
	margin-left: 0;
	margin-top: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.jetmenu>li>.megamenu .row, .jetmenu>li>.megamenu .row:first-child [class*=col]:first-child {
	margin-top: 0
}
.jetmenu>li>ul.dropdown>li>a {
	padding-left: 40px!important
}
.jetmenu>li>ul.dropdown>li>ul.dropdown>li>a {
	padding-left: 60px!important
}
.jetmenu>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {
	padding-left: 80px!important
}
.jetmenu li > .megamenu ul li.title {
	border: none;
}

.slider-cont{
	top: 180px; 
}
.slides h2{
	font: bold 80px/75px 'Montserrat', sans-serif;
	margin-bottom: 50px;
}
.slides h2:after{
	content: " ";
    display: block;
    background: #FFF;
    height: 2px;
    width: 135px;
    position: absolute;
    bottom: -30px;
}
.slides p{
	font-size: 30px;
	margin-bottom: 20px;
}
.slides a{
	font-size: 24px;
	padding: 22px 40px;
	width: 300px;
}
.arrowl, .arrowr {
	top: 630px !important;
	width: 100px;
	height: 100px;
}
.arrowl, .arrowr{
	background-size: 10px;
}
.arrowl{left: 60px;}
.arrowr{left: 162px;}

.company-intro{
	padding: 50px 0;
}
.company-intro figure{
	position: relative;
	width: 100%;
	margin-bottom: -55px;
	left: auto;
}
.product-area figure.leaf{
	width: 150px;
	bottom: auto;
	top: 150px;
}
.product-area figure.leaf img, .product-area figure.bg-element img, .footer-element img{
	max-width: 100%;
}
footer{
	padding-top: 100px;
}
.footer-element{
	position: absolute;
	top: -200px;
	right: -50px;
	left: auto;
}
.footer-contact-info{
	border-top: 1px #1f252d solid;
	margin-top: 30px;
	padding-top: 30px;
}
.footer-contact-info .col-sm-6{
	width: 50%;
	float: left;
}
.inner-banner{
	padding: 20px 0 0 0;
}
.inner-intro{
	padding: 40px 0 70px 0;
}
}
@media (max-width:680px) {
.google-map, .contact-info address{
	width: 100%;
}
}

@media (max-width:580px) {
.product-area figure.bg-element{
	max-width: 400px;
}
.footer-element{
	width: 150px;
	top: -160px;
}
}
@media (max-width:400px) {
.footer-contact-info .col-sm-6{
	width: 100%;
}
.footer-contact-info address{
	width: 100%;
	float: left;
	margin-top: 10px;
}
}