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

}

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

}

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

}

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #fff; font-family: 'gothamlightregular', Arial, sans-serif; font-size: 20px; line-height: 30px; color: #58595b; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

::selection {
  background: #00a76d; color: #fff;} /* WebKit/Blink Browsers */
::-moz-selection {
  background: #00a76d; color: #fff;} /* Gecko Browsers */

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

ul,
ol { list-style-type: none; }

h1 { font-size: 50px; line-height: 60px; font-family: 'gothamboldregular', sans-serif; font-weight: normal; color: #00a76d; }
h2 { font-size: 30px; line-height: 40px; font-family: 'gothamboldregular', sans-serif; font-weight: normal; color: #00a76d; }
h3 { font-size: 20px; line-height: 30px; font-family: 'gothamboldregular', sans-serif; font-weight: normal; color: #00a76d; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.tab-head-content:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

.shell { width: 984px; margin: 0 auto; }

.wrapper,
html, body { height: 100%; }

.logo { background: url(images/logo.png) no-repeat 0 0; width: 609px; height: 196px; display: inline-block; font-size: 0; line-height: 0; text-indent: -4000px; }

/* ================================================================ *\
	#intro
\* ================================================================ */
.intro { text-align: center; min-height: 100%; padding: 400px 0 0 0; position: relative; box-sizing: border-box; border-bottom: 5px solid #00a76d; overflow: hidden; } 
.intro h2 { padding: 107px 0 13px 0; } 
.intro p { padding: 0 140px 0 140px; }

.btn-gif { background: url(images/scroll.gif) no-repeat center bottom; font-size: 20px; color: #fff; position: absolute; bottom: 23px; left: 50%; font-family: 'gothambookregular', sans-serif; text-decoration: none; padding-bottom: 80px; z-index: 9; 
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}

.btn-gif:hover { text-decoration: none; }

.parallax-holder { position: relative; }
.parallax-holder .shell { position: relative; z-index: 9; padding-top: 119px; }
.intro .parallax-holder-inner { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(images/bg1.jpg) no-repeat 0 bottom; background-size: cover; }
.parallax-holder-inner img { display: none; }

#videobcg { 
     position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;
}

/* ================================================================ *\
	#section
\* ================================================================ */
.divider { border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 61px; padding-bottom: 12px; width: 50%; left: 25%; }
/*.divider:after { background: url(images/ico-flower.png) no-repeat center 0 #fff; width: 27px; height: 26px; position: absolute; bottom: -13px; left: 50%; padding: 0 12px; content: '';
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}*/



/* ================================================================ *\
	#about
\* ================================================================ */
.section-about { padding-top: 72px; }
.intro-content { no-repeat center bottom; padding: 0 0 78px 0; text-align: center; } 
.intro-content p { padding-top: 20px; }


/* ================================================================ *\
	#services
\* ================================================================ */
.section-services { padding-top: 40px; padding-bottom: 80px;}
.list-services { text-align: center; overflow: hidden; }
.list-services li:first-child { margin-left: 0; }
.list-services li { float: left; width: 200px; margin-left: 61px; }
.list-services figure { display: block; height: 200px; height: 200px; border-radius: 50%; overflow: hidden; margin-bottom: 32px; }
.list-services img { width: 100%; height: auto; display: block; }
.list-services h2 { padding-bottom: 8px; font-size: 24px; }
.list-services p { font-size: 16px; line-height: 26px; }

/* ================================================================ *\
	#products
\* ================================================================ */
.section-products .section-head { text-align: center; padding-bottom: 64px; }
.section-products .section-head h1 { padding-bottom: 11px; }
.section-products .section-head p { padding: 0 144px; }

.list-products { overflow: hidden; }
.list-products li { float: left; width: 228px; margin-left: 24px; }
.list-products figure { border-radius: 4px 4px 0 0; overflow: hidden; border-bottom: 5px solid #d3e732; margin-bottom: 16px; }
.list-products img { width: 100%; height: auto; display: block; }
.list-products li:first-child { margin-left: 0; }
.list-products p { font-family: 'museoRounded100', sans-serif; font-size: 16px; line-height: 26px; }

/* ================================================================ *\
	#callout
\* ================================================================ */
.callout { text-align: center; padding: 64px 0 75px 0; }
.callout .shell { padding-top: 4px; }
.callout h1 { padding-bottom: 13px; color: #00a76d; }
.callout p { font-size: 20px; line-height: 30px; color: #58595b; padding-bottom: 30px; font-family: 'gothambookregular', sans-serif; }
.callout .parallax-holder-inner { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(images/parallax.jpg) no-repeat 0 bottom; background-size: cover; }
.callout-like { padding: 7px 24px 17px 24px; background-color: #fff; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.3); display: inline-block; border-radius: 5px; }

.btn {
display: inline-block; padding: 15px 46px; margin-top: 2px; font-size: 20px; color: #fff; background: #00a76d; border-radius: 9px; text-align: center; }

.btn:hover {
	transition: color 0.5s ease, background 0.5s ease, opacity 0.5s ease, visibility 0.5s ease; color: #00a76d; background: #fff; text-decoration: none; }

/* ================================================================ *\
	#footer
\* ================================================================ */
.footer { background-color: #000; repeat 0 0; text-align: center; color: #eeeeee; font-size: 16px; font-family: 'gothambookregular', sans-serif; padding: 60px 0 30px 0; }
.footer-content { padding-bottom: 12px; margin-bottom: 37px; }
.footer h2 { padding-bottom: 20px; }
.footer h3 { color: #fff; padding-bottom: 8px; }
.footer span { margin: 0 5px; }
.footer a { color: #fff; }
.footer a:hover { color: #00a76d; text-decoration: none; }
.footer .copyright { color: #999999; font-size: 12px; }
.footer .copyright a { color: #00a76d; }
.footer .copyright a:hover { color: #fff; text-decoration: none; transition: color 0.5s ease, background 0.5s ease, opacity 0.5s ease, visibility 0.5s ease; }

@media only screen and (max-width: 1000px){
    .parallax-holder-inner { background-position: center bottom!important; }
    .shell { width: 600px; }

    .logo { width: 456px; background-size: 100%; height: 152px; }

    .intro p { padding: 0; }

    .list-services li { float: none; margin-left: 0; width: 100%; margin-bottom: 60px;  }
    .list-services li:last-child { margin-bottom: 0; }
    .list-services figure { width: 244px; margin: 0 auto 40px auto; height: 244px; }

    .section-products .section-head p { padding: 0; }
    .section-products .section-head { padding-bottom: 38px; }
    .list-products li { width: 288px; margin-left: 24px; padding-top: 27px; }
    .list-products figure { height: 250px; }
    .list-products li:nth-child(2n+1) { clear: both; margin-left: 0; }

    .callout .parallax-holder-inner { background-position: center center!important; }

    .footer-content span:last-child { display: block; } 
}

@media only screen and (max-width: 1024px){ 
	
	#videobcg { display: none; }

    .intro { background: url(images/bg1.jpg) no-repeat; padding: 15px 0 249px 0; overflow: hidden; }
    .intro .shell { margin-top: 25%; }
    
}

@media only screen and (max-width: 767px){
    h1 { font-size: 30px; line-height: 40px; }
    .section-products .section-head h1 { padding-bottom: 20px; }

    .shell { width: auto; padding: 0 24px; }

    #videobcg { display: none; }

    .intro { background: url(images/bg2.jpg) no-repeat; padding: 15px 0 249px 0; overflow: hidden; }
    .intro .parallax-holder-inner { bottom: 0; }
    .intro-content { padding-bottom: 72px; }
    .intro h2 { padding: 27px 0 18px 0; }

    .logo { width: 260px; background-size: 260px; height: 92px; }

	.divider { padding-bottom: 24px; }
	
    .list-products li { width: auto; float: none; margin-left: 0; }
    .list-products li figure { width: 100%; margin: 0 auto 16px auto; }

    .footer .shell { padding: 0 12px; }
    .footer span + span { display: block; }

    .footer-content { padding-bottom: 50px; margin-bottom: 12px; }
    .copyright { line-height: 20px; }
}