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

/* BASE =============================== */

body { margin: 0px; line-height: 1; font-family: 'open sans', sans-serif; /*color: #333;*/ color: #940445; }
a { color: #e25e29; text-decoration: none; }
a:hover { text-decoration: none; }
img { border: none; max-width: 100%; height: auto; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }

.container { width: 1170px; margin: 0 auto; }

.clearfix {}
.clearfix:before , .clearfix:after { content: ''; display: table; }
.clearfix:after , .clear { clear: both; }

.acenter { text-align: center; }


/* HEADER =============================== */

header { border-bottom: 2px solid #e26228; height: 110px; }

.logo { float: left; width: 190px; }
.logo a , .logo img { line-height: 108px; display: inline-block; vertical-align: middle; }

.contact_info { float: right; width: 460px; text-align: right; font-size: 13px; }
.contact_info .phone { color: #e26228; font-size: 18px; }
.contact_info .email { color: #940445; font-size: 18px; }

nav { float: right; clear: right; margin-top: 10px; }
nav ul { margin: 0; padding: 0; list-style: none; }
nav li { float: left; }
nav a { display: block; background: #e26228; color: #fff; font-size: 14px; padding: 10px 20px; }
nav a.nav_toggle { display: none; }
nav a.active , nav a:hover { background: #940445; }


/* BANNER =============================== */

#banner { /*height: 555px;*/ height: auto; background: #fff url(../images/banner_bg2.png) no-repeat center / cover; }
#banner.simple { background-image: none; }
#banner.simple img { width: 100%; height: auto; }

.banner_text { float: left; width: 40%; margin-left: 11%; text-align: center; line-height: 1.3; }
.banner_text .text_large { color: #e26228; font-size: 48px; padding-top: 40px; }
.banner_text .text_large sup { font-size: 40%; }
.banner_text .text_medium { color: #5d0d30; font-size: 35px; padding-top: 10px; }
.banner_text .text_small { color: #940445; font-size: 20px; padding-top: 20px; }

.banner_video { float: right; width: 45%; padding-top: 40px; text-align: center; }
.banner_video .youtube-link { display: inline-block; padding: 10px 20px; color: #fff; background: rgba(0,0,0,0.8); border-radius: 20px; margin-toP: 10px; }

.signup_box { background: #e26228; color: #fff; padding: 20px 35px; position: relative; top: 30px; }

.signup_text { float: left; width: 280px; padding-right: 55px; border-right: 1px solid #c9471d; line-height: 1.5; }
.signup_text span { font-size: 25px; font-weight: 700; }

.signup_form { float: right; width: 730px; }
.signup_form form { padding-top: 22px; text-align: right; }
.signup_form .textbox { border: 0; background: #fff; font-family: inherit; font-size: 14px; padding: 0 10px; line-height: 38px; height: 38px; border-radius: 3px; margin-right: 30px; width: 230px; }
.signup_form .submit_button { border: 0; background: #9e265a; color: #fff; font-family: inherit; font-size: 15px; padding: 0 30px; line-height: 38px; border-radius: 3px; cursor: pointer; }


/* CONTENT =============================== */

#content { background: #fff; padding: 60px 0; }

.main_col { float: left; width: 66.67%; }
.sidebar { float: right; width: 25%; }

h1 { font-weight: 700; font-size: 36px; line-height: 1.2; font-style: italic; color: #940445; padding: 20px 0 10px 0; margin: 0 0 20px 0; border-bottom: 2px solid #e26228; }
h1 a { color: inherit; }
h1 small { font-weight: 400; font-size: 20px; }
h1 small.date { color: #333; float: right; padding-top: 10px; font-size: 16px; }
h2 { font-weight: 400; font-size: 30px; line-height: 1.2; color: #e25e29; padding: 0; margin: 0 0 20px 0; }
h3 { font-weight: 400; font-size: 25px; line-height: 1.2; color: #e25e29; padding: 20px 0; margin: 0 0 20px 0; }

ul , ol { margin: 10px 0 10px 30px; padding: 0; line-height: 1.4; font-size: 15px; list-style-position: inside; }
ul li , ol li { margin-bottom: 15px; vertical-align: top; }
ul ul , ul ol , ol ol , ol ul { margin-left: 30px; }

ul.arrow_list { list-style-image: url(../images/bullet1.png); margin-left: 0; }
ul.bullet_list { list-style-image: url(../images/bullet2.png); margin-left: 0; }

p , .entry-content div , address { margin: 10px 0; line-height: 1.6; }
p.lead { font-weight: 700; color: #940445; }
p.lead span { color: #333; }
p.lead em { font-size: 20px; }
.read_more { font-weight: bold; text-decoration: underline; }
.button { background: #d26835; color: #fff; display: inline-block; padding: 8px 15px; border-radius: 3px; }

article { padding: 0 0 30px 0; margin: 0 auto 10px auto; border-bottom: 1px solid #eee; }

blockquote { margin: 10px auto; padding: 10px 0; border-bottom: 1px solid #dadada; }
blockquote p { margin: 0 0 20px 0; }
blockquote cite { font-style: normal; color: #940445; font-size: 80%; }
blockquote cite:before { content: '- '; }

.sidebar .block { background: #f5f5f5; border: 1px solid #ced1d7; margin-bottom: 30px; }
.block .block_title.solid { padding: 15px; margin: 0; color: #fff; font-weight: 400; background: #9e265a; font-size: 24px; }
.block .block_title.transparent { padding: 15px; margin: 0; color: #9e265a; font-weight: 400; font-size: 24px; border-bottom: 2px solid #e36932; }
.block ul { margin: 0; padding: 0; }
.block ul.arrow_list li { padding: 20px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; margin: 0; }
.block ul.arrow_list a { color: #333; text-transform: uppercase; }

.post_list { margin: 0; padding: 0; list-style: none; }
.post_list li { padding: 10px; border-top: 1px solid #fff; border-bottom: 1px solid #e1e1e1; margin: 0; overflow: hidden; }
.post_list a { color: #333; }
.post_list p { color: #888; }
.post_list p a { font-size: 13px; border-bottom: 1px dotted #333; }

.sharing { margin: 20px auto; padding: 10px; background: #F2F2F2; }

.floated_image {}
.floated_image.right { float: right; margin: 0 0 10px 20px; }
.floated_image.left { float: left; margin: 0 20px 10px 0; }

.video { margin: 0 0 20px 0; }
.video_title { float: right; width: 45%; padding-top: 50px; font-size: 20px; }

.free_program { margin: 15px auto; background: #84233b url(../images/special_bg.png) no-repeat bottom left; color: #fff; padding: 20px; }
.free_program_title { font-size: 24px; margin-bottom: 20px; }
.free_program_left { float: left; width: 50%; }
.free_program_right { float: right; width: 50%; }
.free_program .textbox { display: block; border: 0; background: #fff; border-radius: 3px; padding: 10px; font-family: inherit; font-size: 14px; width: 80%; margin-bottom: 15px; }
.free_program .submit_button { background: #d26835; color: #fff; border: 0; display: inline-block; border-radius: 3px; padding: 5px 20px; font-family: inherit; font-size: 18px; cursor: pointer; }

.contact_info_left { float: left; width: 30%; }
.contact_info_right { float: left; width: 70%; }
.contact_info_right img { display: inline-block; vertical-align: middle; }

.category { margin: 30px auto; }
.cat_image { float: left; width: 20%; padding: 2%; background: #84233b; text-align: center; }
.cat_desc { float: right; width: 70%; padding: 0 2%; }

.product { margin: 30px auto; }
.product_image { float: left; width: 20%; padding: 2%; background: #84233b; text-align: center; background: linear-gradient(to bottom, #d26835, #84233b); background: -webkit-linear-gradient(to bottom, #d26835, #84233b); }
.product_desc { float: left; width: 50%; padding: 0 2%; }
.product_desc ul li { margin-bottom: 5px; }
.product_buy { float: right; width: 20%; text-align: center; }
.product_desc p , .product_buy p { margin: 0 0 10px 0; }


/* HIGHLIGHT =============================== */

.highlight { margin: 80px auto; padding: 40px 0 20px 0; height: 230px; background: #d05d29 url(../images/fish_bg.png) no-repeat left center; color: #fff; }

.highlight_text { float: left; width: 50%; }
.highlight_text p { line-height: 1.8; font-size: 18px; }

.order_box { float: right; width: 40%; padding: 20px 2%; background: #84233b; margin-top: -75px; }



/* BOTTOM =============================== */

#bottom { padding: 40px 0; background: #fff url(../images/photos_bg.png) repeat; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; }

.bottom_left { float: left; width: 48%; }
.bottom_right { float: right; width: 48%; }

.testimonial { margin-bottom: 25px; }
.testimonial .person { float: left; width: 125px; text-align: center; line-height: 1.4; }
.testimonial .person img { display: block; margin: 0 auto; }
.testimonial .message { float: left; width: 370px; margin: 10px 0 0 10px; background: #fff; border: 1px solid #c5c5c5; padding: 10px; font-size: 14px; }

.bottom_right h2 { font-size: 40px; margin-bottom: 25px; }
.bottom_right h2 span { display: block; font-size: 30px; color: #940445; margin-bottom: 5px; }

/* FOOTER =============================== */

footer {}

.footer_top { background: #822239 url(../images/footer_top_bg.png) repeat; padding: 30px 0; color: #fff; }

.newsletter { float: left; width: 70%; }
.newsletter label { text-transform: uppercase; font-size: 14px; font-weight: 700; }
.newsletter .field { display: inline-block; background: #43121e; padding: 5px; border-radius: 3px; margin-left: 10px; }
.newsletter .field .textbox { font-family: inherit; font-size: 14px; color: #fff; background: transparent; border: 0; width: 300px; }
.newsletter .field .submit_button { border: 0; background: #d26835; color: #fff; text-transform: uppercase; padding: 5px 10px; font-family: inherit; font-size: 13px; border-radius: 3px; cursor: pointer; }

.social { float: right; width: 30%; text-align: right; text-transform: uppercase; font-size: 14px; font-weight: 700; }
.social img { display: inline-block; vertical-align: middle; margin: 5px; }

.footer_bottom { background: #822239 url(../images/footer_bottom_bg.png) repeat; padding: 20px 0; color: #fff; font-size: 13px; }
.footer_bottom a { color: #fff; }

.footer_links { float: left; width: 42%; }
.copyright { float: right; width: 58%; }
.copyright { text-align: left; }
.amname { float: right; width: auto; }


/* MEDIA QUERIES =============================== */

@media only screen and (min-width:960px) and (max-width:1180px) {

	.container { width: 940px; }

	#banner { height: 465px; }
	.banner_text .text_large { font-size: 42px; }
	.banner_text .text_medium { font-size: 30px; }
	.banner_text .text_small { font-size: 16px; padding-top: 15px; }

	nav { position: relative; }
	nav ul { display: none; padding-top: 15px; position: absolute; right: 0; top: 30px; padding: 5px; background: rgba(255,255,255,0.4); }
	nav li { float: none; margin-bottom: 1px; min-width: 150px; }
	nav a.nav_toggle { display: inline-block; background: transparent; padding: 0; }

	.signup_box { top: 30px; }
	.signup_form { width: 500px; }
	.signup_form .textbox { width: 165px; margin-right: 10px; }
	.signup_form .submit_button { padding: 0 15px; }

	.testimonial .message { width: 290px; margin-top: 0; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.container { width: 740px; }

	nav { position: relative; }
	nav ul { display: none; padding-top: 15px; position: absolute; right: 0; top: 30px; padding: 5px; background: rgba(255,255,255,0.4); }
	nav li { float: none; margin-bottom: 1px; min-width: 150px; }
	nav a.nav_toggle { display: inline-block; background: transparent; padding: 0; }

	#banner { height: auto; text-align: center; }
	.banner_text , .banner_video { float: none; width: 100%; }
	.banner_text .text_large { font-size: 42px; padding-top: 30px; }

	.signup_text , .signup_form { float: none; width: 100%; padding: 0; border: 0; }
	.signup_form form { text-align: center; }
	.signup_form .textbox { margin: 0; width: 200px; }

	.main_col , .sidebar { float: none; width: 100%; }

	.highlight_text p { font-size: 16px; line-height: 1.5; }
	.order_box { margin-top: -85px; }

	.bottom_left , .bottom_right { float: none; width: 100%; text-align: center; }
	.testimonial .person , .testimonial .message { float: none; display: inline-block; vertical-align: middle; }

	.newsletter .field .textbox { width: 200px; }

}

@media only screen and (min-width: 640px) and (max-width: 767px) {

	.container { width: 600px; }

	.contact_info { width: 350px; }
	.contact_info .phone , .contact_info .email { font-size: 15px; }
	
	nav { position: relative; }
	nav ul { display: none; padding-top: 15px; position: absolute; right: 0; top: 30px; padding: 5px; background: rgba(255,255,255,0.4); }
	nav li { float: none; margin-bottom: 1px; min-width: 150px; }
	nav a.nav_toggle { display: inline-block; background: transparent; padding: 0; }

	#banner { height: auto; text-align: center; }
	.banner_text , .banner_video { float: none; width: 100%; }
	.banner_text .text_large { font-size: 40px; padding-top: 30px; }
	.banner_text .text_medium { font-size: 30px; }
	.banner_text .text_small { font-size: 18px; padding-top: 15px; }
	.banner_video { padding-top: 40px; }

	.signup_box { top: 50px; }
	.signup_box br { display: none; }
	.signup_text , .signup_form { float: none; width: 100%; padding: 0; border: 0; }
	.signup_form form { text-align: center; }
	.signup_form .textbox { margin: 0; width: 175px; }

	.floated_image.left , .floated_image.right { float: none; display: block; margin: 0 auto 20px auto; }

	.main_col , .sidebar { float: none; width: 100%; }

	.video_title { float: none; width: 100%; padding-top: 0; }

	.free_program_left { width: 40%; }
	.free_program_right { width: 50%; }

	.highlight_text p { font-size: 15px; line-height: 1.5; }

	.order_box { font-size: 14px; margin-top: -70px; }

	.bottom_left , .bottom_right { float: none; width: 100%; text-align: center; }
	.testimonial .person , .testimonial .message { float: none; display: inline-block; vertical-align: middle; }

	.newsletter , .social { float: none; width: 100%; text-align: center; padding: 5px 0; }
	.newsletter .field .textbox { width: 200px; }

	.product_buy { width: 100%; text-align: left; clear: both; }

	.footer_links , .copyright { float: none; width: 100%; text-align: center; padding: 10px 0; }

}

@media only screen and (min-width: 480px) and (max-width: 639px) {

	.container { width: 440px; }

	.contact_info { width: 220px; }
	.contact_info .phone , .contact_info .email { font-size: 15px; }
	
	nav { position: relative; }
	nav ul { display: none; padding-top: 15px; position: absolute; right: 0; top: 30px; padding: 5px; background: rgba(255,255,255,0.4); }
	nav li { float: none; margin-bottom: 1px; min-width: 150px; }
	nav a.nav_toggle { display: inline-block; background: transparent; padding: 0; }

	#banner { height: auto; text-align: center; }
	.banner_text , .banner_video { float: none; width: 100%; }
	.banner_text .text_large { font-size: 35px; padding-top: 30px; }
	.banner_text .text_medium { font-size: 25px; }
	.banner_text .text_small { font-size: 15px; padding-top: 15px; }
	.banner_video { padding-top: 40px; }

	.signup_box { top: 50px; }
	.signup_box br { display: none; }
	.signup_text , .signup_form { float: none; width: 100%; padding: 0; border: 0; text-align: center; }
	.signup_form form { padding-top: 10px; }
	.signup_form input { display: block; margin: 10px auto !important; }

	.floated_image.left , .floated_image.right { float: none; display: block; margin: 0 auto 20px auto; }

	.main_col , .sidebar { float: none; width: 100%; }
	h1 small.date { display: block; float: none; }

	.video_title { float: none; width: 100%; padding-top: 0; }

	.free_program_left { float: none; width: 100%; text-align: center; }
	.free_program_right { float: none; width: 100%; }

	.contact_info_left , .contact_info_right { float: none; width: 100%; }

	.highlight { height: auto; }
	.highlight_text , .order_box { float: none; width: 100%; padding: 0; }
	.order_box { margin-top: 10px; padding: 10px 0; }

	.bottom_left , .bottom_right { float: none; width: 100%; text-align: center; }
	.testimonial .person , .testimonial .message { float: none; display: inline-block; vertical-align: middle; }

	.newsletter , .social { float: none; width: 100%; text-align: center; padding: 5px 0; }
	.newsletter label { display: inline-block; padding-bottom: 10px; }
	.newsletter .field .textbox { width: 200px; }

	.product { text-align: center; }
	.product_image , .product_desc , .product_buy { float: none; width: 90%; }

	.footer_links , .copyright { float: none; width: 100%; text-align: center; padding: 10px 0; }

}

@media only screen and (max-width: 479px) {

	.container { width: 95%; }

	header { height: auto; }
	.logo , .contact_info , nav { float: none; width: 100%; text-align: center; }
	
	nav { position: relative; padding: 10px 0 20px 0; }
	nav ul { display: none; padding-top: 15px; position: absolute; top: 40px; left: 20px; right: 20px; padding: 5px; background: rgba(255,255,255,0.4); }
	nav li { float: none; margin-bottom: 1px; min-width: 150px; }
	nav a.nav_toggle { display: inline-block; background: transparent; padding: 0; }

	#banner { height: auto; text-align: center; }
	.banner_text , .banner_video { float: none; width: 100%; }
	.banner_text .text_large { font-size: 30px; padding-top: 30px; }
	.banner_text .text_medium { font-size: 20px; }
	.banner_text .text_small { font-size: 15px; padding-top: 15px; }
	.banner_video { padding-top: 40px; }

	.signup_box { top: 50px; padding: 20px 10px; }
	.signup_box br { display: none; }
	.signup_text , .signup_form { float: none; width: 100%; padding: 0; border: 0; text-align: center; }
	.signup_form form { padding-top: 10px; }
	.signup_form input { display: block; margin: 10px auto !important; }

	.floated_image.left , .floated_image.right { float: none; display: block; margin: 0 auto 20px auto; }

	.main_col , .sidebar { float: none; width: 100%; }
	h1 small.date { display: block; float: none; }

	.video_title { float: none; width: 100%; padding-top: 0; }

	.free_program_left { float: none; width: 100%; text-align: center; }
	.free_program_right { float: none; width: 100%; }
	.free_program .textbox { width: 90%; }

	.contact_info_left , .contact_info_right { float: none; width: 100%; }

	.highlight { height: auto; }
	.highlight_text , .order_box { float: none; width: 100%; padding: 0; }
	.highlight_text p { font-size: 15px; }
	.order_box { margin-top: 10px; padding: 10px 0; font-size: 14px; }

	.bottom_left , .bottom_right { float: none; width: 100%; text-align: center; }
	.testimonial .person , .testimonial .message { float: none; display: inline-block; vertical-align: middle; }
	.testimonial .message { width: 90%; margin-left: 0; }

	.newsletter , .social { float: none; width: 100%; text-align: center; padding: 5px 0; }
	.newsletter label { display: inline-block; padding-bottom: 10px; }
	.newsletter .field .textbox { width: 160px; }

	.category { text-align: center; }
	.cat_image , .cat_desc { float: none; width: 90%; margin: 0 auto; padding: 2%; }

	.product { text-align: center; }
	.product_image , .product_desc , .product_buy { float: none; width: 90%; }

	.bottom_right h2 { font-size: 30px; }
	.bottom_right h2 span { font-size: 20px; }

	.footer_links , .copyright { float: none; width: 100%; text-align: center; padding: 10px 0; }

}

