@charset "UTF-8"; 

#footer-menu, menu, nav, section {
	display: block
}

a, header {
	color: #96bf1f;
}

.search_bar, .search_bar-responsitive {
	vertical-align: 7px;
	display: inline-block
}

#error_form, #footer-menu, #footer_social, #logo_content,
	#newsletter_success, #second_menu, .note_privacy, .page_notfound {
	text-align: center
}

#back_bar, #scroll_arrow_slidershow, #search_bar, #search_button,
	.lang_change, .newsletter_bt, .pages_line, .pages_line_inner_tab, div.close,
	input[type=submit] {
	cursor: pointer
}

body, html {
	margin: 0;
	overflow: hidden
}

html {
	height: 100%
}

img {border:0;}

body {
	color: #555;
	background-color: #fff;
font-family: 'Barlow Semi Condensed', sans-serif;
line-height: 1.5em;
	font-size:1.1em;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important
}

h1{
	font-size:1.7em;
	font-weight:600;
	padding-top:0;
	margin-top:0;
	color:#96bf1f;
}

h2{
	font-size:1.5em;
	font-weight:600;
	padding-top:0;
	color:#96bf1f;
}

a:hover {
	color: #96bf1f;
}

p {
	margin: 0
}

*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

::-moz-selection {
	background: #A29061;
	color: #000
}

.clear {
	clear: both
}

#header_content {
	width: 100%;
	background-color:#fcfcfc;
}

#header-line-content{
	width:100%;
	background-color:#fff;
	padding:0 0 10px 0;
border-bottom:2px solid #96bf1f;
}

header {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto
}

#logo_content {
	width: 100%;
	padding: 10px 0;
	margin: 0;
	line-height: 0
}

#logo_content img {
	max-width: 300px;
	padding: 0
}

#container {
	width: 100%;
	margin: 0
}

#header_sx_container {
	float: left;
	height: 100%;
	width: 90%
}

#header_dx_container {
	float: right;
	height: 100%;
	width: 8%;
	text-align: right;
	padding: 15px 0 0 0;
	margin: 0 10px 0 0;
}

.search_bar {
	margin: 0 15px 0 0;
	line-height: 0;
	border: 1px solid #ddd
}

.search_bar input {
	padding: 5px;
	font-size: 100%;
	color: #999;
	border: transparent
}

.search_bar-responsitive {
	margin: 5px auto 0 15px;
	line-height: 0;
	border: 1px solid transparent
}

.search_bar-responsitive input {
	padding: 5px;
	font-size: 100%;
	color: #999;
	border: transparent;
	width: 80%;
	margin: 0 auto
}

#search_button {
	padding: 4px;
	border: 0;
	height: 100%;
	background-color: transparent
}

#menu_container_mobile {
	display: none;
	width: 100%;
	margin: .8% 0 0
}

#sx_header_mobile {
	float: left;
	text-align: left;
	width: 50%
}

#dx_header_mobile {
	float: right;
	text-align: right;
	width: 50%
}

#content {
	width: 100%;
	padding: 0;
	min-height: 72%
}

#content_page {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto
}

#second_menu {
	width: 100%;
	margin: 0;
	padding: 0;
	display: none
}

.page_notfound {
	padding: 3%;
	width: 80%;
	margin: 10% auto;
	border: 3px solid #ccc;
	background-color: #fff
}

.page_notfound h2 {
	color: #000
}

#footer {
        background-color: #fff;
	width: 100%;
	padding: 10px 0 35px;
	margin: 45px 0 0;
	font-size: .9em;
	color: #777;
        border-top:1px solid #96bf1f;
}

#footer_cont {
	width: 90%;
	margin: 0 auto
}

#cols_sx_footer {
	float: left;
	width: 50%;
	vertical-align: top
}

#cols_dx_footer {
	float: right;
	vertical-align: top;
	text-align: right
}

#footer-menu {
	width: 100%;
	margin: 0 0 30px
}

#footer_social {
	width: 100%;
	margin: 0 0 10px;
	text-align:left !important;
}

#footer_contact{
	text-align:left !important;
}

.language_cont {
	border-left: 1px solid #96bf1f;
	margin: 0;
	display: inline-block;
	padding:0;
}

#language_label {
	color: #96bf1f;
	margin: 0 10px 5px 0;
	display: inline;
	font-size: 12px
}

.lang_change_set {
	display: inline;
	margin: 0 0 0 10px;
	list-style: none
}

.lang_change img {
	width: 33px;
	vertical-align: middle
}

.lang_change {
	text-transform: uppercase;
	font-size: 1em;
	color: #96bf1f;
	text-decoration: none;
}

.lang_change:hover {
	text-transform: uppercase;
	color: #777;
}

.language_select {
	font-size: 19px;
	padding: 0 20px 0 0
}

.note {
	font-size: 14px
}

.italic {
	font-style: italic
}

#newsletter_form label {
	color: #333;
	display: block;
	font-size: 1.3em
}

.input_text_newsletter {
	color: #666;
	padding: 1% 2%;
	width: 60%;
	font-size: 100%;
	margin: 3px 0 0
}

.newsletter_bt, .newsletter_bt:hover {
	width: 25%;
	font-size: 100%;
	padding: 1% 5%;
	margin: 0 auto 15px;
	border: 0;
	color: #000
}

.newsletter_bt {
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0, #bbb),
		color-stop(100%, #888));
	background: -moz-linear-gradient(top, #bbb, #888)
}

.newsletter_bt:hover {
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0, #999),
		color-stop(100%, #777));
	background: -moz-linear-gradient(top, #999, #777)
}

#body_newsletter_popup {
	padding: 15px
}

#areaprivacy {
	width: 100%;
	padding: 5px;
	overflow-y: scroll;
	height: 100px;
	border: 1px solid #bbb
}

.note_privacy {
	font-size: 11px;
	margin: 0 0 7px;
	width: 100%
}

#newsletter_success {
	color: green;
	padding: 15px 0;
	display: none
}

#newsletter_captchaerror, #newsletter_emailexist {
	color: red !important;
	display: none;
	font-size: 13px
}

#webmaster a, .footer_mail, .link_copy {
	color: #96bf1f;
	text-decoration: none
}

#copyright_namesite {
	text-transform: capitalize
}

#scroll_arrow_slidershow {
	position: absolute;
	z-index: 15;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	left: 0;
	bottom: 40px;
	display: none
}

.narrow {
	color: #999
}

.link_small {
	color: #ccc;
	font-size: .7em
}

.area_text, .input_text {
	padding: 2%;
	font-size: 100%;
	margin: 3px 0 0;
	width: 100%
}

.area_text {
	border: 1px solid #ddd
}

.error {
	color: red !important;
	display: block !important;
	font-size:0.8em;
}

#error_form {
	color: red;
	display: block;
	margin: 0 0 10px
}

.input_text_form, .input_text_form2, .input_text_form_rid {
	margin: 3px 0 0;
	font-size: 100%
}

.select-area {
	width: 100%;
	font-size: 100%
}

.input_text_form {
	padding: 7px;
	width: 100%
}

.input_text_form2 {
	padding: 1%;
	width: 100%
}

.input_text_form_rid {
	padding: 7px
}

.bt_confirm {
	cursor: pointer;
	display: block;
	font-size: 100%;
	padding: 7px 5% !important;
	margin: 0 auto 15px;
	border: 0;
	color: #fff;
	background-color:#96bf1f;
}

.bt_confirm:hover {
	color: #fff;
	background-color:#809b1e;
}

.bt_discover {
	cursor: pointer;
	font-size: 100%;
	padding: 7px 5% !important;
	margin: 0 auto 15px;
	border: 0;
	color: #fff;
	background-color:#96bf1f;
	text-decoration:none;
	margin:10px 0 0 0;
	display:inline-block;
}

.bt_discover:hover {
	color: #fff;
	background-color:#809b1e;
}

#search_bar {
	text-align: right;
	padding: 15px;
	width: 100%;
	margin: 15px auto 5px;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0,
		transparent), color-stop(100%, #151515));
	background: -moz-linear-gradient(top, #111, transparent);
	text-transform: uppercase
}

#pages_line_cont, .pagination {
	text-align: center
}

#search_bar input[type=submit] {
	font-size: 100%;
	padding: 9px 15px !important;
	margin: 0 auto;
	border: 0;
	color: #000;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0, #fff),
		color-stop(100%, #ccc));
	background: -moz-linear-gradient(top, #fff, #ccc)
}

#search_bar input[type=submit]:hover {
	color: #000;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0, #ccc),
		color-stop(100%, #fff));
	background: -moz-linear-gradient(top, #fff, #ccc)
}

.pagination {
	width: 100%;
	margin: 30px 0 0
}

.pagination li {
	border: 1px solid #ccc;
	padding: 5px;
	display: inline;
	margin: 0 5px 0 0
}

.pagination_number a {
	text-decoration: none;
	color: #777
}

.pagination_number a:hover {
	text-decoration: none;
	color: #009ee0
}

#auth_panel, #userlog, .popup h3 {
	color: #000
}

.pagination_number_select a {
	text-decoration: none;
	color: #000
}

.pagination_number_select {
	border: 1px solid #000 !important
}

.pagination_num_result {
	display: block !important;
	border: 0 !important;
	margin-top: 10px !important
}

.socialmedia {
	display: inline;
	padding: 0;
	line-height: 0
}

.socialmedia li {
	display: inline-block;
	padding-left: 5px;
	line-height: 0
}

.socialmedia img {
	width: 30px;
	vertical-align: middle
}

#background-on-popup, .popup {
	position: fixed;
	display: none;
	width: 100%
}

.popup {
	background-color: #eee;
	border: 3px solid #999;
	max-width: 480px;
	min-width: 280px;
	margin-top: 20px;
	margin-bottom: 20px;
	left: 50%;
	top: 20%;
	margin-left: -240px;
	border-radius: 4px;
	z-index: 2
}

#background-on-popup {
	z-index: 1;
	height: 100%;
	background: #000;
	top: 0;
	left: 0
}

.video_iframe, div.close {
	position: relative
}

div.close {
	background: url(../../../img/ico/closebox.png) 0 no-repeat;
	float: right;
	height: 16px;
	top: 10px;
	right: 10px;
	width: 16px
}

.pages_line:hover, .pages_line_inner_tab {
	background-color: #111
}

.pages_line {
	padding: 15px;
	width: 90%;
	margin: 15px auto 5px;
	border-radius: 8px;
	display: table
}

.pages_line_inner {
	display: table-row
}

.pages_line a {
	text-decoration: none
}

.pages_line h2, .pages_line h3 {
	line-height: 5px;
	display: inline
}

.pages_line_dx_cols, .pages_line_sx_cols {
	display: table-cell;
	vertical-align: middle
}

.pages_line_date {
	font-size: 14px;
	color: #999;
	line-height: auto
}

.pages_line_sx_cols {
	text-align: center;
	width: 170px
}

.pages_line_dx_cols {
	text-align: left;
	padding: 0 0 0 15px
}

#auth_panel h2, #back_bar, #login_response_error, #userlog,
	.pages_line_inner_tab {
	text-align: center
}

#back_bar, #pages_line_vars {
	padding: 15px;
	margin: 15px auto 5px
}

#back_bar {
	width: 100%;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0,
		transparent), color-stop(100%, #ddd));
	background: -moz-linear-gradient(top, #ddd, transparent);
	text-transform: uppercase
}

#pages_line_vars {
	width: 90%
}

.pages_line_sx_cols_vars {
	float: left;
	width: 200px;
	padding: 26px 15px 15px 0
}

.pages_line_inner_tab {
	display: inline-block;
	margin: .5em;
	max-width: 200px;
	vertical-align: top;
	padding: 10px;
	border: 6px solid #222
}

.pages_line_grid_image {
	width: 100%;
	overflow: hidden
}

.pages_line_grid_image img {
	width: 100%
}

.pages_line_grid_cont h2, h3 {
	line-height: 0;
	font-size: 16px
}

.pages_line_grid_cont p {
	line-height: 16px;
	font-size: 13px
}

.wrapper_video {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: 0 0;
	max-width: 1280px
}

.video_iframe .ratio {
	display: block;
	width: 100%;
	height: auto
}

.video_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#auth_panel {
	width: 35%;
	margin: 4% auto 0;
	padding: 2%;
	background-color: #fff;
	border: 5px solid #ddd
}

#auth_panel p {
	color: #555
}

#login_response_error {
	color: red;
	display: block;
	padding: 0 0 10px
}

#userlog {
	padding: 0 2% 0 0;
	width: 100%
}

#userlog img {
	width: 20px
}

#userlog_mobile {
	padding: 4% 2% 0 10%;
	text-align: left;
	color: #fff
}

.logout {
	color: #fff;
	font-size: 90%
}

.logout img {
	width: 11%;
	vertical-align: middle
}

.prelogin {
	margin: 40px 0 0
}

#bodymodule_info {
	width: 80%;
	max-width: 500px;
	background-color: #f9f9f9;
	padding: 15px;
	margin: 0 auto;
	font-size: 1em
}

#bodymodule_info_success {
	background-color: #d7f1ca;
	border-color: 1px solid #a4c494;
	color: #2b690c;
	width: 90%;
	margin: 10px auto;
	padding: 10px;
	text-align: center
}

#bodymodule_info_success_result {
	margin: 15px 0 0;
	text-align: left
}

#bodymodule_info_success_result p {
	margin: 8px 0 0
}

#bodymodule_info_success_music {
	width: 100%;
	background-color: #fff;
	padding: 10px;
	text-align: left;
	margin: 5px 0 0
}