/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
        font:inherit;
	font-size: 100%;
	vertical-align: baseline;
}

em, i{
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html, body {
    min-height: 100% !important;
    height: 100%;
    background-color: #fff;
    font-family: roboto;
}
a, a img, a:hover, .list-art li, .list-art li:hover, li, li:hover, .pht-index, .pht-index:hover {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a {
	text-decoration: none;
	color: #555;
	font-family: roboto;
}

p, ol, li {
	font-family: roboto;
    font-size: 0.94em;
	line-height: 175%;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Light.ttf');
    font-style: normal;
   font-weight: 300;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Regular.ttf');
    font-style: normal;
   font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Bold.ttf');
    font-style: normal;
   font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto-Thin.ttf');
    font-style: normal;
   font-weight: 100;
}

.out-box {
	background: #fff;
}
.def-page.article {
	width: 85%;
	margin:auto;
}

.clear {
	clear: both;
}

.wrap {
	max-width: 1024px;
	margin: 0 auto;
	width: 100%;
}

.mini-wrap {
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
}

.left {
	float: left;
}

.col-75 {
	float: left;
	width: 75%;
}
.col-70 {
	float: left;
	width: 70%;
}

.col-25 {
	float: left;
	width: 25%;
}

.col-30 {
    float: left;
    width: 30%;
}
.col-25 {
    float: left;
    width: 25%;
}

.col-50 {
	float: left;
	width: 50%;
}

.col-60 {
	float: left;
	width: 60%;
}
.col-75 {
	float: left;
	width: 75%;
}

.col-40 {
	float: left;
	width: 40%;
}

.col-65 {
	float: left;
	width: 65%;
}

.col-35 {
	float: left;
	width: 35%;
}

.col-80 {
    float: left;
    width: 80%;
}

.col-20 {
    float: left;
    width: 20%;
}


/*---HEADER----*/
.header-banner {
	/*max-height: 50%;*/
	overflow: hidden;
}
.header-banner img {
	width: 100%;
}

.navigation-menus a {
	color: #fff;
    font-weight: 400;
    font-size: 14px;
    padding: 15px 14px;
    display: block;
}

.r-float {
	float: right;
	color: #fff;
}

.r-float a {
	float: left;
    color: #fff;
    padding: 18px 5px;
}

.r-float p {
	float: left;
    color: #fff;
    border-right: solid 1px #fff;
    display: block;
    padding: 7px 0px;
	margin: 22px 0px;
}

.search-top {
	float: left;
}

.navigation-top {
}

.left {
	float: left;
}

.col-75 {
	float: left;
	width: 75%;
}

.navigation-menus ul li.par-menu {
	float: left;
}

.navigation-menus ul li.par-menu:hover ul.sub-m {
	display: block;
}

.navigation-menus ul li.sub-menu:hover ul.sub-m-t {
	display: block;
}

.navigation-menus ul li.sub-menu-two:hover ul.sub-m-tr {
	display: block;
}

.sub-m {
	position: absolute;
    display: none;
    background: rgba(121, 121, 121, 0.78);
    width: 211px;
    z-index: 9999;
}

.sub-m li a {
	display: block;
}

.sub-m-t {
    position: absolute;
    display: none;
    background: rgba(121, 121, 121, 0.78);
    width: 211px;
    margin-left: 211px;
    margin-top: -49px;
    z-index: 9999;
}

.sub-m-tr {
    position: absolute;
    display: none;
    background: rgba(121, 121, 121, 0.78);
    width: 211px;
    margin-left: 211px;
    margin-top: -49px;
    z-index: 9999;
}

.sub-m-tr li a {
	display: block;
}

.sub-m-t li a {
	display: block;
}


.arrw {
	position: absolute;
	right: 15px;
	color: #fff;
	font-size: 11px;
	font-family: roboto;
}

.search-top input:focus {
    padding: 25px 10px 16px 43px;
    border: none;
    font-size: 14px;
    margin-left: -48px;
    background-image: url("../images/srchin.png");
    background-color: #fff;
    background-attachment: scroll;
    background-position: 10px 19px;
    background-clip: border-box;
    background-origin: padding-box;
    color: #855b2f;
    background-repeat: no-repeat;
    background-size: inherit;
    width: 270px;
	
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.search-top input {
    padding: 25px 10px 16px 43px;
    border: medium none;
    font-size: 14px;
    margin-left: -48px;
    background-color: #855b2f;
    background-image: url("../images/srch.png");
    background-attachment: scroll;
    background-position: 0px 19px;
    background-clip: border-box;
    background-origin: padding-box;
    color: #FFF;
    background-repeat: no-repeat;
    background-size: inherit;
    cursor: pointer;
    width: 5px;
    transition: width 0.5s ease 0s;
	
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.sec-menus ul {
	padding: 10px 0px
}

.sec-menus ul li {
	float: left;
	width: 20%;
}

.sec-menus ul li a {
    display: block;
    border: solid 1px #CAC7C7;
    margin: 3px;
}

.sec-menus ul li a:hover {
    -webkit-box-shadow: 0px 2px 2px #E8E8E8;
    -moz-box-shadow: 0px 2px 2px #E8E8E8;
}

.sec-menus ul li a img {
	width: 100%;
}

/*----CONTENT---*/
.slider-home {
	margin: 0px 0px;
}

.inner-pad {
	padding: 0px 5px;
}

.caption-slider {
	background: rgba(77, 94, 132, 0.75);
    min-height: 98px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

.caption-slider a {
    color: #fff;
    font-family: roboto;
    font-weight: 400;
    font-size: 24px;
    margin: 15px 22px;
    display: block;
}

.first-slider {
	/*max-width: 150px;*/
	width: 100%;
	max-width:339px !important;
	max-height: 440px !important;
	overflow:hidden;
	margin: 0 auto;
    padding:0px;
}

.sec-slider {
	max-width: 230px;
	width: 100%;
	margin: 0 auto;
}


.dual-slider {
	    background: #303F5A;
    height: 440px;
    margin-left: 15px;
}

.title-def {
	    background: #855b2f;
    padding: 10px 23px;
    font-family: roboto;
    font-weight: bold;
    color: #fff;
    display: -webkit-inline-box;
	
	-webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
}
.z-link {	
	-webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
}
.width-berita {
	width: 85px;
}
.width-artikel {
	width: 220px;
}
.width-layanan-aplikasi {
	width: 175px;
}
.width-laporan {
	width: 315px;
}

.home-content-space {
	padding: 20px 20px 68px 20px;
    /*border: solid 1px #CAC7C7;*/
    -webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
    margin-bottom: 20px;
}

.home-content-space-no-link {
    padding: 20px 20px 20px 20px;
    border: solid 1px #CAC7C7;
    -webkit-box-shadow: 0px 2px 2px #E8E8E8;
    -moz-box-shadow: 0px 2px 2px #E8E8E8;
    margin-bottom: 20px;
    background: #fff;
    border-top: solid 6px #D62929;
}

.list-berita li a {
	font-weight: bold;
	font-size: 14px;
    padding: 10px 0px;
    display: block;
    line-height: 22px;
}

.list-berita li a:hover {
	text-decoration: underline;
}

.list-berita li a:hover span {
	text-decoration: none;
}

.list-berita li a span {
	font-weight: 400;
    font-size: 13px;
    color: #5F5E5E;
}

.list-berita li a img {
	vertical-align: middle;
    width: 17px;
    margin-right: 4px;
}

.home-content-space {
	background: #fff;
	
	-webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1);
}

.list-berita li {
	border-bottom: dotted 1px #9C9C9C;
    background: url(../images/news-arrow.png) no-repeat;
    padding: 0px 10px 0px 26px;
    background-position: 0px 14px;
    margin: 0px 23px 0px 0px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s
    transition:all 0.5s
}


.list-art li a {
	font-weight: bold;
	font-size: 14px;
    padding: 10px 0px;
    display: block;
    line-height: 22px;
}

.list-art li a:hover h4 {
	text-decoration: underline;
}

.list-art li a:hover span {
	text-decoration: underline;
}


.list-art li a span {
	font-weight: bold;
    font-size: 13px;
    color: #5F5E5E;
}

.list-art li a img {
	vertical-align: middle;
    width: 17px;
    margin-right: 4px;
}

.list-art li {
	border-bottom: dotted 1px #9C9C9C;
    background: url(../images/news-arrow.png) no-repeat;
    padding: 0px 10px 0px 26px;
    background-position: 4px 14px;
    margin: 0px 23px 0px 0px;
}

.list-art li p {
	font-size: 13px;
    font-weight: 400;
}

.link-index {
	    float: right;
    margin-right: -20px;
    margin-top: 25px;
}

small {
	font-size: 12px;
    font-weight: 400;
    color: #737373;
}

.tab-gall ul li a {
        background: #855b2f;
    padding: 10px 23px;
    font-family: roboto;
    font-weight: bold;
    color: #fff;
    display: -webkit-inline-box;
    float: left;
    cursor: pointer;
    margin-right: 5px;
}

.caption-img img {
    width: 100%;
    height: auto;
}

.caption-img {
}

.caption-img p {    display: block;
    color: #fff;
    padding: 10px;
    font-size: 90%;
    text-align: center;
}

.cap-fot {
    position: absolute;
    background: rgba(133, 91, 47, 0.81);
    bottom: 0px;
    width: 100%;
}
.cap-fot:hover {
	background: rgba(133, 91, 47, 0.95);
}

.view-gall {
    color: #5e3f1f;
    padding: 10px 0px;;
    font-size: 14px;
    display: block;
    text-align: center;
    float: right;
	
	bottom: 6px;
	position: absolute;
	right: 60px;
}

.ttl-big {
    font-family: roboto;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0px;
    color: #c52222;
}

.banner-footer img {
    width: 100%;
}

.banner-footer {
   margin: 5px;
    display: block;
}

.footer {
    background: #855b2f;
    margin-top: 10px;
    padding: 20px 0px;
}

.ftr h4 {
    color: #fff;
    font-family: roboto;
    font-weight: bold;
    border-bottom: solid 1px #fff;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.ftr ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.ftr-bttm {
    font-size: 14px;
    padding: 42px;
    text-align: center;
    color: #fff;
    background: #5e3f1f;
	
	-webkit-box-shadow: 0px 9px 13px 10px rgba(82, 53, 23,1);
	-moz-box-shadow: 0px 9px 13px 10px rgba(82, 53, 23,1);
	box-shadow: 0px 9px 13px 10px rgba(82, 53, 23,1);
}

.det-ttl {
    color: #855b2f;
    font-weight: bold;
    font-size: 24px;
    border-bottom: solid 4px #855b2f;
}

.bg-w {
    background: #fff;
    padding: 20px 0px;
}

.list-berita-in li a {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0px;
    display: block;
    line-height: 22px;
}

.list-berita-in li:hover {
    /*text-decoration: underline;*/
	background:#f5f5f5;
}

.list-berita-in li a:hover span {
    text-decoration: none;
}

.list-berita-in li a span {
    font-weight: 400;
    font-size: 13px;
    color: #5F5E5E;
    background: #f5f5f5;
    padding: 1px;
    display: block;
    margin-top: 5px;
}

.list-berita-in li a span img {
    vertical-align: middle;
    width: 17px;
    margin-right: 4px;
}

.list-berita-in li a p {
        font-size: 11px;
    color: #8C8C8C;
    font-weight: 400;
}


.list-berita-in li {
    background: url(../images/news-arrow.png) no-repeat;
    padding: 0px 10px 0px 26px;
    background-position: 0px 14px;
    margin: 0px 23px 0px 0px;
}

.paging ul {
	width:100%;
	text-align:center;
}
.paging ul li {
    /*float: left;*/
	display:inline-block;
	*display:inline; /*IE7*/
	*zoom:1; /*IE7*/
	color:white;
	margin-right:5px;
}

.paging ul li a {
    padding: 10px 15px;
    font-size: 14px;
    display: block;
    margin: 0px 0px;
}

.paging ul li p {
    padding: 10px;
    font-size: 14px;
}

.paging ul li a.active {
    color: #fff;
    background: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.paging ul li a:hover {
    color: #fff;
    background: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.paging {
    width: 310px;
    margin: 0 auto;
    padding: 20px 0px;
}

.paging ul li a.pag-nav {
color: #fff;
    background: #4E4848;
    font-size: 9px;
    padding: 12px 15px;
    height: 15px;
}

.listing-news {
    padding-left: 10px;
}

.listing-news p {
    font-size: 13px;
    line-height: 150%;
    color: #555555;
	margin-bottom: 20px;
}
.listing-news h4 a:hover{
	color:#5e3f1f !important
}
.listing-news small {
	margin-bottom: 10px;
}
.listing-news h4 {
	font-size: 24px;
	font-weight: bold;
	color: #545454;
	line-height: 100%;
	margin-bottom: 0px;
}

.listing-news span {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.news-index li {
    margin: 10px 0px;
	padding: 10px;
}

.pht-gall {
    width: 33.3%;
    float: left;
}

.pht-index {
    margin: 10px;
	position:relative;
}
.pht-index a {
}

.cap-pht-gall {
	background: rgba(133, 91, 47, 0.80);
	padding: 10px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	width: 301px;
}
.pht-index:hover .cap-pht-gall {
	background: rgba(133, 91, 47, 1);
}
.pht-gall .pht-index img {
	width: 100%;
}

.cap-pht-gall p {
    color: #fff;
    font-size: 90%
}

.pht-index:hover a {
	text-decoration:underline
}

.ttl-pimp {
        background: #855b2f;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 21px;
}

.pht-pimp img {
    width: 100%;
	height: auto;
}

.pht-pimp {
    padding: 10px;
}

.box-list-pimp {
    background: #f3f3f3;
}

.box-pimp {
    width: 720px;
    margin: 0 auto;

}
.isi-pimp p {
    font-size: 14px;
    line-height: 20px;
    color: #6F6F6F;
}

.isi-pimp h3 {
font-size: 28px;
    line-height: 35px;
    color: #565656;
    margin-bottom: 7px;
    font-weight: bold;
}

.isi-pimp {
    padding: 10px ;
    margin-bottom:20px;
}
.isi-pimp a {
    color: #855b2f;
    font-size: 13px;
    margin-top: 10px;
    display: block;
}

.mini-pimp h3 {
    background: #855b2f;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    margin-bottom: 10px;
}

.mini-pimp h4 {
    font-weight: bold;
    color: #6B6B6B;
    font-size: 16px;
}

.mini-pimp p {
    font-size: 13px;
    line-height: 20px;
}

.mini-pimp {
    margin-bottom: 20px;
    padding: 10px;
	height: 210px;
}

.list-pers li a {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0px;
    display: block;
    line-height: 22px;
}

.list-pers li a:hover h4 {
    text-decoration: underline;
}

.list-pers li a:hover span {
    text-decoration: underline;
}


.list-pers li a span {
        font-weight: bold;
    font-size: 13px;
    color: #FFFFFF;
    background: #855b2f;
    padding: 1px 10px;
    display: inline-flex;
    margin-top: 10px;
}
}

.list-pers li a img {
    vertical-align: middle;
    width: 17px;
    margin-right: 4px;
}

.list-pers li {
    padding: 0px 10px 0px 0px;
    background-position-y: 12px;
    background-position-x: 6px;
    margin: 0px 40px 20px 0px;
}

.list-pers li p {
    font-size: 13px;
    font-weight: 400;
}

.vid-thumb img {
    width: 100%;
}

.list-with-thum li {
    padding: 10px;
}

.desc-list {
    padding:0px 10px 10px 10px;
}

.desc-list h4 {
        color: #855b2f;
    font-weight: bold;
    font-size: 18px;
}

.desc-list p {

    font-size: 13px;
    line-height: 20px;
}

.article p, .jdihn p, p {
    font-size: 0.9em;
	line-height: 175%;
    color: #555;
	padding-bottom: 15px;
	text-align: justify;
}
.accordion div {
	font-size: 0.9em;
	line-height: 175%;
}
.article td {
	font-size: 0.9em;
	color: #555;
}
.article li,.jdihn li {
	color: #555;
}
.article ol,.jdihn ol {
	padding-left: 35px;
	list-style: decimal;
	padding-bottom: 15px;
}
.article h1,.jdihn h1,.article h2,.jdihn h2 {
	margin-bottom:15px;
}
/*.bg-w.article { width: 85%; margin:auto}*/
.bg-w.article ul {
	margin-bottom: 15px;
}
.bg-w.article ul li {
	list-style: disc;
	margin-left: 20px;
}
.list-art li {
	list-style: none !important;
	margin-left:0px !important
}
.bg-w.article ul li a:hover {
	text-decoration:underline;
}
.bg-w.article table tr td {
	padding-bottom: 5px !important;
	padding-right: 3px;
}
.bg-w.article h1, .bg-w.article h2, .bg-w.article h3, .bg-w.article h4, .bg-w.article table {
	color:#555
}
.bg-w.article a {
	font-size: 90%;
}
strong {
	font-weight:bold
}
.bold {
    font-weight: bold;
}
.showcase-content img {
	max-width:870px;
	max-height:580px;
	min-height:580px;
}
.italic {
    font-style: italic;
}

.article a {
    color: #855b2f;
    font-weight: bold;
    font-size: 13px;
}

.left-nav {
    float: left;
}

.right-nav {
    float: right;
}

.nav-page a {
    color: #fff;
    background: #855b2f;
    font-size: 13px;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 15px;
}
/*
.article img {
       margin: 0 auto;
    display: block;
}*/

.article h1 {
    font-size: 32px;
    font-weight: bold;
	color: #555555;
}

.article h2 {
    font-size: 24px;
    font-weight: bold;
	color: #555555
}

.img-par {
    float: left;
    max-width: 400px;
    width: 100%;
    margin: 10px;
    padding-right: 10px;
}
.img-pem {
    float: left;
    max-width: 200px;
    width: 100%;
    margin: 10px;
    padding-right: 10px;
}

.center-tab {
    width: 50%;
}

.mag-page h4 {
    font-size: 24px;
    line-height: 32px;
    color:#555;
    font-weight: bold;
}

.jdihn {
    padding:80px;
}

.jdihn img {
    float: left;
    padding-right: 20px;
}

.jdihn h2 {
    font-size: 42px;
    font-weight: bold;
    color: #555;
}

.jdihn h4 {
    font-size: 24px;
    border-bottom: solid 2px #555;
    float: left;
    padding-bottom: 5px;
}

.jdihn p {
    float: left;
    margin-top: 10px;
}

.ftr-rm {
        width: 578px;
    margin: 0 auto;
}

.ttl-photo {
    background: #855b2f;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.blue {
    color: blue;
    padding-left: 20px;
}

.border-btm {
        display: block;
    height: 1px;
    background: #949494;
    margin: 20px 0px;
}

.visi-page h5 {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.visi-page {
    background: url(../images/vsi.jpg) center center no-repeat #fff;
    background-position:0px 390px;
	
	width: 60%;
	margin: auto;
}
.visi-page h1 {
	font-size: 30px;
}
.visi-page ol {
	list-style:decimal;
	margin-left: 15px;
}
.visi-page ol li {
	padding-left: 15px;
}
.visi-page ol li, .visi-page p {
	color : #555;
	margin-bottom: 15px;
	font-size: 120% !important
}

.show {
    display: block;
}

.menu-sub-mob {
    display: none;
    background: #FFFFFF;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.menu-sub-mob li a {
    padding: 10px;
    display: block;
    font-weight: bold;
}

.menu-sub-mob li ul li a {
    padding: 10px;
    display: block;
    font-weight: 300;
}

.menu-sub-mob li {
    border-bottom: solid 1px #555;
}

.menu-sub-mob li ul li {
    border-bottom: none;
}


.sub-menu-sec {
    padding-left: 11px;
}

.nav-mobile {
    display: none;
}

.ftr-mob ul.men-mob li {
    float: left;
    width: 33.3%;
    text-align: center;
    background: #855b2f;
}

.ftr-mob ul.men-mob li a {
    text-align: center;
    padding: 20px 0px;
    display: block;
    background: #855b2f;
    color: #fff;
}

.men-sta {
    background: #D21212;
}
.men-sta h3 {
    display: block;
    text-align: center;
    padding: 10px 0px;
    color: #fff;
}

.men-sta li {
    float: left;
    width: 50%;
    text-align: center;
}

.men-sta li a {
    color: #fff;
    display: block;
    padding: 10px 0px;
}

.ftr-mob {
    display: none;
}

.s-m {
    display: none;
}

.mini-h {
    margin-top: 0px;
}

.cd-tabs nav {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /*...*/
}

.lap-year {
        background: #e5e5e5;
    display: block;
    text-align: center;
    padding: 27px 0px;
    margin: 2px;
    color: #777;
}

.list-art li:hover {
    background: url(../images/news-arrow.png) no-repeat #f5f5f5;
background-position: 4px 14px;
}

.news-index li:hover {
    background: #f5f5f5;

}

.mini-header img {
    float: left;
    width: 63px;
    margin: 10px;
}

.mini-header h1 {
    font-size: 28px;
    font-family: roboto;
    color: #fff;
    font-weight: bold;
    padding: 20px;
}

.mini-header {
    background-color: #5e3f1f;
}

.big-pad {
    padding: 53px 30px 0px;
}

.fa-times {
    display: none;
}

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #FFF;
    display: block;
    font-size: 100%;
	font-weight:bold;
    line-height: 0;
    padding: 18px 20px;
    text-decoration: none;
}

.nav-menu li:hover > a
 {
	background-color: #FFFFFF;
	color:#855b2f;
}
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #FFF;
	color:#F00;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background: rgba(121, 121, 121, 0.78);
	border-top: 0;
	padding: 0;
	position: absolute;
	/*left: -2px;*/
	left:0px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
	width:300px;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 350px;
	white-space: nowrap;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #855b2f;
	color:#FFF;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #FFF;
}

/**************************************************************************
*	@name		    Zozo UI Tabs
*	@descripton	    Create awesome tabbed content area
*	@version	    6.5
*   @Licenses: 	    http://codecanyon.net/licenses/
*   @requires       jQuery v1.7 or later
*	@copyright      Copyright (c) 2013 Zozo UI
*   @author         Zozo UI
*   @URL:           http://www.zozoui.com
*   
***************************************************************************/
.z-tabs.flat,
.z-tabs.flat > .z-container,
.z-tabs.flat > ul.z-tabs-nav,
.z-tabs.flat.horizontal > ul.z-tabs-nav,
.z-tabs.flat.vertical > ul.z-tabs-nav.z-tabs-desktop,
.z-tabs.flat > ul li.z-first,
.z-tabs.flat > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.clean > ul.z-tabs-nav > li > a {
    border-width: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.z-tabs.flat.mini > ul > li > a {
    font-size: 11px;
    padding: 7px 16px;
}
.z-tabs.flat.small > ul > li > a {
    font-size: 11px;
    padding: 13px 20px;
}
.z-tabs.flat.medium > ul > li > a {
    font-size: 13px;
    padding: 16px 24px;
}
.z-tabs.flat.large > ul > li > a {
    font-size: 16px;
    padding: 12px 28px;
}
.z-tabs.flat.xlarge > ul > li > a {
    font-size: 14px;
    padding: 22px 32px;
}
.z-tabs.flat.xxlarge > ul > li > a {
    font-size: 15px;
    padding: 25px 36px;
}
.z-tabs.flat.top-compact > ul > li > a,
.z-tabs.flat.bottom-compact > ul > li > a {
    padding-left: 0;
    padding-right: 0;
}
.z-tabs.flat {
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.55em;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.z-tabs.flat,
.z-tabs.flat > ul > li > a {
    color: #fdfdfd;
    color: #fdfdfd;
    text-shadow: none;
}
.z-tabs.flat > ul > li > a {
    font-family: roboto;
    font-weight: bold;
    font-size: 18px;
}
.z-tabs.flat .z-container {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.z-tabs.flat > ul > li > a,
.z-tabs.flat > .z-container,
.z-tabs.flat > .z-container > .z-content {
    background:#fff;
    /*border: solid 1px #CAC7C7;*/
    -webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
}
.home-content-space-no-link.z-container, .z-link {
	-webkit-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	-moz-box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
	box-shadow: 0px 2px 2px 1px rgba(209,207,209,1) !important;
}
.z-tabs.flat > ul.z-tabs-nav > li > a:hover {
    background: #e3eaf0;
    background: #F6F7F9;
    text-shadow: none;
    box-shadow: none;
}
.z-tabs.flat > ul.z-tabs-nav > li.z-active > a {
   background: #bdc3c7;
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    font-family: roboto;
    font-size: 16px;
    box-shadow: none;
}
.z-tabs.flat.z-dark {
    color: #F1F6F7;
    color: rgba(248, 251, 252, 0.9);
}
.z-tabs.flat.z-dark > ul > li > a {
    color: #F1F6F7;
}
.z-tabs.flat.z-dark > ul.z-tabs-nav > li > a:hover {
    background: #e3eaf0;
    background: #152232;
    text-shadow: none;
    box-shadow: none;
    background: #1D3449;
}
.z-tabs.flat.z-dark > ul.z-tabs-nav > li.z-active > a {
    background: #bdc3c7;
    color: #fff;
    text-shadow: none;
    box-shadow: none;
}
.z-tabs.flat.horizontal > .z-container {
    margin-right: 0 !important;
}
.z-tabs.flat.horizontal > .z-container > .z-content > .z-content-inner {
    padding: 2em 0;
}
.z-tabs.flat.horizontal.top > ul.z-tabs-nav,
.z-tabs.flat.horizontal.top > ul.z-tabs-nav > li,
.z-tabs.flat.horizontal.bottom > ul.z-tabs-nav,
.z-tabs.flat.horizontal.bottom > ul.z-tabs-nav > li {
    margin: 0;
    padding: 0;
}
.z-tabs.flat.horizontal > ul > li.z-active {
    top: 0;
    margin-top: 0;
    padding-bottom: 0;
}
.z-tabs.flat.horizontal.top > ul.z-tabs-nav > li.z-active {
    margin-bottom: 0;
    padding-bottom: 0;
}
.z-tabs.flat.vertical > .z-container > .z-content > .z-content-inner {
    padding: 0 2em;
}
.z-tabs.flat.vertical.contained > .z-container > .z-content > .z-content-inner {
    padding: 2em;
}
.z-tabs.flat.vertical > ul.z-tabs-nav {
    margin-left: 0;
    margin-right: 0;
}
.z-tabs.flat.vertical > .z-container {
    border-width: 0;
    margin: 0;
}
.z-tabs.flat.vertical > ul > li.z-first.z-active > a {
    border-width: 0;
}
.z-tabs.flat.vertical > ul.z-tabs-nav > li.z-active {
    z-index: 0;
}
.z-tabs.flat.vertical > ul.z-tabs-nav > li > a {
    margin: 0 0 0 0;
    text-align: left;
}
.z-tabs.flat.clean.responsive.horizontal.bottom > ul > li.z-first-row > a,
.z-tabs.flat.clean.responsive.horizontal.top > ul > li.z-last-row > a,
.z-tabs.flat.clean.responsive.horizontal.bottom > ul > li.z-last-row > a {
    border-width: 0;
}
.z-tabs.flat.clean > ul > li.z-active > a {
    font-weight: inherit;
}
.z-tabs.flat.z-multiline > ul > li> a,
.z-tabs.flat.z-multiline > ul > li.z-active > a {
    font-weight: 600;
}
.z-tabs.flat.contained.horizontal> .z-container,
.z-tabs.flat.contained.vertical> .z-container {
    background: #F7F7F8;
    background: #EFF0F2;
}
.z-tabs.flat.contained.horizontal > .z-container > .z-content > .z-content-inner {
    padding: 18px 62px;
}
.z-tabs.flat.contained > ul > li a,
.z-tabs.flat.clean > ul > li a {
    background: #F7F7F8;
    background: #5e3f1f;
}
.z-tabs.flat.contained > ul > li > a:hover,
.z-tabs.flat.clean > ul > li > a:hover {
    background: #855b2f;
}
.z-tabs.flat.clean.horizontal > ul.z-tabs-nav > li > a {
    text-align: center;
}
.z-tabs.flat.clean.vertical > ul.z-tabs-nav > li > a {
    text-align: left;
}
.z-tabs.flat.z-dark.contained > ul.z-tabs-nav > li > a,
.z-tabs.flat.z-dark.clean > ul.z-tabs-nav > li > a {
    background: #2C3E50;
}
.z-tabs.flat.contained.z-spaced.horizontal.top > .z-container {
    top: 3px;
}
.z-tabs.flat.contained.z-spaced.horizontal.bottom > .z-container {
    margin: 0 0 3px 0;
}
.z-tabs.flat.contained.z-spaced.z-bordered.horizontal.top> .z-container {
    padding: 0;
    top: 0;
    border-right: #D8D8D8 1px solid;
}
.z-tabs.flat.contained.z-spaced.z-bordered.horizontal.bottom > .z-container {
    padding: 0;
    margin: 0;
}
.z-tabs.flat.responsive.contained.z-spaced.horizontal.top > .z-container {
    top: 2px;
}
.z-tabs.flat.responsive.contained.z-spaced.horizontal.bottom > .z-container {
    margin: 0 0 1px 0;
}
.z-tabs.flat.pills.z-rounded > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.horizontal.bottom.z-rounded > ul.z-tabs-nav > li > a2 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.z-tabs.flat.vertical.top-left.z-rounded > ul.z-tabs-nav > li > a,
.z-tabs.flat.vertical.top-right.z-rounded > ul.z-tabs-nav > li > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active,
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active:hover,
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-nav > li:hover,
.z-tabs.horizontal.top-left.z-rounded > .z-container {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.z-tabs.flat.mobile.horizontal.z-rounded > ul.z-tabs-nav > li > a,
.z-tabs.flat.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a,
.z-tabs.flat.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}
.z-tabs.flat.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-nav > li > a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.z-tabs.flat.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-nav > li > a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.z-tabs.flat.clean.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-desktop {
    -webkit-border-radius: 6px 0 0 6px;
    -moz-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
}
.z-tabs.flat.clean.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-desktop {
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}
.z-tabs.horizontal.top.flat.z-bordered.mini > .z-container {
    border-width: 3px 0 0 0;
}
.z-tabs.horizontal.top.flat.z-bordered.small > .z-container {
    border-width: 4px 0 0 0;
}
.z-tabs.horizontal.top.flat.z-bordered.medium > .z-container {
    border-width: 5px 0 0 0;
}
.z-tabs.horizontal.top.flat.z-bordered.large > .z-container {
    border-width: 5px 0 0 0;
}
.z-tabs.horizontal.top.flat.z-bordered.xlarge > .z-container {
    border-width: 6px 0 0 0;
}
.z-tabs.horizontal.top.flat.z-bordered.xxlarge > .z-container {
    border-width: 6px 0 0 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.mini > .z-container {
    border-width: 0 0 3px 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.small > .z-container {
    border-width: 0 0 4px 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.medium > .z-container {
    border-width: 0 0 5px 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.large > .z-container {
    border-width: 0 0 5px 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.xlarge > .z-container {
    border-width: 0 0 6px 0;
}
.z-tabs.horizontal.bottom.flat.z-bordered.xxlarge > .z-container {
    border-width: 0 0 6px 0;
}
.z-tabs.flat.horizontal.top.z-rounded.z-bordered.z-spaced > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.z-tabs.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li > a,
.z-tabs.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.z-tabs.flat.vertical.z-bordered.top-right.mini > ul.z-tabs-nav {
    border-width: 0 0 0 3px;
}
.z-tabs.flat.vertical.z-bordered.top-right.small > ul.z-tabs-nav {
    border-width: 0 0 0 4px;
}
.z-tabs.flat.vertical.z-bordered.top-right.medium > ul.z-tabs-nav {
    border-width: 0 0 0 5px;
}
.z-tabs.flat.vertical.z-bordered.top-right.large > ul.z-tabs-nav {
    border-width: 0 0 0 5px;
}
.z-tabs.flat.vertical.z-bordered.top-right.xlarge > ul.z-tabs-nav {
    border-width: 0 0 0 6px;
}
.z-tabs.flat.vertical.z-bordered.top-right.xxlarge > ul.z-tabs-nav {
    border-width: 0 0 0 6px;
}
.z-tabs.flat.vertical.z-bordered.top-left.mini > ul.z-tabs-nav {
    border-width: 0 3px 0 0;
}
.z-tabs.flat.vertical.z-bordered.top-left.small > ul.z-tabs-nav {
    border-width: 0 4px 0 0;
}
.z-tabs.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav {
    border-width: 0 5px 0 0;
}
.z-tabs.flat.vertical.z-bordered.top-left.large > ul.z-tabs-nav {
    border-width: 0 5px 0 0;
}
.z-tabs.flat.vertical.z-bordered.top-left.xlarge > ul.z-tabs-nav {
    border-width: 0 6px 0 0;
}
.z-tabs.flat.vertical.z-bordered.top-left.xxlarge > ul.z-tabs-nav {
    border-width: 0 6px 0 0;
}
.z-tabs.flat.mobile.vertical.z-bordered > ul.z-tabs-nav {
    border-width: 0 !important;
}
.z-tabs.flat.z-spaced.horizontal > ul > li > a,
.z-tabs.flat.z-spaced.z-shadows.z-dark.horizontal > ul > li > a {
    margin-right: 2px;
}
.z-tabs.flat.z-spaced.z-bordered.horizontal > ul > li > a,
.z-tabs.flat.z-spaced.z-bordered.z-shadows.z-dark.horizontal > ul > li > a {
    margin-right: 3px;
}
.z-tabs.flat.z-spaced.horizontal > ul.z-tabs-nav > li.z-last > a,
.z-tabs.flat.z-spaced.horizontal.z-multiline > ul.z-tabs-nav > li.z-last > a,
.z-tabs.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li.z-last-col > a {
    margin-right: 0 !important;
}
.z-tabs.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li > a {
    margin: 1px 1px 0 0 !important;
}
.z-tabs.flat.z-spaced.vertical > ul.z-tabs-desktop > li > a {
    margin-bottom: 1px;
}
.z-tabs.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop {
    margin: 0 1px 0 0;
}
.z-tabs.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop {
    margin: 0 0 0 1px
}
.z-tabs.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop > li.z-last > a,
.z-tabs.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop > li.z-last > a {
    margin-bottom: 0;
}
.z-tabs.flat.z-spaced.contained.horizontal.top.z-rounded > ul > li > a {
    border-radius: 4px 4px 0 0;
}
.z-tabs.flat.z-spaced.contained.horizontal.bottom.z-rounded > ul > li > a {
    border-radius: 0 0 4px 4px;
}
.z-tabs.flat.z-dark.contained.z-shadows.z-spaced.horizontal.top > ul > li > a {
    box-shadow: none !important;
}
.z-tabs.flat.z-dark.contained.horizontal > .z-container,
.z-tabs.flat.z-dark.contained.vertical > .z-container {
    background: #2C3E50;
}
.z-tabs.flat.flat-turquoise > ul,
.z-tabs.flat.flat-turquoise > .z-container {
    border-color: #1ABC9C;
}
.z-tabs.flat.flat-turquoise > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-turquoise > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-turquoise > ul.z-tabs-mobile > li a {
    background: #1ABC9C;
}
.z-tabs.flat.flat-emerald > ul,
.z-tabs.flat.flat-emerald > .z-container {
    border-color: #2ECC71;
}
.z-tabs.flat.flat-emerald > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-emerald > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-emerald > ul.z-tabs-mobile > li a {
    background: #2ECC71;
}
.z-tabs.flat.flat-peter-river > ul,
.z-tabs.flat.flat-peter-river > .z-container {
    border-color: #3498db;
}
.z-tabs.flat.flat-peter-river > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-peter-river > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-peter-river > ul.z-tabs-mobile > li a {
    background: #3498db;
}
.z-tabs.flat.flat-amethyst > ul,
.z-tabs.flat.flat-amethyst > .z-container {
    border-color: #9B59B6;
}
.z-tabs.flat.flat-amethyst > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-amethyst > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-amethyst > ul.z-tabs-mobile > li a {
    background: #9B59B6;
}
.z-tabs.flat.flat-wet-asphalt > ul,
.z-tabs.flat.flat-wet-asphalt > .z-container {
    border-color: #34495E;
}
.z-tabs.flat.flat-wet-asphalt > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-wet-asphalt > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-wet-asphalt > ul.z-tabs-mobile > li a {
    background: #34495E;
}
.z-tabs.flat.flat-green-sea > ul,
.z-tabs.flat.flat-green-sea > .z-container {
    border-color: #16A085;
}
.z-tabs.flat.flat-green-sea > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-green-sea > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-green-sea > ul.z-tabs-mobile > li a {
    background: #16A085;
}
.z-tabs.flat.flat-nephritis > ul,
.z-tabs.flat.flat-nephritis > .z-container {
    border-color: #27AE60;
}
.z-tabs.flat.flat-nephritis > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-nephritis > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-nephritis > ul.z-tabs-mobile > li a {
    background: #27AE60;
}
.z-tabs.flat.flat-belize-hole‎ > ul,
.z-tabs.flat.flat-belize-hole > ul,
.z-tabs.flat.flat-belize-hole > .z-container {
    border-color: #2980B9;
}
.z-tabs.flat.flat-belize-hole > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-belize-hole > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-belize-hole > ul.z-tabs-mobile > li a {
    background: #2980B9;
}
.z-tabs.flat.flat-wisteria > ul,
.z-tabs.flat.flat-wisteria > .z-container {
    border-color: #8E44AD;
}
.z-tabs.flat.flat-wisteria > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-wisteria > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-wisteria > ul.z-tabs-mobile > li a {
    background: #8E44AD;
}
.z-tabs.flat.flat-midnight-blue > ul,
.z-tabs.flat.flat-midnight-blue > .z-container {
    border-color: #2C3E50;
}
.z-tabs.flat.flat-midnight-blue > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-midnight-blue > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-midnight-blue > ul.z-tabs-mobile > li a {
    background: #2C3E50;
}
.z-tabs.flat.flat-sun-flower > ul,
.z-tabs.flat.flat-sun-flower > .z-container {
    border-color: #F1C40F;
}
.z-tabs.flat.flat-sun-flower > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-sun-flower > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-sun-flower > ul.z-tabs-mobile > li a {
    background: #F1C40F;
}
.z-tabs.flat.flat-carrot > ul,
.z-tabs.flat.flat-carrot > .z-container {
    border-color: #E67E22;
}
.z-tabs.flat.flat-carrot > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-carrot > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-carrot > ul.z-tabs-mobile > li a {
    background: #E67E22;
}
.z-tabs.flat.flat-alizarin > ul,
.z-tabs.flat.flat-alizarin > .z-container {
    border-color: #855b2f;
}
.z-tabs.flat.flat-alizarin > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-alizarin > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-alizarin > ul.z-tabs-mobile > li a {
    background: #855b2f;
}
.z-tabs.flat.flat-graphite > ul,
.z-tabs.flat.flat-graphite > .z-container {
    border-color: #454545;
}
.z-tabs.flat.flat-graphite > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-graphite > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-graphite > ul.z-tabs-mobile > li a {
    background: #454545;
}
.z-tabs.flat.flat-concrete > ul,
.z-tabs.flat.flat-concrete > .z-container {
    border-color: #95A5A6;
}
.z-tabs.flat.flat-concrete > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-concrete > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-concrete > ul.z-tabs-mobile > li a {
    background: #95A5A6;
}
.z-tabs.flat.flat-orange > ul,
.z-tabs.flat.flat-orange > .z-container {
    border-color: #F39C12;
}
.z-tabs.flat.flat-orange > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-orange > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-orange > ul.z-tabs-mobile > li a {
    background: #F39C12;
}
.z-tabs.flat.flat-pumpkin > ul,
.z-tabs.flat.flat-pumpkin > .z-container {
    border-color: #D35400;
}
.z-tabs.flat.flat-pumpkin > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-pumpkin > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-pumpkin > ul.z-tabs-mobile > li a {
    background: #D35400;
}
.z-tabs.flat.flat-pomegranate > ul,
.z-tabs.flat.flat-pomegranate > .z-container {
    border-color: #C0392B;
}
.z-tabs.flat.flat-pomegranate > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-pomegranate > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-pomegranate > ul.z-tabs-mobile > li a {
    background: #C0392B;
}
.z-tabs.flat.flat-silver > ul,
.z-tabs.flat.flat-silver > .z-container {
    border-color: #BDC3C7;
}
.z-tabs.flat.flat-silver > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-silver > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-silver > ul.z-tabs-mobile > li a {
    background: #BDC3C7;
}
.z-tabs.flat.flat-asbestos > ul,
.z-tabs.flat.flat-asbestos > .z-container {
    border-color: #7F8C8D;
}
.z-tabs.flat.flat-asbestos > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-asbestos > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-asbestos > ul.z-tabs-mobile > li a {
    background: #7F8C8D;
}
.z-tabs.flat.flat-lime > ul,
.z-tabs.flat.flat-lime > .z-container {
    border-color: #7FC04C;
}
.z-tabs.flat.flat-lime > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-lime > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-lime > ul.z-tabs-mobile > li a {
    background: #7FC04C;
}
.z-tabs.flat.flat-pink > ul,
.z-tabs.flat.flat-pink > .z-container {
    border-color: #ea4c89;
}
.z-tabs.flat.flat-pink > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-pink > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-pink > ul.z-tabs-mobile > li a {
    background: #ea4c89;
}
.z-tabs.flat.flat-blue2 > ul,
.z-tabs.flat.flat-blue2 > .z-container {
    border-color: #4A79F3;
}
.z-tabs.flat.flat-blue2 > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-blue2 > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-blue2 > ul.z-tabs-mobile > li a {
    background: #4A79F3;
}
.z-tabs.flat.flat-red2.medium > ul > li > a {
    font-size: 14px;
    padding: 16px 24px;
}
.z-tabs.flat.flat-red2.horizontal.z-bordered > .z-container {
    border-width: 0 !important;
}
.z-tabs.flat.flat-red2 {
    color: #777;
    font: 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.z-tabs.flat.flat-red2 > ul.z-tabs-nav,
.z-tabs.flat.flat-red2 > ul.z-tabs-nav > li,
.z-tabs.flat.flat-red2 > .z-container {
    border-color: #e64c3c;
}
.z-tabs.flat.flat-red2 > ul.z-tabs-nav > li a {
    background: #e2534b;
    color: #FFF;
    text-shadow: none;
    font-family: 'Open Sans', sans-serif !important;
}
.z-tabs.flat.flat-red2 > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-red2 > ul.z-tabs-mobile.z-state-closed > li a {
    background: #F8F8F8;
    color: #7F8C8C;
}
.z-tabs.flat.flat-red2 > ul.z-tabs-nav > li:not(.z-active) > a:hover {
    background: #62b9b0;
    color: #fff;
    opacity: 0.85;
}
.z-tabs.flat.flat-red2.horizontal > .z-container > .z-content,
.z-tabs.flat.flat-red2.vertical > .z-container {
    background: #F8F8F8;
}
.z-tabs.flat.flat-red2.z-spaced.z-shadows.horizontal > ul > li > a {
    margin-right: 8px;
}
.z-tabs.flat.flat-zozo-red > ul,
.z-tabs.flat.flat-zozo-red > .z-container {
    border-color: #F44343;
}
.z-tabs.flat.flat-zozo-red > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-zozo-red > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-zozo-red > ul.z-tabs-mobile > li a {
    background: #F44343;
}
.z-tabs.flat > ul.z-tabs-mobile > li a {
    background: none;
    text-shadow: none;
    box-shadow: none;
}
.z-tabs.flat > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat > ul.z-tabs-mobile > li a {
    background: #bdc3c7;
    color: #fff;
}
.z-tabs.flat.z-dark > ul.z-tabs-mobile > li a {
    background: none;
    text-shadow: none;
    box-shadow: none;
}
.z-tabs.flat.z-dark > ul.z-tabs-mobile.z-state-closed > li a {
    color: #fff;
}
.z-tabs.flat > ul.z-tabs-mobile {
    opacity: 1;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop > li a {
    background: #D80E0E;
}
.z-tabs.flat.mobile > ul > li > a {
    border-width: 0 !important;
}
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-mobile > li > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.z-tabs.flat.mobile > ul.z-tabs-nav > li > a {
    text-align: left;
}
.z-tabs.flat > ul.z-tabs-desktop > li {
    margin: 0;
}
.z-tabs.flat.mobile.z-bordered > .z-container,
.z-tabs.flat.mobile > ul.z-tabs-nav,
.z-tabs.flat.mobile > ul.z-tabs-nav,
.z-tabs.flat.mobile > ul.z-tabs-nav.z-tabs-mobile.z-state-closed,
.z-tabs.flat.mobile > ul.z-tabs-nav > li {
    border-width: 0;
}
.z-tabs.flat.mobile > ul.z-tabs-nav > li > a {
    text-align: left;
}
.z-tabs.flat.mobile > ul.z-tabs-nav > li > a,
.z-tabs.flat.mobile > ul.z-tabs-nav > li > a {
    margin: 0 !important;
    padding-left: 2em !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.z-tabs.flat.responsive.z-bordered > .z-container,
.z-tabs.flat.mobile.z-bordered > .z-container {
    border-width: 0 !important;
}
.z-tabs.flat.mobile.horizontal.z-contained > .z-container > .z-content,
.z-tabs.flat.mobile.vertical.z-contained > .z-container,
.z-tabs.flat.mobile.horizontal.top.z-contained > .z-container > .z-content,
.z-tabs.flat.mobile.vertical.z-contained > .z-container > .z-content {
    margin: 3px 0 0 0;
}
.z-tabs.flat.mobile.vertical.z-contained > ul.z-tabs-desktop {
    margin: 0;
}
.z-tabs {
    position: relative;
}
.z-tabs > .z-dropdown-arrow {
    display: none;
}
.z-tabs.flat.mobile > .z-container > .z-content > .z-content-inner {
    padding: 20px; 
}

.z-tabs.flat.mobile > ul.z-tabs-desktop > li {
    margin: 1px 1px 0px !important;
}
.z-tabs.flat.mobile.z-dark > ul.z-tabs-desktop > li {
    margin: 1px 4px 0px !important;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop > li > a {
    border-width: 0;
    text-align: left !important;
    padding-left: 1.5em !important;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop > li.z-active > a {
    font-weight: bold;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop > li:not(.z-active) > a:hover {
    background: #855b2f;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop {
    width: 100%;
    background-color: #E0E2E6;
    padding: 1px 0 4px;
    margin-top: 18px;
    visibility: visible;
    border: none;
}
.z-tabs.flat.mobile > ul.z-tabs-desktop.z-hide-menu {
    opacity: 0;
    height: 0;
    visibility: hidden !important;
}
.z-tabs.mobile > ul.z-tabs-mobile.z-state-closed + .z-dropdown-arrow {
    display: none;
}
.z-tabs.flat.mobile .z-dropdown-arrow {
    margin-bottom: 10px;
    display: block;
}
.z-tabs.flat.mobile .z-dropdown-arrow {
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #f3f4f5 transparent;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3f4f5 rgba(0, 0, 0, 0);
    height: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    right: 1.35em;
    top: inherit;
    width: 0;
    z-index: 10;
    -webkit-transform: rotate(360deg);
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    border-bottom-color: #E0E2E6;
    border-top-color: #E0E2E6;
    margin-top: 9px;
    opacity: 1;
}
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-desktop {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.z-tabs.flat.mobile.z-rounded > ul.z-tabs-desktop > li.z-active > a {
    border-radius: 2px !important;
}
.z-tabs.flat.z-dark.mobile > ul > li > a {
    color: #2C3E50;
    color: #F1F6F7;
    background: none;
}
.z-tabs.flat.z-dark.mobile > ul.z-tabs-desktop > li:not(.z-active) > a:hover {
    background: #34495E;
}
.z-tabs.flat.z-dark.mobile > ul.z-tabs-desktop {
    background-color: #2C3E50;
    color: #FFF;
    padding: 4px 0 4px;
}
.z-tabs.flat.z-dark.mobile .z-dropdown-arrow {
    border-bottom-color: #2C3E50;
    border-top-color: #2C3E50;
}

.col-65 .bx-wrapper img {
    height: 440px;
}

.menu-toggle {
	display: none;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* Gallery Detail */
#gallery-index-detail h2, h2.title-bg {
	background:#68451f;
	font-size: 22px;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.owl-carousel2 .owl-item {
	border: 3px solid #fff
}
.owl-prev {
	background: url(../images/gallery-left.jpg) no-repeat !important;
    background-position: 0px 0px !important;
	position: absolute !important;
	margin-left: -230px !important;
	margin-top: -87px !important;
	font-size:0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	width: 29px !important;
	height: 74px !important;
}
.owl-next {
	background: url(../images/gallery-right.jpg) no-repeat !important;
    background-position: 0px 0px !important;
	position: absolute !important;
	margin-left: 200px !important;
	margin-top: -87px !important;
	font-size:0px !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	width: 29px !important;
	height: 74px !important;
}
.mini-h {
	margin-right: 5px;
	background: url("../images/sparator.jpg") no-repeat ;
    background-position: right center;
}
#primary-menu {
	background: url("../images/sparator.jpg") no-repeat ;
    background-position: 650px center;
}
.fa.fa-home.fa-lg {
	font-size: 2em !important;
}
.bx-wrapper .bx-pager {
    text-align: right !important;
    font-size: 0px !important;
    width: 50% !important;
    left: -245px !important;
}
.foto-video .z-content {
	height: 359px;
}
.foto-video .col-25 {
	height: 425px;
}

/* Magazine Tab */
ul#tabs {
    list-style-type: none;
    padding: 0;
    text-align: center;
}
ul#tabs li {
    display: inline-block;
    background-color: #68451f;
    border-bottom: solid 5px #68451f;
    padding: 5px 20px;
    margin-bottom: 4px;
    color: #fff;
    cursor: pointer;
	text-transform:uppercase;
	font-size: 1.1em;
}
ul#tabs li.col-50 {
	margin-left:1%;
	margin-right:1%;
	width:43%;
}
ul#tabs li:hover {
    background-color: #68451f;
}
ul#tabs li.active {
    background-color: #5e3f1f;
}
ul#tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#tab li {
    display: none;
}
ul#tab li.active {
    display: block;
}

#title-box {
	text-align:center;
	padding: 10px;
	margin-top: 85px;
}
#title-box h2 {
	font-size:35px;
	color:#555555;
	font-weight:bold;
}
#title-box h4 {
	color:#555
}
.play-button {
	background:url("../images/play.png") no-repeat center center;
	width: 100px;
	height: 99px;
	position: absolute;
	margin-top: -140px;
	margin-left: 105px;
}
.play-button a {
	display:block;
	width:100%;
	height:100%;
}
.jihn {
	background:#EBEBEB;
	padding: 15px
}
.jihn h1 {
	font-size: 45px;
	margin-bottom:0px;
}
.jihn h3 {
	border-bottom: 3px #707070 solid ;
	margin-bottom:15px;
	padding-bottom:10px;
	font-size:150%;
}
.jihn a {
	color:#707070;
}
.jihn a:hover {
	color:#606060;
}
.foto-video .owl-next {
	margin-left: 330px !important;
}
.foto-video .owl-prev {
	margin-left: -355px !important;
}
.foto-video .owl-controls {
	margin-top: -55px !important;
}
.show-s-m {
	display:none
}
.textwidget {
	color:#FFF;
	font-size:14px;
}