@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap');

/****************
 GENERAL
 ****************/
html, body { font-family: 'Roboto', sans-serif; color: #666; scroll-behavior: smooth; line-height: 20px; font-size: 14px; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease; }
a { color: #D70025; }
a:hover { color: #000000; text-decoration: none; }

a, .panel-body a, .tab-content a, .content ul li a, .content ol li a { color: #D70025; text-decoration: underline; }
.col-lg-8 a { word-break: break-all; }

a[href*=".pdf"]:before, a[href*=".PDF"]:before, a[href*=".xls"]:before, a[href*=".doc"]:before, a[href*=".ppt"]:before { content: ''; position: relative; display: inline-block; width: 15px; height: 15px; margin-right: 7px; top: 2px; background-repeat: no-repeat; background-position: center; background-size: contain; }
a[href*=".pdf"]:before, a[href*=".PDF"]:before { background-image: url('../img/icons/pdf_small.gif'); }
a[href*=".xls"]:before { background-image: url('../img/icons/xls.gif'); }
a[href*=".doc"]:before { background-image: url('../img/icons/doc.gif'); }
a[href*=".ppt"]:before { background-image: url('../img/icons/ppt.gif'); }

ul, ol { display: inline-block; }

h1 { color: #000000; font-size: 47px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 54px; }
h2 { color: #000000; font-size: 38px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 44px; }
h3 { color: #000000; font-size: 32px; font-family: 'Roboto', sans-serif; font-weight: normal; line-height: 38px; }
h4 { color: #000000; font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 29px; }
h5 { color: #000000; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 25px; }
h6 { color: #000000; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 400; line-height: 22px; }

div, p, li, td, blockquote, pre { font-family: 'Roboto', sans-serif; color: #515051; font-size: 16px; font-weight: 300; line-height: 23px; }
p, table, ul, ol { margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { margin-top: 10px; margin-bottom: 15px; }
b, strong { font-weight: 700; }
p > small { font-size: 12px; line-height: 12px; }

label { font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 3px; }

h1.xl { font-size: 3.6em; line-height: 1em; word-wrap: break-word; }
.xxxxl { font-size: 7.7em; line-height: 1em; word-wrap: break-word; }
.xxxl { font-size: 6.7em; line-height: 1em; word-wrap: break-word; }
.xxl  {font-size: 4.7em; line-height: 1em; word-wrap: break-word; }
.xl { font-size: 1.7em; line-height: 1em; word-wrap: break-word; }
.l6 { font-size: 1.5em; line-height: 1em; word-wrap: break-word; }

table th, table td { padding: 5px 10px; text-align: left; vertical-align: middle; }

@media (max-width: 1199px) {
  	div, p, li, td, blockquote, pre { font-size: 15px; line-height: 22px; }

  	h1 { font-size: 40px; line-height: 45px; }
	h2 { font-size: 32px; line-height: 37px; }
	h3 { font-size: 28px; line-height: 33px; }
	h4 { font-size: 21px; line-height: 26px; }
	h5 { font-size: 18px; line-height: 23px; }
	h6 { font-size: 15px; line-height: 20px; }
}

@media (max-width: 992px) {
  	div, p, li, td, blockquote, pre { font-size: 14px; line-height: 21px; }

  	h1 { font-size: 36px; line-height: 41px; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 24px; line-height: 29px; }
	h4 { font-size: 18px; line-height: 23px; }
	h5 { font-size: 16px; line-height: 21px; }
	h6 { font-size: 14px; line-height: 19px; }
}

.nunito { font-family: 'Nunito', sans-serif; }

.text-site1, .text-personal { color: #D70025!important; }
.text-site2, .text-enterprise { color: #333E48!important; }
.text-site3 { color: #00609C!important; }
.text-site4 { color: #8FC7E8!important; }
.text-site5 { color: #17A786!important; }
.text-site6 { color: #1b75bb; }

.text-grey { color: #e6e6e6!important; }
.text-grey-lighter { color: #f3f3f3!important; }
.text-grey-light { color: #f7f7f7!important; }
.text-grey-dark { color: #999!important; }
.text-grey-darker { color: #3f3f3f!important; }

.bkg-site1 { background-color: #D70025!important; }
.bkg-site2 { background-color: #444343!important; }
.bkg-site3 { background-color: #232323!important; }
.bkg-site4 { background-color:  #8FC7E8!important; }
.bkg-site5 { background-color:  #17A786!important; }

.bkg-grey { background-color: #e6e6e6; }
.bkg-grey-lighter { background-color: #f3f3f3; }
.bkg-grey-light { background-color: #f7f7f7; }
.bkg-grey-dark { background-color: #999; }
.bkg-grey-darker { background-color: #3f3f3f; }

.sixteen-nine-img > div, .sixteen-nine-img > img, .sixteen-nine-img > video { position: absolute; width: 100%; height: 100%; top: 0; }

.button { border: 0; box-shadow: none; display: inline-block; font-size: 15px; font-weight: 300; line-height: 20px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; }
.button.disabled:not([class*="button-s"]) { background-color: #999999; color: #ffffff; pointer-events: none; }

.button.button-site1 { background-color: #D70025; color: #ffffff; }
.button.button-site1:hover { background-color: #444343; }

.button.button-white { background-color: #ffffff; color: #D70025; }
.button.button-white:hover { background-color: #D70025; color: #ffffff; }

a.button.regular { background-color: #D70025; color: #ffffff; font-weight: 400; margin-top: 15px; padding: 10px 25px 11px; text-decoration: none!important; text-transform: uppercase; }
a.button.eservice { background-color: #349FFF; color: #ffffff; font-weight: 400; margin-top: 15px; padding: 10px 25px 11px; text-decoration: none!important; text-transform: uppercase; }
a.button.regular:hover { opacity: 0.85; }

/* Container */
@media (min-width: 1200px) {
	.container { max-width: 1170px; }
}

@media only screen and (max-device-width: 1199px) {
	.bkg-fixed { background-attachment: none; }
}

/* Bottom Arrows */
.bottom-arrow { position: relative; }
.bottom-arrow:before { content: ''; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #ffffff; bottom: -15px; display: inline-block; height: 15px; left: calc(50% - 20px); position: absolute; width: 40px; z-index: 1; }
.bottom-arrow.black:before { border-top-color: #000000; }

/* Flexslider */
.flexslider { background-color: transparent; border: 0; border-radius: 0; margin-bottom: 0; }
.flex-direction-nav a, .jcarousel-control-prev, .jcarousel-control-next {width: 50px!important;height: 60px!important;z-index: 777777777!important;}
.flexslider:hover .flex-direction-nav a.flex-prev, .jcarousel-wrapper:hover .jcarousel-control-prev {left: inherit;right:75px;opacity: 1;color: #ffffff!important;}
.flexslider:hover .flex-direction-nav a.flex-next, .jcarousel-wrapper:hover .jcarousel-control-next {right: 40px;opacity: 1;color: #ffffff!important;}

/* Form Control */
.form-control { border: 1px solid #cccccc; border-radius: 0; box-shadow: none; font-size: 15px; line-height: 19px; padding: 5px 10px; }
.form-control:focus { border-color: #999999; box-shadow: none; outline: 0; }

/* Bootstrap Select */
.bootstrap-select button { background-color: transparent; border: 1px solid #cccccc; border-radius: 0; box-shadow: none; font-size: 15px; height: 35px; line-height: 19px; padding: 5px 10px; }

/* Breadcrumbs */
.breadcrumbs { background-color: #D70025; }
.breadcrumbs.affix { position: fixed; z-index: 99999999; width: 100%; top: 44px; }
.breadcrumbs ul { margin: 0; padding-left: 0; position: relative; }
.breadcrumbs ul li { list-style: none!important; display: inline-block; color: #ffffff; font-size: 15px; line-height: 20px; position: relative; }
.breadcrumbs ul li:last-child { padding-left: 3px; }
.breadcrumbs ul li::after { content: '/'; margin: 0 2px 0 6px; color: #ffffff; }
.breadcrumbs ul li:last-child::after { content: ''; display: none; }
.breadcrumbs ul li span, .breadcrumbs ul li a { color: #ffffff; font-size: 15px; line-height: 20px; padding: 2px 0 4px; display: inline-block; }
.breadcrumbs ul li a, .breadcrumbs ul li.folder span { text-decoration: underline!important; }
.breadcrumbs + .padded, .breadcrumbs + div > .padded { padding-top: 0!important; }
.flexslider + .breadcrumbs ul { margin-top: 30px!important; }
.breadcrumbs.disabled ul * { color: #eee; }
.breadcrumbs ul li.done a { color: #666; }

.breadcrumbs ul li.folder { text-decoration: none!important; }
.breadcrumbs ul ul {display: none;position: absolute;left: -15px;top: 41px;background: #D70025z-index: 1;padding: 0px 15px 0px 15px;min-width: 200px;}
.breadcrumbs ul li.folder:hover ul { display: inline-block; }
.breadcrumbs ul ul li { width: 100%;  line-height: 12px!important; }
.breadcrumbs ul ul li::after { content: ''; margin: 0; }
.breadcrumbs ul ul li a { text-decoration: none!important; padding: 0 0 10px 0;  }
.breadcrumbs ul ul li:hover a { text-decoration: underline!important;  }
.breadcrumbs ul ul ul { display: none!important; }

.affix-bread { padding-top: 66px!important; }

@media (min-width: 993px) {
	.affix-bread .breadcrumbs { left: 0; position: fixed; top: 47px; width: 100%; z-index: 9999; }
}

@media (max-width: 1199px) {
	.affix-bread .breadcrumbs { top: 45px; }
}

@media (max-width: 992px) {
	.breadcrumbs ul li span, .breadcrumbs ul li a { font-size: 14px; line-height: 19px; }
}

@media (max-width: 767px) {
	.breadcrumbs ul li span, .breadcrumbs ul li a { font-size: 13px; line-height: 18px; }
}

@media (max-width: 576px) {
	.breadcrumbs ul li span, .breadcrumbs ul li a { font-size: 12px; line-height: 17px; }
}

/* News Table */
.news-table { display: inline-block; width: 100%; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding-bottom: 20px; padding-top: 20px; }
.news-table > .tr { display: inline-block; width: 100%; }
.news-table > .tr:nth-child(even) { background-color: #f3f3f3; }
.news-table > .tr > .th, .news-table > .tr > .td { display: inline-block; float: left; padding: 10px 10px 5px; }
.news-table > .tr > .th:first-child, .news-table > .tr > .td:first-child { width: 120px; text-align: left; }
.news-table > .tr > .th:nth-child(2), .news-table > .tr > .td:nth-child(2) { width: calc(100% - 170px); text-align: left; }
.news-table > .tr > .th:last-child, .news-table > .tr > .td:last-child { width: 50px; padding-left: 0; padding-right: 0; text-align: center; }
.news-table > .tr > .th { font-weight: 700; color: #000000; font-size: 17px; }
.news-table > .tr > .td { font-weight: 300; }
.news-table > .tr > .td > a { color: #000000; text-decoration: none; }
.news-table > .tr > .td > a:before { content: ''; display: none; }
.news-table > .tr > .td > a:hover { color: #D70025; }

/* Panel Group */
.panel-group .panel { border-radius: 0!important; border: 0!important; box-shadow: none!important; }
.panel-group .panel-heading { position: relative; color: #fff; border-radius: 0!important; background: transparent; border: 0; }
.panel-group .panel-heading .panel-title { border: 0; font-family: 'montserratlight', sans-serif; font-size: inherit; }
.panel-group .panel-heading .panel-title a { background-color: #D70025; color: #ffffff; display: inline-block; padding: 9px 20px; text-decoration: none; text-transform: uppercase; }
.panel-group .panel-heading .panel-title a:after { content: '+'; float: right; font-size: 18px; margin-left: 15px; }
.panel-group .panel-heading .panel-title a:hover { color: #cccccc; }
.panel-group .panel-heading .panel-title.active:after { content: '-'; font-size: 1.5em; float: right; }
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 0px!important; padding-top: 15px; }

.card:first-child { border-top: 1px solid #edebeb; }
.card {border-radius: 0!important;box-shadow: none!important;border: 0;border-bottom: 1px solid #edebeb;}
.card .card-header {position: relative;color: #fff;border-radius: 0!important;background: transparent;border: 0;padding: 0;}
.card .card-header h5 {border: 0;font-family: 'montserratlight', sans-serif;font-size: inherit;margin: 0;}
.card .card-header h5 a {color: #D70025;display: inline-block;padding: 10px 20px 10px 0;text-decoration: none;white-space: normal!important;word-break: normal;width: 100%;}
.card .card-header h5 a.collapsed:after {content: '+';}
.card .card-header h5 a:hover { color: #cccccc; }
.card .card-header h5 a:after {content: '-';float: right;font-size: 18px;margin-left: 15px;right: 0px;position: absolute;top: 10px;}
.card .card-body { padding: 10px 20px 10px 0; }

/****************
 CMS PAGES
 ****************/
#content-header { position: relative; /*min-height: 230px;*/ padding-bottom:20px; padding-top: 20px; }
#content-header:before { content: ''; position: absolute; display: inline-block; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); }
#content-header h1 { color: #ffffff; margin-bottom: 0; text-transform: uppercase; }
#content-header #search { display: inline-block; float: right; max-width: 555px; /*padding-top: 60px; */width: 100%; }
#content-header #search h4 { font-size: 25px; font-weight: 300; margin-bottom: 10px; margin-top: 0px; }
#content-header #search h4 > span { font-weight: 400; }

#content-header #search form { display: inline-block; float: left; max-width: 555px; width: 100%; }
#content-header #search input { border: 0; border-radius: 0; height: 55px!important; margin-top: 0; padding: 11px 15px; color: #444343; font-size: 18px!important; font-weight: 400; }
#content-header #search input::placeholder { color: #999999; }
#content-header #search input + span > button { border-radius: 0; width: 55px; height: 55px; margin-left: 0; background-color: #D70025; border: 2px solid #ffffff; color: #ffffff; font-size: 18px; }
#content-header #search input + span > button:hover { background: #444343; }

@media (max-width: 1199px) {
	/*#content-header { min-height: 210px; }*/
	#content-header #search { max-width: 500px; /*padding-top: 60px;*/ }
	#content-header #search h4 { font-size: 22px; line-height: 27px; }
	#content-header #search input { height: 45px!important; font-size: 15px!important; padding: 10px 15px; }
	#content-header #search input + span > button { height: 45px; width: 45px; }
}

@media (max-width: 992px) {
	.col-lg-8 > .container-fluid { padding-left: 0; padding-right: 0; }

	#content-header #search h4 { font-size: 20px; line-height: 25px; }
}

@media (max-width: 767px) {
	/*#content-header { min-height: 150px; }
*/	#content-header #search { p/*adding-top: 35px;*/ }
	#content-header #search h4 { font-size: 18px; line-height: 23px; }
}

/* SIDEBAR */
.sidebar { padding-left: 25px; padding-top: 5px; }
.sidebar ul.share { display: inline-block; float: left; width: 100%; padding-bottom: 5px; padding-left: 0; padding-top: 20px; }
.sidebar ul.share > li { display: inline-block; float: left; }
.sidebar ul.share > li > a { display: inline-block; width: 36px; height: 36px; background-color: #686767; border-radius: 50%; color: #ffffff; margin-right: 5px; text-align: center; text-decoration: none; }
.sidebar ul.share > li > a > .fa { font-size: 18px; line-height: 36px; }
.sidebar ul.share > li:nth-child(3) > a { background-color: #3b5999; }
.sidebar ul.share > li:nth-child(4) > a { background-color: #55acee; }
.sidebar ul.share > li:last-child > a { background-color: #0077B5; }
.sidebar ul.share > li > a:hover { background-color: #D70025; }

#sidebar-menu { display: inline-block; width: 100%; margin-bottom: 10px; }
#sidebar-menu > ul { display: inline-block; list-style: none; padding-left: 0; width: 100%; }
#sidebar-menu > ul > li { display: inline-block; width: 100%; }
#sidebar-menu > ul > li > a { display: inline-block; width: 100%; background-color: #D70025; color: #ffffff; font-size: 25px; line-height: 28px; margin: 0; padding: 12px 25px 13px; position: relative; text-decoration: none; }
#sidebar-menu > ul > li.active > a { padding-left: 40px; }
#sidebar-menu > ul > li.active > a:before { content: "\f105"; position: absolute; display: inline-block; background-color: transparent; color: #ffffff; font-family: FontAwesome; font-size: 25px; line-height: 30px; left: 20px; top: 11px; text-align: center; z-index: 9; }
#sidebar-menu > ul > li > ul { background-color: #edebeb; display: inline-block; padding-bottom: 10px; padding-left: 0; width: 100%; }
#sidebar-menu > ul > li > ul > li { position: relative; display: inline-block; width: 100%; padding: 0; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease; }
#sidebar-menu > ul > li > ul > li > a { position: relative; display: inline-block; width: 100%; padding: 10px 25px; color: #515051; font-weight: 400; text-decoration: none; }
#sidebar-menu > ul > li > ul > li > a:before { content: ''; position: absolute; display: inline-block; width: 10px; height: 100%; left: -10px; top: 0; background-color: transparent; background-image: none; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease; }
#sidebar-menu > ul > li > ul > li > a:after { content: ''; position: absolute; display: inline-block; width: 10px; height: 10px; left: -10px; top: 100%; border-left: 10px solid transparent; border-top: 10px solid transparent; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease; }

#sidebar-menu > ul > li > ul > li.parent:after { content: "\f105"; padding-left: 2px; position: absolute; display: inline-block; width: 20px; height: 20px; background-color: #515051; border-radius: 50%; color: #ffffff; font-family: FontAwesome; font-size: 14px; line-height: 20px; left: inherit; right: 15px; top: 12px; text-align: center; }
#sidebar-menu > ul > li > ul > li.parent.active:after, #sidebar-menu > ul > li > ul > li.parent.active-parent:after { content: "\f107"; background-color: #ffffff; color: #515051; padding-left: 1px; }
#sidebar-menu > ul > li > ul > li.parent:hover:after { background-color: #ffffff; color: #515051; }
#sidebar-menu > ul > li > ul > li.parent.active > a, #sidebar-menu > ul > li > ul > li.parent.active-parent > a { border-bottom: 1px solid rgba(255,255,255,0.6); }

#sidebar-menu > ul > li > ul > li > a:after { content: ''; position: absolute; display: inline-block; width: 10px; height: 1px; left: -10px; top: 100%; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#sidebar-menu > ul > li > ul > li > a:hover { color: #ffffff; text-decoration: none; }
#sidebar-menu > ul > li > ul > li.active > a, #sidebar-menu > ul > li > ul > li.active-parent > a, #sidebar-menu > ul > li > ul > li:hover > a { background-color: #515051; }
#sidebar-menu > ul > li > ul > li.active > a:before, #sidebar-menu > ul > li > ul > li.active-parent > a:before, #sidebar-menu > ul > li > ul > li:hover > a:before { background-color: #515051; }
#sidebar-menu > ul > li > ul > li.active > a:after, #sidebar-menu > ul > li > ul > li.active-parent > a:after, #sidebar-menu > ul > li > ul > li:hover > a:after { border-top-color: #2d2d2d; }
#sidebar-menu > ul > li > ul > li.active > a, #sidebar-menu > ul > li > ul > li.active-parent > a, #sidebar-menu > ul > li > ul > li:hover > a { color: #ffffff; }
/*#sidebar-menu > ul > li > ul > li.active > a:after, #sidebar-menu > ul > li > ul > li:hover > a:after { content: none; }*/

/* SUBMENU */
#sidebar-menu > ul > li > ul > li > ul { padding-left: 0; width: 100%;  }
#sidebar-menu > ul > li > ul > li:not(.active):not(.active-parent) > ul { display: none; }
#sidebar-menu > ul > li > ul > li.active > ul > li, #sidebar-menu > ul > li > ul > li.active-parent > ul > li { position: relative; display: inline-block; width: 100%; padding: 0; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -ms-transition: .5s all ease; -o-transition: .5s all ease; }
#sidebar-menu > ul > li > ul > li.active > ul > li > a, #sidebar-menu > ul > li > ul > li.active-parent > ul > li > a { background-color: #898989; color: #ffffff; display: inline-block; font-weight: 400; padding: 10px 10px 10px 40px; position: relative; text-decoration: none; width: 100%; }
#sidebar-menu > ul > li > ul > li.active > ul > li > a:after, #sidebar-menu > ul > li > ul > li.active-parent > ul > li > a:after { content: ''; position: absolute; display: inline-block; width: calc(100% - 20px); height: 1px; background-color: #CCCCCC; bottom: 0; left: 10px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#sidebar-menu > ul > li > ul > li.active-parent > ul > li.active-parent > a:after { content: none; }
#sidebar-menu > ul > li > ul > li.active > ul > li:last-child > a:after, #sidebar-menu > ul > li > ul > li.active-parent > ul > li:last-child > a:after { content: none; }
#sidebar-menu > ul > li > ul > li.active > ul > li.active > a, #sidebar-menu > ul > li > ul > li.active-parent > ul > li.active > a, #sidebar-menu > ul > li > ul > li.active > ul > li:hover > a, #sidebar-menu > ul > li > ul > li.active-parent > ul > li:hover > a, #sidebar-menu > ul > li > ul > li.active-parent > ul > li.active-parent > a { background-color: #515051; text-decoration: none; }
#sidebar-menu > ul > li > ul > li.active > ul > li.active > a:after, #sidebar-menu > ul > li > ul > li.active-parent > ul > li.active > a:after, #sidebar-menu > ul > li > ul > li.active > ul > li:hover > a:after, #sidebar-menu > ul > li > ul > li.active-parent > ul > li:hover > a:after { content: none; }
#sidebar-menu > ul > li > ul > li.active:before, #sidebar-menu > ul > li > ul > li.active-parent:before, #sidebar-menu > ul > li > ul > li.active > ul > li.active > a:before, #sidebar-menu > ul > li > ul > li.active-parent > ul > li.active > a:before, #sidebar-menu > ul > li > ul > li.active-parent > ul > li.active-parent > a:before { content: "\f105"; position: absolute; display: inline-block; width: 20px; height: 20px; background-color: #515051; border-radius: 50%; color: #ffffff; font-family: FontAwesome; font-size: 14px; line-height: 20px; left: 10px; top: 11px; text-align: center; z-index: 9; }
#sidebar-menu > ul > li > ul > li.active:before, #sidebar-menu > ul > li > ul > li.active-parent:before { left: 0; }

/* SUB SUBMENU */
#sidebar-menu > ul > li > ul > li > ul > li > ul { display: none; list-style: none; padding-left: 0; width: 100%; }
#sidebar-menu > ul > li > ul > li.active-parent > ul > li[class*="active"] > ul { display: inline-block; }
#sidebar-menu > ul > li > ul > li > ul > li > ul > li { display: inline-block; width: 100%; }
#sidebar-menu > ul > li > ul > li > ul > li > ul > li > a { background-color: #eaeaea; border-bottom: 1px solid #999999; color: #666666; display: inline-block; padding: 10px 15px 10px 45px; position: relative; text-decoration: none; width: 100%; }
#sidebar-menu > ul > li > ul > li > ul > li > ul > li.active > a, #sidebar-menu > ul > li > ul > li > ul > li > ul > li > a:hover { background-color: #777777; border-bottom-color: #777777; color: #ffffff; }
#sidebar-menu > ul > li > ul > li > ul > li > ul > li > a:before { content: "\f105"; position: absolute; display: inline-block; width: 20px; height: 20px; background-color: transparent; border-radius: 50%; color: transparent; font-family: FontAwesome; font-size: 14px; line-height: 20px; left: 20px; top: 11px; text-align: center; z-index: 9; }
#sidebar-menu > ul > li > ul > li > ul > li > ul > li.active > a:before { color: #ffffff; }

.sidebar .box { position: relative; display: inline-block; width: 100%; border: 2px solid #edebeb; margin-bottom: 40px; margin-top: 10px; padding: 20px; }
.sidebar .box:after { content: ''; position: absolute; width: calc(100% + 4px); height: 8px; bottom: -8px; left: -2px; background-color: #D70025; }
.sidebar .box h3 { margin-top: 0; }
.sidebar .box h4.name { font-size: 18px; line-height: 23px; margin-bottom: 5px; margin-top: 0; }
.sidebar .box p[class*="icon-"] { position: relative; padding-left: 30px; }
.sidebar .box p[class*="icon-"]:before { content: ''; position: absolute; width: 20px; height: 20px; left: 0; top: 2px; font-family: FontAwesome; font-size: 20px; color: #666666; line-height: 20px; text-align: left; }
.sidebar .box p:not(.icon-info) { margin-bottom: 3px; }
.sidebar .box p[class*="icon-"] a:hover { color: #D70025; text-decoration: none; }

.sidebar .box .icon-info:before { content: "\f041"!important; }
.sidebar .box .icon-phone:before { content: "\f095"!important; }
.sidebar .box .icon-email:before { content: "\f003"!important; }
.sidebar .box .icon-website:before { content: "\f0ac"!important; }

@media (max-width: 992px) {
	.sidebar { margin-top: 25px; padding-left: 15px; }
}

@media (min-width: 577px) {
	.sidebar .box .col-sm-8 { padding-left: 0; }
}

@media (max-width: 576px) {
	.sidebar .box h4.name { margin-top: 10px; }
}


/* Box to Show Website Information */
.website-information { border: 1px solid #cccccc; border-left: 5px solid #D70025; display: inline-block; margin-top: 15px; padding: 25px 20px; width: 100%; }
.website-information { display: inline-block; float: none; }
.website-information .col-md-7 { position: relative; top: 50%; }
.website-information .col-md-7 * { float: right; }
.website-information .button { margin-top: 0!important; }
.website-information .button .fa { display: inline-block; padding-left: 5px; position: relative; top: 3px; }
.website-information p:last-child { margin-bottom: 0; padding-bottom: 0; width: 100%; }

@media (max-width: 576px) {
	.website-information .col-md-5 { text-align: center; }
	.website-information img { display: inline-block; float: none; }
	.website-information .col-md-7 { padding-top: 10px; }
	.website-information .col-md-7 * { float: left; }
}

/****************
 HEADER
 ****************/
header { background-color: #000000; display: inline-block; width: 100%; z-index: 9999999; }

header .navbar-brand { display: inline-block; float: left; }
header .navbar-brand:hover { opacity: 0.85; }
header .navbar-brand img { max-width: 300px; display: inline-block; margin-bottom:4px; width: 100%; }
header .navbar-brand img.print { display: none; }

header .navbar-content { display: inline-block; float: right; margin-top: 30px; }

header .social { display: inline-block; list-style: none; margin-bottom: 0; padding-left: 0; position: relative; top: 5px; }
header .social > li { display: inline-block; float: left; margin-right: 5px; }
header .social > li:last-child { margin-right: 0; }
header .social > li > a { background: #D70025; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 17px; height: 38px; line-height: 39px!important; padding: 0; text-align: center; width: 38px;  }
header [class*="social"] > li > a.facebook:hover { background: #3b5999; }
header [class*="social"] > li > a.twitter:hover { background: #55acee; }
header [class*="social"] > li > a.youtube:hover { background: #cd201f; }
header [class*="social"] > li > a.instagram:hover { background: #e4405f; }

header .time { display: inline-block; padding: 3px 40px 0; text-align: left; }
header .time p { color: rgba(255,255,255,0.7); font-size: 9px; line-height: 13px; margin-bottom: 0; }
header .time h3 { margin-bottom: 0; margin-top: 0; color: #fff; font-size: 28px; font-weight: 500; line-height: 28px; }

header .weather { display: inline-block; padding: 3px 0 0; text-align: left; width: 136px; }
header .weather img { float: left; width: 48px; margin-right: 9px; }
header .weather p { color: rgba(255,255,255,0.7); font-size: 9px; line-height: 13px; margin-bottom: 0; }
header .weather h3 { margin-bottom: 0; margin-top: 0; color: #fff; font-size: 28px; font-weight: 500; line-height: 28px; }

header nav { background-color: #444343; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }
header nav ul.main-menu a { font-family: 'Roboto', sans-serif; text-decoration: none; }
header nav .search { display: none; }

header nav ul.main-menu > li > ul { display: none; }

@media (max-width: 1199px) {
	header .navbar-brand img { max-width: 250px; }
	header .navbar-content { margin-top: 21px; }
}

@media (min-width: 993px) {
	header nav .mob-social, header nav button { display: none; }

	header nav #accesibility-btn { color: #ffffff; cursor: pointer; font-size: 18px; position: absolute; right: 15px; top: 10px; z-index: 999; }

	header nav ul.main-menu { display: inline-block!important; float: left; list-style: none; margin-bottom: 0; margin-top: -1px; padding-left: 0; width: calc(100% - 30px); }
	header nav ul.main-menu > li { display: inline-block; float: left; }
	header nav ul.main-menu > li > a { color: #ffffff; display: inline-block; font-size: 16px; font-weight: 300; padding: 10px 30px 11px; }
	header nav ul.main-menu > li.active > a, header nav ul.main-menu > li > a:hover { background-color: #ffffff; color: #000000; }

	header nav ul.main-menu > li.egov { float: right; }
	header nav ul.main-menu > li.egov > a { background-color: #38a1ff; float: right; position: relative; }
	header nav ul.main-menu > li.egov > a:before { content: ''; background-color: #ffffff; height: 1px; left: 0; position: absolute; top: 0; width: 100%; }
	header nav ul.main-menu > li.egov > a:hover { background-color: #0589ff; color: #ffffff; }

	body.affix { padding-top: 40px; }
	body.affix header nav { left: 0; position: fixed; top: 0; z-index: 999999999; }
}

@media (max-width: 1199px) {
	header nav ul.main-menu > li > a { font-size: 15px; padding-left: 25px; padding-right: 25px; padding-top: 11px; }
}

@media (max-width: 992px) {
	header .header-top .social { display: none; }

	header nav { padding-bottom: 4px; padding-top: 10px; }
	header nav .mob-social { display: inline-block; float: left; list-style: none; margin-bottom: 0; padding-left: 0; }
	header nav .mob-social > li { display: inline-block; margin-right: 5px; }
	header nav .mob-social > li > a, header nav #accesibility-btn { border: 1px solid #ffffff; color: #ffffff; display: inline-block; float: left; height: 32px; line-height: 32px!important; padding: 0; text-align: center; width: 32px }
	header nav #accesibility-btn { float: right; line-height: 30px!important; margin-right: 10px; }

	header nav button { background-color: transparent; border: 1px solid #ffffff; color: #ffffff; cursor: pointer; display: inline-block; float: right; height: 32px; line-height: 31px; padding: 0; text-align: center; width: 32px; }
	header nav button:hover { background-color: #D70025; border-color: #D70025; }
	header nav button:focus { outline: 0; }

	/* Mobile Menu */
	header nav ul.main-menu { display: none; float: left; list-style: none; padding-left: 0; width: 100%; }
	header nav ul.main-menu.show { display: inline-block; }
	header nav ul.main-menu > li { display: inline-block; float: left; width: 100%; }
	header nav ul.main-menu > li > a { border-bottom: 1px solid #ffffff; color: #ffffff; display: inline-block; float: left; padding: 10px 0; width: 100%; }
	header nav ul.main-menu > li.active > a, header nav ul.main-menu > li > a:hover {  }

	header nav ul.main-menu > li.egov > a { background-color: #38a1ff; border-bottom: 0; border-radius: 5px; color: #ffffff; float: right; padding-left: 15px; margin-top: 20px; padding-right: 15px; width: auto; }
	header nav ul.main-menu > li.egov > a:hover { background-color: #0589ff; color: #ffffff; }

	/* Form */
	header nav .search.show { display: inline-block; }
	header nav .search { border: 1px solid #fff; width: 100%; }
	header nav .search > input { border: 0; border-radius: 0; box-shadow: none; display: inline-block; float: left; margin-top: 0; width: calc(100% - 36px); }
	header nav .search .input-group-btn { display: inline-block; float: right; }
	header nav .search .input-group-btn button { height: 36px; line-height: 35px; padding: 0; text-align: center; width: 36px; }
}

@media (max-width: 767px) {
	header .navbar-brand img { max-width: 250px;  }

  	header .time { padding: 3px 15px 0; }
  	header .weather { width: 85px; }
  	header .time p, header .weather p { font-size: 8px; line-height: 12px; }
  	header .time h3, header .weather h3 { font-size: 18px; line-height: 18px; }
  	header .weather img { width: 36px; }
}

@media (max-width: 500px) {
	header .navbar-brand { max-width: 55%; width: 100%; }
}

@media (max-width: 440px) {
  	header .weather { width: 40px; }
  	header .weather img { display: none; }
}


/****************
 FOOTER
 ****************/
#pre-footer { background-color: #D70025; padding: 8px 15px 13px; }
#pre-footer > .content { display: inline-block; text-align: center; width: 100%; }
#pre-footer > .content > h3 { display: inline-block; }
#pre-footer > .content > ul { display: inline-block; list-style: none; margin-bottom: 0; margin-left: 20px; padding-left: 0; position: relative; top: 15px; }
#pre-footer > .content > ul > li { display: inline-block; float: left; margin-right: 10px; }
#pre-footer > .content > ul > li > a { display: inline-block; width: 50px; height: 50px; background-color: #ffffff; border-radius: 50%; color: #878787; text-align: center; }
#pre-footer > .content > ul > li > a > .fa { font-size: 26px!important; line-height: 50px; }
#pre-footer > .content > ul > li > a[title="Facebook"]:hover { background-color: #3b5999; }
#pre-footer > .content > ul > li > a[title="Twitter"]:hover { background-color: #55acee; }
#pre-footer > .content > ul > li > a[title="YouTube"]:hover { background-color: #cd201f; }
#pre-footer > .content > ul > li > a[title="Instagram"]:hover { background-color: #e4405f; }
#pre-footer > .content > ul > li > a:hover { color: #fff; }

footer { background-color: #000000; padding-bottom: 15px; position: relative; bottom: 0; width: 100%; }
footer hr { border-top-color: #cccccc; display: inline-block; margin-top: 30px; width: 100%; }

footer .logo:hover { opacity: 0.6; }
footer .logo img {width: 100%;max-width: 320px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0 auto;}

footer p, footer li, footer a { color: #666666; font-size: 15px; font-weight: normal; line-height: 23px; margin-bottom: 2px; margin-top: 0px; }
footer p, footer a { color: #999999; }
footer a:hover { color: #CCCCCC; }

footer h3 { font-size: 23px; font-weight: 600; line-height: 29px; margin-bottom: 12px; padding-top: 30px; }
footer h3 > .fa { display: none; }
footer ul + h3 { margin-top: 0; padding-top: 20px; }
footer ul { list-style: none; margin-bottom: 5px; padding-left: 0; }
footer ul#services { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
footer ul > li > a { text-decoration: underline!important; }

footer #copyright .content { display: table; width: 100%; }
footer #copyright .content > div { display: table-cell; vertical-align: middle; }
footer #copyright .content > div:last-child { text-align: right; }
footer #copyright .content > div:last-child img { display: inline-block; max-width: 280px; opacity: 0.35; }

.cc-banner .cc-message { max-width: 770px; }

@media (max-width: 1199px) {
	footer hr { margin-top: 20px; }
	footer h3 { font-size: 21px; line-height: 27px; }
	footer p, footer li, footer a { font-size: 14px; line-height: 19px; }
	footer ul#services { -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; }
	footer #copyright .content > div:last-child img { max-width: 230px; }
}

@media (max-width: 992px) {
	#pre-footer > .content > ul > li > a { width: 44px; height: 44px; }
	#pre-footer > .content > ul > li > a > .fa { font-size: 22px!important; line-height: 44px; }

	footer ul#services { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
}

@media (max-width: 767px) {
	#pre-footer > .content > ul > li > a { width: 40px; height: 40px; }
	#pre-footer > .content > ul > li > a > .fa { font-size: 18px!important; line-height: 40px; }

  	footer #copyright .content { display: inline-block; width: 100%; }
  	footer #copyright .content > div { display: inline-block; width: 100%; text-align: center; }
  	footer #copyright .content > div:last-child { padding-top: 15px; text-align: center; }
}

@media (min-width: 577px) {
	footer ul { display: inline-block!important; width: 100%!important; }
}

@media (max-width: 576px) {
	#pre-footer > .content > ul { top: 0; }

	footer { padding-top: 30px; }
  	footer h3 { cursor: pointer; }
  	footer h3:hover { color: #CCCCCC; }
  	footer h3 > .fa { position: relative; display: inline-block; float: right; top: 5px; }
  	footer div:not(.col-md-6) > h3 { padding-top: 5px; }
  	footer ul + h3 { margin-top: 15px; }
  	footer ul { display: none; }

  	footer ul#services { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; }
}


/****************
 HOMEPAGE
 ****************/
#homeSearch h2 { font-size: 30px; font-weight: 500; line-height: 35px; margin-bottom: 0; margin-top: 0; }
#homeSearch h4 { font-size: 17px; line-height: 22px; margin-bottom: 0; margin-top: 5px; }
#homeSearch p { color: rgba(255,255,255,0.75); margin-bottom: 0; }
#homeSearch form { display: inline-block; margin-top: 10px; width: 100%; }
#homeSearch input { border: 0; border-radius: 0; box-shadow: none; color: #444343; height: 44px!important; padding: 11px 15px; }
#homeSearch input::placeholder { color: #999999; }
#homeSearch input + span > button { border-radius: 0; width: 44px; height: 44px; margin-left: 0; margin-top: 0; background-color: #D70025; border: 2px solid #ffffff; color: #ffffff; }
#homeSearch input + span > button:hover { background: #444343; }

#homeNews { border-bottom: 5px solid #D70025; }

.latest-news { margin-bottom: 0; padding-left: 0; width: 100%; }
.latest-news > li { display: inline-block; float: left; margin-top: 10px; margin-right: 10px; width: calc(33.33333334% - 7px); }
.latest-news > li:first-child { margin-top: 0; margin-right: 0; width: calc(66.66666% - 3px); }

.latest-news > li > a { display: inline-block; height: 100%; left: 0; position: absolute; text-decoration: none; top: 0; width: 100%; z-index: 99999; }
.latest-news > li > h5 { bottom: 0; display: inline-block; font-size: 12px; left: 0; line-height: 17px; margin-bottom: 0; position: absolute; width: 100%; z-index: 2; }
.latest-news > li > h5 > a { background-color: rgba(0,0,0,0.75); color: #ffffff; display: inline-block; padding: 10px 12px; text-align: left; text-decoration: none; width: 100%; }
.latest-news a:before { content: none!important; }

.latest-news > li:first-child:before { padding-top: 54.9%; }
.col-xl-9 .latest-news > li:first-child:before { padding-top: 55.15%; }
.latest-news > li:nth-child(3) { margin-top: 10px; }
.latest-news:not(.four) > li:first-child h5 { font-size: 14px; line-height: 19px; }
.latest-news:not(.four) > li:first-child h5 > a { padding: 15px 20px; }

.latest-news.home > li { width: calc(25% - 7px); }
.latest-news.home:not(.four) > li:first-child { width: calc(50% - 3px); }
.latest-news.home:not(.four) > li:first-child:before { padding-top: 56.5%; }
.latest-news.home > li:nth-child(4) { margin-left: 7px; margin-right: 7px; margin-top: 7px; }
.latest-news.home > li.brexit { position: relative; }
.latest-news.home > li.brexit:after { content: ''; background-color: rgba(0,0,0,0.35); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.latest-news.home > li:last-child { margin-right: 0; margin-top: 7px; }
.latest-news.home > li:last-child .centered * { display: inline-block; }
.latest-news.home > li:last-child .centered img { margin-left: 14%; margin-top: 9%; }
.latest-news.home > li:last-child .centered h5 { font-size: 24px; line-height: 29px; margin-left: 20px; max-width: 115px; text-align: left; }

.latest-news.home.four > li { float: none; margin-top: 0; width: calc(50% - 7px); }
.latest-news.home.four > li:nth-child(3) { margin-left: 0; }

.press-box > ul { background-color: #999999; display: inline-block; height: calc(100% - 5px); list-style: none; margin-bottom: 0; padding: 20px; width: 100%; }
.press-box > ul > li { display: inline-block; width: 100%; }
.press-box > ul > li > a { color: #ffffff; display: inline-block; font-size: 19px; font-weight: 500; line-height: 24px; padding-bottom: 10px; text-decoration: none; }
.press-box > ul > li > a:after { content: "\f105"; color: #ffffff; display: inline-block; font-family: FontAwesome; font-size: 19px; padding-left: 10px; }
.press-box > ul > li > ul { display: inline-block; list-style: none; padding-left: 0; width: 100%; }
.press-box > ul > li > ul > li { display: inline-block; width: 100%; }
.press-box > ul > li > ul > li > a { color: #ffffff; display: inline-block; font-size: 16px; line-height: 21px; padding-bottom: 3px; text-decoration: none; }

#home-slider { width: calc(100% + 30px); margin-left: -15px!important; }
#home-slider ul.slides > li { min-height: 610px; position: relative; }
#home-slider ul.slides > li .row { bottom: 77px; display: inline-block; left: 0; position: absolute; width: 100%; }
#home-slider ul.slides > li h4 { display: inline-block; margin: 0; position: absolute; width: 100%; }
#home-slider ul.slides > li h4 > a { position: relative; display: inline-block; width: 100%; padding: 25px 90px 25px 30px; background-color: rgba(0,0,0,0.75); color: #ffffff; text-align: right; text-decoration: none; }
#home-slider ul.slides > li h4 > a:after { content: '>'; position: absolute; top: 23px; right: 60px; color: #ffffff; font-size: 28px; font-weight: 100; }
#home-slider ul.slides > li h4 > a:hover, #home-slider ul.slides > li > h4 > a:focus { background-color: rgba(0,0,0,0.9); text-decoration: none; }

#home-slider .flex-direction-nav a { background-color: rgba(0,0,0,0.6)!important; border-radius: 50%; color: #ffffff; font-size: 25px; height: 36px!important; text-align: center; top: 40px; width: 36px!important; }
#home-slider .flex-direction-nav a:before, #home-slider .flex-direction-nav a.flex-next:before { content: none!important; }
#home-slider .flex-direction-nav .flex-prev { left: inherit!important; opacity: 1!important; right: 82px!important; }
#home-slider .flex-direction-nav .flex-next { opacity: 1!important; right: 40px!important; }

#home-slider .flex-control-nav { bottom: 35px!important; right: 15px; width: 20px; }
#home-slider .flex-control-paging li { float: left; margin-bottom: 7px; }
#home-slider .flex-control-paging li a { background-color: transparent; border: 1px solid #FFFFFF; box-shadow: none; }
#home-slider .flex-control-paging li a.flex-active { background-color: #ffffff; }

#homeNews .contain { max-width: 585px; padding: 35px 15px 15px; }
#homeNews h2 { color: #000000; font-weight: 700; padding-bottom: 10px; }
#homeNews p.text-right > a { display: inline-block; margin-bottom: 20px; color: #D70025; text-decoration: underline; }

.boxes-menu { display: inline-block; list-style: none; margin-bottom: 0; padding-bottom: 30px; padding-left: 0; padding-top: 30px; width: 100%; }
.boxes-menu > li { display: inline-block; float: left; margin-bottom: 10px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; position: relative; width: calc(33.3333334% - 30px); }
.boxes-menu > li:after { content: ''; position: absolute; display: inline-block; left: 0; bottom: 0; width: calc(100% - 10px); height: 5px; background-color: transparent; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
.boxes-menu > li:hover::after { background-color: #D70025; }
.boxes-menu > li > a { display: inline-block; font-size: 26px; font-weight: 400; line-height: 32px; padding-bottom: 10px; padding-top: 20px; text-decoration: none; width: 100%; }
.boxes-menu > li a:after { content: "\f105"; display: inline-block; font-family: FontAwesome; margin-left: 20px; }
.boxes-menu > li > ul { display: inline-block; padding-left: 0; width: 100%; }
.boxes-menu > li > ul > li { display: inline-block; width: 100%; }
.boxes-menu > li > ul > li > a { color: #515051; display: inline-block; font-size: 15px; font-weight: 300; margin-bottom: 6px; position: relative; text-decoration: none; width: 100%; }
.boxes-menu > li > ul > li > a:after { content: "\f138"; display: none; float: right; font-family: FontAwesome; }
.boxes-menu > li > ul > li > a:hover { color: #D70025; text-decoration: underline; }
.boxes-menu > li > ul > li > a:hover:after { display: inline-block; }

#mostPopular { display: inline-block; padding: 25px 15px 5px; position: relative; width: 100%;  }
#mostPopular .most-popular > ul, #mostPopular .useful-links > ul {  padding-left: 20px; padding-right: 20px; padding-bottom: 25px; position: relative; display: inline-block; width: 100%; padding-top: 25px; border: 15px solid #ffffff; }
#mostPopular .most-popular > ul { background-color: #232323; }
#mostPopular .useful-links > ul { background-color: #d70025; }

#mostPopular ul > li { display: inline-block; width: 100%; }
#mostPopular ul > li > a { color: rgba(255,255,255,0.7); display: inline-block; font-size: 24px; font-weight: 500; line-height: 29px; margin-bottom: 10px; padding-bottom: 15px; text-decoration: none; text-transform: uppercase; }
#mostPopular ul > li > ul { display: inline-block; padding: 0; width: 100%; }
#mostPopular ul > li > ul > li { display: inline-block; width: 100%; }
#mostPopular ul > li > ul > li > a { color: #ffffff; font-size: 18px; font-weight: 300; line-height: 23px; padding-bottom: 4px; text-transform: none; }

#mostPopular .most-popular ul > li > ul { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; }

#mostPopular .useful-links > ul > li > a { margin-bottom: 3px; }
#mostPopular .useful-links ul > li > ul > li > a { font-size: 15px; line-height: 19px; padding-bottom: 0; }

#homeBoxes { padding-top: 60px; padding-bottom: 45px; }
#homeBoxes img { margin-bottom: 15px; width: 100%; }
#homeBoxes h4 { color: #232323; font-weight: 700; margin-bottom: 10px; }
#homeBoxes p { color: #515051; }

@media (max-width: 1199px) {
	.latest-news > li:first-child:before { padding-top: 54.6%; }
	.col-xl-9 .latest-news > li:first-child:before { padding-top: 54.5%; }

	.boxes-menu > li > a { font-size: 23px; line-height: 28px; }
	.boxes-menu > li > a:after { margin-left: 15px; }
	.boxes-menu > li > ul > li > a { font-size: 14px; margin-bottom: 3px; }

	#mostPopular ul > li > ul > li > a { font-size: 16px; line-height: 21px; }
	#mostPopular .useful-links ul > li > ul > li > a { font-size: 14px; line-height: 18px; }
}

@media (max-width: 1099px) {
	#homeSearch h2 { font-size: 27px; line-height: 32px; }
	#homeSearch h4 { font-size: 15px; line-height: 20px; margin-bottom: 5px; }

	.latest-news.home > li:last-child .centered img { margin-left: 12%; margin-top: 8%; width: 49px; }
	.latest-news.home > li:last-child .centered h5 { font-size: 20px; line-height: 20px; max-width: 95px; }
}

@media (min-width: 768px) {
	.latest-news > li:nth-child(2), .latest-news > li:nth-child(3) { margin-left: 7px; margin-right: 0; margin-top: 0; }
	.latest-news > li:nth-child(3n) { margin-right: 0; }
}

@media (max-width: 992px) {
	.latest-news.home > li { margin-left: 0!important; margin-right: 7px!important; margin-top: 7px!important; width: calc(50% - 4px); }
	.latest-news.home > li:nth-child(3), .latest-news.home > li:nth-child(5) { margin-right: 0!important; }
	.latest-news.home:not(.four) > li:first-child { margin: 0!important; width: 100%; }

	.latest-news.home.four > li:nth-child(2n) { margin-right: 0!important; }
	.latest-news.home.four > li:nth-child(3) { margin-right: 7px!important; }

	.boxes-menu > li { padding-left: 10px; padding-right: 10px; width: calc(50% - 20px); }
	.boxes-menu > li > a { font-size: 22px; line-height: 27px; }
}

@media (max-width: 767px) {
	.latest-news > li { margin-right: 5px; width: calc(50% - 5px); }
	.latest-news > li:first-child { width: 100%; margin-right: 0; }
	.latest-news > li:nth-child(2n + 1) { margin-left: 5px; margin-right: 0; }
	.latest-news > li:first-child { margin-left: 0; }
}

@media (max-width: 576px) {
	.latest-news > li { margin-right: 0; width: 100%; }

	.boxes-menu > li { padding-left: 0; padding-right: 0; width: 100%; }
	.boxes-menu > li:after { background-color: #D70025; }
}

@media (max-width: 470px) {
	#homeSearch h2 { font-size: 24px; line-height: 29px; }
}

@media (max-width: 410px) {
	#homeSearch h2 { font-size: 21px; line-height: 26px; }
	#homeSearch h4 { font-size: 14px; line-height: 19px; }
}

@media (max-width: 360px) {
	#homeSearch h2 { font-size: 18px; line-height: 23px; }
	#homeSearch h4 { font-size: 13px; line-height: 18px; }
}


/***************
 PHOTO GALLERY
 **************/
ul.photo-galleries, ul.photo-gallery { display: inline-block; float: left; list-style: none; padding-left: 0; width: 100%; }
ul.photo-gallery { margin-top: 15px; }
ul.photo-galleries > li, ul.photo-gallery > li { display: inline-block; float: left; margin-bottom: 15px; margin-right: 12px; width: calc(33.333334% - 8px); }
ul.photo-galleries > li > .bkg-cover > a { background-color: transparent; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
ul.photo-galleries > li:hover > .bkg-cover > a { background-color: rgba(0,0,0,0.35); }
ul.photo-galleries > li > .bkg-cover > a > span { display: none; }
ul.photo-galleries > li > .info { background-color: #f6f6f6; display: inline-block; padding: 10px 12px; width: 100%; }
ul.photo-galleries > li > .info > h5 { margin: 0 0 5px; }
ul.photo-galleries > li > .info > h5 > a { color: #000000; text-decoration: none; }
ul.photo-galleries > li > .info > p { color: #666666; font-size: 14px; line-height: 20px; margin: 0; }

ul.photo-gallery > li a { background-color: transparent; color: transparent; display: inline-block; height: 100%; left: 0; padding-top: 25%; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; top: 0;  width: 100%; }
ul.photo-gallery > li:hover a { background-color: rgba(0,0,0,0.5); color: #ffffff; }

.government-photo-gallery, .government-photo-gallery > li { list-style: none; margin-left: 0; padding-left: 0; }
.government-photo-gallery { display: grid; gap: 10px; grid-template-columns: repeat(4, 1fr); margin-top: 10px; }
.government-photo-gallery > li img { aspect-ratio: 100/68; object-fit: cover; width: 100%; }

@media (min-width: 768px) {
	ul.photo-galleries > li:nth-child(3n), ul.photo-gallery > li:nth-child(3n) { margin-right: 0; }
}

@media (max-width: 767px) {
	ul.photo-galleries > li, ul.photo-gallery > li { margin-right: 12px; width: calc(50% - 6px); }

	.government-photo-gallery { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 577px) and (max-width: 767px) {
	ul.photo-galleries > li:nth-child(2n), ul.photo-gallery > li:nth-child(2n) { margin-right: 0; }
}

@media (max-width: 576px) {
	ul.photo-galleries > li, ul.photo-gallery > li { margin-right: 0; width: 100%; }
}


/************
 SEARCH PAGE
 ************/
#searchResults { display: inline-block; padding-bottom: 30px; padding-top: 30px; width: 100%; }
#searchResults h2 { color: #000000; font-size: 28px; line-height: 33px; margin-bottom: 10px; }

#searchResults ul.content { border-left: 6px solid #D70025; display: inline-block; list-style: none; margin-top: 15px; padding-left: 30px; width: 100%; }
#searchResults ul.content > li { display: inline-block; list-style: none; margin-bottom: 20px; padding-left: 0; width: 100%; }
#searchResults ul.content > li:last-child { margin-bottom: 0; }
#searchResults ul.content > li:before { content: none!important; }
#searchResults ul.content > li h4 { font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 3px; margin-top: 0; }
#searchResults ul.content > li h4 a { color: #D70025; text-decoration: none!important; }
#searchResults ul.content > li h4 a:hover { color: #D70025; }
#searchResults ul.content > li h4 b { color: #999999; font-style: normal; }
#searchResults ul.content > li p { font-size: 14px; line-height: 19px; margin-bottom: 0; padding-bottom: 10px; }
#searchResults ul.content > li p:not(.link) { text-align: justify; }


/***************
 MINISTERS
 **************/
.staff-item .container-fluid div[class*="col-"] { padding-left: 0; padding-right: 0; }

/***************
 TABLES Extra styling
 **************/
.table-freeze-first-column { position: relative; padding: 30px 0; background: #f6f6f6; }
.table-freeze-first-column:before {content: 'Please scroll to view more of the table > > ';font-size: 10px;position: absolute;top: 0px;right: 0;padding: 5px 15px;}
.table-freeze-first-column:after {content: 'Please scroll to view more of the table > > ';font-size: 10px;position: absolute;bottom: 0px;right: 0;padding: 5px 15px;}
.table-freeze-first-column > tbody > tr > td { background: #fff; }
.table-freeze-first-column > tbody > tr > td:first-child { position:sticky; left: 0px; background: #f6f6f6; z-index: 9; }
.table-freeze-first-column > tbody > tr > td table { margin: 0; }
.table-freeze-first-column > tbody > tr > td table td { border: 0!important; padding-bottom: 0!important; padding-top: 0!important; }
.table-striped.table-freeze-first-column > tbody > tr > td:first-child tbody tr:nth-of-type(odd) { background-color: transparent; }
.table-small td { font-size: 90%; text-align: justify; }

/***************
 PRESS RELEASES
 **************/
.hide-news-filter #filterForm, .hide-pagination .pagination { display: none; }
 
.news-listing { margin-top: 20px; }
.news-listing ul.news { border-top: 1px solid #cccccc; display: inline-block; list-style: none; padding-top: 25px; padding-left: 0; width: 100%; }
.news-listing ul.news > li { border-bottom: 1px dashed #cccccc; display: inline-block; padding-bottom: 12px; padding-top: 6px; width: 100%; }
.news-listing ul.news > li > .image {display: inline-block;float: left;height: 60px;margin-right: 15px;width: 60px;text-decoration: none!important;}
.news-listing ul.news > li > .image img { display: inline-block; max-width: 60px; }
.news-listing ul.news > li > .content { display: inline-block; float: left; padding-top: 9px; width: calc(100% - 75px); }
.news-listing ul.news > li > .content > .date { font-size: 14px; line-height: 19px; margin-bottom: 0; }
.news-listing ul.news > li > .content > h5 { font-size: 17px; font-weight: 300; line-height: 22px; margin-bottom: 0; margin-top: 0; }
.news-listing ul.news > li > .content > h5 > a { color: #000000; text-decoration: none; }
.news-listing ul.news > li > .content > h5 > a:before { content: none; }

.news-listing.videos ul.news > li > .image > div {background-image: none!important;position: relative;overflow: visible;text-decoration: none!important;}
.news-listing.videos ul.news > li > .image > div:before {content: "\f04b";font-family: FontAwesome;padding: 0 0 0 4px;top: 0;width: 100%;color: #D70025;font-size: 27px;border: 3px solid #D70025;border-radius: 50%;text-align: center;height: 60px;width: 60px;display: flex;justify-content: center;align-items: center;text-decoration: none!important;}

#news-details h2 { font-size: 35px; font-weight: 300; line-height: 40px; margin-top: 20px; }
#news-details .date { color: #999999; text-transform: uppercase; }
#news-details .description [class*="container"] { padding-left: 0; padding-right: 0; }
#news-details .description [class*="container"] p, #news-details .description [class*="container"] li { font-size: 14px; line-height: 19px; text-align: justify; }

#mc_embed_signup { background-color: #f3f3f3; display: inline-block; float: left; max-width: 500px; padding: 25px; width: 100%; }
#mc_embed_signup .indicates-required { color: #666666; display: inline-block; font-size: 13px; line-height: 18px; margin-bottom: 15px; width: 100%; }
#mc_embed_signup label { display: inline-block; width: 100%; }
#mc_embed_signup input:not(.button) { border: 1px solid #cccccc; border-radius: 0; color: #666666; display: inline-block; font-size: 15px; line-height: 20px; margin-bottom: 15px; padding: 10px 15px; width: 100%; }
#mc_embed_signup input[type="checkbox"] { margin-bottom: 5px; width: auto; }

#mc_embed_signup .bootstrap-select { margin-bottom: 15px; width: 100%; }
#mc_embed_signup .bootstrap-select > button { background-color: #ffffff; border: 1px solid #cccccc; border-radius: 0; font-size: 15px; line-height: 20px; padding: 10px 20px; }

#mc_embed_signup input.button { background-color: #D70025; border: 0; color: #ffffff; display: inline-block; font-size: 18px; letter-spacing: 1px; line-height: 23px; padding: 10px 20px; text-align: center; width: 100%; }

@media (max-width: 1199px) {
	#news-details h2 { font-size: 30px; line-height: 40px; margin-bottom: 8px; }
}


/***************
 CONTACTS PAGE
 **************/
.search.contacts { background-color: #EDEBEB; display: inline-block; margin-bottom: 20px; padding: 15px; width: calc(100% - 30px); }
.search.contacts input { border: 0; border-radius: 0; color: #999999; font-size: 15px; height: auto; line-height: 20px; padding: 12px 20px; }
.search.contacts input::placeholder { color: #999999; }
.search.contacts button { background-color: #D70025!important; border-radius: 0; color: #ffffff; font-size: 17px; height: 44px; line-height: 42px; padding: 0; width: 44px; }
.search.contacts button:hover { background-color: #444343!important; }

ul.contacts-list { display: inline-block; list-style: none; margin-top: 15px; padding-left: 0; width: 100%; }
ul.contacts-list > li { display: inline-block; float: left; width: 33.3333334%; }
ul.contacts-list > li .box { border: 2px solid #edebeb; display: inline-block; margin-bottom: 10px; margin-left: 7px; margin-top: 10px; padding: 20px; position: relative; width: calc(100% - 14px); }
ul.contacts-list > li .box:after { content: ''; position: absolute; width: calc(100% + 4px); height: 8px; bottom: -8px; left: -2px; background-color: #D70025; }
ul.contacts-list > li .box h3 { font-size: 23px; font-weight: 400; line-height: 28px; margin-bottom: 0; margin-top: 0; }
ul.contacts-list > li .box h5 { color: #7C7C7C; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 20px; text-transform: uppercase; }
ul.contacts-list > li .box p { position: relative; margin-bottom: 3px; padding-left: 30px; }
ul.contacts-list > li .box p.icon-info { margin-bottom: 15px; }
ul.contacts-list > li .box p:before { content: ''; position: absolute; width: 20px; height: 20px; left: 0; top: 2px; font-family: FontAwesome; font-size: 20px; color: #666666; line-height: 20px; text-align: left; }
ul.contacts-list > li .box p a { text-decoration: none; }
ul.contacts-list > li .box p a:hover { color: #D70025; text-decoration: none; }
ul.contacts-list > li .box > a.button { background-color: #D8D8D8; color: #666666; display: inline-block; margin-top: 20px; padding: 8px 24px; text-transform: capitalize; }
ul.contacts-list > li .box > a.button:hover { background-color: #515051; color: #ffffff; }

ul.contacts-list > li .box .icon-info:before { content: "\f041"!important; }
ul.contacts-list > li .box .icon-phone:before { content: "\f095"!important; }
ul.contacts-list > li .box .icon-email:before { content: "\f003"!important; }
ul.contacts-list > li .box .icon-website:before { content: "\f0ac"!important; }

ul.contacts-list.fw { margin-top: 0; }
ul.contacts-list.fw > li { width: 100%; }
ul.contacts-list.fw > li > .box { margin-left: 0; width: 100%; }

.contact-map { padding-top: 10px; }

.pagination { display: inline-block; float: right; }
.pagination > .page-item { display: inline-block; float: left; }
.pagination > .page-item > .page-link { border-radius: 0; color: #536F84; font-size: 14px!important; height: 30px; line-height: 29px!important; margin-left: 3px; margin-right: 3px; padding: 0; text-align: center; text-decoration: none; width: 30px; }
.pagination > .page-item:first-child > .page-link, .pagination > .page-item:last-child > .page-link { line-height: 26px; }
.pagination > .page-item.active > .page-link { background-color: #D70025; border-color: #D70025; color: #ffffff; }
.pagination > .page-item.active > .page-link:focus { outline: 0; }

nav[role="navigation"] { margin-bottom: 30px; text-align: right; }
nav[role="navigation"] > div:first-child, nav[role="navigation"] > div > div:first-child { display: none; }
nav[role="navigation"] span { box-shadow: none!important; }
nav[role="navigation"] span > span, nav[role="navigation"] span > a { border: 0!important; border-radius: 50%; display: inline-block; height: 30px; line-height: 30px; padding: 0!important; text-decoration: none; text-align: center; width: 30px; }
nav[role="navigation"] svg { fill: #D70025; position: relative; top: -2px; width: 20px; }
nav[role="navigation"] svg:hover { filter: #333E48; }
nav[role="navigation"] span[aria-current="page"] > span { background-color: #333E48!important; color: #ffffff; }
nav[role="navigation"] a:not([rel]) { background-color: #f6f6f6!important; color: #D70025; }
nav[role="navigation"] a:not([rel])::hover { 

@media (max-width: 1199px) {
	iframe[src*="/maps/"] { height: 400px; }
}

@media (max-width: 992px) {
	.search.contacts { width: 100%; }

	ul.contacts-list > li { width: 50%; }

	iframe[src*="/maps/"] { height: 350px; }
}

@media (max-width: 767px) {
	ul.contacts-list > li { width: 100%; }
	ul.contacts-list > li .box { margin-left: 0; width: 100%; }

	.pagination > .page-item > .page-link { font-size: 13px!important; height: 26px; line-height: 25px!important; margin-left: 2px; margin-right: 2px; width: 26px; }
}


/***************
 SITEMAP
 ***************/
.tree-menu { display: inline-block; list-style: none; padding-left: 0; width: 100%; } 
.tree-menu > li > a { padding-bottom: 5px; }
.tree-menu li { line-height: 20px; vertical-align: top; position: relative; } 
.tree-menu li a { text-decoration: none;  color: #000000; display: inline-block; }
  
.tree-menu ul { display: inline-block; list-style: none; margin-bottom: 5px; margin-left: 20px; margin-top: 10px; padding-left: 0; width: 100%; }   
.tree-menu ul li { position: relative; }
.tree-menu ul li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 100%;
    border-left: 1px #ccc solid;
    position: absolute;
    top: calc(-20px / 2);
}
    
.tree-menu ul li:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 15px;
    border-bottom: 1px #ccc solid;
    position: absolute;
    top: calc(-10px / 2);
}
.tree-menu ul li a { margin-left: 25px; }


/***************
 VISAS
 ***************/
.visa-dropdown .bootstrap-select { width: 100%!important; }

.visa-applications {list-style: none!important;padding: 0;}
.visa-applications a {background: #fff;position: relative;border: solid 1px #999;padding: 20px;margin-bottom: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;text-decoration: none;}
.visa-applications a:hover { border-color: #c1262d; }
.visa-applications a:before { display: none; }
.visa-applications img { display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
.visa-applications .bottom { position: absolute; bottom: 4px; width: 87%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.visa-applications .bottom .right { right: 0; position: relative; }
.visa-applications a:hover .right { color: #c1262d;}


/***************
 BEAT COVID
 ***************/
#beat-gibraltar { padding-bottom: 50px; position: relative; }
#beat-gibraltar:after { content: ''; background: url('../img/waves.png') no-repeat bottom center; background-size: 100%; bottom: 0; display: inline-block; height: 350px; left: 0; position: absolute; width: 100%; }
#beat-gibraltar h1 { font-size: 70px; line-height: 65px; }
#beat-gibraltar h1 strong { font-weight: 800; }

#beat-app { background-position: top center; background-repeat: no-repeat; background-size: 100%; padding-top: 100px; position: relative; }
#beat-app .col-lg-5 { padding-bottom: 100px; }

@media (max-width: 1199px) {
	#beat-gibraltar h1 { font-size: 60px; line-height: 55px; }
}

@media (min-width: 993px) {
	#beat-app img { left: 15px; position: absolute; top: -30px; z-index: 99; }
}

@media (max-width: 992px) {
	#beat-gibraltar { padding-bottom: 0; }
	#beat-app { background-size: cover; padding-top: 60px; }
	#beat-app .col-lg-5 { padding-bottom: 50px; }
}


/***************
 EGOV BOXES
 ***************/
#egov-boxes .col-lg-4 > div { background-color: #ffffff; border-bottom: 4px solid #d70025; border-radius: 6px; box-shadow: 0 0 4px rgba(0,0,0,0.35); display: inline-block; margin-bottom: 20px; margin-left: -5px; padding: 20px 20px 15px; width: calc(100% + 10px); }
#egov-boxes .col-lg-4 > div h4 { margin-bottom: 10px; margin-top: 0; }
#egov-boxes .col-lg-4 > div ul { display: inline-block; list-style: none; margin-bottom: 0; padding-left: 0; width: 100%; }
#egov-boxes .col-lg-4 > div ul > li { display: inline-block; width: 100%; }
#egov-boxes .col-lg-4 > div ul > li > a { border: 1px solid #cccccc; border-radius: 3px; color: #666666; display: inline-block; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px; padding: 5px 25px 4px 10px; position: relative; text-decoration: none; width: 100%; }
#egov-boxes .col-lg-4 > div ul > li > a:after { content: '\f105'; color: #cccccc; font-family: FontAwesome; font-size: 18px; position: absolute; right: 10px; }
#egov-boxes .col-lg-4 > div ul > li > a[href="#"]:after { content: "\f023"; }
#egov-boxes .col-lg-4 > div ul > li > a:hover { background-color: #d70025; border-color: #d70025; color: #ffffff; }
#egov-boxes .col-lg-4 > div .float-right { font-size: 17px; line-height: 21px; margin-bottom: 0; margin-top: 5px; position: relative; }
#egov-boxes .col-lg-4 > div .float-right a { color: #38a1ff; text-decoration: none; }
#egov-boxes .col-lg-4 > div .float-right a:before { content: '\f105'; display: inline-block; float: right; font-family: FontAwesome; font-size: 19px; margin-left: 6px; }
#egov-boxes .col-lg-4 > div .float-right a:hover { color: #d70025; }

#egov-boxes.accordion .col-lg-4 > div { padding: 17px 15px 7px; }
#egov-boxes.accordion .col-lg-4 > div h4 { cursor: pointer; font-size: 21px; line-height: 25px; padding-right: 25px; position: relative; width: 100%; }
#egov-boxes.accordion .col-lg-4 > div h4:after { content: ''; background: url('../img/icons/plus-icon.png') no-repeat center; background-size: contain; display: inline-block; height: 20px; position: absolute; right: 0; top: 3px; width: 20px; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }
#egov-boxes.accordion .col-lg-4 > div h4.active:after { background-image: url('../img/icons/minus-icon.png'); }
#egov-boxes.accordion .col-lg-4 > div ul, #egov-boxes .col-lg-4 > div .float-right { display: none; }
#egov-boxes .col-lg-4 > div .float-right { margin-bottom: 10px; }

.ecounter-box .col-12 > div { background-color: #ffffff; border-bottom: 4px solid #d70025; border-radius: 6px; box-shadow: 0 0 4px rgba(0,0,0,0.35); display: inline-block; margin-bottom: 20px; margin-left: -5px; padding: 20px 20px 15px; width: calc(100% + 10px); }
.ecounter-box .col-12 > div ul { display: inline-block; list-style: none; margin-bottom: 0; padding-left: 0; width: 100%; }
.ecounter-box .col-12 > div ul > li { display: inline-block; float: left; margin-right: 14px; width: calc(50% - 7px); }
.ecounter-box .col-12 > div ul > li:nth-child(2n) { margin-right: 0; }
.ecounter-box .col-12 > div ul > li > a { border: 1px solid #cccccc; border-radius: 3px; color: #666666; display: inline-block; font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 5px; padding: 5px 25px 4px 10px; position: relative; text-decoration: none; width: 100%; }
.ecounter-box .col-12 > div ul > li > a:after { content: '\f105'; color: #38a1ff; font-family: FontAwesome; font-size: 18px; position: absolute; right: 10px; }
.ecounter-box .col-12 > div ul > li > a[href="#"]:after { content: "\f023"; color: #cccccc; }
.ecounter-box .col-12 > div ul > li > a:hover { background-color: #d70025; border-color: #d70025; color: #ffffff; }

@media (max-width: 767px) {
	.ecounter-box .col-12 > div ul > li { margin-right: 0; width: 100%; }
}


/***************
 FLOW PLAYER
 ***************/
.flow-player-title { background-color: #f2f2f2; padding: 15px; }
.flow-player-title h3 { margin-top: 0; margin-bottom: 0; }
.flow-player-title #back { color: #000000; font-weight: 700; text-decoration: none; }
.flow-player-title .title, .flow-player-title h1 { font-size: 28px; line-height: 32px; margin-bottom: 0; margin-top: 15px; }

@media (max-width: 1199px) {
	.flow-player-title .title, .flow-player-title h1 { font-size: 26px; line-height: 30px; }
}

@media (max-width: 992px) {
	.flow-player-title .title, .flow-player-title h1 { font-size: 24px; line-height: 28px; }
}

@media (max-width: 767px) {
	.flow-player-title .title, .flow-player-title h1 { font-size: 22px; line-height: 26px; }
}


/***************
 EGOV CONTENT
 ***************/
.egov-content *:not(.fa) { font-family: 'Roboto', sans-serif; font-weight: 400; }
.egov-content h1, .egov-content h2, .egov-content h3, .egov-content h4 { color: #000000; font-weight: 500!important; }
.egov-content h1 { font-size: 28px; line-height: 32px; }
.egov-content h2 { font-size: 22px; line-height: 26px; }
.egov-content h3 { font-size: 20px; line-height: 24px; }
.egov-content h4 { font-size: 18px; line-height: 22px; }
.egov-content h5 { font-size: 17px; line-height: 21px; }
.egov-content h6, .egov-content p, .egov-content div { color: #4d4d4d; font-size: 16px; line-height: 20px; }
.egov-content a, .egov-content button { color: #d50a2c; }
.egov-content ul li, .egov-content ol li { color: #000000; font-size: 16px; line-height: 20px; }

.egov-content .button { background-color: #ffffff; border: 1px solid #ababab; border-radius: 5px; color: #d50a2c; cursor: pointer; display: inline-block; font-size: 16px; line-height: 19px; min-width: 195px; padding: 10px 25px; text-align: center; width: auto; transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; -o-transition: .5s all ease; -ms-transition: .5s all ease; }
.egov-content .button:hover, .egov-content .btn:hover, .egov-content .button:focus, .egov-content .btn:focus { box-shadow: none; opacity: 0.85; outline: 0; }
.egov-content .button.button-small { border-radius: 4px; font-size: 16px; line-height: 20px; min-width: auto; padding: 5px 8px 3px; }

.egov-content .button.button-primary { background-color: #f2f2f2; border: 1px solid #b3b3b3; color: #4d4d4d; }
.egov-content .button.button-site2 { background-color: #38a1ff; border-color: #38a1ff; color: #ffffff; }

.egov-content label { color: #333333; display: inline-block; font-size: 16px; line-height: 20px; margin-bottom: 5px; width: 100%; }
.egov-content input[type="text"], .egov-content input[type="email"], .egov-content input[type="tel"], .egov-content input[type="number"], 
.egov-content input[type="password"], .egov-content textarea, .egov-content select { border: 1px solid #ababab; border-radius: 3px; color: #000000; display: inline-block; font-size: 16px; height: 44px; line-height: 20px; max-width: 400px; padding: 6px 12px; width: 100%; }
.egov-content textarea { min-height: 120px; }
.egov-content input[type="text"]::placeholder, .egov-content input[type="email"]::placeholder, .egov-content input[type="tel"]::placeholder, 
.egov-content input[type="number"]::placeholder, .egov-content input[type="password"]::placeholder, .egov-content textarea::placeholder, 
.egov-content select::placeholder { color: #ababab; }
.egov-content input[type="text"]:focus, .egov-content input[type="email"]:focus, .egov-content input[type="tel"]:focus, .egov-content input[type="number"]:focus, 
.egov-content input[type="password"]:focus, .egov-content textarea:focus, .egov-content select:focus { border-color: #38a1ff; box-shadow: none; outline: 0; }
.egov-content input[type="text"]:disabled, .egov-content input[type="email"]:disabled, .egov-content input[type="tel"]:disabled, 
.egov-content input[type="number"]:disabled, .egov-content input[type="password"]:disabled, .egov-content textarea:disabled, .egov-content select:disabled { background-color: #ffffff; border-color: #cccccc; box-shadow: none; color: #cccccc; outline: 0; }

.egov-content .input-group { max-width: 400px; }
.egov-content .input-group input[type="text"] { border-right: none; }
.egov-content .input-group .input-group-append .input-group-text { background-color: #ffffff; border: 1px solid #ababab; border-radius: 0 3px 3px 0; box-shadow: none; }
.egov-content .input-group.is-invalid + .invalid-feedback { display: block; }
.egov-content .input-group.is-invalid input[type="text"], .egov-content .input-group.is-invalid .input-group-append .input-group-text { border-color: #dc3545; }


.content-box { background-color: #ffffff; display: inline-block; max-width: 900px; min-height: 450px; position: relative; text-align: left; width: 100%; }

@media (min-width: 993px) {
	.content-box { border-radius: 3px; box-shadow: 0 0 4px rgba(0,0,0,0.3); margin: 10px 0 30px; padding: 30px 50px; }
}

@media (max-width: 576px) {
    .egov-content input[type="text"], .egov-content input[type="email"], .egov-content input[type="tel"], .egov-content input[type="number"], 
    .egov-content input[type="password"], .egov-content textarea, .egov-content select, .egov-content .input-group { max-width: 100%; }
}

/***************
 ERROR PAGES
 ***************/
#error { background-image: url('../../uploads/europa-point.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; min-height: 60vh; position: relative; }
#error:before { content: ''; background-color: rgba(0,0,0,0.5); display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#error .align-items-center { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#error h1, #error h4, #error p { color: #ffffff; }
#error h1 { font-size: 120px; line-height: 100px; }
#error h4 { margin-bottom: 20px; }
#error p { margin-bottom: 45px; }

@media (max-width: 767px) {
	#error { min-height: auto; }
	#error .align-items-center { height: auto; position: relative; width: auto; }
	#error .col-12 { padding-bottom: 50px; padding-top: 125px; }
	#error h1 { font-size: 100px; line-height: 90px; }
}

@media (max-width: 576px) {
	#error h1 { font-size: 80px; line-height: 80px; }
}

@media (max-width: 400px) {
	#error .button { display: block; margin: 0 auto; }
}


/***************
 IE 10+
 ***************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	header nav { margin-bottom: -5px; }  
}