@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { outline:none !important; }
body { font-family:"Open Sans", sans-serif; overflow-x:hidden; color:#666666; line-height:1.8em; }

/* Master */
h1 { font-family:"Open Sans", sans-serif; font-size:60px; font-weight:600; color:#50b448; text-align:center; margin-bottom:30px; }
p { margin-bottom:15px; }

/* Menu */
#menu { float:right; margin-top:8px; }
#menu select { display:none; }
#menu .active a { border:0; color:#666666; border-bottom:2px solid #50b448; }
#menu li { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; padding-left:20px; padding-right:20px; float:left; font-family:"Source Sans Pro", sans-serif; font-weight:400; font-size:18px; list-style:none; }
#menu li:last-child { border-right:0; padding-right:0px; }
#menu li a { color:#333333; text-decoration:none; }
#menu li a:hover { outline:none; color:#50b448; }
#menuF { padding:10px 0 6px; }
#menuF:after { position:absolute; }
.fixed #menu li a { color:#fff; padding-bottom:2px; }
.fixed #menu li a:hover { border-bottom:2px solid #50b448; }
.slicknav_menu { display:none; }
.fixed { z-index:999; position:fixed; top:0; padding:15px 0; width:100%; border-bottom:3px solid #50b448; background:url(../images/bg-menu.jpg); }
.fixed .logo img { width:110px; }
#menuF.fixed:after { top:19px; }

/* Header */
header { background:#fff; }
header:after { content:""; background:url(../images/buttefly.gif) no-repeat; width:100px; height:100px; display:block; position:absolute; right:180px; top:140px; }
header img.slider { width:100%; }
.logo img { width:160px; }
section.slider { height:750px; padding-top:110px; background:#fff; }
.slider-web-bg { background:url(../images/bg-slider-web.png) no-repeat; width:707px; height:616px; display:block; position:absolute; margin-left:-350px; left:50%; }
.slider-web { width:649px; height:371px; margin-left:30px; padding-top:26px; }
.slider-tablet-bg { background:url(../images/bg-slider-tablet.png) no-repeat; width:304px; height:416px; display:block; position:absolute; left:80px; top:190px; }
.slider-tablet { width:238px; height:318px; margin-left:34px; padding-top:34px; }
.slider-mobile-bg { background:url(../images/bg-slider-mobile.png) no-repeat; width:141px; height:290px; display:block; position:absolute; right:180px; top:295px; }
.slider-mobile { width:124px; height:203px; margin-left:8px; padding-top:42px; }

/* Portfolio */
#portfolio { padding-bottom:80px; }
#portfolio:after { content:""; background:url(../images/tree-01.png) no-repeat; display:block; width:800px; height:296px; position:absolute; left:0; margin-top:20px; }
#portfolio a { overflow:hidden; display:block; border:2px solid #50b448; }
#portfolio a img { width:100%; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -ms-transform:scale(1.0); -o-transform:scale(1.0); transform:scale(1.0); -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#portfolio a:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
#portfolio p { text-align:center; font-size:18px; margin-top:10px; margin-bottom:20px; width:100%; }
#fancybox-close { right:-35px !important; }

/* About */
#about { padding:150px 0 40px; }
#about:after { content:""; background:url(../images/tree-02.png) no-repeat; display:block; width:600px; height:169px; position:absolute; right:0; }
.about { margin-bottom:40px; }
.aboutUs { padding-top:150px; }
.aboutUs:before { content:""; background:url(../images/tree-03.png) no-repeat; display:block; width:500px; height:232px; position:absolute; right:0; margin-top:-180px; }
.who-are-we { padding-top:150px; }
.who-are-we:before { content:""; background:url(../images/tree-04.png) no-repeat; display:block; width:500px; height:144px; position:absolute; left:0; margin-top:-160px; }

/* What We Do */
.whatWeDo { min-height:180px; }
.whatWeDo.left { text-align:left; }
.whatWeDo.right { text-align:right; }
.whatWeDo .icon { }
.whatWeDo .icon img { width:100%; max-width:120px; }

/* Who Are We */
.grow p { text-align:center; margin-top:20px; }
.grow span { color:#f9a81a; font-size:120px; font-weight:600; }
.grow { display:none; }

/* Contact Form */
#contact { padding-top:80px; }
.contact-form { margin-bottom:20px; }
.contact-image { display:none; }
.blocks p { margin-bottom:15px; position:relative; }  
.btn { display:block; float:left; height:35px; line-height:29px; padding:0 15px; color:#565e62; font-weight:400; font-size:16px; outline:none; background:#50b448; width:100%; color:#fff; transition:400ms; }
.btn:hover { background:#f9a81a; color:#fff; }
.text, .textareas { padding:5px 10px; height:38px; border:1px solid #ddd; color:#333; background-color:transparent; position:relative; z-index:2; font-size:14px; color:#555555; }
.text { width:100%; margin-bottom:10px; background:#fff; }  
.textareas { height:130px; width:100%; margin-bottom:10px; background:#fff; }  
.blocks label { float:left; width:100px; line-height:37px; text-align:right; margin-right:15px; font-weight:bold; color:#666; }  
.blocks label.error, .blocks label.ok { position:absolute; z-index:1; width:auto; text-align:left; margin:0; background-repeat:no-repeat; display:block; right:0; margin-top:-40px; }  
.blocks label.ok { background-image:url(../gfx/icook.gif); background-color:#deefca; color:#577530; }  
.blocks label.error { background-image:url(../gfx/icofail.gif); background-color:#f5d6d7; color:#c81925; }  
.area label.ok, .area label.error { height:140px; padding-left:400px; background-position:375px 16px; }   
.btn, .text, .textareas, .blocks label.error, .blocks label.ok { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/* Contact Info */
.contact-info { text-align:center; font-size:18px; background:url(../images/bg-contact.png) center no-repeat; height:400px; padding-top:75px; margin-top:30px; }
.contact-info p {  margin-bottom:25px; color:#111111; font-weight:600; }
.copy { text-align:center; padding:20px 0 15px; margin-top:20px; color:#fff; background:url(../images/bg-footer.png) no-repeat; height:308px; }
.copy p { margin-top:170px; }

@media screen and (max-width:991px) {
#menu { display:none; }
#menuF { opacity:0 !important; display:none !important; }
.fixed { opacity:0; //display:none; }
.slicknav_menu { display:block; }
header:before { content:normal; }
.whatWeDo { min-height:50px; }
.whatWeDo .icon { display:none; }
.whatWeDo.left { text-align:center; }
.whatWeDo.right { text-align:center; }
}

@media screen and (max-width:767px) {
section.slider { padding-top:0; }
.slider-tablet-bg { left:50px; }
.slider-mobile-bg { right:50px; }
section.slider { height:650px; }
header:after { content:normal; }
#portfolio { padding-bottom:0; }
#portfolio:after { content:normal; }
#portfolio p { height:60px; margin-bottom:0; font-size:14px; }
#about { padding-top:0; }
#about:after { content:normal; }
.about { margin-bottom:40px; }
.aboutUs { padding-top:0; }
.aboutUs:before { content:normal; }
.who-are-we { padding-top:0; }
.who-are-we:before { content:normal; }
#contact { padding-top:0; }
.contact-info {background:none; height:auto; padding-top:0; margin-top:0; }
.contact-info p { color:#666666; font-weight:400; }
.copy { background:#111111; height:auto; }
.copy p { margin-top:0; }
.slider-web-bg { display:none; }
.slider-tablet-bg { top:0; left:45%; margin-left:-152px; }
.slider-mobile-bg { top:104px; right:40%; margin-right:-70px; }
section.slider { height:430px; }
}