body {background:#eee; font-family: 'Lato', sans-serif; font-size: 18px; line-height:1.6; color:#48464c; font-weight:400;}
.row {margin: 0 0 0 0;}
.admin-ui-dropdown-menu {margin: -6px 0 0 0 !important;}
.toolbar select {max-width:100px;}
a, img {color:#dc1f26; transition: all 1s;}
img a, a {outline: none !important; text-decoration: none !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border: none !important;}

h1, h2, h3 {font-weight: 900;}
h1 {text-transform: uppercase;}

h2 {font-size: 28px;color:#1b6e98;}
h3 {font-size: 24px;color:#5a5a5a;}
.page ul {margin-left:-20px;}
.page ul li {padding-bottom: 6px;}
#home-block-right  h2 {color:#dc1f26;}
#header {position: relative; display: block; width: 100%; padding: 30px 0;  background: #fff;}
#header-contact, #header-language {width:130px; height: 43px;}
#header-contact {position: absolute; top:72px; left:80px;}
#header-language {position: absolute; top:72px; right:80px;}
#header-contact a {background:#5a5a5a;}
#header-language a {background:#dc1f26;}
#header-contact a:hover {background:#dc1f26;}
#header-language a:hover {background:#5a5a5a;}
#header-contact a, #header-language a {display: block; height: 40px; padding: 6px 0 0 0;  color:#fff; text-transform: uppercase; font-size: 17px;}
#header-logo, #header-contact, #header-language {text-align: center;}
#header .logo a, h1, h2, h3 {font-family: 'Lato', sans-serif;}

.page {width: 80%; margin: 100px auto 0 auto; padding: 60px 80px 20px 80px; background:#fff;}
.banner-block,.top, .bottom,.two-col, .four-col, .three-col, .four-col-home {clear: both; position: relative; }
.banner-block, .banner {width:100%; position: relative;}
.title {position: absolute;  top: 50%;left: 50%;transform: translate(-50%, -50%); width: 40%; max-width: 600px;  padding: 60px; }
.title h1 {margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1;color:#cd1219; text-shadow: 1px 1px 1px #fff, 0 0 50px #000 , 0 0 50px #fff; text-transform: uppercase; font-size: 60px;}
.title h2 {color:#fff; text-shadow: 1px 1px 1px #48464c; font-size: 34px; text-transform: uppercase;}
.title h4 {font-size:40px; color:#fff;}
.title p a {display: block; margin-top: 30px; padding: 20px;background:#fff; font-size:24px;}
.title p a:hover {background:#cd1219; color:#fff;}
.banner-block, .banner, .banner img, .top img, .gallery img,  .left-col img, .right-col img, .top, .bottom, .two-col, .four-col, .three-col {width: 100%;}
.gallery p, .left-col, .right-col, .home-block p {margin: 0 0 0 0;}

.title {text-align:center;}
.left-col, .right-col {width: 50%; float: left;}
.c-page-left {padding: 20px 20px 10px 20px !important;}
.c-page-right {padding: 20px 20px 10px 20px !important;}

.top, .bottom, .left-col, .right-col {padding: 20px 20px 10px 20px;}
.top img, .bottom img {padding-top: 30px;}
.gallery, .home-block {width: 25%; float: left;}
.home-block {padding: 0 20px 0 20px;  text-align: center;}
.home-block h3 {margin:0 0 0 0; padding: 20px 10px;background:#5a5a5a; font-weight: normal;}
.home-block h3 a {color:#fff;}
.home-block img {width: 100%;}
.gallery img {height:300px;padding: 30px 20px 10px 20px;}
.two-col img {height:500px;padding: 20px;object-fit: cover; object-position:top;}

.panel, .panel-group {margin-top: 10px; margin-bottom: 10px; border-radius: 0 !important; border: none !important; box-shadow: none !important;border-bottom: solid 1px #1b6e98 !important;}
.panel-body {background:#fff; padding: 20px  0 0 0; }
.panel-body .table {border: solid 1px green;}
.panel-title {padding: 8px 10px; font-size:18px; color:#48464c; font-weight: bold; }
.panel-title .fa-unsorted {font-size: 26px !important; color:#1b6e98 !important;}

.fa-facebook-square, .fa-twitter-square, .fa-instagram {margin-top: 40px;font-size:50px !important;}
.fa-facebook-square {color:#3b5998;}
.fa-twitter-square {color:#08a0e9;}
.fa-instagram {color:#8953c2;}
.fa-instagram:hover {color:#48464c;}

.footer, .footer-credit {display: block; width: 100%;}
.footer {height: 220px; margin-top: 8%; padding-top:30px;background:#5a5a5a;border-top: solid 2px #cd1219;}
.footer .three-col, .footer-credit {width: 80%; margin: 0 auto;}
.footer h3, .footer p, .footer a, .footer-tablet h3, .footer-tablet p, .footer-tablet a {color:#fff;}
.footer a:hover,.footer .fa, .footer-credit .fa, .footer-tablet .fa {color:#cd1219;}
.footer .fa, .footer-credit .fa {padding-right: 6px;}
.footer img {height: 70px;margin-left:10px; opacity:1;}
.footer img:hover {opacity:0.8;}
.footer-block-1, .footer-block-2, .footer-block-3 {float: left;}
.footer-block-1 {width: 43%; }
.footer-block-2 {width: 35%; }
.footer-block-3 {width: 22%; text-align: right;}
.footer-block-1 h3, .footer-block-2 h3, .footer-block-3 h3 {display: inline-block; margin-bottom: 20px;padding-bottom:8px; border-bottom: solid 1px #cd1219;}
.footer-block-1 p, .footer-block-2 p, .footer-block-3 p {clear: both;}
.footer-credit {height: 66px;padding-top:20px;background:#eee;}
.mobile-credit, .footer-tablet {display:none;}

@media (max-width: 1400px) {
.page, .footer .three-col, .footer-credit {width: 87%; }
.page {margin: 80px auto 0 auto;padding: 40px 60px 30px 60px;}
.title {width: 50%; max-width: 600px;  padding: 0; }
.title h1 {font-size: 58px;}
.gallery img {height:280px;}
}
@media (max-width: 1280px) {
.page, .footer .three-col, .footer-credit {width: 90%; }
.page {margin: 50px auto 0 auto;padding: 40px 40px 20px 40px;}
#header-logo img {width: 240px;}
.c-page-left, .c-page-right {width: 100%;}
.title h1 {font-size: 50px;}
.gallery img {height:260px;}
.home-block h3 {padding: 12px 6px;font-size: 20px;}
.footer {margin-top: 50px;}
.footer-block-1 {width: 40%;}
.footer-block-2 {width: 35%;}
.footer-block-3 {width: 25%;}
}

@media (max-width: 1024px) {
.page {width: 100%; margin: 0 0 0 0; padding: 20px 20px 20px 20px; border-left: solid 20px #eee; border-right: solid 20px #eee; border-top: solid 10px #eee;}
.title h1 {font-size: 46px;}
h2, h3 {font-size: 26px;}
.left-col, .right-col {margin: 0 0 10px 0; padding: 0 10px 0 10px;}
.c-page-left {padding: 20px 20px 10px 20px !important;}
.c-page-right {padding: 20px 20px 10px 20px !important;}
.top, .bottom{padding: 0 10px 10px 10px;}
.top img, .bottom img {padding-top: 20px;}
.gallery img {height:250px;padding: 10px;}
.footer {margin-top:20px;}
}

@media (max-width: 1023px) {
.fa-user, #header-contact, #footer-top, .footer, .footer-credit {display: none;}
#header {padding: 0 0 10px 0;}
#header-language  {width:100px; position: relative; top:0; left:0;display: block; margin: 0 auto;}
#header-language a {height: 36px;font-size: 16px;}
.title {position: relative;  top: 0%;left: 0%;width: 100%;max-width: 100%;transform: none; padding: 10px 10px 10px 10px; }
.title h1 {font-size: 28px; text-shadow: none; text-align: center;}
.title h4 {font-size:30px; color:#48464c;}
.left-col, .right-col {width: 100%; display: block; margin: 0 0 16px 0; padding: 0 10px 0 10px;}
.ft-l img {height: 100px; margin-left:10px; opacity:1 !important;}
.home-block {width: 50%; padding: 0 10px 0 10px;  margin:-20px 0 40px 0;}

.footer-tablet {display: block;height: 360px; margin-top: 20px; padding-top:10px;background:#5a5a5a;border-top: solid 2px #cd1219;}
.footer-tablet-top, .footer-tablet-bottom {width: 100%;}
.ft-l, .ft-r {width: 50%; float:left; text-align: center;}
.footer-tablet p {line-height: 1.2;}
.footer-tablet h3{display: inline-block; margin-bottom: 20px;padding-bottom:8px; border-bottom: solid 1px #cd1219; font-size: 22px;}
}

@media (max-width: 992px) {
#header-logo img {width: 200px; padding: 20px 0;}
.page, .footer .three-col, .footer-credit {width: 100%; }
.top, .bottom{padding: 0 6px 6px 6px;}
.left-col, .right-col {padding: 0 6px 0 6px;}
.top img, .bottom img {padding-top: 20px;}
.gallery img {padding: 6px;}
}

@media (max-width: 767px) {
body {font-size: 17px; line-height:1.5;}
.page {padding: 20px 10px 8px 10px; border-left: solid 16px #eee; border-right: solid 16px #eee;}
.title h1 {font-size:26px;}
h2 {font-size: 22px; margin-bottom: 0;}
h3 {font-size: 20px; margin-top:0;}
.footer .three-col {padding: 0 30px;}
.left-col, .right-col {width: 100%;padding: 0 6px 0 6px;}
.two-col {margin: 0 0 0 0;}
.two-col img {padding: 10px;}
.four-col {padding: 0 4px 0 4px;}
.gallery {width: 50%; margin-top: -2px;}
.gallery img {padding: 2px;}
.footer-tablet {height: 550px; margin-top:16px;}
.footer-tablet h3{margin-bottom: 0;padding-bottom:8px; border-bottom:none; font-size: 22px;}
.ft-l, .ft-r {width: 100%; float:none; text-align: center;}
}

@media (max-width: 580px) {
.gallery img {height:200px;}
}

@media (max-width: 420px) {
.page {padding: 16px 16px 14px 16px; border: none;}
.left-col, .right-col {width: 100%;padding: 0 6px 4px 6px;}
.home-block {width: 100%;}

.gallery img {height:160px;}
.footer-tablet {margin-top:0;}
}