img {max-width:100%; height:auto;}
body { background-color: #f0f6e6;padding:15px 10px;color:#000;font: 13px Verdana, sans-serif;}
h1 { font: bold italic 26px "Times New Roman", Times, serif; color: #257;margin-top:0px;}
h2 { font: bold italic 20px "Times New Roman", Times, serif; color: #257; }
h3 { font: bold italic 18px "Times New Roman", Times, serif; color: #257; }


.top5 {margin-top:5px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}

.main-wrap {width:100%;max-width:800px;margin:0 auto; overflow:hidden;background:#E5F0F4;border-radius:10px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.footer-wrap {width:100%;max-width:800px;margin:0 auto; overflow:hidden;}
.content-panel {padding:25px;}
.content-panelul {margin:15px 0 20px;}
.content-panel li {margin-bottom:7px;}

.sidebar {border-left: dashed 1px #add;padding:0 10px;}
.footer p { font: 12px Verdana, sans-serif; text-align: center;}

.header {position:relative;}
.header-text {position:absolute;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);color:#FFF;padding:6px 20px;font-weight:bold;font-size:18px;}

.gallery {margin:0 0 10px;}
.gallery .gallery-item {width:25%;float:left;text-align:center;margin-bottom:15px;}
.gallery .gallery-item img {max-width:90%;padding:2px;border:1px #add solid;}
.links {width:100%;float:left;padding:20px 0;border-top:1px #add dashed;}

/*Navigation*/
.navbar-collapse {padding:0;}
.navbar {margin-bottom:0px; min-height:20px;}
.navbar-default { border:none;}
.navbar-brand {display:none;height:auto;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand {color:#38a; text-decoration:none;font-size:14px;padding:10px 10px;font-weight:bold;}
.navbar-default .navbar-toggle .icon-bar {color:#38a;}
.navbar-default .navbar-nav {}
.navbar-default .navbar-right {background: none;}
.navbar-default .navbar-nav > li {border-right:#DDD 1px solid;}
.navbar-default .navbar-nav > li.dropdown {text-decoration:none; line-height:36px;background: transparent;color:#FFF; font-size:16px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;padding:0px 14px 0px; cursor: default}
.navbar-default .navbar-nav > li:first-child {}
.navbar-nav.navbar-right:last-child {margin-right:0px;}
.navbar-default .navbar-nav > li > a {padding:0px 30px 0px;text-decoration:none; line-height:36px;background:transparent;color:#38a; font-size:14px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.navbar-default .navbar-nav > li > a:first-child {/*border:none;*/}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {text-decoration:none;color:#a23; background:#FFF;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#a23; background:#FFF;position:relative;text-decoration:none;}
.navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li.active > a:focus  {border-bottom:none;}
.navbar-collapse {overflow:visible; max-height:1000px;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus  {color:#a23; background:#FFF;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-top:none;}
.navbar-nav {margin-top:0px;}
.navbar-default .navbar-right .form-control {height:38px;margin-top:4px;background:#8BB827;color:#FFF;border:none;box-shadow:none;-webkit-box-shadow: none; -moz-box-shadow: none;}
.navbar-default .navbar-right .form-control:focus {box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}
.navbar-default .navbar-right .form-control:after { content: "\f0a9"; font-family: FontAwesome;font-size:180%;position:absolute; right:5px;top:0px;}
.navbar-default .navbar-nav > .current-page-parent > a, .navbar-default .navbar-nav > .current-page-parent > a:hover {color:#ADC312;}

.alignleft {float:left; margin:0 15px 5px 0; text-align:center;}
.alignright {float:right; margin:0 0px 5px 15px; text-align:center;}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
body {padding:10px 10px;}
}
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
body {padding:0px 0px;}
.main-wrap {border-radius:0px;box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;}
.sidebar {border-left:none;padding:0px;}

.navbar-default {background:#FFF;margin-top:0px;}
.navbar-default .navbar-nav > li {margin-left:0px;text-decoration:none; line-height:28px;border-top:#CCC 1px solid;font-size:14px;font-weight:bold; padding:0px 10px;}
.navbar-default .navbar-nav > li > a {width:100%;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {border-bottom:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover {background-image:none;}
.navbar-nav.navbar-right:last-child {margin-right:0;}
.navbar-default .dropdown-menu {border:#FFF 1px solid; border-top:none;right:auto;margin-left:10%;width:80%;}
.navbar-toggle {margin-bottom:0px;padding:3px 0px;margin-right:10px;border:none;}
.navbar-brand {display:block;}
.dropdown-menu > li > a {padding:6px 10px; font-size:14px;}
.navbar-default .navbar-nav > li.dropdown {font-size:14px;}

.phone-mobile {margin-bottom:10px; text-align: center;}
.btn-phone {border:none; background:#660908;color:#FFF;padding:5px 9px 4px;border-radius:5px;font-weight:bold;font-size:16px;}
.btn-phone span {font-weight:normal;font-size:13px;}

.logo-right {}
.logo-right img {}
.logo {}
.logo img {}
.navbar-collapse.in {overflow-y:visible;}
.alignleft, .alignright, .aligncenter, .alignnone {max-width:100%;height:auto;margin:10px auto; float:none;clear:both; text-align:center;}
.main-wrap {width:100%;}
iframe {max-width:100%;}
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
.nav > li > a {font-size:14px;}
.alignleft, .alignright, .aligncenter, .alignnone {max-width:94%;}

.header-text {position:relative;right:auto;bottom:auto;background:rgba(0, 0, 0, 0.9);padding:6px 15px;font-size:14px;}
}
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {

}
@media only screen and (max-width: 400px), only screen and (max-device-width: 400px) {
}