/*
Theme Name: Ndeso
Theme URI: http://wpndeso.com/ndeso/
Author URI: http://facebook.com/ciussgw
Description: Tema wordpress didesain khusus untuk website Desa. Tema ini sudah dilengkapi dengan fitur Agenda, Pengumuman, Kolom Kades, Opini Warga, Galer.i, Proyek, Layanan Publik, Produk Desa, Transparansi Dana, dan Laporan Dana Tahunan. Tema responsive
Author: yayun
Version: 1.0.9.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wordpress desa, tema web desa, tema website desa, web untuk desa, desain web desa
Copyright: (c) 2017 Ndeso
*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');

/*** Reset ***/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    text-align: left;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #111;
    text-decoration: none;
}


/*** Main ***/

body {
    font: 14px 'Source Sans Pro', sans-serif;
    background: url('images/pattern.jpg');
    background-size: cover;
    background-repeat: repeat-y;
    color: #777;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.wrapper {
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 15px #aaa;
    position: relative;
}

#container {
    padding: 10px 5px;
    z-index: -999;
}

.post-content img {
    width: 100%;
    box-sizing: border-box;
    height: auto;
}

/*** Header ***/

.header {
    overflow: hidden;
    margin-top: -4px;
    margin-bottom: -4px;
    padding: 2rem 1rem;
}

.header img {
    width: 20rem;
}

@media screen and (max-width: 768px){
    .header {
        padding: 1rem;
    }

    .header img {
        width: 14rem;
    }
}

.logo {
    width: 400px;
    padding: 10px;
    overflow: hidden;
    float: left;
}

.logo img {
    height: auto;
    max-width: 90%;
}

.headr {
    width: 330px;
    padding: 0;
    overflow: hidden;
    float: right;
}

.headr .kontak {
    background: #1674af;
    color: #fff;
    padding: 10px;
}

.kontak .serv {
    line-height: 24px;
    border-bottom: 1px dotted #1a84c6;
}

.serv span {
    font-weight: bold;
    float: right;
}

.ndsearch {
    width: 240px;
    float: right;
}

.search_form {
    width: 240px;
    margin: 10px;
    float: right;
}

.search_form fieldset {
    width: 240px;
    height: 40px;
}

.search_form input {
    width: 200px;
    border: none;
    background: none;
    padding: 8px;
    padding-left: 16px;
    color: #111;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    border: thin solid rgb(20, 20, 20);
    height: 40px;
    box-sizing: border-box;
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
}

.search_form button {
    width: 40px;
    height: 40px;
    background-color: rgb(0, 90, 164);
    cursor: pointer;
    border: none;
    vertical-align: middle;
    box-sizing: border-box;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;

}

.breadcrumbs {
    padding: 20px 10px 40px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #eee;
}

.breadcrumbs a {
    font-weight: bold;
}


/*** Navigation ***/

.nav-ndeso {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000
}

.customize-support .nav-ndeso {
    top: 32px;
}

.nav-inn {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    background: rgb(176, 23, 12);
}

.open {display: none;}

.inn {
    width: 100%;
    float: left;
    z-index: 9999;
}

.inn {
    display: flex;
}

.nav-logo {
    width: 16rem;
}

.nav-menu {
    width: calc(100%-16rem);
}

.nav-logo img {
    width: 100%;
}

.nav .dd {
    height: 50px;
}

.nav .dd li {
    float: left;
    display: block;
    padding: 10px 0;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    position:relative;
    transition: .25s;
}

.nav .dd li:hover {
    background: rgb(0, 90, 164) !important;
    transition: .25s;
}

.nav .dd li span {
    position: absolute;
	background: #fff;
	top: -7px;
	right: -15px;
	color: #124773;
	padding: 2px 6px;
    font-size: 9px/10px;
    font-weight: bold;
	border-radius: 8px 0;
}

.nav .dd li:last-child {
    border: 0;
}

.nav .dd li a {
    color: #eee;
    text-decoration: none;
    font-weight: bold;
    display: block;
    line-height: 30px;
    margin: 0 14px;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
}

.nav .dd li a:hover {
    text-decoration: none;
}

.nav .dd li ul {
    position: absolute;
    padding: 0;
    visibility: hidden;
    background: #fff;
    z-index: 100;
    width:150px;
}

.nav .dd li ul li {
    float: none;
	position: relative;
	display: block;
    border: none;
    font-size: 13px;
    text-align: left;
    margin: 0;
    padding: 0 8px;
    border-bottom: 1px solid #eee;
}

.nav .dd li ul li:hover {
    color: #fff !important;
}

.nav .dd li ul li a {
    color: inherit;
    display: inline;
    margin: 0 !important;
    white-space: normal;
    padding-top: 0;
}

.nav .dd li ul li a:hover {
    color: #fff;
}

.nav .dd li ul li ul {
    position:absolute;
	display: none;
	left: 100%;
	top: 0;
}

.nav .dd li ul li:hover ul {
	display: block;
}

.nav a.dd_hover:hover {
    text-decoration: none !important;
}

.lewat {
    background: rgb(0, 124, 194);
    color: #fff;
    height: 40px;
    font-size: 15px;
    padding: 10px;
    box-sizing: border-box;
}

marquee ul li {
    display: inline-block;
    margin: 0 20px;
    color: #fff;
}

.nav .submenu a:hover {
    text-decoration: underline;
}

.nav .dd li.parent a {
    margin: 0 8px;
    padding-right: 14px;
    background: url("images/dd.png") 100% 24px no-repeat;
}

.nav .dd li.parent a.dd_hover {
    color: #fff;
    background: url("images/dd_hover.png") 100% 24px no-repeat;
    margin: 0 8px;
    padding-right: 14px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

/*** Mobi Menu ***/

.mob {display: none;}



/*** Slideshow ***/

#ndeslide {
    padding: 10px;
}

#slideshow,
.slideshow {
    height: 290px;
    width: 980px;
    overflow: hidden;
    position: relative;
}

.slide {
    height: 290px;
    width: 980px;
    background: #fff;
}

.slide img {
    display: block;
    float: left;
    width: 640px;
    height: 290px;
    position: relative;
    top: -20px;
    left: -30px;
}

.slide .post {
    padding: 20px 30px 0;
}

.slide .post-category {
    font-size: 11px;
    color: #777;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.slide .post a {
    color: #777;
}

.slide .post .post-category a {
    text-decoration: none;
}

.slide .post .post-category a:hover {
    text-decoration: underline;
}

.slide .post h2 {
    margin-bottom: 5px;
}

.slide .post h2,
.slide .post h2 a {
    color: #0f6aa4;
    font-size:20px/1.1;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.slide .post h2 a:hover {
    text-decoration: underline;
}

.slide .post .post-meta {
    font-size: 11px;
    color: #777;
    margin-bottom: 20px;
}

.slide .post .post-meta span,
.slide .post .post-meta a {
    color: #777;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.slide .post .post-meta a:hover {
    text-decoration: underline;
}

.slide .post .post-author {
    text-transform: uppercase;
}

.slide .post-content p {
    margin-bottom: 15px;
    color: #777;
}

#larr,
#rarr {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 10px !important;
    opacity: 0.8;
    z-index: 99 !important;
}

#larr {
    background: #0f6aa4 url("images/larr.png") no-repeat center;
    right: 160px !important;
}

#rarr {
    background: #0f6aa4 url("images/rarr.png") no-repeat center;
    right: 120px !important;
}

#larr:hover,
#rarr:hover {
    opacity: 1;
}


/*** Content ***/

.sticky {}

.bypostauthor {}

#content {
    width: 680px;
    float: left;
    margin: 0 5px;
}

.post-toto h1 {
    font-size: 28px;
    color: rgb(0, 90, 164);
}

.ndeleft {
    border: 1px solid #eee;
    padding: 0px;
    margin: 0 0 10px;
    background: #f7f7f7;
    border-radius: 0.4rem;
}

.ndeleft .homti {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: rgb(0, 90, 164);
    border-bottom: 5px solid rgb(252, 186, 3);
}

.homhalf {
    width: 50%;
    float: left;
}

.homloop {
    padding: 0;
}

.homloop .slide-info {
    background: #fff;
    height: 384px;
    margin: 0 -1px -1px;
    padding: 10px;
    border: 1px solid #eee;
}

.slide-info .thumb img {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
}

.slide-info .meta-info span {
    color: #0f6aa4;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
}

.slide-info .meta-info span.grey {
    color: #888;
    text-transform: none;
    font-size: 11px;
}

.slide-info .meta-info h3 a {
    text-decoration: none;
    font-weight: bold;
    color: #777 ! important;
}

.halfleft {
    width: 50%;
    float: right;
}

.slide-inforight {
    background: #fff;
    margin: 0 -1px -1px 0;
    padding: 10px 10px;
    border: 1px solid #eee;
    height: 60px;
}

.slide-inforight .thumb img {
    float: left;
    margin: 0 15px 0 0;
    width: 80px;
    height: auto;
}

.slide-inforight span {
    color: #0f6aa4;
    font-weight: 300;
    font-size: 12px;
    text-transform: uppercase;
}

.slide-inforight span.grey {
    color: #888;
    text-transform: none;
    font-size: 11px;
}

.slide-inforight h3 a {
    color: #777 ! important;
    font-weight: normal;
    text-decoration: none;
}

.slide-inforight div:last-child {
    margin: 0;
}

.homgal {
    margin: 0;
    padding: 10px 10px;
    border-top: 1px solid #eee;
}

.ndesogal {
    width: 31%;
    float: left;
    margin: 2px;
    display: inline;
    list-style: none;
}

.ndesogal img {
    height: 80px;
    width: 100%;
}

.homv {
    margin: 0 -1px -1px -1px;
    padding: 10px 10px;
    border: 1px solid #eee;
}

.full {
    width: 100%;
}

.full iframe {
    height: 230px;
}

.list {
    padding: 10px;
    background: rgb(252, 252,252);
}

.list .post {
    padding: 0px;
    border-bottom: 1px solid #eee;
}

.list .post .thumb img {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
}

.list .post a {
    color: #666677;
}

.list .post .post-category {
    font-size: 11px;
    color: #eee;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.list .post .post-category a {
    text-decoration: none;
}

.list .post .post-category a:hover {
    text-decoration: underline;
}

.list .post h2 {
    margin-bottom: 8px;
}

.list .post h2,
.list .post h2 a {
    color: rgb(0, 90, 164);
    text-decoration: none;
    text-transform: uppercase;
}

.list .post h2 a:hover {
    text-decoration: underline;
}

.list .post .post-meta {
    font-size: 11px;
    font-style: italic;
    color: #aaa9a9;
    margin-bottom: 0px;
    border: none;
}

.list .post .post-meta span,
.list .post .post-meta a {
    color: #666677;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.list .post .post-meta a:hover {
    text-decoration: underline;
}

.h4lap {
    background:#eee; 
	text-transform: uppercase; 
    font-size: 14px/2.0; 
    font-weight: bold;
	padding: 0 10px;
}

.lap .laplist {
    margin:0 0 -1px; 
	border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee; 
	padding: 4px 10px;
}

.lap .laplist span {
    float: right; 
	font-weight: bold;
}

.h4ringlap {
    background:#eee; 
	text-transform: uppercase; 
    font-size: 14px/2.0; 
    font-weight: bold;
	margin:40px 0 0; 
	padding: 0 10px;
}

.ring li {
    border-bottom: 1px solid #eee; 
	padding: 4px 10px;
}

.ring li span {
    float: right; 
	font-weight: bold;
}

.post-author {
    text-transform: uppercase;
}

.pagination {
    padding: 20px 0px;
    color: #aaa9a9;
    font-size: 14px;
    clear: both;
    position: relative;
}

.pagination a {
    color: #666677;
    text-decoration: none;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .nextpostslink {
    position: absolute;
    right: 0;
    top: 17px;
    line-height: 21px;
    text-transform: uppercase;
    background: url("images/nextpostslink.png") 100% 0 no-repeat;
    padding-right: 36px;
}

.pagination .previouspostslink {
    position: absolute;
    left: 0px;
    top: 17px;
    line-height: 21px;
    text-transform: uppercase;
    background: url("images/previouspostslink.png") 0 0 no-repeat;
    padding-left: 36px;
}

#pagination {
    padding: 20px 0 0 30px;
}

#pagination .nextpostslink {
    color: #666677;
    text-decoration: none;
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 14px;
}

#pagination .nextpostslink:hover {
    background-color: #FFEA97;
    text-decoration: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pagination .loading {
    background: url("images/loading.gif") 240px 9px no-repeat;
    color: #555;
}

#pagination .loading:hover {
    background-color: transparent !important;
    cursor: default;
}

.contents {
    margin-bottom: 10px;
}

.contents .post {
    padding: 10px;
    margin-top: 0;
}

.contents .post .ndesothumb {
    width: auto;
    margin: 0 20px 0 0;
    float: left;
}

.contents .post .ndesothumb img {
    height: 5rem;
    width: 4rem;
}

.meta-info .ndesothumb img {
    height: 5rem;
    width: 4rem;
}

.contents .post h2 {
    font-size: 18px/1.2;
    font-weight: bold;
}

.contents .post-meta {
    font-size: 11px;
    position: relative;
}

.contents .post-meta h1, .widget h3, .widget-small h3 {
    color: rgb(0, 90, 164);
    padding: 6px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    width: 14rem;
    border-radius: 0.4rem;
}

.contents .post-meta span,
.contents .post-meta a {
    color: #666677;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.contents .post-meta a:hover {
    text-decoration: underline;
}

.contents .post-comms {
    position: absolute;
    right: 0;
}

.contents .post-content {
    padding: 0;
}

.contents .post-content a {
    color: rgb(232, 140, 0);
}

.contents .post-content a:hover {
    text-decoration: none;
}

.contents .post-footer {
    font-size: 14px;
    margin: 30px 0 15px;
}

.contents .post-footer a {
    border: 1px solid #eee;
    margin: 0 2px 4px 0;
    padding: 2px 6px;
    line-height: 20px;
    font-size: 13px !important;
    display: inline-block;
    background: #f7f7f7;
}

.contents .post-footer a:hover {
    text-decoration: underline;
}

.page .post-category {
    display: none;
}

.single .meta-info {
    text-align: right;
    margin: 0 0 20px;
}

.single .meta-info strong {
    float: left;
}

.single .meta-info table {
    width: 100%;
    border: 1px solid 3eee;
}

.single .meta-info table th,
.single .meta-info table td {
    margin: -1px -1px 0 0;
    border: 1px solid #eee;
    padding: 3px 0;
}

.post-content {
    margin-bottom: 10px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
    color: #666677;
    font-weight: bold;
    font-family: 'Open Sans', Geneva, "Times New Roman", times;
    margin: 15px 0;
}

.post-content h1 {
    font-size: 24px;
    line-height: 35px;
}

.post-content h2 {
    font-size: 22px;
}

.post-content h3 {
    font-size: 20px;
}

.post-content h4 {
    font-size: 18px;
}

.post-content h5 {
    font-size: 16px;
}

.post-content {
    color: #777;
    font-size: 14px/1.5;
}

.post-content p {
    margin: 10px 0;
}

.post-content ol {
    list-style: decimal;
    padding-left: 35px;
    margin: 15px 0;
}

.list {
    padding-top: 0.8rem;    
    border-top: 5px solid rgb(252, 186, 3);
    background: rgb(248, 248, 248);
}

.post-content ul {
    list-style: disc;
    padding-left: 35px;
    margin: 15px 0;
}

.post-content li {
    color: #777;
    font-size: 14px/1.5;
    margin: 3px 0;
}

.post-content blockquote {
    padding: 15px 0 10px 65px;
    background: url("images/bq.png") 20px 0 no-repeat;
}

.post-content blockquote p {
    color: #8c8888;
    font-size: 16px;
    font-style: italic;
}

.post-content .search_form {
    float: none;
    margin-top: 15px;
    width: auto;
}

.post-content .search_form fieldset {
    width: 610px;
    height: 35px;
}

.post-content .search_form input {
    width: 570px;
    font-size: 16px;
}

.post-navigation {
    padding: 15px 0;
    position: relative;
}

.post-navigation a {
    display: block;
    color: #666677;
    font-size: 11px;
    text-decoration: none;
    line-height: 1.5;
}

.post-navigation a:hover {
    text-decoration: none;
}

.post-navigation a em {
    display: block;
    color: #aaa9a9;
    font-size: 11px;
    font-style: italic;
}

.post-navigation a:hover span {
    text-decoration: underline;
}

.post-prev {
    width: 250px;
    min-height: 40px;
    padding-left: 30px;
    float: left;
    text-align: left;
    background: url("images/post_prev.png") 0 50% no-repeat;
}

.post-next {
    width: 250px;
    min-height: 40px;
    padding-right: 30px;
    float: right;
    text-align: right;
    background: url("images/post_next.png") 100% 50% no-repeat;
}

.line {
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: 305px;
}


/*** Images ***/

.post-content .post-img img {
    margin: 0 0 15px;
    height: auto;
    width: 100%;
}

.post-content h6 {
    position: relative;
    left: -30px;
}

.post-content .attachment img {
    max-width: 100%;
}

.post-content .alignnone,
.post-content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 15px;
}

.post-content .alignleft,
.post-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.post-content .alignright,
.post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

.post-content .aligncenter,
.post-content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-content img.alignleft,
.post-content img.alignright,
.post-content img.aligncenter {
    margin-bottom: 15px;
}

.post-content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}

.post-content .wp-caption img {
    margin: 5px 5px 0;
}

.post-content .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 14px;
    margin: 5px;
}

.post-content .wp-smiley {
    margin: 0;
}

.post-content .gallery {
    margin: 0 auto 18px;
}

.post-content .gallery .gallery-item {
    float: left;
    margin: 0 0 -10px !important;
    text-align: center;
}

.post-content .gallery.gallery-columns-1 .gallery-item {
    width: 100% !important;
}

.post-content .gallery.gallery-columns-2 .gallery-item {
    width: 50% !important;
}

.post-content .gallery.gallery-columns-3 .gallery-item {
    width: 33.333% !important;
}

.post-content .gallery.gallery-columns-4 .gallery-item {
    width: 25% !important;
}

.post-content .gallery.gallery-columns-6 .gallery-item {
    width: 16.16777% !important;
}

.post-content .gallery.gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}

.post-content .gallery .gallery-item img {
    width: 100%;
    height: auto;
    border: none !important;
    margin-bottom: 0;
}

.post-content .gallery .gallery-caption {
    color: #888;
    font-size: 14px;
    margin: 0 0 14px;
}

.post-content .gallery dl {
    margin: 0;
}

.post-content .gallery br+br {
    display: none;
}

.post-content .attachment img {
    display: block;
    margin: 0 auto;
}

.post-content iframe {
    width: 100%;
    height: 300px;
}


/*** Comments ***/

.comments h3 {
    font-size: 18px;
    font-weight: normal;
    color: #666677;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.comments a {
    color: #666677;
}

#comments {
    margin-bottom: 30px;
}

.comment {
    padding: 15px;
    border-bottom: 1px dotted #eee;
    background: rgb(252, 252, 252);
}

.comment td {
    vertical-align: top;
}

.comment-meta {
    position: relative;
    min-height: 70px;
    font-size: 11px;
    margin-right: 30px;
}

.avatar {
    display: block;
    margin-right: 10px;
}

.comment-author {
    color: #aaa9a9;
}

.comment-author span {
    color: #666677;
}

.comment-author a,
.comment-author span {
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
}

.comment-author a:hover {
    text-decoration: underline;
}

.comment-author,
.comment-date {
    white-space: nowrap;
}

.comment-reply-link {
    position: absolute;
    bottom: 1px;
    text-decoration: none;
}

#comments {
    margin: 10px;
}

#comments h3 {
    margin-bottom: 10px;
}

.comment-respond {
    padding: 10px;
    background: rgb(252, 252, 252);
}

.comment-reply-link:hover {
    text-decoration: underline;
}

.comment-text p {
    color: #4b4b4b;
    ;
    font-size: 14px;
    margin-bottom: 15px;
}

.children {
    margin-left: 80px;
}

.children .children {
    margin-left: 50px;
}

.children .comment {
    padding-left: 0;
}

#respond p,
.nopassword {
    margin: 10px 0;
    font-size: 14px;
}

#respond p a {
    text-decoration: none;
}

#respond p a:hover {
    text-decoration: underline;
}

#commentform {
    position: relative;
    margin: 10px 0;
    padding-top: 155px;
}

#respond .comment_message {
    margin: 10px 0 25px;
}

#respond .commform-author,
#respond .commform-email,
#respond .commform-url {
    float: left;
    width: 33.333333333%;
    margin-bottom: 15px;
}

#respond .commform-author p,
#respond .commform-email p,
#respond .commform-url p {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

#respond .commform-author p span,
#respond .commform-email p span,
#respond .commform-url p span {
    color: #aaa9a9;
    font-size: 12px;
    font-style: italic;
}

#respond .commform-textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#respond .commform-textarea > div {
    border: 1px solid #eee;
    padding: 10px;
}

#respond p.form-submit {
    margin-bottom: 0;
}

#respond p.form-submit #submit {
    float: none;
}

#comment {
    width: 100%;
    height: 120px;
    padding: 0;
    margin: 0;
    border: none;
    border-color: #fff;
    overflow: auto;
}

.commform-author div {
    margin-right: 15px;
    border: 1px solid #eee;
    padding: 5px;
}

.commform-email div {
    border: 1px solid #eee;
    padding: 5px;
}

.commform-url p {
    margin-left: 15px !important;
}

.commform-url div {
    margin-left: 15px;
    border: 1px solid #eee;
    padding: 5px;
}

#author,
#email,
#url {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 14px;
    color: #333;
}

#search-2 {
    display: none;
}

#submit {
    float: left;
    border: none;
    background: rgb(0, 124, 194);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#submit:hover {
    background: #666677;
}

p#cancel-comment-reply {
    float: right;
    line-height: 28px;
    margin: 0;
}

.post-password-form input {
    font-family: 'Open Sans';
}

/* liScroll styles */

.tickercontainer {
    /* the outer div with the black border */
    font-family: 'Open Sans';
    width: auto;
    height: 50px;
    margin: 0;
    background: rgb(0, 134, 204);
    z-index: 9999;
    position: relative;
    border-bottom: 5px solid rgb(252, 186, 3);
}

.tickercontainer .mask {
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    margin: 0;
    overflow: hidden;
}

ul.newstickers {
    /* that's your list */
    position: relative;
    left: 100%;
    list-style-type: none;
    margin: 11px 0;
    padding: 0;
}

ul.newstickers li {
    float: left;
    /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0 60px 0 0;
    padding: 0;
    color: #eee;
    height: 36px;
    font-size: 14px;
    overflow: hidden;
}

ul.newstickers a {
    white-space: nowrap;
    padding: 0;
    font-weight: normal;
    margin: 0 50px 0 0;
}

ul.newstickers .fa {
    margin-right: 10px;
}

ul.newstickers span {
    margin: 0;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
}


/*** Sidebar ***/
.sidebar {
    width: 290px;
    margin: 0 5px;
    float: left;
}

@media screen and (max-width:800px){
    #container {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -moz-box-orient: vertical !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        /* optional */
        -webkit-box-align: start !important;
        -moz-box-align: start !important;
        -ms-flex-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important;
    }

    .sidebar {
        -webkit-box-ordinal-group: 2 !important;
        -moz-box-ordinal-group: 2 !important;
        -ms-flex-order: 2 !important;
        -webkit-order: 2 !important;
        order: 2 !important;
    }

    #container #content {
        -webkit-box-ordinal-group: 1 !important;
        -moz-box-ordinal-group: 1 !important;
        -ms-flex-order: 1 !important;
        -webkit-order: 1 !important;
        order: 1 !important;
    }
}

.pem h3 {
    color: #111;
}

.sidebar .sititle {
    padding: 6px;
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 -1px;
    color: rgb(0, 90, 164);
    position: relative;
}

.sidebar .nopadd {
    padding: 0;
}

.max-widget {
    margin: 10px 0 !important;
}

.sidebar .widg {
    background: rgb(248, 248, 248);
    padding: 10px;
    margin-bottom: 15px;
    border-top: 5px solid rgb(252, 186, 3);
}

.widg {
    padding-top: 1rem !important;
}

.nopadd {
    margin-bottom: 15px;
}

.widg span {
    color: #0f6aa4;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
}

.widg h3 a {
    text-decoration: none;
    color: #777 ! important;
}

.widg p {
    font-size: 12px;
    color: #777;
}

.widget h3 {
    width: 12rem !important;
}

.widget ul {
    background: rgb(248, 248, 248);
    padding: 10px;
    margin-left: -10px !important;
    padding-top: 1rem;
    border-top: 3px solid rgb(252, 186, 3);
}

.lay {
    background: #fff;
    padding: 4px 10px;
    border: 1px solid #eee;
    margin: 0 0 -1px;
}

.lay span {
    float: right;
}

.pro {
    background: #fff;
    padding: 10px;
    border: 1px solid #eee;
    margin: 0 0 -1px;
}

.pem {
    padding: 3px 0;
    border-bottom: thin solid #ccc;
}

.pem a {
    font-weight: bold;
}

.kett {
    padding: 4px 0;
}

.kett span {
    font-weight: bold;
    float: right;
}

.widget {
    margin-bottom: 10px;
    clear: both;
    padding: 0 10px;
}

.widget-small {
    width: 130px;
}

.widget h3,
.widget-small h3 {
    margin: 0 -10px;
    font-size: 18px;
    font-weight: bold;
    color: rgb(0, 90, 164);
    text-transform: uppercase;
    position: relative;
}

.sidebar .search_form {
    float: none;
    width: auto;
    margin: 10px 0;
}

.sidebar .search_form fieldset {
    width: 100%;
}

.sidebar .search_form input {
    width: 220px;
}

.widget a,
.widget-small a {
    color: rgb(0, 90, 164);
    text-decoration: none;
}

.widget a:hover,
.widget-small a:hover {
    text-decoration: underline;
}

.widget p,
.textwidget {
    color: #777;
    font-size: 14px/1.3;
}

.widget p a,
.textwidget a {
    text-decoration: underline;
}

.widget p a:hover,
.textwidget a:hover {
    text-decoration: none;
}

.widget ul,
.widget-small ol {
    margin: 10px 0;
}

.widget li,
.widget-small li {
    font-size: 14px;
    color: #777;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.rpthumb {
    display: block;
    padding-bottom: 15px;
    margin-top: 15px;
    border-bottom: 1px dotted #eee;
}

.rpthumb img {
    width: 50px;
    width: 50px;
    margin-right: 15px;
    float: left;
}

.rpthumb-title {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.rpthumb-date {
    display: block;
    font-size: 11px;
    color: #aaa9a9;
}

.rpthumb:hover {
    text-decoration: none !important;
}

.rpthumb:hover .rpthumb-title {
    text-decoration: underline;
}

.widget .calendar_wrap {
    padding: 10px 0;
}

.widget .calendar_wrap table {
    border: 1px solid #eee;
    width: 100%;
}

.widget .calendar_wrap th {
    border: 1px solid #eee;
    margin: 0 -1px -1px 0;
    background: #f7f7f7;
    text-align: center;
    padding: 3px 0;
}

.widget .calendar_wrap td {
    border: 1px solid #eee;
    margin: 0 -1px -1px 0;
    text-align: center;
    padding: 3px 0;
}

.widget .calendar_wrap td a {
    font-weight: bold;
}

.widget .tagcloud {
    padding: 10px 0;
}

.widget .tagcloud a {
    border: 1px solid #eee;
    margin: 0 2px 4px 0;
    padding: 2px 6px;
    line-height: 20px;
    font-size: 13px !important;
    display: inline-block;
    background: #f7f7f7;
}

/*** Footer ***/

.footer {
    padding: 15px 10px;
    background: rgb(0, 84, 154);
}

.footer p {
    font-size: 13px;
    color: #fff;
}

.footer a {
    color: #adf;
    text-decoration: none;
    font-weight: bold;
}

.footer a:hover {
    text-decoration: underline;
}

.copyright {
    text-align: center;
    color: #fff;
}

.copyright a {
    color: #fff;
}

.copyright span {
    color: #fff;
}

.credits {
    float: right;
}

@media screen and (max-width: 800px) {
.wrapper {width:100%;}
.inn {display:none;}
.nav-inn {
    width: 100%;
}
.open {display: block; width: 32px; height: 32px; position: absolute;
background: url("images/menu.png") center; cursor: pointer; top: 9px; left: 9px; z-index:1100;}
.mob {display: block;
width: 100%;
z-index: 999;
}

.mobi {
    background: rgb(252, 252, 252);
}


.mobi .accordion li {
    display: block;
    margin: 0;
    text-align: left;
    font-size: 7.5pt;
    text-transform: uppercase;
	position:relative;
    border-bottom: thin solid #111;
}

.mobi .accordion li a {
    color: #111;
    text-decoration: none;
    font-weight: bold;
    display: inline;
    line-height: 30px;
    margin: 0 14px;
    white-space: nowrap;
}

.mobi .accordion li a:hover {
    text-decoration: none;
}

.slide1 {
    width: 21rem;
    margin: 0rem auto;
}

.mobi .accordion li ul {
	background : rgb(255, 192, 8);
}
.mobi .accordion li ul li a {
	margin: 0 14px 0 34px;
}
.mobi .accordion li ul li ul {
background: rgb(255, 196, 16);
}
.mobi .accordion li ul li ul li a {
	margin: 0 14px 0 54px;
}

#slideshow,
.slideshow {
    height: 230px;
    width: 100%;
}

.slide {
    height: 230px;
    width: 100%;
}

.slide img {
    float: left;
    width: 500px;
    height: 230px;
    position: relative;
}

.slide .post {
    padding: 20px 30px 0;
}
.slide .post-content {display:none;}
#larr {
    right: 140px !important;
}

#rarr {
    right: 100px !important;
}
#content {
    width: auto;
    float: none;
}
.slide-inforight .thumb img {
    width: 100px;}
.slide-inforight {
    height: 75px;
}
.homloop .slide-info {
    height: 459px;}
.sidebar {
    width: auto;
    float: none;}
}

@media screen and (max-width: 768px) {
.owl-carousel .owl-item img {
    height: 10rem;
}

.headr {
    width: 320px;}
	#larr {
    right: 125px !important;
}

#rarr {
    right: 85px !important;
}
.slide-inforight .thumb img {
    width: 90px;}
.slide-inforight {
    height: 68px;
}
.homloop .slide-info {
    height: 424px;}
}

@media screen and (max-width: 640px) {
.logo {
    width: auto;
    float: none;
	text-align: center;
}
.logo img {
    height: 100px;
    max-width: 100%;
}
.headr {
    width: auto;
	float: none;
}
#slideshow,
.slideshow {
    height: 400px;
    width: 100%;
}

.slide {
    height: 400px;
    width: 100%;
}

.slide img {
    float: none;
    width: 100%;
    height: auto;
    position: relative;
	top: 0;
left: 0;
}
.slide .post {
    padding: 0 0;
}
.slide .post-category {
    margin: 10px 20px 5px;
}
.slide .post h2 {
    margin: 0 20px 5px;
}
.slide .post-meta {
    margin: 0 20px 5px;
}
#larr {
    right: 50px !important;
}

#rarr {
    right: 10px !important;
}
.slide-inforight {
    height: 56px;
}
.slide-inforight .thumb img {
    width: 75px;
}
.slide-inforight h3 {
font-size: 13px/1.2;
}
.homloop .slide-info {
    height: 364px;
}

}

@media screen and (max-width: 480px) {
#slideshow,
.slideshow,
.slide {
    height: 350px;
}
.homhalf {
    width: 100%;
    float: none;
}
.homloop .slide-info {
    height: auto;
}
.halfleft {
    width: 100%;
    float: none;
}
.slide-inforight {
    background: #fff;
    margin: 0 -1px -1px;
}
.full iframe {
    height: 230px;
	width: 100%;
}
.logo img {
    height: auto;
    max-width: 100%;
}
.contents .post .ndesothumb {
    width: 100%;
    margin: 0;
    float: none;
}

.contents .post .ndesothumb img {
    margin: 0 0 20px;
}
}

@media screen and (max-width: 360px) {
#slideshow,
.slideshow,
.slide {
    height: 300px;
}
}

.loc {
    background-color: rgb(0, 98, 168);
    color: rgb(252, 252, 252);
    border-top: 4px solid rgb(252, 186, 3);
}

.loc a {
    color: rgb(248, 248, 248) !important;
}

.vis-counter {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 20%;
    padding: 1rem;
}

.address-loc {
    width: 33%;
    box-sizing: border-box;
    padding: 1rem;
    display: inline-block;
    vertical-align: top;
}

.tickerfixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

@media screen and (min-width: 768px){
    .tickerfixed {
        width: 1000px;
        margin: 0rem auto;
    }

    #menu-item-11 .sub-menu {
        width: 240px;
    }
}

.half4 {
    width: 22%;
    box-sizing: border-box; 
    padding: 1rem;
    display: inline-block;
    vertical-align: top;
}

.half3-icon, .half3-text {
    display: inline-block;
    vertical-align: top;
}

.half3-icon {
    width: 1.2rem;
    font-size: 1.1rem;
}

.half3-text {
    width: 90%;
}

.gal3 {
    width: 32%;
    display: inline-block;
    height: 12rem;
    vertical-align: top;
}

.gal3 h2 {
    text-align: center;
}

.gal3 img {
    width: 100%;
    height: 8rem;
}

@media screen and (max-width: 576px) {
    .half4, .address-loc, .vis-counter {
        width: 100%;
    }

    .gal3 {
        width: 100%;
    }
}

.link-list {
    list-style-type: none;
}

.link-list li {
    background: linear-gradient(to bottom right, rgb(222, 222, 222), rgb(242, 242, 242));
    padding: 0.4rem;
    border-radius: 0.4rem;
    margin-top: 0.4rem;
}

.link-logo {
    display: inline-block;
    width: 18.5%;
    vertical-align: middle;
}

.link-desc {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}

.link-desc a {
    color: rgb(0, 90, 164);
    text-decoration: none;
    cursor: pointer;
    font-size: 1.02rem;
    font-weight: bold;
}

@media screen and (max-width: 768px){
    .comti {
        display: none;
    }
}