/*
# ------------------ BEGIN LICENSE BLOCK ------------------
#
# This file is part of PluXml : http://www.pluxml.org
#
# Package:		theme.css
# Copyright (c) 2016 PluXml
# Authors		Jos
# Licensed under the GPL license.
# See http://www.gnu.org/licenses/gpl.html
#
# ------------------- END LICENSE BLOCK -------------------
*/

/* ---------- Header ---------- */

@font-face {
    font-family: 'lato-black';
    src: url('fonts/lato-black-webfont.eot');
    src: url('fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-black-webfont.woff2') format('woff2'),
         url('fonts/lato-black-webfont.woff') format('woff'),
         url('fonts/lato-black-webfont.ttf') format('truetype'),
         url('fonts/lato-black-webfont.svg#lato-black') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-bold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff'),
         url('fonts/lato-bold-webfont.ttf') format('truetype'),
         url('fonts/lato-bold-webfont.svg#lato-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-light';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff'),
         url('fonts/lato-light-webfont.ttf') format('truetype'),
         url('fonts/lato-light-webfont.svg#lato-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lato-regular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato-regular-webfont.svg#lato-regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'merriweatherbold';
    src: url('fonts/merriweather-bold-webfont.eot');
    src: url('fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweather-bold-webfont.woff2') format('woff2'),
         url('fonts/merriweather-bold-webfont.woff') format('woff'),
         url('fonts/merriweather-bold-webfont.ttf') format('truetype'),
         url('fonts/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #fff;
    font-family: "lato-regular";
    font-size: 15px;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6{
    font-family: lato-black;
    font-weight: normal;
    line-height: 1.2;
	color:#3a3a4d;
	margin:0 0 2rem;
	}
	


.main-wrap{
	}
	
.main-banner-header{
    position: relative;
    top: -24px;
    z-index: 0;
	}
	
.main-banner-header h1 {
    color: #fff;
    font-family: lato-black;
    font-size: 58px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
    top: 110px;
    width: 100%;
    z-index: 9;
}
	
.main-banner-header img{
    height: 528px;
	}
	
.clear{
	clear:both;
	}
	
.header {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0.9rem 3rem .5rem;
}

.header h1 a:hover {
	text-decoration: none;
}

.header-left{
	float:left;
	}
	
.header-right{
	float:right;
	}
	
ul#top-menu-bar{
    margin: 0;
    padding: 30px 0 0;
    width: auto;
	}	
	
ul#top-menu-bar li{
    display: inline-block;
    list-style: outside none none;
    padding: 0 0 0 12px;
	}
	
ul#top-menu-bar a{
    background: #eee none repeat scroll 0 0;
    border-radius: 3px;
    color: #777 !important;
    display: inline-block;
    font-family: "lato-regular";
    padding: 3px 14px;
    text-decoration: none !important;
	}
	
ul#top-menu-bar a:hover, ul#top-menu-bar li.active a{
    background: #f7941d none repeat scroll 0 0;
    color: #fff !important;
	}
	
/* ----- Menu ----- */

.nav {
    height: auto;
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 3rem;
    padding-right: 3rem;
    position: relative;
    z-index: 9;
}
.nav .menu.expanded li:hover {
	background-color: #f7781b;
}
.nav a {
    color: #fff;
    font-size: 15px;
    font-family: 'lato-black';
	
}

.responsive-menu{
	background:#3a3a4d;
	color:#fff
	}
	
.cat-menu{
	}

.cat-menu li{
    margin-right: 1px;
	}
	
.cat-menu li a{
    padding: 15px 14px !important;
    text-transform: uppercase;
	}
	
.cat-menu li a:hover, .cat-menu li a.active{
    background: #f7941d none repeat scroll 0 0; !important;
    color: #fff !important;
	}

@media (max-width: 767px) {
	.nav {
		background-color: #fff;
		border-bottom: 1px solid #bbb;
		height: auto;
		left: 0;
		max-height: 200px;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
	.nav .menu.expanded li:hover {
		background-color: #ddd;
	}
	.nav a {
		color: #258fd6;
	}
	.nav a:hover {
		color: #444;
	}
	
.responsive-menu label {
    background-color: #3a3a4d;
    padding: 10px 15px;
    text-transform: uppercase;
}

.nav {
    padding-left: 0;
    padding-right: 0;
}

.header {
    height: auto;
    margin-top: 3rem;
    text-align: center;
	padding:1rem 20px;
}

.header-left {
    float: none;
}

.header-right {
    float: none;
}

ul#top-menu-bar {
    padding: 15px 0 0;
}

.main-banner-header {
    top: 0;
}

.main-banner-header h1 {
    font-size: 44px;
    padding: 0 15px;
    top: 50px;
}

.main-banner-header img {
    height: 362px;
}

}

@media (max-width: 479px) {
.sidebar-contact-form {
    padding: 38px 20px 20px !important;
}

.main-banner-header img {
    height: 260px;
}

.main-banner-header h1 {
    font-size: 30px;
    padding: 0 15px;
    top: 39px;
}

.contact-frame iframe {
    border: 0 none;
    height: 1164px;
}
	
}

/* ---------- Main ---------- */

.main {
	background-color: #fff;
	margin-bottom: 2rem;
}
.repertory {
	margin-top: 2rem;
}
.pagination a {
	background-color: #f7941d;
	color: #fff !important;
	padding: .525rem .7rem;
}
.pagination a:hover {
	background-color: #3a3a4d;
	color: #fff !important;
	text-decoration: none;
}
.pagination span:first-letter,
.pagination a:first-letter {
	text-transform: uppercase;
}
.p_first,
.p_prev,
.p_current,
.p_next,
.p_last {
	display: inline-block;
}

/* ---------- Article ---------- */

.article header h1 {
    font-size: 38px;
    font-weight: bold;
}
.article header h1 a {
    color: #3a3a4d !important;
	text-decoration:none !important;
}

.article header h1 a:hover {
    color: #f7941d !important;
}
a {
    background: transparent none repeat scroll 0 0;
    color: #f7941d;
    text-decoration: none;
}

a:hover {
    color: #3a3a4d !important;
}
.article img.art_thumbnail {
	padding: 15px 0 10px 0;
}
.article,
.pagination {
	margin-bottom: 4rem;
}
.article.static {
	margin-bottom: 0;
}

.pagination {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 25px;
}

.article {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2rem;
    padding-bottom: 25px;
}

article header small {
    background: #eee none repeat scroll 0 0;
    display: block;
    padding: 3px 10px;
}

/* ---------- Comment ---------- */

.comment {
	background-image: url('../img/user.png');
	background-repeat: no-repeat;
	margin-bottom: 2rem;
	padding-left: 4rem;
}
.comment blockquote {
	margin: 0;
}
.type-admin {
	background-color: #F0F8FF;
	padding: 2px 5px;
}
.nbcom {
	background-color: #258fd6;
	color: #fff;
	padding: .2rem .3rem;
}
.nbcom:hover {
	background-color: #3a6c96;
	color: #fff;
	text-decoration: none;
}
.level-0 {
	margin-left: 0;
}
.level-1 {
	margin-left: 50px;
}
.level-2 {
	margin-left: 100px;
}
.level-3 {
	margin-left: 150px;
}
.level-4 {
	margin-left: 200px;
}
.level-5,
.level-max {
	margin-left: 250px;
}
#id_answer {
	margin-bottom: 10px;
	padding:15px;
	border:1px solid #eee;
	width:100%;
	background:#fafafa;
	display:none;
}
.capcha-letter,
.capcha-word {
	font-weight: bold;
}
.capcha-word {
	background-color: #ccc;
	letter-spacing: 0.3em;
	padding: .525rem .7rem;
}

/* ---------- Aside ---------- */

.aside {
	padding-left: 3rem;
}



@media (max-width: 768px) {
	.aside {
		margin-top: 2rem;
		padding-left: 1rem;
	}
	
.nav a {
    font-size: 13px;
}
}
.aside h3 {
	font-size: 1rem;
	font-weight: bold;
	margin-top: 2rem;
	text-transform: uppercase;
}
.aside ul {
	margin: 0;
}
.aside li:first-letter {
	text-transform: uppercase;
}
.aside ul.tag-list {
	list-style-type: none;
	padding-left: 0;
}
.aside ul.tag-list li {
	display: inline-block;
	margin-right: 1rem;
}
.aside ul.tag-list li.tag-size-1 {
	font-size: 1rem;
}
.aside ul.tag-list li.tag-size-2 {
	font-size: 1.1rem;
}
.aside ul.tag-list li.tag-size-3 {
	font-size: 1.2rem;
}
.aside ul.tag-list li.tag-size-4 {
	font-size: 1.3rem;
}
.aside ul.tag-list li.tag-size-5 {
	font-size: 1.4rem;
}
.aside ul.tag-list li.tag-size-6 {
	font-size: 1.5rem;
}
.aside ul.tag-list li.tag-size-7 {
	font-size: 1.6rem;
}
.aside ul.tag-list li.tag-size-8 {
	font-size: 1.7rem;
}
.aside ul.tag-list li.tag-size-9 {
	font-size: 1.8rem
}
.aside ul.tag-list li.tag-size-10 {
	font-size: 1.9rem;
}
.aside ul.tag-list li.tag-size-max {
	font-size: 2rem;
}

/* ---------- Footer ---------- */

.footer {
    background: #3a3a4d none repeat scroll 0 0;
    color: #fff;
    padding: 2rem 0;
	text-align:center;
}

.footer-inner{
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 3rem;
	}
	
.footer-box{
	width:auto;
	margin:0 auto;
	}
	
.footer-box-1{
	}
	
.footer-box-2{
	}
		
.footer-box img{
	}
	
.last-box{
    margin: 0;
    padding: 0;
	}

#footer-menu-bar{
    margin: 15px 0 0;
    padding: 0;
	}
	
.footer-menu li {
    display: inline-block;
    font-size: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 0 15px;
}
	
#footer-menu-bar li a{
    background: #575775 none repeat scroll 0 0;
    border-radius: 5px;
    color: #9a9aa2 !important;
    display: inline-block;
    padding: 2px 14px 3px;
    text-decoration: none !important;
	}
	
#footer-menu-bar li a:hover{
    background: #f7941d none repeat scroll 0 0;
    color: #fff !important;
	}
	
.footer-menu{
    margin: 15px 0 0;
    padding: 0;
	}
	
.footer-menu li {
    display: inline-block;
    font-size: 15px;
    list-style: outside none none;
    margin: 0;
    padding: 0 15px;
}
	
.footer-menu li a{
    color: #9a9aa2 !important;
    text-decoration: none !important;
	}
	
.footer-menu li a:hover{
    color: #f7941d !important;
	}

.footer-bottom-inner{
	}
	
.footer p {
	margin: 0;
}

.footer-bottom{
    background: #343445 none repeat scroll 0 0;
    padding: 1rem 3rem;
	text-align:center
	}

.footer-bottom p {
    color: #9a9aa2;
    font-size: 14px;
    margin: 0;
}

.footer-bottom p a{
	color:#f7941d !important;
	}
	
.footer-bottom p a:hover{
	color:#fff !important;
	text-decoration:none !important;
	}
	

	
.quick-link{
	}
	
.quick-link a{
    border-bottom: 1px dashed #575775;
    color: #575775 !important;
    font-size: 14px;
    padding-bottom: 1px;
    text-decoration: none !important;
	}
	
.quick-link a:hover{
    color: #9a9aa2 !important;
	}
	
.sidebar-contact-form{
    background: #f7781b none repeat scroll 0 0;
    color: #fff;
    margin-top: 11px;
    padding: 38px 50px 20px;
    text-align: center;
	}	
	
.sidebar-contact-form h3{
    color: #fff;
    font-size: 32px;
    margin: 0;
    padding: 0 0 12px;
    text-transform: none;
	}
	
.sidebar-contact-form h5{
    color: #fff;
    font-family: lato-regular;
    font-size: 19px;
    line-height: normal;
    margin: 0;
    padding: 18px 0 26px;
	}
	
.sidebar-contact-form {
	}
	
.contact-form-sidebar{
	}
	
.contact-form-sidebar label{
    font-size: 18px;
    padding: 0 0 1px;
	}
	
.contact-form-sidebar .text-input{
    border: 0 none;
    color: #555;
    margin-bottom: 22px;
    padding: 15px 12px;
	}
	
.contact-form-sidebar .textarea-text{
    border: 0 none;
    height: 96px;
    margin-bottom: 22px;
    padding: 15px 12px;
	color:#555;
	}
	
.submit-btn{
    background: #3a3a4d none repeat scroll 0 0 !important;
    display: block;
    font-family: lato-black;
    font-size: 25px;
    margin-bottom: 6px;
    padding: 13px 12px !important;
    text-transform: uppercase;
    width: 100% !important;
	}
	
.submit-btn:hover{
    background: #4d4d66 none repeat scroll 0 0 !important;
}

.main {
    padding-top: 35px;
}


.contact-frame{
	}
	
.contact-frame iframe{
    border: 0 none;
    height: 1064px;
	}
	
.contact-page-form {
    background: #efefef none repeat scroll 0 0;
	}

iframe.contact-page-form .sidebar-contact-form{
    background: #efefef none repeat scroll 0 0;
	}
	
	
.contact-page-form .sidebar-contact-form .text-input {
    border: 1px solid #ccc;
    color: #555;
}

.contact-page-form .sidebar-contact-form h5 {
    color: #888;
}

.contact-page-form .sidebar-contact-form h3 {
    color: #555;
}

.contact-page-form .sidebar-contact-form label {
    color: #888;
}