/*

Theme name: Teho Sport

Description: Custom Theme

*/



/******* Teho Sport WordPress CSS *******/



/* Common elements styling */



.post .entry a img { border: 0 }



p img { padding: 0; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { margin: 2px 0 2px 7px; display: inline; }

img.alignleft { margin: 2px 7px 2px 0; display: inline; }

.alignright { float: right; display: inline; }

.alignleft { float: left; display: inline; }

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



/* Big images in rich text editor should not break page layout */

.post .entry { }







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



body, html { height: 100%; }



body {

    font-size: 15px;

    line-height: 20px;

    font-family: arial, sans-serif;

    color: #fff;

    background-color: #050505;

    position: relative;

}



a { color: #182e3a; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }



ul { list-style:none outside none; }



input, textarea, select { font-size: 14px; color:#000;  font-family: arial, sans-serif; }

textarea { overflow: auto; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }







/* Post loop styles */



#header { width: 100%; height: 37px; background: url(../images/header.png) repeat-x; position: fixed; top: 0; z-index: 99999; }

#nav { width: 940px; margin: 0 auto; }

#nav li { float: left; }

#nav a { line-height: 37px; color: #fff; text-transform: uppercase; border-right: 2px solid #8fd400; padding: 0 5px; font-size: 12px; font-family: Borda-ExtraBold; font-weight: normal; }

#nav a:hover { text-decoration: none; color: #8fd400; }

#nav .active { color: #8fd400; }

#nav .no_border { border-right: none !important; }



.post_wrapper { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; }

.post_inner { width: 940px; height: auto; margin: 0 auto; }

.post_title { text-transform: uppercase; font-size: 100px; line-height: 100px; font-family: Borda-ExtraBold; font-weight: normal; font-style: normal;  }

.post_title .green_title { font-size: 42px; color: #8fd400; display: block; }



.entry { }

.entry p { width: 470px; color: #fff; }

.entry p.footer_info { margin-top: 25px; font-size: 18px; font-family: Borda-ExtraBold, Arial, Helvetica, sans-serif; }



.parallax1 { height: 860px; background:url(../images/backgrounds/firstBg.jpg) 50% 0 no-repeat; }
 @media screen and (max-width: 1400px){
     .parallax1 {background:url(../images/backgrounds/firstBg.jpg) 50% 0 no-repeat; }
}
/* #slide1 .entry { margin: 185px 0 0 60px; font-size: 32px; font-family: Borda-ExtraBold; line-height: 36px; text-transform: uppercase; } */
.parallax1 .entry { margin: 94px 0 0 60px; font-size: 32px; font-family: Borda-ExtraBold; line-height: 36px; text-transform: uppercase; }

.parallax1 .entry span { font-size: 36px; color: #8fd400; }

.parallax1 .post { }

/* #slide1 #logo { position: relative; top: 145px; left: 55px; width: 448px; height: 240px; background:url(../images/backgrounds/logo.png) no-repeat;font-family } */
.parallax1 #logo { position: relative; top: 54px; left: 55px; width: 448px; height: 331px; background:url(../images/backgrounds/logo_extra.png) no-repeat; }



.parallax2 { height: 860px; background: url(../images/backgrounds/secondBg.jpg) 50% 0px no-repeat; }

.parallax2 .post_title { color: #f7f7f7; margin: 80px 0 33px 0 }

.parallax2 .post_title .green_title { line-height: 70px; }



#bubbles { height: 860px; background: url(../images/backgrounds/bubbles.png) 50% 0px no-repeat }



.parallax3 { height: 860px; background:url(../images/backgrounds/thirdBg.jpg) 50% 0 no-repeat; }

.parallax3 .post_title { color: #f7f7f7; margin: 80px 0 33px 0 }

.parallax3 .post_title .green_title { line-height: 60px; }

.parallax3 .popup_trigger a { width: 400px; }



.parallax4 { position: relative; height: 900px; background:url(../images/backgrounds/fourthBg.jpg) 50% 0 no-repeat; }

.parallax4 .entry { margin: 0 0 0 120px; width: 100%; }

.parallax4 .post_title { color: #fff; margin: 124px 0 33px 0 }

.parallax4 .post_title .green_title { line-height: 60px; }

.parallax4 p { color: #2a2a2a; }

.parallax4 p.footer_info { color: #fff; }

.parallax4 .popup_trigger a { width: 360px; }

.parallax4 .popup_trigger a[href="#nesteytyslaskuri"] { width: 500px; color: #8FD400; }

/*#slide4 .popup_trigger a[href="#slide5"]:hover { color: #000; }*/

.parallax4 .popup_trigger a:hover { color: #000; }


.parallax5 { height: 560px; background:url(../images/backgrounds/fifthBg.jpg) 50% 0 no-repeat; }



.parallax6 { height: 860px; background:url(../images/backgrounds/sixthBg.jpg) 50% 0 no-repeat; }

.parallax6 .post_title { color: #f7f7f7; margin: 80px 0 33px 0 }

.parallax6 .post_title .green_title { line-height: 70px; }

#inline_content_second1 .green_heading { margin-top: -5px; line-height: 40px !important;}

.parallax6 .popup_trigger a[href="#inline_content3"] { width: 400px; }

.parallax6 .popup_trigger a[href="#inline_content_second1"] { width: 430px; }



.parallax7 { height: 957px; background:url(../images/backgrounds/seventhBg.jpg) 50% 0 no-repeat; }

.parallax7 .post_inner { }

.parallax7 p { color: #ffffff; }



.products_container { position: relative; width: 675px; margin-left: 180px; }
.products_container { width: 730px; margin-left: 100px; }

.single-product {}

h3.product_title { width: 100%; text-transform: uppercase; color: #f7f7f7; font-family: Borda-ExtraBold; font-weight: normal; font-style: normal; }



.product_holder { float: left; width: 360px; }

.product_info { width: 100%; height: 100%; }

/*.product_info p { width: 350px; color: #323232; font-family: Arial; font-size: 15px; }*/
.product_info p { width: 350px; color: #ffffff; font-family: Arial; font-size: 15px; }

.product_info img { float: right; margin-top: -11px; z-index: 9999px; }

.product_info .pr_image { margin-right: 50px; }





.values_table { margin-top: 18px; width: 340px; height: 100%; overflow: hidden; }

.values_table h4 { height: 100%; overflow: hidden; color: #323232; font-size: 13px; font-weight: bold; border-bottom: 1px solid #3c3c3c; }

.values_table span.divider { margin-left: 130px; text-align: right; }

.values_table p { display: block; width: 100%; margin: 0; } /* width: 295px; */



.values_table .meta_container p { width: 340px; border-bottom: 1px solid #b8ac26; line-height: 22px; }

.values_table .meta_container span { float: right; display: block; width: 50px; margin-right: 30px; *margin-top: -20px; text-align: center; }



/* Direction Nav */

.flex-direction-nav li a { display: block; position: absolute; top: 285px; cursor: pointer; text-indent: -9999px;}

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

.flex-direction-nav li .prev { background: url(../images/left_arrow.png) no-repeat 0 0; width: 186px; height: 176px; left: -200px; }

.flex-direction-nav li .next { background: url(../images/right_arrow.png) no-repeat 0 0; width: 186px; height: 176px; right: -110px; }



#omena h3.product_title { margin: 85px 0 12px 0; line-height: 100px; font-size: 90px; } /* Omena */

#omena .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 55px; }

#omena .badge           { position: absolute; right: 135px; bottom: 120px;}



#sitruuna h3.product_title { margin: 85px 0 12px 0; line-height: 100px; font-size: 90px; } /* Sitruna */

#sitruuna .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 55px; }

#sitruuna .badge           { position: absolute; right: 135px; bottom: 120px;}



#appelsiini-mandariini h3.product_title { margin: 73px 0 15px 0; line-height: 73px; font-size: 80px; } /* Musta Heruka */

#appelsiini-mandariini .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }

#appelsiini-mandariini .badge           { position: absolute; right: 135px; bottom: 120px;}



#musta-herukka h3.product_title { margin: 73px 0 15px 0; line-height: 73px; font-size: 80px; } /* Mandarini */

#musta-herukka .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }

#musta-herukka .badge           { position: absolute; right: 135px; bottom: 120px;}



#suklaa-banaani .values_table span.divider,
#valko-suklaa-marja .values_table span.divider,
#suklaa-appelsiini .values_table span.divider,
#jogurtti-marja .values_table span.divider { margin-left: 105px; }

.values_table .meta_container span.table_tab { width: 15px; height: 5px; margin: 0; float: left; }


#suklaa-banaani h3.product_title { margin: 133px 0 15px 0; line-height: 73px; font-size: 80px; } /* Bars 1 */
#suklaa-banaani .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }
#suklaa-banaani .badge           { position: absolute; right: 51px; top: 98px;}
#suklaa-banaani .pr_image        { margin-top: -170px; margin-right: 65px; }


#valko-suklaa-marja h3.product_title { margin: 96px 0 15px 0; line-height: 73px; font-size: 80px; } /* Bars 2 */
#valko-suklaa-marja .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }
#valko-suklaa-marja .badge           { position: absolute; right: 51px; top: 98px;}
#valko-suklaa-marja .pr_image        { margin-top: -210px; margin-right: 65px; }


#suklaa-appelsiini h3.product_title { margin: 60px 0 15px 0; line-height: 73px; font-size: 80px; } /* Bars 3 */
#suklaa-appelsiini .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }
#suklaa-appelsiini .badge           { position: absolute; right: 51px; top: 98px;}
#suklaa-appelsiini .pr_image        { margin-top: -100px; margin-right: 65px; }


#jogurtti-marja h3.product_title { margin: 60px 0 15px 0; line-height: 73px; font-size: 80px; } /* Bars 4 */
#jogurtti-marja .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 42px; }
#jogurtti-marja .badge           { position: absolute; right: 51px; top: 98px;}
#jogurtti-marja .pr_image        { margin-top: -100px; margin-right: 65px; }


#urheilujuomat h3.product_title { margin: 100px 0 25px 0; line-height: 80px; font-size: 68px; letter-spacing: 5px;} /* Drinks Subpage */
#urheilujuomat .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 27px; letter-spacing: 0; }
#urheilujuomat h3.fs_trigger a  { font-size: 30px; }
#urheilujuomat p                { margin-bottom: 30px; line-height: 22px; }
#urheilujuomat .pr_image        { position: absolute; top: 200px; right: -3px; }


#energia-ja-proteiinipatukat h3.product_title { margin: 60px 0 32px 0; line-height: 60px; font-size: 68px; letter-spacing: 2px;} /* Bars Subpage */
#energia-ja-proteiinipatukat .green_pr_title  { display: block; color: #8fd400; font-size: 42px; line-height: 37px; letter-spacing: 0; }
#energia-ja-proteiinipatukat h3.fs_trigger a  { font-size: 35px; line-height: 50px; }
#energia-ja-proteiinipatukat p                { margin-bottom: 22px; line-height: 22px; }
#energia-ja-proteiinipatukat .pr_image        { position: absolute; top: 257px; right: -5px; }


/*
#main_slide .product_info-4,
#main_slide .product_info-5 { position: relative; width: 100%; height: 100%; }  /-* Main Slide *-/

#main_slide .product_info-4 h3.product_title { margin: 70px 0 17px 0; width: 400px; line-height: 50px; font-size: 50px; letter-spacing: 3px; }
#main_slide .product_info-5 h3.product_title { margin: 22px 0 17px 0; width: 400px; line-height: 43px; font-size: 43px; letter-spacing: 3px; }
#main_slide .green_pr_title               { display: block; color: #8fd400; font-size: 42px; line-height: 42px; letter-spacing: 0; }

#main_slide .product_info-4 h3.fs_trigger { width: 86px; position: absolute; top: 98px; right: 75px; background-position: 0px 0px; }
#main_slide .product_info-5 h3.fs_trigger { width: 86px; position: absolute; top: 148px; right: 75px; background-position: 0px 0px; }
#main_slide h3.fs_trigger a               { display: block; width: 100%; height: 100%; padding: 0; }
#main_slide p                             { width: 305px; color: #323232; margin-bottom: 30px; font-family: Arial; font-size: 15px; line-height: 22px; }
#main_slide .product_info-4 .pr_image     { position: absolute; width: 242px; height: auto; top: 0; right: 135px; }
#main_slide .product_info-5 .pr_image     { position: absolute; width: 238px; height: 263px; top: 62px; right: 140px; }
*/


.product_holder ul             { height: 22px; margin-bottom: 12px;}
.product_holder ul li          { float: left; margin-right: 40px;}
.product_holder ul li a        { cursor: text; text-decoration: none; }
.product_holder ul li a.active { cursor: pointer; text-decoration: underline; color: #004180; }
.bars_content                  { display: none;}



h3.fs_trigger { height: 89px; background: transparent url(../images/popup_open.png) no-repeat -5px 0px; }

h3.fs_trigger a { color: #8fd400; display: block; width: 300px; padding: 6px 0 0 83px; font-size: 24px; line-height: 28px; text-transform: uppercase; font-family: Borda-ExtraBold; font-weight: normal; }

h3.fs_trigger a:hover{ color: #ffffff; text-decoration: none; }






/* end products */



/*.parallax8 { height: 1214px; background: #000000 url(../images/backgrounds/eightBg.jpg) 50% 0 no-repeat; }*/
.parallax8 { height: 1440px; background: #000000 url(../images/backgrounds/eightBg.jpg) 50% 0 no-repeat; }

.parallax8 .entry p { width: 580px; }

.parallax8 .post_title { color: #f7f7f7; margin: 80px 0 23px 0 }

.parallax8 .post_title .green_title { line-height: 70px; }



.parallax9 { position: relative; height: 805px; background:url(../images/backgrounds/ninethBg.jpg) 50% -45px no-repeat; }

.parallax9 .post_title { width: 600px; color: #535353; margin: 135px auto 13px auto; }

.parallax9 .post_title .green_title { line-height: 60px; }



.popup_trigger { margin-top: 25px; height: 89px; background: url(../images/popup_open.png) no-repeat -5px 0px; }

.popup_trigger a { display: block; text-transform: uppercase; width: 300px; line-height: 28px; padding: 6px 0 0 83px; color: #8FD400 ; font-family: Borda-ExtraBold; font-weight: normal; font-size: 24px; }

.popup_trigger a:hover{ color: #fff; }

.popup_trigger a:hover { text-decoration: none; }

#popupContent { color: #373737; padding: 25px 50px 25px 55px; font-size: 12px; height: 100%; overflow: hidden; }

#popupContent h4 { text-transform: uppercase; color: #373737; font-family: Borda-ExtraBold; font-weight: normal; font-size: 60px; line-height: 56px; margin-bottom: 25px; }

#popupContent h4 .green_heading { display: block; color: #8fd400; font-family: Borda-ExtraBold; font-weight: normal; font-size: 30px; line-height: 35px; }



#popupContent p { float: left; width: 340px; overflow: hidden; }

#popupContent .p_margin { margin-right: 52px; }

#popupContent .p_right { text-align: left; }

#popupContent .p_right img { float: right; }

#popupContent .sponsors_margin { margin-right: 30px; }

.sponsors_popups h4 { padding-top: 10px; margin-bottom: 20px !important;}

/*#sponsors_content3 h4, #sponsors_content6 h4, #sponsors_content12 h4 { font-size: 40px; line-height: 44px; }*/
#sponsors_content3 h4, #sponsors_content4 h4, #sponsors_content7 h4, #sponsors_content14 h4 { font-size: 40px; line-height: 44px; }



/* Sponsors */



#sponsors_holder { margin: 40px 0 0 0; width: 952px; height: 100%; overflow: visible; position: relative; }
#sponsors_holder p { width: 100%; }

.sponsor { width: 220px; height: 200px; float: left; margin: 0 18px 30px 0; line-height: 20px; z-index: -1; }

#hover_img1 { display: none; position: absolute; top: 0; left: 0; }

#hover_img2 { display: none; position: absolute; top: 0; left: 238px; }

#hover_img3 { display: none; position: absolute; top: 0; left: 476px; }

#hover_img4 { display: none; position: absolute; top: 0; left: 714px; }

#hover_img5 { display: none; position: absolute; top: 230px; left: 0; }

#hover_img6 { display: none; position: absolute; top: 230px; left: 238px; }

#hover_img7 { display: none; position: absolute; top: 230px; left: 476px; }

#hover_img8 { display: none; position: absolute; top: 230px; left: 714px; }

#hover_img9 { display: none; position: absolute; top: 460px; left: 0; }

#hover_img10 { display: none; position: absolute; top: 460px; left: 238px; }

#hover_img11 { display: none; position: absolute; top: 460px; left: 476px; }

#hover_img12 { display: none; position: absolute; top: 460px; left: 714px; }

#hover_img9 { display: none; position: absolute; top: 690px; left: 0; }

#hover_img10 { display: none; position: absolute; top: 690px; left: 238px; }

#hover_img11 { display: none; position: absolute; top: 690px; left: 476px; }

#hover_img12 { display: none; position: absolute; top: 690px; left: 714px; }

.sponsor h4 { margin-top: 8px; font-size: 15px; line-height: 18px; color: #8fd400; font-family: Arial; font-weight: bold;}

.sponsor p { font-size: 17px; color: #fff; font-family: Arial; font-weight: bold; }





#footer { position: relative; width: 100%; min-height: 93px; height: auto; background: url(../images/footer.png) repeat; z-index: 9999; }

#footer_container { width: 940px; margin: 0 auto; }

#footer p { width: 940px; margin: 0 auto; line-height: 37px; color: #fff; text-transform: uppercase; text-align: center; font-size: 12px; font-family: Borda-ExtraBold; font-weight: normal; }

#footer a { color: #fff; }

#footer a:hover { text-decoration: none; }

/* fix below: height: 70px -> 30px, top: -70px -> -180px */

#footer .footer_overlay { width: 940px; height: 30px; top: -80px; position: absolute; }

#footer .footer_overlay p { text-transform: none; font-family: Borda-ExtraBold; font-size: 18px; line-height: 28px; font-weight: normal; text-align: center; }

#footer .footer_overlay span { margin-left: 12px; color: #fff; }

#footer .footer_overlay a { display: block; text-transform: uppercase; font-family: Borda-ExtraBold; font-size: 24px; line-height: 28px; font-weight: normal; text-align: center; color: #8fd400; }

#suklaa-suklaa h3.product_title span.green_pr_title{
    line-height: 35px !important;
}