/**
 * Main stylesheet
 */
html, body												{ font-family:Open Sans, sans-serif; background:#FFFFFF; }
#top													{ padding:20vh 0px 100px; position:relative; color:#FFFFFF; background:#419641 url('../img/production/herbs-swatch.jpg'); background-position:center; background-repeat:no-repeat; }
#top h2													{ bottom:0px; right:calc(50vw - 710px); position:absolute; line-height:40px; font-size:32px; color:#000000; z-index:1; }
#about													{ padding-bottom:100px; background-image:url('../img/silver-back.png'); }
#about p												{ font-size:18px; }
#about .img-team    									{ margin-top:20px; }
#about .img-responsive + h4								{ top:-60px; position:relative; }
#contact												{ padding-bottom:50px; }
#contact label											{ display:block; }
#contact label span										{ margin:5px 0px 10px; display:inline-block; }
#contact .btn-custom									{ width:100%; }
#contact .map-wrapper									{ overflow:hidden; }
#contact .map-container									{ min-height:calc(60vh); max-height:calc(100vh - 300px); }
#production												{ padding-bottom:50px; position:relative; }
#production h3											{ color:#0D6E00; }
#production .wave				    					{ top:-80px; width:100%; height:80px; position:absolute; overflow:hidden; }
#production .container									{ margin-top:20px; }

#portfolio												{ padding-bottom:100px; color:#0D6E00; }
#portfolio h3											{ color:#FFFFFF; }

header													{ height:80px; }
header .navbar											{ border:0px none; background:#E6FFD6; box-shadow:none; -webkit-box-shadow:none; }
header .navbar .wave									{ top:90px; width:100%; height:80px; position:absolute; overflow:hidden; }
header .navbar .navbar-brand							{ height:110px; padding:0px; position:relative; }
header .navbar-default									{ height:90px; }
header .navbar-default .logo							{ top:-30px; left:40px; width:200px; height:200px; position:relative; }
header .navbar-default .logo.small						{ width:110px; height:90px; }
header .navbar-default .navbar-nav						{ margin-top:20px; }
header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .active > a		{ background:none; box-shadow:none; -webkit-box-shadow:none; }
header .navbar-default .navbar-nav > li > a				{ color:#A0B5D9; font-size:1.7rem; text-shadow:none; text-transform:uppercase; background:none; transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus		{ color:#0D6E00; }
header .navbar-default .navbar-nav > li > a.phone		{ margin:5px 10px; padding:5px 0px; color:#0D6E00; border-radius:25px; }
header .navbar-default .navbar-nav > li > a.phone:hover	{ color:#FFFFFF; background-color:#0D6E00; }
header .navbar-default .navbar-nav > .active > a,
header .navbar-default .navbar-nav > .active > a:hover,
header .navbar-default .navbar-nav > .active > a:focus	{ color:#0D6E00; background:none; border-bottom:2px solid #0D6E00; }
header .navbar-default .navbar-nav .callto a			{ margin-top:5px; padding:10px 15px; color:#E6FFD6; border:2px solid #0D6E00; border-radius:25px; background:#0D6E00; }
header .navbar-default .navbar-nav .callto a:hover,
header .navbar-default .navbar-nav .callto a:focus		{ color:#419641; border-color:#419641; background:#FFFFFF; }
header .navbar-default .navbar-nav .callto.active a		{ color:#0D6E00; background:none; }
header .navbar-default .navbar-nav .callto.active a:hover,
header .navbar-default .navbar-nav .callto.active a:focus	{ background:#FFFFFF; }
header .navbar-default .navbar-toggle                   { color:#0D6E00; border-color:#0D6E00; }
header .navbar-default .navbar-toggle.phone             { padding:4px 4px 5px; color:#FFFFFF; background-color:#0D6E00; }

footer													{ width:100%; height:50px; margin-top:50px; position:relative; }
footer .fa												{ margin-top:2px; }
footer .wave											{ bottom:50px; width:100%; height:80px; position:absolute; overflow:hidden; }
footer .wave + div										{ bottom:0px; width:100%; height:46px; position:absolute; overflow:hidden; line-height:40px; }

section h3                                              { text-transform:uppercase; }

.kds-logo                                               { width:30px; height:30px; margin:0px 2px; display:block; border:1px solid #999999; border-radius:3px; }
.created-by                                             { margin-right:5px; }
.btn-custom												{ color:#0D6E00; border:1px solid #0D6E00; background:#E6FFD6; }
.btn-custom:hover										{ color:#FFFFFF; border:1px solid #0D6E00; background:#0D6E00; }

.bg-custom												{ background:#419641; }
.bgc-custom												{ background-color:#419641; }
.text-custom											{ color:#419641; }
.bg-custom-dark											{ background:#0D6E00; }
.bgc-custom-dark										{ background-color:#0D6E00; }
.text-custom-dark										{ color:#0D6E00; }
.bg-custom-light										{ background:#E6FFD6; }
.bgc-custom-light										{ background-color:#E6FFD6; }
.text-custom-light										{ color:#E6FFD6; }

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover                                    { background-color:transparent; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover                      { background:#0D6E00 none; }

.owl-nav                                                { margin-top:15px; }
.owl-nav button                                         { margin:5px; }
.owl-nav button > span                                  { width:32px; height:32px; padding:10px; display:inline-block; line-height:8px; vertical-align:middle; text-align:center; border:1px solid #0D6E00; border-radius:5px; }

.link-lang                                              { border-color:transparent; opacity:0.5; }
.link-lang:hover                                        { opacity:0.8; }
.link-lang.active                                       { border-color:#0D6E00; opacity:1; }

.toggle-language                                        { margin:3px 0px 0px; padding:8px; }

.container-fluid										{ padding:0px; }
.container-intro										{ top:0px; bottom:0px; left:0px; right:0px; position:absolute; z-index:9999; }
.container-intro img									{ margin-top:calc(50vh - 237px); margin-left:calc(50vw - 237px); }

.realperson-wrapper										{ padding:0px 12px; border-radius:0px; }
.realperson-challenge									{ margin-top:6px; }
.realperson-challenge .realperson-text					{ float:none; display:inline-block; }
.realperson-challenge .realperson-regen					{ top:-7px; position:relative; float:none; display:inline-block;  }
.container-page-contents section						{ min-height:calc(100vh - 80px); }
.container-page-contents section h3						{ margin:100px 0px; font-size:70px; font-weight:700; }
.container-page-contents .list-item						{ height:400px; position:relative; }
.container-page-contents .container-item				{ height:360px; padding:5px; position:relative; color:#0D6E00; }
.container-page-contents .container-item h4				{ top:185px; padding:15px; position:relative; font-size:26px; line-height:34px; text-transform:uppercase; background:rgba(255,255,255,0.7); }
.container-page-contents .container-image   			{ top:5px; left:5px; right:5px; bottom:5px; position:absolute; overflow:hidden; }
.container-page-contents .container-image img			{ width:auto; height:100%; margin:0 auto; }
.container-page-contents .container-hover				{ top:0px; left:0px; right:0px; bottom:0px; position:absolute; background-color:rgba(0, 0, 0, 0.1); }
.container-page-contents .container-hover:hover			{ background-color:rgba(0, 136, 255, 0.1); }

@media (min-width: 1440px) and (max-width: 1599.98px) {
    #top h2												{ right:10px; bottom:0px; font-size:32px; line-height:40px; text-align:right; }
header .navbar-default .logo							{ top:-30px; left:70px; width:200px; height:200px; position:relative; }
}
@media (min-width: 1200px) and (max-width: 1439.98px) {
	#top h2												{ right:10px; bottom:-8px; font-size:26px; line-height:30px; text-align:right; }
	#production .wave				    				{ top:-40px; height:40px; }
	header .navbar .wave                                { height:40px; }
	header .navbar-default .logo                        { top:-8vh; left:8vw; width:180px; height:180px; }
	footer .wave                                        { height:40px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#top h2												{ right:0px; bottom:-10px; font-size:24px; line-height:30px; text-align:right; }
	#production .wave				    				{ top:-50px; height:50px; }
	header .navbar .wave                                { height:50px; }
	header .navbar-default .logo                        { top:-3vh; left:7vw; width:130px; height:130px; }
	footer .wave                                        { height:50px; }
	
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#top h2												{ right:initial; bottom:initial; position:relative; font-size:26px; line-height:36px; color:#FFFFFF; }
	#production .wave				    				{ top:-30px; height:30px; }
	header .navbar .wave                                { height:30px; }
	header .navbar-default .logo                        { top:-15px; left:10px; width:130px; height:130px; }
	footer .wave                                        { height:30px; }
	.toggle-language                                    { margin-left:0px; }
	.container-page-contents section					{ min-height:calc(100vh - 60px); }
	.container-page-contents section h3					{ font-size:48px; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #top												{ padding:40px 0px 30px; background-size:cover; }
	#top h2												{ right:initial; bottom:initial; position:relative; font-size:26px; line-height:36px; color:#FFFFFF; }
	#about .img-responsive								{ padding-bottom:0px; }
	#about .img-responsive + h4							{ margin-top:-20px; }
	#about .img-responsive.img-team						{ margin:0px -15px 20px; padding-bottom:20px; }
	#contact											{ padding-bottom:0px; }
	#contact .btn-custom								{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
	#contact .map-container								{ min-height:calc(60vh); max-height:calc(100vh / 2); }
	#production .wave				    				{ top:-30px; height:30px; }
	header												{ height:60px; }
	header .navbar .wave                                { top:80px; height:30px; }
	header .navbar .navbar-brand						{ height:65px; }
	header .navbar-toggle								{ margin-top:15px; }
	header .navbar-default								{ height:80px; }
	header .navbar-default .logo                        { top:5px; width:200px; height:80px; z-index:1; }
	header .navbar-default .navbar-nav					{ margin:0px; }
	header .navbar-default .navbar-collapse				{ top:80px; bottom:0px; width:100%; padding-top:10px; position:fixed; background:#E6FFD6; border-top:0px none; border-bottom:2px solid #1E2E4B; }
	header .navbar-default .navbar-collapse ul			{ height:calc(100vh - 160px); }
	footer												{ height:70px; }
	footer .wave										{ bottom:70px; height:20px; }
	footer .wave + div									{ height:auto; }
	footer .copyright									{ line-height:30px; }
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover                { background:#FFFFFF; }
	.carousel-portfolio .h3								{ margin-top:20px; margin-bottom:15px; }
	.carousel-portfolio .h4								{ margin-bottom:15px; }
	.container-intro img								{ width:236px; height:236px; margin-top:calc(50vh - 118px); margin-left:calc(50vw - 118px); }
	.container-page-contents section					{ min-height:calc(100vh - 60px); }
	.container-page-contents section h3					{ margin:40px 0px 30px; font-size:32px; }
	.container-page-contents .list-item					{ height:270px; }
	.container-page-contents .container-item			{ height:270px; margin-top:0px !important; margin-bottom:0px !important; padding:120px 15px 0px; }
	.container-page-contents .container-item h4         { top:40px; }
	.container-page-contents .container-item .fa		{ top:40px; }
}

@media (max-width: 575.98px) {
	#top												{ padding:40px 0px 30px; background-size:cover; }
	#top h2												{ right:initial; bottom:initial; position:relative; font-size:26px; line-height:36px; color:#FFFFFF; }
	#about .img-responsive								{ padding-bottom:0px; }
	#about .img-responsive + h4							{ margin-top:-20px; }
	#about .img-responsive.img-team						{ margin:0px -15px 20px; padding-bottom:20px; }
	#contact											{ padding-bottom:0px; }
	#contact .btn-custom								{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; }
	#contact .map-container								{ min-height:calc(60vh); max-height:calc(100vh / 2); }
	#production .wave				    				{ top:-20px; height:20px; }
	header												{ height:60px; }
	header .navbar .wave								{ top:60px; height:20px; }
	header .navbar .navbar-brand						{ height:65px; }
	header .navbar-toggle								{ margin-top:15px; }
	header .navbar-default								{ height:60px; }
	header .navbar-default .logo						{ top:5px; left:0px; width:160px; height:60px; z-index:1; }
	header .navbar-default .navbar-nav					{ margin:0px; }
	header .navbar-default .navbar-collapse				{ top:60px; bottom:0px; width:100%; padding-top:10px; position:fixed; background:#E6FFD6; border-top:0px none; border-bottom:2px solid #1E2E4B; }
	header .navbar-default .navbar-collapse ul			{ height:calc(100vh - 160px); }
	footer												{ height:70px; }
	footer .wave										{ bottom:70px; height:20px; }
	footer .wave + div									{ height:auto; }
	footer .copyright									{ line-height:30px; }
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover                { background:#FFFFFF; }
	.carousel-portfolio .h3								{ margin-top:20px; margin-bottom:15px; }
	.carousel-portfolio .h4								{ margin-bottom:15px; }
	.container-intro img								{ width:236px; height:236px; margin-top:calc(50vh - 118px); margin-left:calc(50vw - 118px); }
	.container-page-contents section					{ min-height:calc(100vh - 60px); }
	.container-page-contents section h3					{ margin:40px 0px 30px; font-size:32px; }
	.container-page-contents .list-item					{ height:270px; }
	.container-page-contents .container-item			{ height:270px; margin-top:0px !important; margin-bottom:0px !important; padding:120px 15px 0px; }
	.container-page-contents .container-item h4         { top:40px; }
	.container-page-contents .container-item .fa		{ top:40px; }
}