/*
Theme Name: Green Rocket
Theme URI:
Author: Big Voodoo Interactive
Author URI: http://www.bigvoodoo.com/
Version: 1.0
*/

@charset"utf-8";

html,
body,
input,
select,
textarea { color: #000; }

body { font-size: 15px; background: #000 url('img/bg.jpg') center top no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;  }
.ir { overflow: hidden; text-indent: 100%; white-space: nowrap; }

hr { border: 0; border-top: 1px solid #1d1d1d; display: block; margin: 1em auto; padding: 0; height: 1px; width: 90%; }

.wrap, nav.menu-main-menu-container { width: 1160px; margin: 0 auto; position: relative; overflow: hidden; }

ul { list-style-type: none; margin: 0; padding: 0; }
ul li { display: inline-block; text-transform: uppercase; font-family: 'open_sansregular', sans-serif; font-size: 11px; }
ul li.current_page_item { border-bottom: 1px solid #fff; }

a { text-decoration: none; color: #fff; }
a:hover { border-bottom: 1px solid #fff; }

.button, input[type=submit], input[type=button] { background-color: #8ac53e; border: 0; border-radius: 10px; color: #fff; display: block; font-family: 'bree_serifregular', serif; font-size: 14px; padding: 12px 0; text-align: center; text-transform: uppercase; width: 200px; }
.button:hover, input[type=submit]:hover, input[type=button]:hover { background-color: #9dd259; border: 0; box-shadow: 0px 0px 20px -5px #9dd259; }

header { background: url('img/header_bg.png') center top no-repeat; height: 225px; width: 100%; }
header h1 { background-image: url('img/logo.png'); width: 322px; height: 153px; margin: 0 auto; }
header .left { position: absolute; left: 0; top: 7px; }
header .left a:hover { border: 0; }
header .left .top { color: #fff; font-family: 'bree_serifregular', serif; font-size: 14px; height: 33px; line-height: 26px; text-transform: uppercase; }
header .left .bottom { height: 55px; padding-top: 5px; }
header .left .bottom a { color: #5c7531; font-family: 'colaborate-regularregular', sans-serif; font-size: 12px; line-height: 24px; text-transform: uppercase; }
header .left .bottom a strong { color: #000; display: block; font-size: 27px; font-weight: normal; text-transform: none; }
header ul.menu { position: absolute; right: 0; top: 5px; }
header ul.menu li { margin-left: 50px; line-height: 26px; }
header .phone { height: 60px; position: absolute; top: 40px; right: 0; }
header .phone a { color: #000; font-family: 'open_sansbold', sans-serif; font-size: 42px; line-height: 60px; text-decoration: none; text-transform: uppercase; }

#slideshow { margin-top: -125px; overflow: hidden; background: url('img/slideshow_bg.png') center 40px no-repeat; height: 450px; }
#slideshow .item { display: none; }
#slideshow .item1 { display: block; }
#slideshow .item .text { margin-top: 150px; margin-left: 170px; }
#slideshow .item .text a { color: #fff; font-family: 'bree_serifregular', serif; font-size: 60px; line-height: 1.3em; }
#slideshow .item .text a:hover { border: 0; }
#slideshow .item > a { font-size: 18px; margin-left: 360px; margin-top: 40px; padding-left: 13px; padding-right: 13px; }
#slideshow .item img { position: absolute; right: 180px; top: 50px; }
#slideshow .item .button:hover { box-shadow: 0px 0px 20px -5px #fff; }

nav { margin-top: -25px; }
nav ul#menu-main-menu li { border-top-right-radius: 10px; border-top-left-radius: 10px; display: block; float: left; font-family: 'bree_serifregular', serif; font-size: 14px; line-height: 48px; margin:4px 10px 0; text-align: center; width: 270px; height: 48px; }
nav ul#menu-main-menu li#menu-item-46 { background-color: #00aeef; }
nav ul#menu-main-menu li#menu-item-45 { background-color: #ff3275; }
nav ul#menu-main-menu li#menu-item-44 { background-color: #fbaf5d; }
nav ul#menu-main-menu li#menu-item-43 { background-color: #8ac53e; }
nav ul#menu-main-menu li.current_page_item, nav ul#menu-main-menu li:hover { border-bottom: 0; height: 52px; line-height: 52px; margin-top: 0; }
nav ul#menu-main-menu li a { display: block; width: 100%; height: 100%; }
nav ul#menu-main-menu li a:hover { border: 0; }

section { background-color: #fff; padding-bottom: 40px; }

section .post_thumbnail { float: left; margin-top: 70px; text-align: center; width: 390px; }
section .post_thumbnail a { margin: 40px auto; }
section .content { float: left; width: 746px; }
section .content h1 { color: #373737; font-family: 'bree_serifregular', serif; font-size: 24px; margin-top: 50px; text-transform: uppercase; }
section .content hr { margin-left: 0; margin-right: 0; text-align: left; }
section .content h2 { font-family: 'colaborate-boldregular', sans-serif; font-size: 15px; font-weight: normal; margin-bottom: 15px; }
section .content p { font-family: 'colaborate-regularregular', sans-serif; margin-bottom: 30px; margin-top: 0; }
section .content a { color: #619d14; }
section .content a:hover { text-decoration: underline; border: 0; }

.home section article { float: left; padding: 50px 15px; text-align: center; width: 260px; position: relative; }
.home section article a { font-family: 'bree_serifregular', serif; }
.home section article a.top { display: block; height: 110px; position: relative; }
.home section article a:hover { border: 0; }
.home section article a img { position: absolute; z-index: 2; left: 50%; }
.home section article.section1 a img { margin-left: -36px; }
.home section article.section2 a img { margin-left: -37px; }
.home section article.section3 a img { margin-left: -30px; }
.home section article.section4 a img { margin-left: -37px; }
.home section article a img.hover { position: absolute; z-index: -1; }
.home section article a:hover img.hover { position: absolute; z-index:2; }
.home section article h2 { color: #373737; font-size: 13px; margin: 0; position: absolute; top: 90px; text-transform: uppercase; width: 100%; }
.home section article p { font-family: 'colaborate-regularregular', sans-serif; font-size: 16px; height: 190px; letter-spacing: -1px; line-height: 26px; text-align: justify; }
.home section article a.button { margin: 0 auto; }
.home section article.section1 a.button { background-color: #00aeef; }
.home section article.section1 a.button:hover { background-color: #24c3ff; box-shadow: 0px 0px 20px -5px #24c3ff; }
.home section article.section2 a.button { background-color: #ed145b; }
.home section article.section2 a.button:hover { background-color: #ff3275; box-shadow: 0px 0px 20px -5px #ff3275; }
.home section article.section3 a.button { background-color: #fbaf5d; }
.home section article.section3 a.button:hover { background-color: #fcba74; box-shadow: 0px 0px 20px -5px #fcba74; }
.home section article.section4 a.button { background-color: #8ac53e; }
.home section article.section4 a.button:hover { background-color: #9dd259; box-shadow: 0px 0px 20px -5px #9dd259; }

.home section .bottom { font-family: 'bree_serifregular', serif; font-size: 24px; color: #373737; text-align: center; text-transform: uppercase; padding: 20px 0px 0px 0px; }

.wpcf7 { margin-top: 15px !important; font-family: 'colaborate-regularregular', sans-serif; font-size: 14px; position: relative; width: 566px; }
.wpcf7 div { float: left; margin-top: 15px; overflow: hidden; width: 100% }
.wpcf7 div.name { width: 368px; }
.wpcf7 div.email, .wpcf7 div.phone { width: 263px; }
.wpcf7 div.phone { margin-left: 38px; }
.wpcf7 label { font-size: 14px; }
.wpcf7 input { margin-top: 5px; width: 100%; height: 35px; }
.wpcf7 textarea { margin-top: 5px; width: 560px; height: 160px; }
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#F4F4F4)); background: -webkit-linear-gradient(#fff, #F4F4F4); background: -moz-linear-gradient(#fff, #F4F4F4); background: -ms-linear-gradient(#fff, #F4F4F4); background: -o-linear-gradient(#fff, #F4F4F4); background: linear-gradient(#fff, #F4F4F4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F4F4F4')"; border: 0; border-bottom: 1px solid #D0D0D0; border-radius: 2px; box-shadow: inset 0px 1px 2px 0px #A6A6A6; }
.wpcf7 .small_message { float: right; font-size: 12px; padding-top: 18px; width: 171px; }
.wpcf7 div.submit input { float: left; margin-top: 25px; padding: 8px 0; width: 170px; }
.wpcf7 .disclaimer { display: block; float: right; font-size: 10px; line-height: 16px; padding-top: 8px; width: 370px; }
.wpcf7 img.ajax-loader { margin-top: 34px; }

footer { text-align: center; }
footer .phone { display: none; }
footer a.bvi_logo:hover { border: 0; }
footer a.bvi_logo img { padding: 40px; }

footer .associations { background-color: #fff; padding: 25px; }
footer .associations a:hover{ border: 0; }
footer .associations a { display: inline-block; padding: 0px 15px; }
footer .associations a img { vertical-align: middle; }
footer .associations a.association1 img, footer .associations a.association2 img { margin-top: -10px; }

footer ul.menu { margin: 30px; padding: 0; }
footer ul.menu li { margin: 0 30px; }

footer .copyright { color: #fff; font-family: 'colaborate-thinregular', sans-serif; font-size: 14px; margin-bottom: 60px; }

/* <480px screen */
@media screen and (max-width: 480px) {
body { background: #000; }
ul li.current_page_item { border-bottom: none; }
a:hover, ul li.current_page_item a { border-bottom: none; text-decoration: underline; }
.wrap, nav.menu-main-menu-container { width: 480px; }
header { background: transparent; height: auto; }
header .wrap { height: auto; }
header .left { display: none; }
header h1 { background-image: url('img/mobile_logo.png'); background-repeat: no-repeat; background-size: 100%; padding-top: 25%; width: 100%; height: auto; }
header ul.menu { position: absolute; left: 0; top: 0; }
header ul.menu li { float: left; font-size: 11px; line-height: 45px; margin-left: 0; text-align: center; width: 50%; }
header ul.menu li a { color: #000; }
header .phone { margin-bottom: 15px; position: static; text-align: center; width: 100%; }
header .phone a { background-color: #8AC53E; color: #fff; border-radius: 10px; font-size: 30px; padding: 5px 30px; }
header .phone a:hover { text-decoration: none; }

nav { margin: 0; }
nav ul#menu-main-menu li { border-top-right-radius: 0; border-top-left-radius: 0; line-height: 40px; margin: 0; width: 100%; height: 40px; }
nav ul#menu-main-menu li.current_page_item, nav ul#menu-main-menu li:hover { height: 40px; line-height: 40px; }

section .wrap { padding: 0 20px; width: 440px; }
section .post_thumbnail { margin-top: 20px; width: 100%; }
section .post_thumbnail img { width: 72px; height: 72px; }
section .post_thumbnail a { margin: 0 0 0 -100px; position: absolute; left: 50%; bottom: 20px; }
section .content { padding-bottom: 60px; width: 100%; }
section .content h1 { font-size: 18px; margin-top: 15px; }
section .content hr { margin-left: 0; margin-right: 0; text-align: left; }
section .content h2 { font-size: 14px; margin-bottom: 10px; }

#slideshow { display: none; }
.home section article { float: none; margin: 0 auto;}

.wpcf7 { width: 100%; }
.wpcf7 div, .wpcf7 textarea { width: 100% !important; }
.wpcf7 div.phone { margin-left: 0; }
.wpcf7 div.message span.message { display: block; margin-right: 4px; }
.wpcf7 .small_message { display: none; }
.wpcf7 div.submit { position: relative; }
.wpcf7 div.submit input { float: none; margin: 0 auto; }
.wpcf7 div.submit img.ajax-loader { margin-left: 50px; margin-top: 10px; position: absolute; top: 0; }
.wpcf7 div.submit .disclaimer { float: none; font-size: 12px; width: 100%; }

.home footer .phone { display: block; margin-top: -30px; text-align: center; width: 100%; }
.home footer .phone a { background-color: #8AC53E; color: #fff; border-radius: 10px; font-family: 'open_sansbold', sans-serif; font-size: 30px; line-height: 60px; padding: 5px 30px; }
.home footer .phone a:hover { text-decoration: none; }
footer .associations { display: none; }
footer ul.menu { background-color: #fff; margin: 0 auto; width: 480px; }
footer ul.menu li { margin: 0; width: 49%; }
footer ul.menu li a { color: #000; line-height: 55px; }
footer .copyright { margin: 40px 0; }
}

@media screen and (max-width: 360px) {
.wrap, nav.menu-main-menu-container { width: 360px; }
header h1 { background-image: url('img/mobile_logo_360.png'); }
section .wrap { width: 320px; }
footer ul.menu { width: 360px; }
}