* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {font-family: 'Noto Sans', sans-serif; font-size: 15px; line-height: 24px; color: black; background: #f4f4f4;}
.clear {clear: both;}
img {max-width: 100%; height: auto; outline: 0;}
.map {margin: 0%; padding-bottom: 100%; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}
h1, h2 {font-size: 28px!important; line-height: 38px!important; font-weight: bold; margin: 0 0 15px 0; color: #4eb0b3; padding: 0!important;}
h3 {font-size: 20px; line-height: 26px; font-weight: bold; margin: 0 0 5px 0; color: #0d8e8e;}
p {font-family: 'Noto Sans', sans-serif!important; font-size: 15px; line-height: 24px; color: black; text-align: justify; margin: 0 0 20px 0; padding: 0; text-indent: 0;}

.container {width: 96%; max-width: 1200px; margin: 0 auto;}
.post {padding: 0; margin: 15px 0;}
.post p span {font-family: 'Noto Sans', sans-serif!important; font-size: 15px!important; line-height: 24px!important; text-align: justify!important; text-indent: 0!important;}
#content {border: 0;}
#content-shadow {background: none; padding: 0;}
#breadcrumbs {font-size: 14px; color: #7e7d7d; margin-bottom: 2px;  margin-top: 0; text-shadow: 0 0 0 #ffffff;}

#left-area {width: 71%; float: left; margin-right: 3%;}
#sidebar {width: 26%; float: left; margin: 15px 0; background: #5c5c5c; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
#sidebar h4 {font-size: 18px!important; color: white!important; text-shadow: none; line-height: 26px; font-weight:normal; text-transform: uppercase; margin: 10px 0; border-top: 1px solid #898989; border-bottom: 1px solid #898989; padding: 3px 0!important;}
a.sidebar-menu {color: white; text-decoration: none; display: block; width: 100%; background: #4eb0b3; margin-bottom: 9px; text-shadow: none; padding: 6px 6px 6px 8px; font-size: 17px; font-weight: bold; transition: .3s linear; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
a.sidebar-menu:hover {color: #4eb0b3; text-decoration: none; background: white;}
#sidebar p {color: white!important; text-shadow: none;}
#sidebar p a {color: white; text-decoration: underline; text-shadow: none;}
#sidebar p a:hover {color: white; text-decoration: none;}
#calendar-layer {padding: 10px; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}

#footer {background: none;}
#footer-top {margin-top: 30px;}
#footer-content {background: none;}
#footer-widgets {padding-top: 10px;}
#footer-bottom {clear: both; padding: 15px 0; background: #3b3b3b; border-top: 5px solid #c4c4c4; float: left; width: 100%;}
.footer-left {width: 90%; float: left; text-align: left;}
.footer-right {width: 10%; float: left; text-align: right; padding-top: 35px;}
.footer-left ul {width: 100%; margin-bottom: 15px;}
.footer-left ul li {float: left; font-size: 12px; padding: 0; display: inline-block;}
.footer-left ul li a {font-size: 12px!important; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin-right: 15px!important; color: #bab7b7!important; text-shadow: none;}
.footer-left ul li a:hover {text-decoration: none; color: #bab7b7;}
#footer-bottom p {color: #bab7b7!important; font-size: 13px!important; line-height: 18px!important; margin: 0!important; text-shadow: none;}
#footer-bottom p strong {color: #bab7b7!important; text-shadow: none;}
p#copyright {float: none; font-size: 13px!important; color: #bab7b7!important; text-shadow: none; margin-top: 15px!important;}

.header-volter {width: 100%; height: 140px; padding: 30px 0; font-size: 16px; line-height: 24px; color: black; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.header-volter p {font-size: 16px; line-height: 24px; color: black; margin: 0 0 5px 0;}
.header-volter a {text-decoration: underline; color: black!important; margin-right: 5px!important;}
.header-volter a:hover {text-decoration: none; color: #0d8e8e!important;}
.header-volter-column1 img {margin-top: 5px;}
.header-volter-column2 img, .header-volter-column3 img, .header-volter-column4 img {margin-right: 6px; vertical-align: middle;}
.header-volter-column1 {width: 43%; float: left;}
.header-volter-column2 {width: 21%; float: left;}
.header-volter-column3 {width: 20%; float: left;}
.header-volter-column4 {width: 16%; float: left;}

#social-icons {float: right; margin: 11px 10px 0 0;}

.volter-menu {width: 100%; height: auto; min-height: 45px; background: #4eb0b3; text-align: left; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.volter-menu a:hover {text-decoration: none;}
.volter-menu .nav-volter, .volter-menu ul, .volter-menu li, .volter-menu a  {margin: 0; padding: 0;}
.toggleMenu {display: none; font-size: 17px; line-height: 22px; color: white; text-decoration: none; text-transform: uppercase; font-weight: bold; margin-top: 13px!important; text-shadow: none;}
.toggleMenu img {float: left; margin: 0 10px 0 10px; display: block; text-shadow: none;}
.nav-volter {list-style: none; *zoom: 1; position: absolute; z-index: 100;}
.nav-volter:after {clear: both;}
.nav-volter ul {list-style: none; /*width: 150px;*/}
.nav-volter a {font-size: 15px; font-weight: bold; color: white; text-decoration: none; text-transform: uppercase; margin: 0; text-shadow: none;  white-space: nowrap; padding: 10px 10px;}
.nav-volter li {position: relative;}
.nav-volter > li {float: left; border}
.nav-volter > li > .parent {background-image: url("http://ilegal.com.ua/uploads/volter/arr.png"); background-repeat: no-repeat; background-position: right;}
.nav-volter > li li > .parent {background-image: url("http://ilegal.com.ua/uploads/volter/arr.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.nav-volter > li > a {display: block;}
.nav-volter li  ul {position: absolute; left: -9999px;}
.nav-volter > li.hover > ul {left: 0;}
.nav-volter li li.hover ul {left: 100%; top: 0;}
.nav-volter li li a {display: block; background: #0d8e8e; position: relative; z-index:100; padding: 5px 15px; font-size: 14px; text-transform: none;}
.nav-volter li li a:hover {text-decoration: underline;}
.nav-volter li li li a {background:#346e6e; z-index:200;}
a.menu-home {padding: 14px 0px 0 10px;}


.post table {width: 100%!important;}
.post table td {border: 1px solid silver!important; padding: 5px!important;}
.post table td p {margin: 0 !important;}
.baseform table.tableform td {border: 0!important; padding: 0!important;}
.baseform table#recaptcha_table {border: 0!important; padding: 0!important;}

.weekday {color: #4eb0b3!important;}

/* 0 - 540 (320, 360, 414, 480) */
@media only screen and (min-width: 100px) and (max-width: 532px) {
html {height: 100%; font-size: 100%;}
.header-volter {height: auto; float: left; padding: 10px 0;}
.header-volter-column1 {width: 100%;}
.header-volter-column2 {display: none;}
.header-volter-column3 {width: 50%;}
.header-volter-column4 {width: 50%;}
.header-volter p {font-size: 13px; line-height: 20px; margin: 0 0 3px 0;}
.header-volter-column1 img {margin: 0 0 10px 0;}
.header-volter-column2 img, .header-volter-column3 img, .header-volter-column4 img {margin-right: 3px;}
#left-area {width: 100%; margin-right: 0;}
#sidebar {display: none;}
.footer-left {width: 100%;}
.footer-right {display: none;}
}

/* 533 - 768 (540, 568, 600, 640, 720, 768) */
@media only screen and (min-width: 533px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.header-volter {height: auto; float: left; padding: 10px 0;}
.header-volter-column1 {width: 100%;}
.header-volter-column2 {width: 35%; float: left;}
.header-volter-column3 {width: 35%; float: left;}
.header-volter-column4 {width: 30%; float: left;}
.header-volter p {font-size: 14px; line-height: 20px; margin: 0 0 4px 0;}
.header-volter-column1 img {margin: 10px 0;}
.header-volter-column2 img, .header-volter-column3 img, .header-volter-column4 img {margin-right: 3px;}
#left-area {width: 100%; margin-right: 0;}
#sidebar {display: none;}
.footer-left {width: 100%;}
.footer-right {display: none;}
}

/* 769 - 960 (800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
#left-area {width: 65%; margin-right: 2%;}
#sidebar {width: 33%; padding: 10px;}
.header-volter {height: auto; float: left; padding: 15px 0;}
.header-volter-column1 {width: 28%; margin: 10px 3% 0 0;}
.header-volter-column2 {width: 24%;}
.header-volter-column3 {width: 22%;}
.header-volter-column4 {width: 23%;}
.header-volter p {font-size: 14px; line-height: 20px; margin: 0 0 4px 0;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.header-volter-column1 {width: 34%; margin-right: 3%;}
.header-volter-column2 {width: 22%;}
.header-volter-column3 {width: 22%;}
.header-volter-column4 {width: 19%;}
#left-area {width: 70%; margin-right: 2%;}
#sidebar {width: 28%; padding: 10px;}
}

@media only screen and (min-width: 100px) and (max-width: 1249px) {
.active {display: block;}
.nav-volter {background:#4eb0b3;}
.nav-volter > li {float: none;}
.nav-volter a {padding: 6px 25px 6px 15px;}
.nav-volter > li > .parent {background-position: 95% 50%;}
.nav-volter li li .parent {background-image: url("http://ilegal.com.ua/uploads/volter/arr.png"); background-repeat: no-repeat; background-position: 95% 50%;}
.nav-volter ul {display: block; width: 100%;}
.nav-volter > li.hover > ul , .nav-volter li li.hover ul {position: static;}
a.menu-home {display: none!important;}
}