/*!
 * 
 * My styles
 *
 */


@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzOY5mlVXtdNkpsMpKkrDXP4.woff") format("woff");
}

html, body { height: 100%; }
body { font-family: arial,verdana,sans-serif; font-size: 13px; }
h1 { font-size: 30px; }
h2 { font-size: 22px; line-height: 1.2em; }
h3 { font-size: 16px; line-height: 1.2em; }
p.perrex { font-size: 14px; }
.clearb { clear: right; }
input[type="text"], input[type="password"], input[type="email"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.width-960 { padding: 0 105px; width: 960px; }
.container img { margin: 0 20px 10px 0; }
.span12 { position: relative; }
.span12 h1 { padding: 0 30px; font-family: Georgia; margin-top: 40px; margin-bottom: 30px; font-size: 26px; font-weight: normal; }

#wrap { min-height: 100%; }
#wrap.box-one { background: url('../img/bg-box-one.jpg') repeat-y center; }

#wb-header { font-size: 12px; color: #fff; width: 100%; height: 42px; line-height: 25px; background: #2b292a; position: absolute; top: 0; left: 0; padding: 0 2px;}
#wb-header .header-inner { width: 1170px; position: relative; margin: 0 auto; }
#wb-header .header-inner a { margin-left:6px; color: #fff; background: url("../img/WB-LOGO-EN.gif") no-repeat 0 0; padding-left: 30px; text-transform: uppercase; font-weight: bold; display: inline-block; width: 390px; height: 42px; text-decoration: none; }
#wb-header .header-inner a span { display: none; }

#header { text-transform: uppercase; height: 30px; line-height: 30px; background: #4d5146 url("../img/menu-gradient.png") repeat-x 0 0; color: #fff; font-size: 12px; font-weight: bold; position: absolute; top: 42px; left: 0; width: 100%; }
#header a { padding: 0 10px; display: inline-block; color: #fff; text-decoration: none; }
#header .menu { width: 1170px; position: relative; margin: 0 auto; left:10px;}
#header .menu .home { height: 28px; width: 28px; position: absolute; left: 0; top: 0; background: url("../img/home-icon.png") no-repeat 50% 50%; padding: 0; }
#header .menu .home span { display: none; }
#header .menu .main-menu { height: 30px; margin: 0px auto; }
#header .menu .main-menu { display: inline-block; margin-left: 40px; }
#header .menu .main-menu li:before { display: block; content: ""; height: 15px; width: 1px; position: absolute; left: 0; top: 7px; background-color: #bbb; }
#header .menu .main-menu li { float: left; position: relative; list-style: none; line-height: 30px; }
#header .menu .main-menu li a { padding: 0 20px; }
#header .menu .main-menu li a:hover { text-decoration: underline; }

.bg-top { background: url('../img/bg-top.jpg') no-repeat bottom; color: #c8bfc7; padding-top: 40px; }
.bg-hp { height: 440px; }
.bg-downloads { height: 440px; }
.text-hp { width: 310px; }

.hero-unit, .hero-downloads { background: url('../img/bg-box-top.png'); background-color: none; -webkit-border-radius: Opx; -moz-border-radius: 0px; border-radius: 0px; position: relative; }
.hero-unit { margin-top: 105px; height: 170px; padding: 40px 0 0 110px; font-weight: 200; line-height: 30px; }
.hero-downloads { margin-top: 60px; height: 80px; padding: 25px 0 5px 110px; font-weight: 200; line-height: 30px; }
.hero-unit h1, .hero-downloads h1 { font-size: 30px; line-height: 34px; letter-spacing: 1px; color: #faf4ed; margin-top: 0; text-transform: uppercase; }
.hero-downloads h1 { padding-top: 15px; }
.hero-downloads .media>.pull-left { margin-right: 15px; }
.hero-news { margin-right: -20px; }
.hero-news { margin-right: -60px; }
.media>img.pull-left { margin-right: 20px; }

.carousel { margin-bottom: 0; height: 170px; padding-right: 10px; }
.carousel-indicators { top: 145px; left: 0px; width: 40%; cursor: pointer; }
.carousel-indicators li { border-radius: 0; }
.carousel-indicators li:hover, .carousel-indicators li.active:hover { background-color: #a50129; }
.carousel-indicators li.active { background-color: #c92d42; }

.box-content { padding: 20px 30px 110px; position: relative; }
.box-content-hp { font-family: Georgia; padding: 0 35px 0 30px; position: relative; font-size: 16px; line-height: 26px; text-align: justify; }
.box-content-hp a, .box-content-hp a:hover { color: #8c0000; text-decoration: underline; }
.box-content-hp a.button-hp { background: url('../img/explore_on.gif'); width: 128px; height: 43px; display: block; margin-left: 111px; }
.box-content-hp a:hover.button-hp { background: url('../img/explore_off.gif'); width: 128px; height: 43px; }
.box-content-hp a.button-hp span { display: none; }
.box-content-news { padding-right: 30px;}
.box-content-news .media>.pull-left { margin-right: 20px; }
.box-content-text { display: inline-block; width: 625px; }
 
.box-content-text h2 { font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal!important; margin: 0 0 15px 0; }
.box-content-text h4 { line-height: 1em; font-weight: 700; margin: 0; font-size: 12px; }

a.btn-main { 
	padding: 12px 20px; 
	font-size: 14px; 
	font-weight: 600; 
	font-family: 'Open Sans', sans-serif; 
	text-decoration: none; 
	color: #fff; 
	line-height: 1.2em; 
	text-align: center; 
	text-transform: uppercase;
}
a.btn-main.centred { 
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 105px;
}
.box-content a.btn-main { width: 80px; }

.info-hp { padding: 0 30px; border-left: 1px solid #ccc; }
.info-hp p:first-child { padding-top: 0; }
.info-hp p { padding-top: 15px; padding-bottom: 15px; }

.button-bottom { position: absolute; bottom: 0; right: 0; }
.button-center { position: absolute; right: 0; bottom: 0; }

.news-feed, .about-feed { color: #ffffff; font-weight: 300; }
.news-feed h2, .about-feed h2 { margin: 0; color: #faf4ed; }

.news-feed { width: 396px; }
.news-feed h2 { padding: 20px 0 0 100px; }
.news-feed .media { padding-left: 35px; margin-top: 10px; }
.news-feed .media.active { background-color: #c92d42; padding: 20px 20px 10px 35px; }
.news-feed .media.active .media-body { font-weight: 500; }
.news-feed .media>.pull-left { margin-right: 15px; }
.news-feed a { color: #faf4ed; }
.news-feed a.btn-main { margin: 10px 0 10px 100px; display: inline-block; }
.news-date { font-size: 22px; padding: 8px 0 0 0; width: 50px; text-align: center; font-weight: 500; color: #c8bfc7; } 
.news-date p { line-height: 0.6em; }
.news-feed .media.active .news-date { color: #faf4ed; }
.news-date small { font-size: 10px; }

.about-feed { padding-left: 40px; width: 356px; }
.about-feed h2 { padding: 20px 0 0 0; }
.about-feed .media p.name { font-weight: 500; font-size: 18px; }
.about-feed .media img { margin: 0 5px 10px 0; }

.downloads-content { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.downloads-content:last-child { padding-bottom: 60px; }
.downloads-content a.button-downloads { background: url('../img/download_on.gif'); width: 128px; height: 43px; display: block; position: absolute; top: 50%; right: 130px; }
.downloads-content a:hover.button-downloads { background: url('../img/download_off.gif'); width: 128px; height: 43px; }
.downloads-content a.button-downloads span { display: none; }
.downloads-select { height: 40px; padding-top: 10px; color: #c1b8c1; font-size: 13px; background-color: #f4f3ef; }
.downloads-select select { 
	width: 220px; 
	border: 1px solid #666572; 
	background-color: #ffffff;
	color: #555555;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.downloads-note { font-family: Georgia;; padding-top: 15px; padding-bottom: 5px; font-size: 16px; line-height: 26px; }
.downloads-zip { 
	margin-top: 15px; 
	margin-left: 20px;
	position: absolute;
	top: 50%;
	margin-top: 45px;
	right: 130px; 
}

.help-block, .help-inline { font-size: 13px; padding: 5px 10px 0 0; }

#paginator { height: 85px; }
#paginator .btn-main.pull-left { margin-right: 80px; }
.pagination { margin: 0; }
.pagination ul {
	position: relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pagination ul.pag-doc { padding-left: 145px; width: 815px; }
.pagination ul.pag-dow { padding-left: 160px; width: 800px; }
.pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 18px; font-size: 16px; }
.pagination ul > li > a, .pagination ul > li > span { float: left; margin-right: 5px; line-height: 21px; text-decoration: none; background-color: #5c5b69; border: 0; color: #fff; }
.pagination ul > li > a.active, .pagination ul > li > span.active, .pagination ul > li > a:hover, .pagination ul > li > span:hover { background-color: #87868e; color: #fff; }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { background-color: #87868e; color: #fff; }
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;	
	border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
}
.prev.page, .next.page { text-transform: uppercase; }
.prev.page { position: absolute; left: 0px; }
.next.page { position: absolute; right: 0px; }

#footer { font-family: arial,verdana,sans-serif; width: 100%; z-index: 10000; background-color: #f4f3ef; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer ul, #footer p { margin-bottom: 5px; }

#footer-bar { background-color: #f4f3ef; padding: 10px; }
#footer-bar a { color: #111c24; }
#footer-bar a.wb { background: url("../img/wbg-footer-en.gif") no-repeat 0 50%; padding-left: 30px; text-transform: uppercase; font-weight: bold; display: inline-block; width: 162px; height: 33px; line-height: 35px; vertical-align: middle; font-size: 11px; }
#footer-bar a.wb span { display: none; }
#footer ul:last-child, #footer p:last-child { margin-bottom: 0; }
#footer-bar ul { font-size: 13px; height: 35px; display: inline-block; vertical-align: middle; margin-left: 19px; padding-left: 10px; border-left: 1px solid #bbb; }
#footer-bar ul li { float: left; height: 35px; list-style: none; }
#footer-bar ul li a { height: 35px; line-height: 35px; display: block; padding: 0 10px; font-weight: bold; color: #111c24; }

#footer-legal { background-color: #f4f3ef; padding: 10px 0; margin: 0 10px; font-size: 12px; color: #333; border-top: 1px solid #d3d2d2;  line-height: 12px; }
#footer-legal .contact { float: right; text-align: right; }
#footer-legal ul { overflow: hidden; margin: 0 0 5px 0; }
#footer-legal ul li:first-child { padding-left: 0; margin-left: 0; border-left: none; }
#footer-legal ul li { float: left; padding-left: 5px; margin-left: 5px; border-left: 1px solid #aaa; list-style: none;  line-height: 12px; }
#footer-legal a { color: #333; }

/*! -- PLACING, W, H -- */

.zero-m-left { margin-left: 0px; }
.pddT-20 { padding-top: 20px; }
.pddB-20 { padding-bottom: 20px; }
.pddB-30 { padding-bottom: 30px; }
.pddB-40 { padding-bottom: 40px; }
.pddB-60 { padding-bottom: 60px; }
.mrgT-60 { margin-top: 60px; }
.mrgT-30 { margin-top: 30px; }
.mrgR-10 { margin-right: 10px; }

.to-bottom-60 { height: 60%; }
.to-bottom-100 { height: 100%; }

/*! -- COLORS, BG -- */

.beige { background-color: #ece8e4; }
.beige-box-bg { background-image: url('../img/box-content-bg.png'); background-repeat: repeat-x; }

.blue { background-color: #434254; }

.grey-1 { background-color: #333333; }
.grey-2 { background-color: #666572; }
.grey-3 { background-color: #5c5b69; }
.grey-3:hover { background-color: #87868e; }

.purple { background-color: #3a0830; }
.purple:hover { background-color: #270420; }

.red { background-color: #c92d42; }
.red:hover { background-color: #a50129; }

.btn { color: #fff; text-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.btn-group > .btn:first-child {
	margin-left: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;
}
.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}
.btn.dropdown-toggle { background-color: #807e87; background-image: none; border-color: #807e87; }
.btn-group>.btn+.dropdown-toggle { box-shadow: none; }

@media (min-width: 1200px) {
  	.span8 { width: 760px; }
  	.span4 { width: 410px; }
  	.span4 .box-play { width: 360px; }
}
@media (max-width: 1200px) {
	body { padding-left: 0; padding-right: 0; }
	#wrap.box-two { width: 100%; margin: 0 auto; }
	.container-fluid { padding-right: 20px; padding-left: 80px; }
	.container { margin-right: 0; margin-left: 0; width: 100%; }
	.main-menu { width: 100%; }
	.bg-hp { width: 100%; }
	.span4 { width: 370px; }
	.span7 { width: 56%; }
	.span12 { width: 100%; }
	.width-960 { width: 750px; }
	.hero-unit { padding: 40px 0 0 80px; }
  	.hero-unit h1, .hero-downloads h1 { font-size: 22px; }
  	.box-content { padding: 20px 0 30px 80px; }
  	.box-content-text { width: 100%; }
  	.text-hp { width: auto; }
  	.footer-content { width: 960px; }
}

@media (max-width: 979px) and (min-width: 768px) {
	body { padding-left: 0; padding-right: 0; }
	#wrap.box-two { width: 100%; }
	.span3 { width: 220px; }
	.span5 { width: 275px; }
	.span7 { width: 56%; }
	.width-960 { width: 550px; }
	.navbar-fixed-top { margin-bottom: 0; }
	.bg-top { margin-top: 0; }
	.bg-hp { width: 100%; }
	.main-menu { width: 100%; height: 40px; margin: 0px auto; }
	.main-menu ul { padding-left: 100px; }
	.main-menu ul li { margin-right: 20px; }
	.hero-unit { margin-top: 90px; height: 200px; padding-left: 40px; }
	.carousel { margin-bottom: 0; height: 179px; }
  	.carousel-indicators { top: 168px; left: 0px; }
	.box-content { padding-left: 20px; }
	.media>img.pull-left { margin-right: 10px; }
	.text-hp { width: auto; }
	.news-feed { width: 275px; }
	.footer-content { width: 760px; }
	.footer-content p { margin: 10px 15px 0 20px; }
}

@media (max-width: 767px) {
	.container-fluid { padding: 0 20px 0 20px; }
	.navbar-fixed-top { margin-bottom: 0; }
    .main-menu { width: 100%; height: 246px; margin: 0px auto; }
    .main-menu ul { margin: 0 auto; text-align: center; float: left; width: 82%; padding: 0 0 0 1px; }
    .main-menu ul li { float: none; display: block; padding: 10px 10px 10px 10px; margin: 0px; background-color: #4A4A51; border-bottom: 1px solid #333333; }
    #wrap.box-two { width: 100%; }
    .bg-hp { width: 100%; }
    .bg-top { margin-top: 0; }
    .span3 { width: 220px; }
    .span7 { width: 100%; }
    .span7 .hero-unit { width: 80%; height: 210px; padding: 40px 0 0 80px; }
    .hero-downloads { padding-left: 35px; }
    .box-content { padding: 20px 0 30px 40px; }
    .text-hp { width: auto; }
    .news-feed .media { padding-right: 35px; }
    .news-feed { width: 100%; background-color: #434254; }
    .media .pull-left { float: left; }
	.media .pull-right { float: right; }
	#footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
	.footer-content p { margin: 10px 20px 0 20px; }
}

@media (max-width: 480px) {
    .news-feed { width: 366px; background-color: #434254; }

}