img { transition: all 0.6s ease 0s; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); }

body { color: rgb(51, 51, 51); background: rgb(255, 255, 255); line-height: 150%; position: relative; }
* { margin: 0px; padding: 0px; border: 0px; text-decoration: none; }
ul, ol { padding-left: 25px; }
#content { font-size: 14px; }
.head-title {font-size: 22px; line-height: 45px;}
.topmenu-bg { background: rgb(2, 18, 30); padding: 2px 0px; }
.topmenu ul { color: rgb(141, 150, 154); margin: 0px; }
.topmenu li { line-height: normal; padding: 8px 6px; }
.topmenu li:last-child { border-right: none; }
.topmenu li a { color: rgb(255, 255, 255); font-size: 12px; }
.topmenu li a:hover { text-decoration: none; color: rgb(134, 187, 69); }
.topmenu li .black { background: rgb(51, 51, 51); padding: 4px 8px; color: rgb(255, 255, 255); }
.topmenu li .white { background: rgb(255, 255, 255); padding: 4px 8px; color: rgb(0, 0, 0); }
.top-date { color: rgb(255, 255, 255); }
.top-date p { margin: 0px; }

.emblem { margin: 7px 0px 7px 12px; float: right; width: 39px; }
.mah-gov-logo { float: left; margin: 8px 15px 8px 0px; }
.court-heading { font-size: 2.1em; color: rgb(30, 30, 30); padding: 19px 0px 0px; display: inline-block; line-height: 130%; }

.carousel-inner img { width: 100%; max-height: 448px; }
.carousel-indicators { bottom: 16px; }
.carousel-indicators li { border: 2px solid rgb(254, 151, 30); }
.carousel-indicators .active { background-color: rgb(0, 0, 0); }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 45%; z-index: 5; display: inline-block; }
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { left: 0px; }
.carousel-control .fa-chevron-right, .carousel-control .icon-next { right: 0px; }
.carousel-control.left span, .carousel-control.right span { background-color: rgb(255, 255, 255); padding: 8px 10px; color: rgb(62, 146, 195); text-shadow: none; }
.carousel-control.left span:hover, .carousel-control.right span:hover { opacity: 0.7; }
.carousel-control.left, .carousel-control.right { background: none; }
.banner .carousel-control { width: 50px; margin-top: -36px; }
.carousel { position: relative; }
.carousel .control-banner { position: absolute; right: 150px; bottom: 10px; }
.carousel-control .fa { background: rgb(255, 255, 255); padding: 6px 15px 7px; border-radius: 50%; font-weight: bold; font-size: 25px; }

.justify-content-center-self {justify-content: center;}
.error-page {border: 1px dashed #ffc8b6;padding: 15px 15px;color: #c30;background: #fff6f3;}
.error-page p { margin-bottom:0px; font-weight:bold}

.search input { border-radius: 0px; height: 28px; }
.search button { border-radius: 0px; height: 28px; background: rgb(254, 151, 30); border: none; }
.search button:hover { background: rgb(226, 134, 25); }

.social { font-size: 2em; margin-left: 10px; }
.social ul { margin: 0px; }

.sitemap { clear: both; padding-top: 20px; }
.sitemap ul { list-style: none; }
.sitemap ul li { margin: 10px 0px 10px 15px; }
.sitemap ul li a, .sitemap ul li a:visited { font-weight: 700; color: rgb(0, 0, 0); border-left: 1px solid rgb(213, 44, 38); padding: 0px 0px 0px 3px; font-size: 1.1em; }
.sitemap ul li a:hover, .sitemap ul li a:focus { color: rgb(217, 83, 79); }
.sitemap ul li ul { width: 100%; list-style: none; margin-left: 5px; }
.sitemap ul li ul li { margin: 0px 0px 0px 20px; clear: both; list-style-type: square; width: 100%; }
.sitemap ul li ul li a { display: inline-block; border-left: 0px; color: rgb(51, 51, 51); font-weight: 400; font-size: 0.9em; padding: 3px 0px 0px; line-height: 20px; }

.photoalbum_index { padding: 0px 0px 15px; }
.photoalbum_index .dl { float: left; margin: 0px 25px 25px 0px; position: relative; overflow: hidden; }
.photoalbum_index .dl:hover { box-shadow: rgb(0, 0, 0) 0px 0px 5px; }
.photoalbum_index .dl a { width: 250px; height: 180px; overflow: hidden; }
.photoalbum_index .dl img { width: 250px; height: 180px; transition: all 500ms linear 0s; }
.photoalbum_index .dl img:hover { transform: scale(1.5) rotate(7deg); }
.photoalbum_index .dl label { background: rgba(61, 64, 149, 0.8); position: absolute; height: 40px; width: 100%; color: rgb(255, 255, 255); font-weight: 400; padding-top: 3px; overflow: hidden; left: 0px; top: 141px; font-size: 78%; line-height: 140%; padding-left: 5px; }
.photoalbum_index dl:hover label { opacity: 0.5; }

#photoalbum { margin: 0px; padding: 0px; clear: both; }
#photoalbum a { color: rgb(255, 255, 255); display: block; }
#photoalbum div { float: left; padding: 10px 0px 0px; text-align: center; margin-right: 25px; margin-bottom: 20px; position: relative; width: 22.5%; }
#photoalbum img { margin: 0px; height: 175px; width: 100%; opacity: 0.9; border-left: 2px solid rgba(183, 146, 102, 0.9); }
#photoalbum img:hover { opacity: 1; transform: scale(1.02); }
#photoalbum label { background: rgba(183, 146, 102, 0.5); z-index: 1; padding: 6px 10px; left: 0px; position: absolute; display: inline-block; font-weight: 400; font-size: 78%; text-align: left; line-height: 17px; width: 100%; bottom: -5px; color: rgb(255, 255, 255); }

.checkboxs-admin input[type="checkbox"] {float: left; margin:4px 5px 0 0 }
.checkboxs-admin label { float: left; font-weight: normal; margin-right: 10px; font-size: 90%; }
.checkboxs input[type="checkbox"] {float: left; margin:4px 5px 0 0 }
.checkboxs label { float: left; margin-right: 10px; }
.captchas #captcha { border: 1px solid rgb(226, 249, 236); background: rgb(245, 255, 250); padding: 5px; }
.captchas #captcha img { border: 1px solid rgb(226, 226, 226); height: 70px; float: left; margin-right: 7px; }
.captchas #captcha p { margin: 0px; }
.captchas #captcha br { display: none; }
.captchas #captcha input[type="text"] { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); vertical-align: middle; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; float: left; max-width: 250px; }
.validation-summary-errors { color: red; }
.input-encrypt input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }

.search-results .result-search:nth-child(2n) { background: rgb(245, 251, 255); }
.search-results .result-search:nth-child(2n+1) { background: rgb(255, 255, 255); }

.ul { list-style-type: none; margin: 0px 0px 20px 15px; list-style-position: inside; text-indent: -1.6em; line-height: 150%; padding-left: 0px; }
.ul li { text-align: left; padding-left: 20px !important; margin-bottom: 12px !important; }
.ul li ul { margin-left: 15px; }
.ul li li { background: 0px 0px; list-style: none; padding-left: 5px !important; }
.ul li::before {content:"\f0e7";font-family: FontAwesome;padding-right: 7px;color: #000;font-size:15px;}
.ol { margin: 0px 0px 20px 25px; list-style-position: inside; text-indent: -1.6em; line-height: 150%; padding-left: 0px; }
.ol li { text-align: left; padding-left: 20px !important; margin-bottom: 12px !important; }
.ol li ul { margin-left: 15px; }
.ol li li { background: 0px 0px; list-style: circle; padding-left: 5px !important; }
p { margin-bottom: 15px; }
.form-control-01 input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control-01 textarea { display: block; width: 100%; height: 80px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.accessibility-menu { float: right; }
.accessibility-menu li { float: left; }
.carousel-inner .item p { display: none; }

#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 36px; height: 36px; text-align: center; line-height: 30px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); cursor: pointer; border: 1px solid rgb(254, 151, 30); border-radius: 0px; text-decoration: none; transition: opacity 0.2s ease-out 0s; opacity: 0; font-size: 33px; }
#back-to-top:hover { background: rgb(254, 151, 30); }
#back-to-top.show { opacity: 1; }
#back-top span { width: 38px; height: 40px; display: block; margin-bottom: 7px; background: url("../../images/go-to-top.png") 0px 0px no-repeat; border-radius: 0px; transition: all 300ms ease 0s; }
#back-top a:hover span { background-position: 0px -40px; }

.font-resize { background-color: rgb(134, 187, 69); padding: 2px 7px; color: rgb(255, 255, 255) !important; }
.font-resize-in { background-color: rgb(51, 51, 51); color: rgb(251, 146, 23); padding: 2px 7px; }
.white { background: rgb(243, 243, 243); border-radius: 50%; padding: 0px 7px; color: rgb(0, 0, 0) !important; }
.black { background: rgb(0, 0, 0); border-radius: 50%; padding: 0px 7px; color: rgb(255, 255, 255) !important; }

.search-main { float: right; list-style: none; padding: 5px; font-size: 12px; max-width: 237px; }
.search-main label { font-weight: bold; color: rgb(255, 255, 255); padding-right: 7px; padding-top: 3px; }
.search-main input[type="text"] { border: 1px solid rgb(134, 187, 69); background: rgb(255, 255, 255); padding: 4px 7px; margin-bottom: 0px; height: 25px; line-height: 100%; float: left; color: rgb(51, 51, 51); border-radius: 0px !important; }
.search-main input[type="text"]:focus-visible { border: 1px solid rgb(205, 136, 9); border-radius: 0px !important; outline: rgb(243, 158, 0) solid 0px !important; }
.search-main .btn { background: rgb(134, 187, 69); border: 0px solid rgb(71, 169, 253); color: rgb(255, 255, 255); padding: 4px 7px; border-radius: 0px; vertical-align: inherit; height: 25px; line-height: 100%; }
.search-main .btn:hover { background: rgb(205, 136, 9); }
.search input { border-radius: 0px; height: 28px; }
.search button { border-radius: 0px; height: 28px; background: rgb(254, 151, 30); border: none; }
.search button:hover { background: rgb(226, 134, 25); }
.search { float: left; max-width: 220px; margin-top: 2px; }

.smaller { font-size: 0.85em !important; }
.larger { line-height: 140%; font-size: 1em !important; }
.medium { font-size: 0.9em !important; }

.table th {background: #383838;color: #fff;}
.table th a, .table th a:visited { color: rgb(56, 56, 56); text-decoration:none }
.admin-btn { padding: 3px 5px; border-radius: 2px; }

.panel-sky { background-color: rgb(250, 253, 255); padding: 15px; border: 1px solid rgb(219, 237, 255); margin-bottom: 20px; }
.panel-sky .row { padding-bottom: 15px; }
.breadcrumbDiv {margin: 20px 0;color:#333;height:33px;clear:both;border-bottom: 1px dashed #ddd;}
.breadcrumbHeading {float:left;line-height:14px;color:#333;margin-top:2px;padding-right:5px;}
.breadcrumb {float:left;margin-bottom:0px;background-color:transparent;padding:6px 0; }
.breadcrumb li {float:left;color:#333; margin-right:5px;font-size:90%}
.breadcrumb li a, .breadcrumb li a:visited {padding:0; color:#333}
.breadcrumb li:hover, .breadcrumb li:focus, .breadcrumb li a:hover, .breadcrumb li a:focus,
.breadcrumb>li+li:before {color:#3d99e7;content: "/\00a0";}
.print a:hover, .print a:focus {color:#007edc}.print {float:right;display:inline-block; margin-bottom:0px;}
.print li {padding:8px 0;font-size:90%} .print li .fa {font-size:1.3em; color:#007edc; padding-right:6px;}.print a, .print a:visited {color:#333;}
.archive {clear:both}

.print { float: right; display: inline-block; margin-bottom: 0px; }
.print li { padding: 8px 0px; }
.print li .fa { font-size: 1.3em; color: rgb(134, 187, 69); }
.print a, .print a:visited { color: rgb(51, 51, 51); }
.archive { clear: both; }

h1 {font-size: 1.7em;color: #000;margin-bottom: 15px;font-weight: 600;margin-top: 0px;}
h2 {font-size: 1.5em;color: #000;margin-bottom: 15px;/* font-weight: 500; */margin-top: 0px;}
.heading h2::before {content: ""; width: 44px; height: 2px; position: absolute; background-color: rgb(85, 85, 85); margin: 25px 0 0 0;}
h3 { font-size: 1.1em; color:#00; margin-bottom: 15px; font-weight: 600; margin-top: 0px; }
section.section { padding-top: 15px; }
.admin-panel { padding: 10px 15px; border-radius: 0px; background: rgb(255, 255, 255); box-shadow: rgba(115, 108, 203, 0.23) 0px 1px 3px 0px; }
.section-container { min-height: 450px; padding-bottom: 25px; background:url(../Images/main_bg.jpg); padding-top:15px; }
.section-container .container {box-shadow:1px 1px 3px rgb(0 0 0 / 20%);background:#fff;padding:0 20px 20px;}

.admin-master {font-size:.9em}
.admin-master label { font-weight:600}
.admin-master .navbar-nav > li > a {padding: 8px 10px;}
.btn-info {color: #fff;}
.panel { border:1px solid #ddd; border-radius:4px; padding:15px; margin-bottom:18px}
.login{background:#fff none repeat scroll 0 0;border:1px solid #dbe6f5;border-radius:3px; margin-top:20px}
.title{margin:0 0 15px;padding:15px;background:#3f91d8;text-align:center;font-size:1.8em;color:#fff;border-top-left-radius:3px;border-top-right-radius:3px}
.login label {display: inline-block;font-weight: 600;}
.login-pnl{padding:5px 25px 25px;overflow:hidden}
#captcha img{border:1px solid #e2e2e2;height:70px; float:left; margin:0 07px 7px 0}
#captcha a{float:left}
#captcha p{margin:25px 0 0;}
#captcha br { display:none}
#captcha input[type="text"]{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
.text-box {display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s}
.forget{float:left;margin:8px 0 0 20px}

#contact_form > div { position: relative; }
label.error { background: url("../img/error.png") left top no-repeat; margin: 0px; display: block; width: 23px; height: 23px; overflow: hidden; text-indent: 9999px; position: absolute; right: 7px; top: 7px; }
#contact_form.big label.error { right: 9px; top: 9px; }
input.error, textarea.error { border-color: rgb(242, 106, 106); }
#content { padding: 50px 0px 72px; overflow: hidden; }
#ajaxed_content #content { padding: 50px 0px 0px; }
.captcha br { display: none; }
.captcha img { border: 1px solid rgb(226, 226, 226); width: auto !important; height: 55px !important; }
.captcha input[type="text"] { margin-bottom: 15px; }

.news-panel {background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 15px 15px 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; }
#wrapper {background: transparent; height: 213px; }
#vertical-ticker {overflow: hidden; margin: 0px; padding: 0px; height:190px; }
#vertical-ticker li {padding: 4px 0px;display: block;color: rgb(0, 0, 0);border-bottom: 1px dotted rgb(202, 202, 202);line-height: 150%;}
.news-control {list-style: none;background: #000;padding: 5px 10px;height: 33px;display:table;margin:0 auto}
.news-control li {float:left;}
.news-control li::after {content:"/";color: #fff;}
.news-control li:last-child:after {content:"";}
.news-control li a {color: yellow;padding:7px 6px;}
.news-control li a:hover {color: #000;}
.news-panel h2 {margin-bottom: 15px; text-align: center;}
.news-more {color: yellow;display: inline-block;font-size: 75%;background: #000;padding: 1px 5px;line-height: 130%;}
.news-more:hover {background: #000;color:#fff}
.view-all::before { content: ""; font-family: FontAwesome; padding-right: 4px; }
.news-panel .view-all {color: yellow;display: block;margin-bottom: 0px;float: right;font-size: 79%;font-weight: normal;position: absolute;right: 0px;top: 0px;background: #000;padding: 0px 7px;line-height: 153%;}
.news-panel .view-all:hover {color: #000;background: #000;text-decoration:none;}

.about-panel { background: rgb(255, 255, 255); padding: 40px 0px; }
.about-panel .box-body { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 15px 15px 15px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; height: 100%; }
.about-panel .box-body h2 { font-size: 1.5em; font-weight: bold; margin: 0px 0px 15px; text-align: center; }
.about-panel .box-body li { padding: 0px 0px 7px; margin-left: 27px; position: relative; }
.about-panel .box-body li::before { content: ""; font-family: FontAwesome; color: rgb(87, 179, 62); position: absolute; left: -18px; }
.about-panel .box-body li a, .about-panel .box-body a:visited { color: rgb(11, 20, 47); }
.about-panel .box-body li a:hover { color: rgb(218, 0, 0); }
.about-panel .box-body li:last-child { border-bottom: 0px; padding-bottom: 5px; }
.about-panel .brd-orange {border-top: 6px solid #000;}
.about-panel .brd-sky-blue {border-top: 6px solid #000;}
.about-panel .brd-red {border-top: 6px solid #000;}
.flex-display { display: flex; flex-flow: row wrap; }

.other-services { background: url("../Images/Other-services-bg.jpg") 0% 0% / cover no-repeat; padding: 40px 0px; }
.other-services .box-body { padding: 15px 15px 20px; }
.other-services .box-body .box-img {background: #000;border-radius: 50%;margin: 0px auto 12px;display: block;padding: 32px 0px 0px 17px;width: 185px;height: 185px;transition: background 0.7s ease 0s;}
.other-services .box-body .box-img:hover {background: yellow;}
.other-services .box-body .box-img img {display:block; margin: 0px auto;}
.other-services .box-body .box-img:hover img {zoom:98%}
.other-services .box-body h2 { font-size: 1.5em; font-weight: normal; margin: 0px 0px 15px; color: rgb(255, 255, 255); text-align: center; }
.other-services .box-body p {font-size: 2.2em;font-weight: bold;margin: 0px;color: yellow;text-align: center;}

.award-achiv { background: rgb(221, 222, 227); padding: 40px 0px; }
.award-gallery { background: rgb(255, 255, 255); padding: 40px 0px; }


.btn-warning a, .btn-warning a:visited { color: rgb(255, 255, 255); }
.min-height { min-height: 450px; padding-bottom: 30px; }
.btn a { color: rgb(255, 255, 255); }
.btn a:hover { color: rgb(255, 255, 255); }
.btn-check:focus+.btn-warning, .btn-warning:focus {box-shadow: none;}

.main-content-section { overflow: hidden; background: url("../images/bg-pattern.jpg"); }
.main-content { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.24) 17px 16px 14px 1px; padding: 15px 25px; }
.main-content h2 { background: url("../images/heading-bg.png") center center repeat-x; color: rgb(86, 86, 84); font-size: 1.5em; margin-top: 0px; }
.main-content h2 span { background: rgb(255, 255, 255); padding: 0px 10px 0px 0px; font-weight: 700; }

/*Navbar*/
.arrow:before {content: "\f105";font-family: FontAwesome;position:absolute;right: 5px;top: 3px;}
.navbar {background: #000; position:relative; z-index:999}
.navbar-nav > li > a {color: yellow;padding:11px 10px;line-height:150%;text-decoration:none}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .dropdown-toggle.show {color: #000;background-color: yellow;border-color: yellow;border-radius: 0px;box-shadow: inset 0 0 7px yellow;}
.dropdown-menu {background-color: rgb(255, 253, 252);color: rgb(255, 255, 255);border-radius:0px;border:0;padding:0;margin:6px 0 0;box-shadow: 0 6px 12px rgb(0 0 0 / 18%); font-size:95%; min-width:100%}
.dropdown-menu[data-bs-popper] {margin-top: 8px;}
.dropdown-menu > li:hover{color: rgb(134 187 69);background-color: #f6f9f2;}
.dropdown-menu > li:hover a{color: #000;background: yellow;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-item.active, .dropdown-item:active {color: #000;text-decoration: none;background-color: yellow;}
.dropdown-menu .arrow:before{ color:rgb(102 155 38)}

.map-contact { border: 1px dashed rgb(221, 221, 221); padding: 10px; width: 100%; min-height: 270px; }
.google-map { padding: 6px; width: 100%; max-height: 270px; background: rgb(242, 253, 250); margin-bottom: 20px; border: 1px dashed rgb(173, 220, 207) !important; }
.video-youtube { padding: 5px; width: 100%; max-height: 180px; margin-bottom: 15px; background: rgb(252, 252, 252); border: 1px dashed rgb(221, 221, 221) !important; }

.content-section { margin-bottom: 10px; position: relative; }
.content-section .media-list li { border-bottom: 1px solid rgb(204, 204, 204); }
.content-section .media-list li:last-child { border-bottom: none; }
.more-gallery { padding: 8px; background: rgb(229, 245, 255); text-align: center; font-size: 1.2em; color: rgb(40, 131, 173); }
.content-section .media-body p { padding: 17px 0px 0px; margin: 0px; }
.carousel-inner img { width: 100%; max-height: 575px; }
.carousel-indicators { bottom: -10px; }
.carousel-indicators [data-bs-target]{background-color:#e7e7e7;}
.carousel-indicators li { border: 2px solid rgb(254, 151, 30); }
.carousel-indicators .active { background-color:#383838 }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 45%; z-index: 5; display: inline-block; }
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { left: 0px; }
.carousel-control .fa-chevron-right, .carousel-control .icon-next { right: 0px; }
.carousel-control.left span, .carousel-control.right span { background-color: rgb(255, 255, 255); padding: 8px 10px; color: rgb(62, 146, 195); text-shadow: none; }
.carousel-control.left span:hover, .carousel-control.right span:hover { opacity: 0.7; }

.banner-img { display: block; max-width: 100%; height: auto; margin: 0px auto; }
.header-text { position: absolute; top: 20%; left: 1.8%; right: auto; width: 96.6667%; color: rgb(255, 255, 255); }
.header-text h2 { font-size: 40px; }
.header-text h2 span { background-color: rgb(41, 128, 185); padding: 10px; }
.header-text h3 span { background-color: rgb(0, 0, 0); padding: 15px; }
.btn-min-block { min-width: 170px; line-height: 26px; }
.btn-theme { color: rgb(255, 255, 255); background-color: transparent; border: 2px solid rgb(255, 255, 255); margin-right: 15px; }
.btn-theme:hover { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.banner-content-bg { width: 360px; background: rgba(0, 0, 0, 0.5); padding: 15px; position: absolute; top: 32%; left: 10%; z-index: 999999; }
.banner-content-bg h1 { color: rgb(255, 179, 90); font-size: 2em; margin-top: 0px; }
.banner-content-bg p { color: rgb(255, 255, 255); }
.banner-heading { font-size: 1.8em; margin-top: 0px; line-height: 100%; color: rgb(255, 177, 85) !important; }
.banner-content-bg .btn-primary { color: rgb(255, 255, 255); background-color: rgb(36, 135, 174); border-color: rgb(255, 255, 255); border-radius: 0px; font-style: italic; }
.banner-content-bg .btn-primary:hover { background-color: rgb(16, 106, 142); }

.read{color: #f1a04f!important;padding-top: 40px; float:right;}
.read a {color: yellow;padding:7px 6px;background: #000;}
.read a:hover {color: #fff;}
.read a:focus {color: #f1a04f;}
.page-content h1{padding:0 0 20px 0}
.page-content h1::after {content: ""; background: url(/Images/section-header-sep.png) no-repeat; height: 17px; width: 170px; left: 125px; top: 280px; position: absolute;}


/*FAQ*/
.accordion-item {margin: 15px 0 15px 0;}
.accordion-button:not(.collapsed) {color: #ffffff; background-color: #858585;}
.accordion-button {color: #ffffff; background-color: #858585;}
.accordion-button:focus { z-index: 3; border-color: rgb(204, 204, 204)!important; box-shadow: 0 0 0 0.25rem rgb(204, 204, 204);}


/*national incentives*/
.incentive{position:relative;}
.incentive img{width: 100vw; max-width: 40vW; height: 350px; object-fit: fill; border-radius:60px 0 0 0;}
.incentive-back{position: absolute; margin: 40px 0 0 518px;height: 264px;border-radius: 0 50px;width: 590px;background-color: #383838;color: #fff;line-height: 1.5;}
.incentive-back p{padding:40px; font-size:20px;}

.calculator-back {position: absolute;padding: 20px;height: 132px;border-radius: 0 50px;width: 500px;background-color: #858585;color: #fff;line-height: 1.5;margin-top: -66px;margin-left: 21px;z-index: 1;}
.calculator-back h2{color:#fff; line-height:1.5; font-weight:bold;font-size:25px;}

/*TCO evaluator page*/
/*.box {width: 233px; height: 68px; border-radius:50px; outline: #fff solid 3px; margin:0 0 16px 0;}
.box-r{background: #e01f34;}
.box > a > p {padding:10px 0;}
.box > a > img {float:left;}
.box-y {background: #fea000;  }
.box-s {background: #21a8bc;}
.box-b {background: #114364;}
.circle{height: 58px; width: 58px; background-color: #fff; border-radius: 50%; margin:5px; box-shadow: 0 5px 20px rgb(0 0 0 / 0.6); clip-path: circle(58px at center);}
.tco-excel{color:#fff; text-decoration:none;}
.box:hover a{color:#000; text-decoration:none;}
.box:hover {box-shadow: 0 3px 10px rgb(0 0 0 / 0.6); cursor: pointer;}
.float-start {float: left!important;}
.align-items-center {align-items: center!important;}
.d-flex {display: flex!important;}*/
.main {position: relative; margin:0 auto; width: 293px; height: 291px; top:200px;}
.circle {position: absolute;left: calc(50% - 25px); top: calc(50% - 25px); height: 50px; width: 50px;}
.circle:nth-child(2) {transform:  translateX(250px);}
.circle:nth-child(3) {transform: rotate(53deg) translateX(270px);}
.circle:nth-child(3) a {transform: rotate(-54deg);display: block;}
.circle:nth-child(4) {transform: rotate(105deg) translateX(300px);}
.circle:nth-child(4) a {transform: rotate(-105deg);display: block;}
.circle:nth-child(5) {transform: rotate(149deg) translateX(350px);}
.circle:nth-child(5) a {transform: rotate(-150deg);display: block;}
.circle:nth-child(6) {transform: rotate(189deg) translateX(343px);}
.circle:nth-child(6) a {transform: rotate(-189deg);display: block;}
.circle:nth-child(7) {transform: rotate(240deg) translateX(282px);}
.circle:nth-child(7) a {transform: rotate(-240deg);display: block;}
.circle:nth-child(8) {transform: rotate(300deg) translateX(250px);}
.circle:nth-child(8) a {transform: rotate(-300deg);display: block;}
.tco_1{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_2{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_3{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_4{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_5{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_6{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_7{width:159px; height:56px; background-color:#858585; border-radius:8px 8px 0 0; position:relative;}
.tco_1::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_2::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_3::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_4::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_5::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_6::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}
.tco_7::before{position: absolute;width: 101px;height: 101px; content: "";background-color: #858585;border-radius: 50%;box-shadow: 0 4px 4px #000000a1;top: -22px;left: 28px;z-index:1;}

.tco_back1{filter: drop-shadow(0 3px 1px #343434); position: absolute; background: url(../../Site/Upload/Images/tco_back.png) no-repeat; background-color:#fff; border-radius:50%; height: 82px; width: 82px; top: -96px; left: 38px; z-index: 1;}
.img-repeat1{background-position-x: -164px;}
.img-repeat2{ background-position-x: -323px;}
.img-repeat3{ background-position-x: -486px;}
.img-repeat4{background-position-x: -650px;}
.img-repeat5{ background-position-x: -808px;}
.img-repeat6{ background-position-x: -972px;}
.tco_text{position:relative;}
.tco_text p{position:absolute; top: 10px; left:10px;}
.circle p{font-size:14px; color:#858585; font-weight:bold; text-align:center;}
.circle a:hover .tco_text p{color:#000;}
.circle a:hover .zoom{transform: scale(1.1); padding-bottom: 10px;}
.tco_model_text{font-size: 20px; background-color: #858585; border-radius: 30px 0; padding: 30px; color: #fff; margin: 20px;}

/*TCO evaluator page end css*/

footer { bottom: 0px; width: 100%; position: relative; }
footer p { clear: both; color: rgb(255, 255, 255); margin-bottom: 4px; }
footer h2 { color: rgb(255, 255, 255); margin: 0px 0px 20px; }
footer .bottomLink { list-style: none; margin: auto; padding: 0px; }
footer .bottomLink li { margin: 0px 0px 8px; line-height: 150%; }
footer .maintan { float: right; display: inline-block; width: 65px; }
footer .footerLogo { list-style-type: none; margin: 0px; padding: 0px; float: right; }
footer .footerLogo li { float: left; margin: 0px 0px 0px 8px; }
footer a, footer a:visited, footer a:active {color: yellow;}
footer a:hover {color: #fff;text-decoration: none;}
footer .other-links li { margin-bottom: 11px; }
footer address { color: rgb(255, 255, 255); }
footer address .fa { width: 20px; }
footer address li { margin-bottom: 14px; }
footer .visitorCount li { float: left; margin-right: 15px; }
footer .visitorCount span {display: inline-block !important;color: #fff;}
footer .footer-top {background: #333;padding: 30px 0px;color: rgb(255, 255, 255);}
footer .footer-bottom {background: #000;padding: 10px 0px;color: rgb(130, 133, 128);}
footer .social-links { background: rgb(239, 239, 239); padding: 12px 10px 7px; margin: 0px; }
footer .social-links img { margin: 0px auto 12px; display: block; width: 125px; }
footer .social-links ul { display: table; margin: 0px auto; }
footer .social-links ul li { float: left; padding: 0px 5px; }
footer .social-links ul li .fa { color: rgb(2, 37, 83); font-size: 1.5em; }
footer .social-links ul li .fa:hover { color: rgb(239, 1, 0); }
footer .bottomLink li, footer .other-links li { margin-left: 25px; list-style: circle; color: rgb(255, 255, 255); }
.thumbnail-slider .carousel { margin-bottom: 0px; padding: 0px; }
.thumbnail-slider .carousel-control.right { right: -12px; }
.thumbnail-slider .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }
.thumbnail-slider .carousel-indicators li { background: rgb(192, 192, 192); }
.thumbnail-slider .carousel-indicators .active { background: rgb(51, 51, 51); }
.thumbnail-slider .carousel-control { top: 0px; width: auto; margin-top: 0px; font-size: 15px; }
.thumbnail-slider .carousel-control.left { left: -23px; font-size: 38px; font-weight: bold; color: rgb(0, 0, 0); box-shadow: none; top: 50%; margin-top: -19px; text-shadow: none; opacity: 0.8; }
.thumbnail-slider .carousel-control.right { right: -23px; font-size: 38px; font-weight: bold; color: rgb(0, 0, 0); box-shadow: none; top: 50%; margin-top: -19px; text-shadow: none; opacity: 0.8; }
.hide-h1 { position: absolute; left: -9999px; }
.margin-btm-20 { margin-bottom: 20px; }
.mtop20 { margin-top: 20px; }
.mtop25 { margin-top: 25px; }
#gridContainer { margin-top: 25px; }
.maintan { color: rgb(254, 151, 30) !important; }
#back-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 9999; width: 40px; height: 40px; text-align: center; line-height: 30px; background: rgb(119, 171, 57); color: rgb(2, 18, 30); cursor: pointer; border: 1px solid rgb(0, 22, 51); border-radius: 0px; text-decoration: none; transition: opacity 0.2s ease-out 0s; opacity: 0; font-size: 33px; }
#back-to-top:hover { background: rgb(2, 18, 30); border-color: rgb(134, 187, 69); color: rgb(134, 187, 69); }
#back-to-top.show { opacity: 1; }
#back-top span { width: 38px; height: 40px; display: block; margin-bottom: 7px; background: url("../images/go-to-top.png") 0px 0px no-repeat; border-radius: 0px; transition: all 300ms ease 0s; }
#back-top a:hover span { background-position: 0px -40px; }
ul { margin: 0px; padding: 0px; list-style: none; }
@media (max-width: 1300px) {
  .cmdiv img { width: 190px; }
  .cmdiv { right: 7%; width: 200px; font-size: 0.9em; top: 7%; }
  .news-control { height: 30px; }
  .news-control li a { padding: 2px 4px; font-size: 0.9em; }
  .footer-goi { height: 19px; }
  .footer-html { height: 19px; }
  .maintan { width: 50px; }
  .other-services .box-body .box-img { padding: 32px 0px 0px 17px; width: 145px; height: 145px; }
  .other-services .box-body .box-img img { height: 80px; }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .mah-gov-logo { margin: 5px 15px 5px 0px; width: 65px; }
  .emblem { margin: 12px 0px 0px 7px; }
  .court-heading { font-size: 1.56em; padding: 30px 0px 0px 5px; }
  .other-services .box-body .box-img { padding: 32px 0px 0px 17px; width: 145px; height: 145px; }
  .other-services .box-body .box-img img { height: 80px; }
  h2 { font-size: 1.3em; }
  footer address li { margin-bottom: 8px; }
  footer .bottomLink li, footer .other-links li { margin: 0px 0px 7px; }
  .thumbnail-slider .carousel-control.left { left: -37px; }
  .thumbnail-slider .carousel-control.right { right: -37px; }
  .about-panel, .award-achiv, .award-gallery { padding: 30px 0px; }
  #vertical-ticker li { padding: 10px; font-size: 95%; line-height: 120%; }
  .news-more { padding-top: 9px; }
}
@media (max-width: 992px) {
  .search-main input { padding: 4px 5px; width: 95px; }
  .search-main .btn { width: 52px; }
  .topmenu li a { font-size: 0.85em; }
  .topmenu li { padding: 8px 5px; }
  .navbar-default .navbar-nav > li > a { font-size: 0.95em; padding: 8px 10px; }
  .navbar { min-height: 36px; }
  .emblem { margin: 12px 0px 0px 7px; }
  .emblem img { margin-right: -5px; }
  .court-heading { font-size: 1.2em; padding: 31px 0px 0px; }
  #vertical-ticker li { padding: 10px; font-size: 95%; line-height: 120%; }
  .news-control { padding: 5px; }
  .news-control li a { padding: 2px 1px; font-size: 0.8em; }
  .news-more { padding-top: 7px; }
  .thumbnail-slider .carousel-control.right { right: -20px; }
  .thumbnail-slider .carousel-control.left { left: -20px; }
  footer { font-size: 0.9em; }
  footer p, .visitorCount ul { line-height: 120%; font-size: 0.95em; }
  footer .visitorCount li { margin-right: 12px; }
  footer .social-links img { margin: 0px auto 10px; width: 115px; }
  footer hr { margin-top: 0px; margin-bottom: 20px; border-top: 1px solid rgb(46, 80, 125); }
  .other-services .box-body .box-img { padding: 32px 0px 0px 17px; width: 145px; height: 145px; }
  .other-services .box-body .box-img img { height: 80px; }
}
@media (max-width: 767px) {
  .search-main, .hidden-xs, .breadcrumbDiv, .carousel-indicators, .control-banner { display: none; }
  header .container { padding-left: 0px; padding-right: 0px; }

  header .container-fluid { padding-left: 8px; padding-right: 8px; }
  .logo-section { padding: 2px 0px; }
  .court-heading { font-size: 0.9em; padding: 17px 0px 0px; display: block; line-height: 130%; font-weight: bold; }
  .emblem { margin: 4px 3px 0px 5px; width: 24px; }
  .mah-gov-logo { margin: 5px 7px 5px 5px; width: 40px; }
  
  .justify-content-center-self {justify-content:inherit!important;}
  .brd-orange, .brd-sky-blue { margin-bottom: 25px; }
  h1 { font-size: 1.5em; margin: 20px 0px 15px; }
  h2 { font-size: 1.2em; margin-bottom: 12px; }
  h2 br { display: none; }
  .about-panel, .award-achiv, .award-gallery { padding: 20px 0px; }
  .about-panel p { text-align: justify; }
  .other-services .box-body .box-img { padding: 32px 0px 0px 17px; width: 145px; height: 145px; }
  .other-services .box-body .box-img img { height: 80px; }
  .news-panel { margin-top: 15px; }
  .view-all { margin-bottom: 4px; }
  .news-control li a { padding: 2px 7px; font-size: 0.9em; }
  .thumbnail-slider .carousel-control.left { left: -11px; font-size: 25px; margin-top: -13px; width: 30px; background: rgba(24, 28, 78, 0.7); height: 30px; line-height: 30px; color: rgb(251, 188, 10); }
  .thumbnail-slider .carousel-control.right { right: -10px; font-size: 25px; margin-top: -13px; width: 30px; background: rgba(24, 28, 78, 0.7); height: 30px; line-height: 30px; color: rgb(251, 188, 10); }
  .thumbnail-slider .col-xs-3 { padding-left: 5px; padding-right: 5px; }

.headMenu { width:auto}
.navbar {margin-top:3px;background: #e19913;}
.navbar-toggler {padding:6px 12px;font-size:20px;line-height:1;border:1px solid #fff;border-radius:0;margin-left:7px;color:#fff;}
.navbar-collapse {margin-top:7px;background:#fff;}
.navbar li a {display: block;border-bottom:1px solid rgba(254, 151, 30, .85)}
.navigation {width:100%}

  .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: 0px; }
  .banner .carousel-control { margin-top: -20px; width: 50px; }
  .carousel-control.left span, .carousel-control.right span { padding: 6px; }
  .carousel-indicators { bottom: 8px; margin-bottom: 0px; }
  footer .container { padding-left: 0px; padding-right: 0px; }
  footer .social-links { padding: 8px; margin: 0px 0px 25px; min-height: 65px; }
  footer .social-links img { margin: 0px 10px 0px 0px; width: 50px; float: left; }
  footer .social-links ul { display: inline-block; margin: 15px 0px; }
  footer .social-links ul li { margin: 0px 10px; }
  footer .social-links ul li .fa { font-size: 2em; }
  footer h2 { margin-bottom: 10px; }
  footer .bottomLink, footer .other-links { margin-bottom: 20px; }
  footer .bottomLink li, footer .other-links li { margin-bottom: 7px; margin-left: 25px; list-style: circle; color: rgb(255, 255, 255); }
  footer p, .visitorCount ul { line-height: 150%; font-size: 1em; text-align: center; }
  footer .footerLogo { display: table; margin: 15px auto 0px; float: none; }
  footer .footerLogo li { float: left; }
}
@media (max-width: 416px) {
}
@media (max-width: 354px) {
}



/* ============ desktop view ============ */
@media all and (min-width: 992px) {
.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{display: none;position: absolute;left:100%; top:-7px;}
.dropdown-menu .submenu-left{right:100%; left:auto;}

.dropdown-menu > li:hover > .submenu{display: block;}
}	
@media (max-width: 991px) {
.dropdown-menu .dropdown-menu{margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;}
}	

@media print {
  @page { margin: 40px; }
  a[href]::after { content: "(" attr(href) ")"; }
  a[href]::after { content: none !important; }
  .topmenu, footer, .footer_container .list-inline, .bottomLink, .breadcrumbDiv, .subheader, #back-to-top { display: none !important; }
  header { padding: 0px 0px 5px; border-bottom: 2px solid rgb(0, 0, 0); position: relative; }
  header .container-fluid, .container { padding: 0px; }
  .mah-gov-logo { float: left; margin: 0px 15px 0px 0px; width: 65px; }
  .emblem { margin: 0px 0px 7px 12px; float: right; width: 39px; }
  .court-heading { font-size: 2em; color: rgb(0, 0, 0); padding: 12px 0px 0px; display: inline-block; line-height: 130%; }
  .section h1, h1 { padding: 5px 0px 0px; clear: both; line-height: 150%; margin: 10px 0px; color: rgb(0, 0, 0) !important; font-weight: 700 !important; font-size: 1.7em !important; position: inherit !important; }
  h2 { padding: 0px; line-height: 150%; margin: 0px 0px 10px; font-size: 1.4em; font-weight: 500; color: rgb(0, 0, 0) !important; }
  h3 { padding: 0px; line-height: 150%; margin: 0px 0px 10px; font-size: 1.1em; font-weight: 500; color: rgb(0, 0, 0) !important; }
  p { margin-bottom: 15px; }
  .borderTop { border-top: 0px; position: relative !important; }
  .content { text-align: justify; }
  .section .inner-bg { border-top: 0px solid rgb(232, 145, 67); padding: 0px; }
  .navbar-brand { float: left; padding: 15px; font-size: 18px; line-height: 20px; }
  .navbar-brand { line-height: 20px; margin: 0px; padding: 0px !important; }
  .table { width: 100% !important; margin-bottom: 20px !important; color: rgb(0, 0, 0) !important; }
  .table th, .table-bordered th { color: rgb(0, 0, 0) !important; border: 1px solid rgb(0, 0, 0) !important; font-weight: 700 !important; }
  .table-bordered td { border: 1px solid rgb(0, 0, 0) !important; }
  .btn { float: left !important; }
  .breadcrumbDiv, .navbar-default, footer, .topLinks, .contac-info { display: none; }
}


.table-bordered>:not(caption)>* {
    border-width: 1px 0;
    border-color: #a7a7a7;
}