/* Reset browser styles
------------------------------------------ */
a {margin: 0; padding: 0}
html {min-height: 100%;padding-bottom: 1px;overflow-y: scroll;}
body {
	color: #666;
	font: 0.813em/1.5em "Arial", "Helvetica", sans-serif;
	background-color: #eae8e8;
	margin-bottom: 3px;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.wrapper {width: 980px;margin: 0 auto;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
dt {font-weight: 700;}
table {border-collapse: collapse;}
img {border: none; vertical-align: middle;}
a {color: #4587CF; text-decoration: none; outline: none; cursor: pointer;}
a:hover {color: #c83608; text-decoration: none;}
textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label[for], select {cursor: pointer}
input, select, textarea {outline: none}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none}

/* Custom fonts
------------------------------------------ */

/* Global Styles
------------------------------------------ */

h1 {margin-bottom: 1em; color: #c83608; font: bold 1.846em Georgia,serif; text-shadow: #dcdcdc 0 0 2px;}
h2 {margin: 1em 0; color: #555; font: normal 1.385em PTSansBold,sans-serif;}
h3 {margin: 1em 0; color: #555; font: normal 1.231em PTSansBold,sans-serif;}
h4 {margin: 1em 0; color: #666; font: normal 1.167em PTSansBold,sans-serif;}
h5 {margin: 1em 0 0; color: #777; font: normal 1em PTSansBold,sans-serif;}
h6 {margin: 1em 0 0; color: #666; font-size: 1em;}
h1 a {font-family: Georgia, serif;}
h2 a, h3 a, h4 a, h5 a, h6 a {font-family: "PTSansBold",sans-serif;}

blockquote {margin: 1.5em 0; padding: 10px 20px; border: 4px solid #e0e0e0; border-width: 4px 0; background: #f8f8f8; font-style: italic;}
sub, sup {line-height: 1em;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 0.75em 0;}
table {margin: 1em auto;/* border: 4px solid #e0e0e0; */border-width: 4px 0;}
table th, table th[class] {padding: 5px 10px;border: 1px solid #fff;background: #2196f3;color: white;}
table td, table td[class] {padding: 0px 5px; border: 1px solid #949494; background: #fcfcfc;}
table tr.alternate td {background: #f6f6f6;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px; border: 4px solid #e0e0e0; border-width: 4px 0; background: #f8f8f8;}
label {float: left; clear: left; width: 160px; margin: 5px 0; color: #444; font: normal 0.923em PTSans,sans-serif; text-transform: uppercase; letter-spacing: 1px;}
input, select, select[class] {width: 255px; margin: 5px 0; padding: 3px 10px; border: 1px solid #e0e0e0; background: #fff; color: #666; vertical-align: middle; }
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none;}
span.required {padding: 0 5px; color: #c83608; font-weight: bold; font-size: 1.333em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px; margin: 5px 0; padding: 6px 10px; border: 1px solid #e0e0e0; background: #fff; }
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {width: 143px; height: 29px; border: none; background: url("images/button.png") center center no-repeat; color: #fff; font: normal 0.923em/29px PTSansBold,sans-serif; text-transform: uppercase; cursor: pointer;}

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

.header {
	position: relative;
	float:  left;
	/* width: 100%; */
	/* height: 231px; */
	/* background-color: #FFF; */
	/* background-image: url(../../images/header.png); */
	/* background-repeat: no-repeat; */
	/* background-position: center top; */
}
.header>div {overflow: hidden; position: relative; width: 960px; margin: 0 auto;}
.header .logo-box {float: left; max-width: 500px; margin: 6px 0 15px; padding: 0 15px 10px; border: 1px solid #ccc; border-top: none;  background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.13); box-shadow: 0 2px 5px rgba(0,0,0,0.13); z-index: -10;}
.header .logo-box p {margin: 0.5em 0; text-align: center;}
.header .logo-box p.tagline {color: #888; font: normal 	0.923em PTSans,sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.header .logo-box p.logo {font-size: 2em; line-height: 1em; }
.header .logo-box p.logo a {color: #666; font-family: PTSansBold,sans-serif}
.header .logo-box p.logo a:hover {color: #000;}
.header form {position: absolute; right: 0; top: 50px; padding: 0; margin: 0; border: none;}
.header form input {width: 150px; margin: 0; padding: 3px 10px 2px; border: 1px solid #b0b0b0; background: url("images/search-input.png") repeat-x; color: #9e9e9e; font-size: 1.231em; font-family: PTSans,sans-serif; vertical-align: middle;}
.header form input:focus {width: 350px;}
.header form button {overflow: hidden; width: 29px; height: 28px; margin: 0; padding: 0; border: 1px solid #b0b0b0; border-left: none; background: url("images/search-button.png") no-repeat; text-indent: -500px; vertical-align: middle;}

.nav {padding-bottom: 4px;float:  left;width: 100%;}
.nav>div {min-height: 41px;padding-top: 1px;/* background: #737373 url("../../images/nav-top.png") top repeat-x; */background: #2196f3;}
.nav ul.menu {list-style: none; width: 960px; margin: 0 auto; padding: 0; }
.nav ul.menu>li {float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.nav ul.menu>li.current-menu-item {
    background: #000000;
}
.nav ul.menu>li:hover {overflow: visible; z-index: 50;}
.nav ul.menu>li>a {float: left;height: 41px;padding: 0 20px;/* background: url("../../images/mm-hover.png") 0 -50px repeat-x; */color: #fff;font: normal 1.05em/41px PTSansBold,sans-serif;text-shadow: #232323 0 0 2px;/* text-transform: uppercase; *//* font-size: 12px; */}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a {background-position: 0 0; text-decoration: none;}
.nav ul.menu ul {position: absolute; left: 0; top: 41px; list-style: none; width: 200px; margin: 0; padding: 0; margin-top:1px; border: 1px solid #fff; border-width: 1px 1px 0 1px; }
.nav ul.menu>li:hover>ul {top: 40px;}
.nav ul.menu ul li {position: relative;overflow: hidden;margin: 0;padding: 0;text-transform: uppercase;}
.nav ul.menu ul li:hover {overflow: visible;}
.nav ul.menu ul li a {display: block;padding: 7px 20px;border-bottom: 1px solid #fff;background: #2196f3;color: #fff;font-weight:bold;}
.nav ul.menu ul li a:hover, .nav ul.menu ul li:hover>a {background: #000000;color: #fff;text-decoration: none;font-weight:bold;}
.nav ul.menu ul ul {left: 200px; top: 0;}

.content {position: relative;z-index: 40;overflow: hidden;/* width: 962px; */margin: 0px auto 40px;/* float:  left; */}
.main {padding-top: 20px;}
.main .mainpost {width: 100%;float:left;}
.main ul {list-style: none;}
.main ul li {padding-left: 15px; background: url("images/bullet.gif") 0 7px no-repeat;}


.footer {/* padding-top: 5px; *//* background: url("../../images/footer.png") center top repeat-x; *//* width: calc(100% - 0px); *//* background: #313131; *//* padding: 0px 10px 15px 10px; */color: white;float: left;}
.footer p a {padding: 0 5px; color: #067b94;}
.footer p a:hover {color: #333;}
.footer p span {padding-right: 15px; color: #777;}

.footer ul.menu {margin: 5px auto; font-size: 0.846em; text-align: center;}
.footer ul.menu li {display: inline; width: auto; margin: 0; padding: 0 10px; border-left: 1px solid #ccc;}
.footer ul.menu li:first-child {border-left: none;}
.footer ul.menu li a {display: inline; color: #067b94}
.footer ul.menu li a:hover {color: #333;}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1.5em;padding: 0 0 10px;float: left;width: 100%;}
.widget select {width: 220px; margin: 15px 0;}

.sidebar {padding-top: 20px;}
.sidebar h3 {margin: 0;color: #fff;font-weight: bolder;font-size: 10pt;/* font: normal 1em PTSansBold,sans-serif; */text-transform: uppercase;/* letter-spacing: 2px; */text-align: left;padding: 10px 0px;border-radius: 3px;}

.sidebar ul {margin: 0; padding: 0; list-style: none;}
.sidebar ul li {margin: 0;padding: 5px 0 5px 20px;border-top: 1px solid #cdcdcd;background: url("../../images/arrow1.gif") 0 8px no-repeat;color: #aaa;}
.sidebar ul li a {color: #333;}
.sidebar ul ul {margin: 5px 0 -5px;}
.sidebar ul ul li {background: url("images/arrow2.gif") 0 8px no-repeat;}
.sidebar ul ul li a { color: #666;}
.sidebar ul ul ul li {background: url("images/arrow3.gif") 0 8px no-repeat;}
.sidebar ul ul ul li a { color: #999;}
.sidebar ul li a:hover {color: #c83608;}
.sidebar ul li.current-menu-item>a, .sidebar ul li.current_page_item>a, .sidebar ul li.current-cat>a,
.sidebar ul li.current-menu-item>a:visited, .sidebar ul li.current_page_item>a:visited, .sidebar ul li.current-cat>a:visited {font-weight: bold; color: #333;}
.sidebar ul li a:hover {color: #c83608; text-decoration: none;}
.sidebar ul li a:visited {color: #aaa;}


.sidebar form {margin: 15px 0 0; padding: 0; border: none; background: none;}
.sidebar form button {overflow: hidden; width: 29px; height: 28px; margin: 0; padding: 0; border: 1px solid #b0b0b0; border-left: none; background: url("images/search-button.png") no-repeat; text-indent: -500px; vertical-align: middle;}
.sidebar form input {width: 100px;margin: 0;padding: 3px 10px 2px;border: 1px solid #b0b0b0;color: #9e9e9e;font-size: 1.231em;font-family: PTSans,sans-serif;vertical-align: middle;}

.content .searchform button {overflow: hidden; width: 29px; height: 28px; margin: 0; padding: 0; border: 1px solid #b0b0b0; border-left: none; background: url("images/search-button.png") no-repeat; text-indent: -500px; vertical-align: middle;}
.main form.searchform {padding: 20px;}
.main .searchform input {width: 300px; margin: 0; padding: 3px 10px 2px; border: 1px solid #b0b0b0; background: url("images/search-input.png") repeat-x; color: #9e9e9e; font-size: 1.231em; font-family: PTSans,sans-serif; vertical-align: middle;}

/* post styles
------------------------------------------ */
div.post, div.page {overflow: hidden; margin: 0; padding: 15px 0 5px; border-bottom: 1px solid #dedede;}
div.post h2, div.page h2 {margin: 0 0 1.3em; font-family: Georgia,serif; font-weight: bold; color: #3366CC;}
div.post h2 a, div.page h2 a {font-family: Georgia,serif; font-weight: bold; color: #0080FF;}
div.post h2 a:hover, div.page h2 a:hover {color: #c83608;}
.post.sticky, .page.sticky {padding-left: 15px; padding-right: 15px; background: #fafafa;}
p.post-meta {margin: -1.5em 0 0 -10px; padding: 0 5px; color: #CC3300; font-size: 0.917em; line-height: 22px;}
p.post-meta span {padding: 3px 0 3px 30px;background: url("../../images/icons.png") no-repeat;color: #CC3300;line-height: 20px;}
p.post-meta span.date {background-position: 5px 0;}
p.post-meta span.author {background-position: 5px -20px;}
p.post-meta span.cats {background-position: 5px -40px;}
p.post-meta span.comments {background-position: 5px -60px;}
p.tags {float: left; clear: none; padding: 3px 8px; background: #f0f0f0; color: #999; font-size: 0.923em;}
p.tags span {padding: 3px 0 3px 25px; background: url("images/icons.png") 0 -80px no-repeat; color: #888;}
p.more {float: right; margin-left: 50px; padding: 3px 0;}
p.more a {float: right;overflow: hidden;width: 24px;height: 20px;padding: 0;background: url("../../images/icons.png") 0 -100px no-repeat;text-indent: -90em;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

/* comments
------------------------------------------ */
.comments {clear: both; }
.comments h3 {padding-left: 30px; background-position: 0 center; background-repeat: no-repeat; color: #444; font: bold  1.385em/1.5em Georgia,serif;}
.comments>h3 {background-image: url("images/icon-comments.png");}
.comments #respond h3 {background-image: url("images/icon-comments-add.png"); margin-top:30px;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 0.5em 0; padding: 10px 15px; border-top: 4px solid #f6b029; background: #f8f8f8;}
ul.commentlist li.odd {border-top: 4px solid #71cf31;}
ul.commentlist li li {clear: both; margin-left: 20px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 4px; border: none; background: #dedede;}
.odd img.avatar {background: #d6e5ee;}
.comments li form, .comments li form[class] {background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; padding-left: 30px; background: url("images/icons.png") 5px -160px no-repeat;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author-vcard {font-size: 0.923em;}

/* misc
------------------------------------------ */
.main label {float: none;}
.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left;padding: 0;}
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #888; font-size: 0.846em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}

.wp-caption img, .wp-caption embed {max-width: 705px;}


.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img{padding: 0;height: 150px;width: auto;text-align:  center;}

.wp-caption {max-width: 715px; }
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: none; border-bottom: 4px solid #999; background: #f2f2f2; text-align: center;}

p.pagination {clear: both; overflow: hidden;}
p.pagination a {height: 22px; background: url("images/icons.png") no-repeat; font: normal 1.083em/22px "PTSans",sans-serif;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 25px; background-position: 0 -140px;  }
p.pagination .next a {float: right; padding: 0 25px 0 0; background-position: 100% -120px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label, .comments label {display: block; float: left; width: 100px; color: #444; font: normal 0.923em PTSans,sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.searchform button {width: 24px; background: transparent url("images/search-button.png"); padding: 0;}

.gallery-caption {position: static;}
.bypostauthor {position: static;}

.blok1 {width: 100%;float:left;}
.blok2 {width:310px; margin-right:5px; float:left;}
.blok3 {width:640px; overflow:auto;}
.sidebar img {  margin: 0 0 5px 0;}
.titlebar {float: left;width: 100%;}
.titlebar h3 {margin: 0;/* color: #333; */font: normal 1em PTSansBold,sans-serif;text-transform: uppercase;letter-spacing: 2px;border-radius: 3px;}
.titleproduk {float: left; width: 640px; padding-top: 20px;}
.titleproduk h3 {margin: 0; margin-bottom: 5px; border-bottom: 4px solid #0066FF; color: #333; font: normal 1em PTSansBold,sans-serif; text-transform: uppercase; letter-spacing: 2px;}


.frame{float:left;margin-right: 15px;width: 200px;max-height: 250px;overflow:  hidden;border: 1px solid #ccc;padding: 3px;}
.frame img{
    width: 200px;
}
.gradient{margin: 0;color: #fff;font-weight: bolder;font-size: 10pt;/* font: normal 1em PTSansBold,sans-serif; */text-transform: uppercase;/* letter-spacing: 2px; */text-align:  center;padding: 14px 0px;border-radius: 3px 3px 0px 0px;background: -moz-linear-gradient(top, rgba(106,212,0,1) 0%, rgba(78,161,0,1) 10%, rgba(59,122,0,1) 46%, rgba(46,92,0,1) 74%, rgba(26,51,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(106,212,0,1)), color-stop(10%, rgba(78,161,0,1)), color-stop(46%, rgba(59,122,0,1)), color-stop(74%, rgba(46,92,0,1)), color-stop(100%, rgba(26,51,0,1)));background: -webkit-linear-gradient(top, rgb(0, 212, 192) 0%, rgb(0, 154, 161) 10%, rgb(0, 122, 122) 46%, rgb(8, 105, 91) 74%, rgb(0, 42, 58) 100%);background: -o-linear-gradient(top, rgba(106,212,0,1) 0%, rgba(78,161,0,1) 10%, rgba(59,122,0,1) 46%, rgba(46,92,0,1) 74%, rgba(26,51,0,1) 100%);background: -ms-linear-gradient(top, rgba(106,212,0,1) 0%, rgba(78,161,0,1) 10%, rgba(59,122,0,1) 46%, rgba(46,92,0,1) 74%, rgba(26,51,0,1) 100%);/*
background: linear-gradient(to bottom, rgba(106,212,0,1) 0%, rgba(78,161,0,1) 10%, rgba(59,122,0,1) 46%, rgba(46,92,0,1) 74%, rgba(26,51,0,1) 100%);
*/}






/*Gallery Photo*/
.gallerybox{
    width: 31.3333%;
    margin: 0px 4px;
    position: relative;
    float:  left;
    height: 150px;
    overflow:  hidden;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.lists .item .details{}
.gallery .lists .item{border: 1px solid #ccc;-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);box-shadow: 2px 2px 5px rgba(0,0,0,0.3);float:  left;width: 100%;}
.gallery .lists .item .details p{margin-bottom: 0;text-align: center !important;margin: 0px !important;width: 100%;float: left;padding: 5px 0px;}
.gallery .lists .item .details{display: block;position: absolute;bottom: -69px;background: #36551a;color:  white;width:100%;left: 0;float:  left;}
.gallery .lists .item:hover .details{bottom:0;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;}
.photo-label{padding: 8px 0 0;font-size: 16px;text-align: center;}
.modal-gallery .photo{position: relative;min-height: 500px;}
.transition {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;}
.item .thumb{position: relative;overflow: hidden;width:  100%;height: 150px;}
.item .thumb img{margin: 0 auto;}

.footer-box{
}
.footer-box .box{margin: 15px;color: white;}
.footer-box h3{
    font-size:  14pt;
    border-bottom: 2px solid #d2d2d2;
    padding-bottom: 3px;
    margin-bottom: 15px;
    color: white;
}
.footer-des{float:  left;}
.footer-des p{
    margin: 0px;
}
.boxweb{
    /* float:  left; */
    /* width:  100%; */
    background: white;
    /* padding: 10px; */
}
.footer-copy{
    width:  100%;
    /* background: #313131; */
    /* padding: 15px 10px; */
    /* color: white; */
    text-align:  center;
}
.footer-copy .boxz{width:  100%;float:  left;}
.footer-copy .bghr{
    /* background: url(../../images/footer.png) center top repeat-x; */
    width: 100%;
    float:  left;
    height: 10px;
}
.footer-copy a{color: white;}


.imglogo{}
.imglogo img{widows: 100%;height: 100%;}

.search{}
.search input.ft{}
.sidebar form input.fs{
    background: #2196f3 url(../../images/icon-search.png) no-repeat center;
    border: none;
    margin: 0;
    height: 34px;
    width: 43px;
    float: right;
}
.blue{background: #2196F3;}

.boxgaleri{
    float: left;
    width: 100%;
}
.boxgaleri #galerifoto{
    float: left;
    width: 100%;}
.boxgaleri #galerifoto .owl-wrapper-outer{}
.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper{}
.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item{}
.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide a{color: white;}
.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai a{color: white;}



@media(min-width:1400px){
	.wrapper{margin: 0px auto;width: 100%;}
	.boxweb{padding: 0px 15px;width: 980px;margin: 0px auto;}
	.boxweb-inner{background: white;float: left;width: calc(100% - 30px);padding: 14px 15px;}
	.header{width: 100%;/* height: 230px; */height: auto;}
	.header img{width: 100%;height: 100%;}
	.content{width: 100%;float: left;}
	.main{float: left;width: calc(100% - 275px);}
	.sidebar{float: right;width: 260px;margin-left: 15px;}
	.footer-box{float: left;width: 33.33333%;}
	.nav{width: 100%;background: #2196f3;}
	.slide{float: left;width: 100%;margin-top: 15px;}
	#main-slider{width: 100%;height: 500px;overflow: hidden;}
	ul.slides{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li img{width: 100% !important;height: 500px !important;min-height: 500px !important;}
	.frame{width: calc(100% - 10px);float: left;margin: 15px 0px;}
	.frame img{width: 100%;float: left;}
	.footer-copy{width: 100%;float: left;}
	.footer{float: left;width: 100%;}
	.footer-inner{background: #313131;width: 980px;margin: 0px auto;}
	.footer-copy-inner{background: #313131;width: 980px;margin: 0px auto;}


	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item{height: 200px;overflow: hidden;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai{float: left;width: calc(100% - 20px);padding: 10px;overflow: hidden;height: 140px;padding-bottom: 0px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai img{min-height: 140px;min-width: 100%;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide{text-align: center;margin: 0px 10px;float: left;width: calc(100% - 20px);background: #000000;padding: 5px 0px;max-height: 36px;overflow: hidden;}

	.frame2{float: left;margin-right: 15px;width: 200px;max-height: 250px;overflow: hidden;border: 1px solid #ccc;padding: 3px;}
	.frame2 img{width: 100%;float: left;}
}
@media(min-width:992px) and (max-width:1399px){
	.wrapper{margin: 0px auto;width: 100%;}
	.boxweb{padding: 0px 15px;width: 980px;margin: 0px auto;}
	.boxweb-inner{background: white;float: left;width: calc(100% - 30px);padding: 14px 15px;}
	.header{width: 100%;/* height: 230px; */height: auto;}
	.header img{width: 100%;height: 100%;}
	.content{width: 100%;float: left;}
	.main{float: left;width: calc(100% - 275px);}
	.sidebar{float: right;width: 260px;margin-left: 15px;}
	.footer-box{float: left;width: 33.33333%;}
	.nav{/* display: none; */width: 100%;/* overflow-x: scroll; */background: #2196f3;}
	.slide{float: left;width: 100%;margin-top: 15px;}
	#main-slider{width: 100%;height: 500px;overflow: hidden;}
	ul.slides{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li img{width: 100% !important;height: 500px !important;min-height: 500px !important;}
	.frame{width: calc(100% - 10px);float: left;margin: 15px 0px;}
	.frame img{width: 100%;float: left;}
	.footer-copy{/* margin: 0px auto; *//* width: 980px; */float: left;width: 100%;}
	.footer{/* width: calc(100% - 20px); *//* margin: 0px auto; *//* width: 980px; */width: 100%;float: left;}
	.footer-inner{background: #313131;width: 980px;margin: 0px auto;padding-top: 5px;background: url(../../images/footer.png) center top repeat-x;}
	.footer-copy-inner{background: #313131;margin: 0px auto;width: 980px;}
	
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item{height: 200px;overflow: hidden;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai{float: left;width: calc(100% - 20px);padding: 10px;overflow: hidden;height: 140px;padding-bottom: 0px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai img{min-height: 140px;min-width: 100%;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide{text-align: center;margin: 0px 10px;float: left;width: calc(100% - 20px);background: #000000;padding: 5px 0px;max-height: 36px;overflow: hidden;}

	.frame2{float: left;margin-right: 15px;width: 200px;max-height: 250px;overflow: hidden;border: 1px solid #ccc;padding: 3px;}
	.frame2 img{width: 100%;float: left;}
}
@media(min-width:770px) and (max-width:991px){
	.wrapper{/* margin: 0px auto; */width: 100%;float: left;background: red;}
	.boxweb{float: left;width: calc(100% - 30px);padding: 15px 15px;/* width: 100%; *//* background: blue; *//* margin: 0px 15px; */}
	.boxweb-inner{background: white;float: left;width: calc(100% - 0px);/* padding: 14px 15px; */}
	.header{width: 100%;/* height: 230px; */height: auto;}
	.header img{width: 100%;height: 100%;}
	.content{width: 100%;float: left;}
	.main{float: left;width: calc(100% - 275px);}
	.sidebar{float: right;width: 260px;margin-left: 15px;}
	.footer-box{float: left;width: 33.33333%;}
	.nav{/* display: none; */width: 100%;overflow-x: scroll;background: #2196f3;}
	.slide{float: left;width: 100%;margin-top: 15px;}
	#main-slider{width: 100%;height: 500px;overflow: hidden;}
	ul.slides{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li{width: 100%;height: 500px;overflow: hidden;}
	ul.slides li img{width: 100% !important;height: 500px !important;min-height: 500px !important;}
	.frame{width: calc(100% - 10px);float: left;margin: 15px 0px;}
	.frame img{width: 100%;float: left;}
	.footer-copy{width: calc(100% - 0px);float: left;}
	.footer{float: left;width: calc(100% - 0px);/* margin: 0px 15px; */}
	.footer-inner{background: #313131;float: left;width: calc(100% - 0px);}
	.footer-copy-inner{background: #313131;float: left;width: calc(100% - 0px);}
	
	
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item{height: 200px;overflow: hidden;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai{float: left;width: calc(100% - 20px);padding: 10px;overflow: hidden;height: 140px;padding-bottom: 0px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai img{min-height: 140px;min-width: 100%;margin-bottom: 0px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide{text-align: center;margin: 0px 10px;float: left;width: calc(100% - 20px);background: #000000;padding: 5px 0px;max-height: 36px;overflow: hidden;}

	.frame2{float: left;margin-right: 15px;width: 200px;max-height: 250px;overflow: hidden;border: 1px solid #ccc;padding: 3px;}
	.frame2 img{width: 100%;float: left;}
}
@media(min-width:576px) and (max-width:769px){
	.wrapper{float: left;padding: 0px 0px;width: 100%;}
	.boxweb{float: left;width: calc(100% - 30px);padding: 15px 15px;}
	.boxweb-inner{}
	.header{width: 100%;/* height: 150px; */height: auto;}
	.header img{width: 100%;height: 100%;}
	.content{width: 100%;float: left;}
	.main{float: left;width: 100%;}
	.sidebar{float: left;width: 100%;}
	.footer-box{float: left;width: 100%;}
	.nav{display: none;width: 100%;overflow-x: scroll;background: #2196f3;}
	.slide{float: left;width: 100%;margin-top: 15px;}
	#main-slider{width: 100%;height: 295px;overflow: hidden;}
	ul.slides{width: 100%;height: 295px;overflow: hidden;}
	ul.slides li{width: 100%;height: 295px;overflow: hidden;}
	ul.slides li img{width: 100% !important;height: 295px !important;min-height: 295px !important;}
	.frame{width: calc(100% - 10px);float: left;margin: 15px 0px;}
	.frame img{width: 100%;float: left;}
	.footer-copy{width: calc(100% - 0px);float: left;padding: 0px 0px;}
	.footer{width: calc(100% - 0px);float: left;padding: 0px;}
	.footer-inner{background: #313131;float: left;width: calc(100% - 0px);}
	.footer-copy-inner{background: #313131;float: left;width: calc(100% - 0px);}
	
	
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item{height: 356px;overflow: hidden;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai{float: left;width: calc(100% - 20px);padding: 10px 10px 0px 10px;overflow: hidden;height: 300px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai img{min-height: 300px;min-width: 100%;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide{text-align: center;margin: 0px 10px;float: left;width: calc(100% - 20px);background: #000000;padding: 5px 0px;height: 36px;overflow: hidden;}

	.frame2{float: left;margin-right: 15px;width: 200px;max-height: 250px;overflow: hidden;border: 1px solid #ccc;padding: 3px;}
	.frame2 img{width: 100%;float: left;}
}
@media(max-width:575px){
	.wrapper{float: left;width: calc(100% - 0px);padding: 0px 0px;}
	.boxweb{float: left;width: calc(100% - 30px);padding: 15px 15px;}
	.boxweb-inner{}
	.header{width: 100%;/* height: 125px; */height: auto;}
	.header img{width: 100%;height: 100%;}
	.content{width: 100%;float: left;}
	.main{float: left;width: 100%;}
	.sidebar{float: left;width: 100%;}
	.footer-box{float: left;width: 100%;}
	.nav{display: none;width: 100%;overflow-x: scroll;background: #2196f3;}
	.slide{float: left;width: 100%;margin-top: 15px;}
	#main-slider{width: 100%;height: 210px;overflow: hidden;}
	ul.slides{width: 100%;height: 200px;overflow: hidden;}
	ul.slides li{width: 100%;height: 200px;overflow: hidden;}
	ul.slides li img{width: 100% !important;height: auto !important;min-height: auto !important;}
	.frame{width: calc(100% - 10px);float: left;margin: 15px 0px;}
	.frame img{width: 100%;float: left;}
	.footer-copy{width: calc(100% - 0px);float: left;}
	.footer-inner{background: #313131;float: left;width: calc(100% - 0px);}
	.footer-copy-inner{background: #313131;float: left;width: calc(100% - 0px);}
	
	
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item{height: 290px;overflow: hidden;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai{float: left;width: calc(100% - 20px);padding: 10px 10px 0px 10px;overflow: hidden;height: 224px;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .bingkai img{min-height: 225px;min-width: 100%;}
	.boxgaleri #galerifoto .owl-wrapper-outer .owl-wrapper .owl-item .item .titleslide{text-align: center;margin: 0px 10px;float: left;width: calc(100% - 20px);background: #000000;padding: 5px 0px;height: 35px;overflow: hidden;}

	.frame2{float: left;margin-right: 15px;width: 200px;max-height: 250px;overflow: hidden;border: 1px solid #ccc;padding: 3px;}
	.frame2 img{width: 100%;float: left;}
}

.footer-bg{background: #313131;float: left;width: 100%;padding-bottom: 20px;}


@media(min-width:770px){
	#cssmenu{
		display: none !important;
	}	
}
@media(max-width:769px){
	#cssmenu{display: block;float: left;}
}