*{margin:0; padding:0; font-family: 'Cagliostro', sans-serif;}

#topbar a{color:white; text-decoration:none;}
.nav-link{font-size:20px; font-weight:bold; margin:0px 25px;}
.bg-map{background-color:white;}
.news_header{background-color:#dc3545; width:225px; height:45px; font-size:18px; font-weight:bold; padding-top:9px; padding-left:30px; color:white;}
.news_content{background-color:#c1c1c1; height:45px; font-size:18px; font-weight:bold; padding-top:9px; color:black;}


.bg-bottom{background-color:#182b49;}
.bg-bottom ol{display:flex;}
.bg-bottom ol li{list-style:none; width:43px; height:43px; background-color:#f19e1f; margin:5px; border-radius:100%; display:flex; justify-content:center; align-items:center;}
.bg-bottom ol li:hover{background-color:#af1d0d; border-radius:0; border:3px solid #f19e1f; transform: rotate(20deg); transition-duration: 0.5s;}
.bg-bottom ul li{list-style:none;}
.bg-bottom ul li a , table td a{color:white; font-size:85%;}
.bg-bottom ul li a:hover , table td a:hover{text-decoration:none; color:#5381c6;}
.bg-bottom ul li i{color:white; border-radius:100%; border:1px solid #f19e1f; width:30px; height:30px; display:flex; justify-content:center; align-items:center; margin-bottom:5px;  margin-right:10px;}

.bg-footer{background-color:#0a0a0a;}
.bg-footer a{text-decoration:none; color:white;}
.bg-footer a:hover{text-decoration:none; color:gray;}

#content{}
#content h6{line-height:30px; text-align:justify;}
.tabledecore table{width:100%; border:1px solid gray;}
.tabledecore tr{border:1px solid gray;}
.tabledecore th{border:1px solid gray; background-color: #444444; color:white; padding:5px;}
.tabledecore td{border:1px solid gray; background-color: white; color:black; padding:5px; }

#owlCarousel3 .card{ border:3px solid black; box-shadow: 5px 5px 5px grey; margin-bottom:10px; border-radius:5px; width:16rem; background-color:#f17909;}
#owlCarousel3 img{width:100%; height:100%; padding:15px; }
#owlCarousel3 .card-body{ height:290px; }

.owl-dots-remove{text-align:center; margin-top:20px;}
.owl-dot-remove{height:15px; width:45px; border: 2px solid #0072bc!important; transition: all 0.3s ease; border-radius:25px; cursor:pointer; outline:none; margin: 0 5px;}
.owl-dot-remove:hover, .owl-dot-remove.active{background:#0072bc!important; }

.focus-grid {position: relative; display: block; text-transform: uppercase; overflow: hidden;}
.focus-grid a{text-decoration:none;}
.focus-grid a:hover{text-decoration:none;}
.focus-grid h4{text-align:center; font-size:22px; color: #323232;}
.category-boder1{border:1px solid #dd0908;}
.category-boder2{border:1px solid #ff9e29;}
.category-boder3{border:1px solid #3fb7d2;}
.category-boder4{border:1px solid #15c01c;}
.category-boder5{border:1px solid #7e3b07;} /*edit*/
.category-boder6{border:1px solid #1963ce;} /*edit*/
.category-boder7{border:1px solid #c119ce;} /*edit*/
.category-boder8{border:1px solid #7fbad8;} /*edit*/
.category-boder9{border:1px solid #1ca39d;} /*edit*/
.category-boder10{border:1px solid #df8012;} /*edit*/
.category-boder11{border:1px solid #f49ecf;} /*edit*/
.category-boder12{border:1px solid #070c1f;} /*edit*/
.category-boder1:hover,.category-boder2:hover,.category-boder3:hover,.category-boder4:hover,.category-boder5:hover,.category-boder6:hover,
.category-boder7:hover,.category-boder8:hover,.category-boder9:hover,.category-boder10:hover,.category-boder11:hover,.category-boder12:hover
{border:1px solid #ff4c4c;}
.btn-cat, .btn-cat:before, .btn-cat:after {box-sizing: border-box; -webkit-transition: 1.5s; transition: 1.5s; -ms-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s;}
.btn-cat:before,.btn-cat:after { z-index: -1;}
.btn-cat:before,.btn-cat:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0;  background: #ff4c4c;}
.btn-cat:after { top: auto; bottom: 0;}
.btn-cat:hover { color: #d8e4ef; }
.btn-cat:hover:before, .btn-cat:hover:after { height:100%;}
.btn-cat:active { background: #6492bf;}
.focus-border{border:1px solid #e7eaed;}
.focus-layout{background: transparent; margin: 5px; padding: 20px 0; text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.focus-layout{background:#FBFBFB; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;}
.focus-layout:hover {background-color: #01a185; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.focus-layout h4{margin: 0 0 0 0;color:#4C4C4C;font-size: 18px;text-align:center;height: 35px;margin-top: 20px;}
.focus-layout:hover h4.clrchg {color: #fff;}
.focus-image{text-align: center; transition: 0.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all;}
.focus-image i {font-size: 40px; color: #fff; background: #dd0908; border-radius: 50%; width: 90px; height: 90px; line-height: 95px; transition: 0.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all; -ms-transition: 1.5s all;}
.focus-layout:hover div.focus-image i{background:#FBFBFB;	color:#000; transition: 0.5s all;  -webkit-transition: 1.5s all;  -moz-transition: 1.5s all;  -o-transition: 1.5s all;  -ms-transition: 1.5s all;}
.focus-image i.fa-handshake {background:#dd0908;}
.focus-image i.fa-hands-helping {background:#ff9e29;}
.focus-image i.fa-door-open {background:#3fb7d2;}
.focus-image i.fa-user-tie {background:#15c01c;}
.focus-image i.fa-laptop {background:#7e3b07;} /*edit*/
.focus-image i.fa-black-tie {background:#1963ce;} /*edit*/
.focus-image i.fa-user-graduate {background:#c119ce;} /*edit*/
.focus-image i.fa-briefcase-medical {background:#7fbad8;} /*edit*/
.focus-image i.fa-store-alt {background:#1ca39d;} /*edit*/
.focus-image i.fa-hourglass-half {background:#df8012;} /*edit*/
.focus-image i.fa-icon-name {background:#f49ecf;} /*edit*/
.focus-image i.fa-icon-name {background:#070c1f;} /*edit*/

.rotate {animation: rotation 8s infinite linear;}
@keyframes rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}

