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


html, body {
	 padding:0; 
	 margin:0; 
}

body {
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif ; 	 
	font-size:12px; 
	line-height:20px;
	color:#484848;
	background: url(../images/bg-body.jpg) 0 0 repeat-x #e0e0e0;
}
	




a {
	text-decoration:none; cursor:pointer
}
a:hover {
	text-decoration:none
}
p{
	padding-bottom:20px
}

/*
ul {
	margin:0; 
	padding:0;
	list-style-image:none;
}*/


.offset-0 {
	margin: 0!important; padding:0!important
}
.m-top-0{
	margin-top:6px
}.m-top-1{
	margin-top: 24px
}
.m-auto {
	margin-left: auto!important; margin-right: auto!important
}

.p0 {
	padding:0!important
}

.bot-0{
	margin-bottom: 6px
}.bot-1{
	margin-bottom: 18px
}
.bot-2{
	margin-bottom: 34px
}
.bot-3{
	margin-bottom: 10px
}


.f-left {
	float: left
}
.f-right {
	float: right
}
.f-none {
	float: none
}
.text-c {
	text-align: center
}.text-l {
	text-align: left
}.text-r {
	text-align: right
}

.list-unstyled{padding-left:0; list-style:none}

.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}

.d-ib {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.captcha {
	margin-left: 15px;
	cursor: pointer;
}

.button{
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12px; 
	line-height: 20px;
	padding:7px 11px 7px 11px;
	background: url(../images/bg-button.jpg) 0 0 repeat-x #777777; 
	color:#eaeaea ; 
	box-shadow: 0 3px 3px rgba(0,0,0,0.16);
	text-transform:uppercase;
}
.button:hover{
	background:#ffc000;
	color:#000;
}

.clear {
	clear:both; line-height:0; font-size:0; width:100%
}

h1 {
	display: inline-block;
	float:left;
	overflow:hidden;
	margin:49px 0 0 40px;
}
h1 span {
	text-indent:-800px;
	display:inline-block;
}
h1 a {
	display:inline-block
}
h2 { 
	font-size:30px; 
	line-height:36px;
}
h3, h4 {
	font-size:24px; 
	line-height: 30px; 
}
h3 a {
	color:#5f5f5f
}
h3 a:hover {
	color:#ffc000
}
.left-h3 {
	padding-left:21px
}
.bord-both3 {
	border-bottom:1px solid #dadada;
	padding-bottom:30px;
	margin-bottom:18px;
}


h2, h3, h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#5f5f5f; 
	font-weight:bold;
	text-transform:uppercase;
}

h4 {
	margin-bottom: 5px;
}

h4 a {
	color:#5f5f5f
}
h4 a:hover {
	color:#ffc000
}
   
.main-container {
	padding: 0;
	min-width: 300px;
}


#content{
	padding-bottom:45px; 
	margin:0;
    position:relative; 
	z-index:1;
	background:#f3f3f3;
}

@media (min-width:768px) {
	#content{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.about-page {
		font-size: 14px;
	}
}


/* MENU */	
.navbar-header {
	height: 50px;
}
.navbar-header > div,
.navbar > .container .navbar-brand {
	margin: 0;
	padding: 0 0 0 5px;
}
.navbar > .container .navbar-brand img {
	width: 100%;
	padding-top: 7px;
}
.navbar,
.navbar-nav {
	margin-top: 0;
	margin-bottom: 0;
}

.navbar-nav > li.dropdown {
	font-weight:bold;
	position:relative;
}

.navbar-inverse .navbar-nav > li {
	border-top: 1px solid #505050;
}
.navbar-inverse .navbar-nav > li,
.navbar-inverse .navbar-nav > li.open > a {
	border-bottom: 1px solid #101010;
}

.navbar-inverse .navbar-nav > li:last-child {
	border-bottom: 0;
}.navbar-inverse .navbar-nav > li:first-child {
	border-top: 0;
}


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
	background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #222222 100%);
	background-image: -o-linear-gradient(top, #1f1f1f 0%, #222222 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#222222));
	background-image: linear-gradient(to bottom, #1f1f1f 0%, #222222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f1f1f', endColorstr='#ff222222', GradientType=0);
}
.navbar-toggle {
	margin-right: 8px;
}
.navbar-toggle.lngsel {
	padding: 7px 8px
}
.navbar-toggle img {
	height: 18px;
}

#nav-lng img {
	float: left;
	margin-right: 8px;
	height: 20px;
}


@media (min-width: 420px) {
	.navbar > .container .navbar-brand img {
		padding-top: 0;
	}
}
@media (min-width: 768px) {

	.navbar .navbar-right {
		margin-right: -15px;
	}
	
	.navbar > .container .navbar-brand {
		margin: 10px 15px 0 0;
	}
	.navbar-nav {
		background: none;
	}
	.navbar-inverse .navbar-nav > li,
	.navbar-inverse .navbar-nav > li.open > a {
		border-top: 0;
		border-bottom: 0;
	}
	.navbar-right .navbar-nav > li > a,
	.navbar-nav > li {
		border-left: 1px solid #696969;
		font-size:14px;
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform:uppercase;
	}

	.navbar-nav > li:last-child {
		border-right: 1px solid #696969;
	}

	.navbar-inverse .navbar-nav > li.active,
	.navbar-inverse .navbar-nav > li:hover,
	.navbar-inverse .navbar-nav > li:focus,
	.navbar-inverse .navbar-nav > li.dropdown:hover,
	.navbar-inverse .navbar-nav > li.dropdown.open {
		background: #4e4e4e url(../images/bg-li-hov.jpg) top left repeat-x;
	}

	.navbar-inverse .navbar-nav > li > a {
		display:block;
		color:#a5a5a5;
		padding:25px 13px 25px 14px;
		background: none!important;
	}

	.navbar-inverse .navbar-nav > li.active > a,
	.navbar-inverse .navbar-nav > li > a:hover,
	.navbar-inverse .navbar-nav > li > a:focus,
	.navbar-inverse .navbar-nav > li.dropdown > a,
	.navbar-inverse .navbar-nav > li.dropdown > a:hover {
		color:#fff!important;
	}

	.navbar-nav > li.dropdown {
		font-size: 21px;
		line-height: 26px; 
		float:left; 
		font-family: 'Open Sans Condensed', sans-serif;
		text-transform: uppercase;
		border-left:1px solid #888;
	}

	.navbar-nav > li.dropdown ,
	.navbar-nav > li > .dropdown-menu {
		background: #383838 url(../images/bg-li.jpg) top left repeat-x;
		border-radius: 0;
	}

	.dropdown-menu > li > a {
		color: #fff;
		padding-left: 8px;
	}
}


/* MAIN SLIDER */

#slide {
	position:relative; 
	overflow:hidden; 
	z-index:1; 
	background:url(../images/bg-slider.jpg) 0 bottom repeat-x #f3f3f3;
	padding: 20px 0 40px 0;
	text-align: center;
}

.slider {
	position: relative; 
	z-index:1;
	max-width: 780px; 
	overflow: visible !important; 
	box-shadow: 0 10px 5px rgba(0,0,0,0.5);
	margin-bottom: 20px;
}

.slider .items {
	display:none
}

.slidewrap {
	width: 300px;
}

.slider .pic {
	background-size: 100% 100%!important;
	max-width: 780px; 
	width: 220px!important;
	height: 141px!important;
	padding: 0 40px;
}

.banner {
	width: 100%;
	position:absolute;
	z-index:15; 
	left: 0; 
	bottom: 0;
	background: url(../images/bg-banner.png) 0 0 repeat;
	color:#919191;
	font-size:10px;
	line-height:13px;
	padding: 8px 12px;
}

.banner strong {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	line-height:19px;
	color:#eaeaea;
	display:block;
	padding-bottom: 3px;
}

.next,
.prev {
	display:block;
	width: 60px; 
	height: 60px; 
	position:absolute; 
	z-index:1000; 
	top: 70px; 
	background: url(../images/prev.png) 0 0 no-repeat; 
}
.prev {
	left: 10px; 
}
.next {
	background-image: url(../images/next.png); 
	right: 10px; 
}
.next:hover, 
.prev:hover {
	background-position: left bottom
}


.slidebox {
	position: relative; 
	z-index:1000; 
	display: block;
	list-style: none;
}
.slidebox li {
	position:relative;
	margin: 0 8px 15px;
	box-shadow: 0 5px 3px rgba(0,0,0,0.6);
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.slidebox a {
	display:block; 
	height:100%;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.slidebox a span{
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	bottom:50%;
	right:50%;
	border:8px solid transparent;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.slidebox li.current a span, .slidebox li:hover a span{
	left:0;
	top:0;
	bottom:0;
	right:0;
	border:8px solid #404040;
}

.slidebox li img {
	width: 100%;
}

.slidebox.main_slider li {
	max-width:110px;
}

.slidebox.youtube li a div {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	background:  url(../images/youtube.png) center center no-repeat;
}

@media (min-width: 480px) {
	.banner {
		font-size:12px;
		line-height:16px;
	}
	.banner strong{
		font-size:18px;
		line-height:22px;
	}
	.slidewrap {
		width: 480px;
	}
	.slider .pic {
		height: 255px!important;
		width: 400px!important;
	}
	.next,
	.prev {
		top: 120px; 
	}
}

@media (min-width: 768px) {
	.banner {
		font-size:14px;
		line-height:16px;
		padding: 12px 18px;
	}
	.banner strong{
		font-size:22px;
		line-height:28px;
	}
	.slidewrap {
		width: 768px;
	}
	.slider .pic {
		height: 434px!important;
		width: 678px!important;
	}
	.next,
	.prev {
		top: 220px; 
	}
	.slidebox.w-auto li {
		float: none;
		margin: 0 auto 10px auto; 
	}
	.slidebox.main_slider li {
		max-width: none;
	}
}
@media (min-width: 992px) {
	.banner {
		line-height:18px;
		padding: 15px 31px 10px 31px;
	}
	.banner strong{
		font-size:26px;
		line-height:31px;
		padding-bottom: 6px;
	}
	.slidewrap {
		width: 850px;
	}
	.slider .pic {
		padding: 0;
		height: 500px!important;
		width: 780px!important;
	}
	.next,
	.prev {
		top: 270px; 
	}
	.prev {
		left: 40px; 
	}
	.next {
		right: 40px; 
	}
}

@media (min-width: 1200px) {
	.banner strong{
		font-size:30px;
		line-height:36px;
	}
}



/* SIDEBARS */

.block-1{
	font-size:11px;
	float:left;
	width:72px;
	margin-right:18px;
	margin-bottom:11px;
}
.block-1 img{
	margin-bottom:6px
}
.block-1 a{
	color:#484848
}
.block-1 a:hover{
	color:#fd7a0f
}


.bord-bot{
	border-bottom:1px solid #dadada;
	padding-bottom:8px;
	margin-bottom:9px;
}

.box{
	background:  url(../images/bg-box.jpg) 0 0 repeat-x #eaeaea;
	padding:30px 40px 31px 40px;
	overflow:hidden;
	margin-bottom:61px;
}
.block-2{
	width:165px;
	float:left;
	margin-right:22px;
}
.block-2 div{
	background: url(../images/bg-block-2.jpg) 0 bottom no-repeat #343434;
	padding-bottom:12px;
	margin-bottom:28px;
}
.block-2 div img{
	margin-bottom:10px
}
.block-2 span{
	font-size:14px;
	color:#fff;
	padding:0 15px;
	display:block;
}
.block-3{
	border-bottom:1px solid #d8d8d8;
	padding-bottom:28px;
	margin-bottom:28px;
}
.block-3 img{
	width: 100%; max-width: 400px
}


.box-1{
	padding:20px 9px 27px 18px;
	border:1px solid #c2c2c2;
	margin:19px 0 0 0;
}
.box-1>h3{
	margin-bottom:23px
}
.box-1 span{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	line-height:20px;
	color:#484848;
	text-transform:uppercase;
	display:block;
	padding:3px 0 0 0;
}
.box-1 img{
	margin-bottom:25px; width: 100%; max-width: 300px
}

.box-1 .list {
	list-style: none
}
.box-1 .list li{
	padding:9px 0
}
.box-1 .list li:first-child{
	border-top:1px solid #dadada
}

	
.div-img {
	float:left;
	background: #333;
	position: relative;
}
.div-img img{
	width: 100%
}
.div-img p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 15px 20px;
}


.div-youtube{
	border:1px solid #c2c2c2;
	margin:23px 0 43px 0;
	padding:19px 0 26px 17px;
}
.div-youtube a{
	display:inline-block;
	margin-right:15px;
}
.div-youtube strong {
	color:#5f5f5f;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	line-height:24px;
	text-transform:uppercase;
	display:block;
	margin:11px 0 10px 0;
}
.div-youtube span{
	display:block;
	font-size:11px;
	line-height:19px;
}


.pp h2{
	border-bottom:1px solid #c2c2c2;
	padding-bottom:23px;
}
.pp h3{
	border-bottom:1px solid #c2c2c2;
	padding-bottom:29px
}
.pp-1{
	text-decoration:underline;
	color:#484848
}
.pp-1:hover{
	color:#ffd800;
	text-decoration:underline;
}



/* FOOTER */
footer{ 
	font: bold 14px Arial, Helvetica, sans-serif; 
	color:#686868;
	text-indent:0;
	text-align:right;
	padding-top: 21px; 
	padding-bottom: 15px;
}

/*footer a {
	color:#383838 
}
footer a:hover{
	color:#000;
	text-decoration:underline;
}*/

#social li a {
	display: block;
	margin-top: 7px;
	font-size: 22px;
	color: #686868;
}#social li a:hover {
	color: #000;
}


/* WIDGETS */
#twitter-widget-0 {
	width: 100%!important;
	max-width: auto!important;
}

/* APP */
.loadapp {
	padding: 25px 0 10px;
	text-align: center;
}

@media (min-width: 481px) {
	.loadapp a {
		margin-right: 15px;
		margin-bottom: 15px;
		float: left;
	}
}

@media (max-width: 480px) {
	.loadapp a {
		margin-bottom: 10px;
		display: inline-block;
		float: none;
		
	}
}

/*
.tabs{
	overflow:hidden;
	margin:-45px 0 43px 0
}
.tabs>div { 
	position:relative; 
	overflow:hidden;
}
.tabs .tab-content {
	background: url(../images/bg-tab-content.jpg) 0 0 repeat-x #eaeaea;
	padding:18px 40px 24px 40px ;
}
.tabs .tab-content .button{
	margin:4px
}
.tabs ul.nav {
	list-style-image:none; 
	display:inline-block; 
	overflow:hidden;
	float:right;
}
	

	
	
	
.tabs .list{
	margin-bottom:4px
}
.tabs ul.nav li {
	font-size:11px;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	background:transparent;
	display: inline-block;
	text-transform:uppercase;
	float:left;
}
.tabs ul.nav li a {
	display:block;
	color:#484848 ;
    display:inline-block;
	padding:24px 31px 25px 31px;
}
.tabs ul.nav li.selected, .tabs ul.nav li:hover {
	background: url(../images/bg-li-tabs.jpg) 0 0 repeat-x #fdfdfd
}
*/