body{
	font-family: "Work Sans",sans-serif;
}

.header-section{
	width:100%;
	height:154px;
	padding-top: 20px;
	background-color: #4B9DD3;
}

.header-section a {
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	margin-left: 37px;
	color: white;
}
.content{
	max-width: 1440px;
	margin: 0px auto;
}

.content-nav{
	background-color: #ffffff;
    position: absolute;
    border-radius: 4px 4px 0px 0px;
    height: 90px;
    top: 65px;
    width: 95%;
    left: 0;
    right: 0;
    padding: 0px;
}
.content-nav-footer{
	z-index: 99;
    position: absolute;
    background-color: #1A3156;
    width: 100%;
    border-radius: 0px 0px 4px 4px;
    height: 43px;
    width: 95%;
    left: 0;
    right: 0;
}

.one-lines{
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.two-lines{
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.three-lines{
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-dialog-slideout .modal-content{border: 0;}

.modal-dialog-slideout .modal-header h5 {
	float:left;
	font-weight: 600;
    font-size: 16px;
}
.modal-footer {
	border-top: solid 1px #e9ecef;
}

.modal-header .close {
	padding: 1rem 1.3rem;
}
.colors{width: 260px; float: left; margin: 20px auto;}
.colors a{width: 43.3px; height: 30px; float: left;}
.colors .default{background: #414956;}
.colors .blue{background: #4A89DC;}
.colors .green{background: #03A678;}
.colors .red{background: #ED5565;}
.colors .white{background: #fff;}
.colors .black{background: #292929;}

.jquery-accordion-menu,.jquery-accordion-menu *{
	font-family:"Work Sans",sans-serif;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:0
}
.jquery-accordion-menu{
	width: 100%;
	float:left;
	position:relative;
	border-bottom: solid 1px #e9ecef;
}
.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956}
.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:14px 22px;float:left;text-decoration:none;color:#212529;font-size:13px;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#004884;}
.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #e9ecef}
.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}
.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}
.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}
.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#f7f7f7;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}
.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#414956}
.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}
.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a{background:#4A89DC}
.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}
.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}
.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}
.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}
.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}
.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}
.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}
.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}
.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}
.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}
.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}
.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}
.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}
.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}
.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}
.white.jquery-accordion-menu ul ul.submenu li a{color:#f0f0f0}
.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}
.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}
.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}
.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}

a:hover{
	color: #cacaca;
	text-decoration: none;
}

.menu-upper{
	margin-top: -90px;
	position: relative;
}

.btn-modal {
    display: none;
}

.btn-collapse{
	font-size: 14px;
    width: 100%;
    font-weight: 600;
    color: #1a3156;
}

.btn-facebook {
	background-color: #3B5998;
	color: #ffffff;
	margin: 3px 0px;
}

a.btn.btn-facebook:hover{
	color: #ffffff;
	opacity: 0.9;
}

.btn-twitter {
	background-color: #00ACEE;
	color: #ffffff;
	margin: 1px 0px;
}

a.btn.btn-twitter:hover{
	color: #ffffff;
	opacity: 0.9;
}

.btn-google-plus {
	background-color: #E93F2E;
	color: #ffffff;
	margin: 1px 0px;
}

a.btn.btn-google-plus:hover{
	color: #ffffff;
	opacity: 0.9;
}

.btn-pinterest {
	background-color: #cb2027;
	color: #ffffff;
	margin: 1px 0px;
}

a.btn.btn-pinterest:hover{
	color: #ffffff;
	opacity: 0.9;
}

.btn-linkedin {
	background-color: #0E76A8;
	color: #ffffff;
	margin: 1px 0px;
}

a.btn.btn-linkedin:hover{
	color: #ffffff;
	opacity: 0.9;
}

.gallery-link{
	color: #004884;
	line-height: 1.4;
	font-family: "Work Sans", sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.youtube-thumbnail {
	display: block;
	background-size: cover;
	background-position: center center; 
	width: 100%; 
	height: 160px;
}

.font-weight-medium{
	font-weight: 600;
}

.explore-background {
	background-color: #4b9dd3;
	color: white;
	border-radius: 4px;
}

.explore-link{
	color: white;
	font-size: 14px;
}

.button-link {
	color: white;
	font-size: 16px;
}

.explore-icon{
	background: #1a3156;
	padding: 15px;
    height: 70px;
    width: 70px;
    font-size: 32px;
    color: #ffffff;
    border-radius: 4px 0 0 4px;
}

.explore-card{
	padding: 23px 15px;
}

.share-icon{
	margin-right: 10px;
}

.rektor {
	position: absolute;
}

.social-media-share{
	margin: 10px 0px;
}

.navbar-logo{
	height: 60px;
}

.social-media{
	float: left;
}

.footer-social-media{
	text-align: center;
}

.footer-social-media i{
	margin: 0px 5px;
}

.breadcrumb {
    padding: .6rem 0rem;
    background-color: #1a3156;
    margin-bottom: 0px;
}

.breadcrumb-item a {
	color: #ffffff;
}

.breadcrumb-item.active {
	color: #f7f7f7;
}
.video{
	width: 100%;
	height: 250px;
}

/*.rektor-bg-height{
	height: 335px;
}*/

.news-detail h1{
	font-size: 32px;
    font-weight: 600;
}

.news-detail h4{
	font-size: 18px;
    font-weight: 600;
}

hr.side-menu{
	margin: 2px;
    border: 1px solid #C9E7F2;
}

.menu-header{
	background: #1a3156;
    border-radius: 4px 4px 0px 0px;
    width: 100%;
    margin: 0px;
    box-shadow: 0 -6px 24px rgba(10, 10, 10,0.09);
    -moz-box-shadow: 0 -6px 24px rgba(10, 10, 10,0.09);
    -webkit-box-shadow: 0 -6px 24px rgba(10, 10, 10,0.09);
}

.call-us{
	background-image: url("../img/header-background.png");
	color:white;
	width: 100%;
	height: 100%;
	max-width: 160px;
	padding: 20px;
	display: none;
	
}

.call-us-text{
	float: right;
	font-family: "Work Sans", sans-serif;
	font-weight: 700;
	font-size: 14px;
}

.call-us-number{
	float: right;
	font-family: "Work Sans", sans-serif
	font-weight: 700;
	font-size: 14px;
}

.download-text{
	color: #1a3156;
    font-size: 14px;
}

.btn-link{
	font-weight: 600;
    color: #1a3156;
}

.tab-collapse{
	font-size: 16px;
    font-weight: 600;
    width: 100%;
    padding: 15px;
}

@media only screen and (min-width: 1200px){
	.container {
		max-width: 1440px;
    	width: 95%;
	}

	.call-us{
		max-width: 190px;
	}
	
}

@media only screen and (min-width: 1024px){
	.call-us{
		display: block;

	}
}


@media only screen and (max-width: 1125px) {
  .nav-item{
  	font-size: 14px !important;
  }

  .navbar-logo {
	height: 50px;
  }

  .call-us-text{
  	font-size: 14px;
  }

  .call-us-number{
  	font-size: 12px;
  }

}

@media only screen and (max-width: 991px) {
  .btn-modal {
    display: block;
  }
  .container{
		width: 95%;
		max-width: 100%;
  }

  .news-title{
		font-size: 16px !important;
  }

  .video{
  	height: 175px;
  }

}

@media (min-width: 992px){
	.container {
	    max-width: 1440px;
    	width: 95%;
	}

	.modal.fade.show .modal-dialog.modal-dialog-slideout {
		display: none;
	}

	.modal-backdrop{
	    display:none;
	}

}



@media (max-width: 768px) {
	.container{
		width: 100%;
		max-width: 100%;
	}

	.menu-upper{
		margin-top: 0px;

	}

	.carousel-caption h4{
		font-size: 16px !important; 
	}

	.carousel-caption{
		bottom: 40px !important;
	}

	.carousel-indicators{
		bottom: 0px !important;
	}

	.menu-header{
		border-radius: 0px !important;
	}

	.right-content {
    	background: #fafafa;
	}

	.content-nav{
		border-radius: 0px !important;
	}

	.tab-collapse{
		padding: 5px 10px;
		font-size: 14px;
	}

	.rektor {
	    padding-right: 15px !important;
	    padding-left: 30px !important;
	    padding-top: 15px;
	    padding-bottom: 15px;

	}

	.rektor h1{
	    font-size: 22px !important;
	}

	.rektor p{
		font-size: 14px !important;
	}

	.rektor-bg-height{
		height: unset;
	}
	.content-nav-footer{
		position: relative;
    	border-radius: 0px;
	}

}


@media (max-width: 576px) {
	body{
		font-size: 14px;
	}

	.slick-slide{
		margin: 0px !important;
	}

	.news-title-detail{
		font-size: 22px !important;
	}

	.sidebar-news-title{
		font-size: 14px !important;
	}

	.explore-card{
		height: 60px !important;
	}

	.explore-icon{
		height: 60px !important;
    	width: 60px !important;
	}

	.icon-white{
		padding: 15px !important;
		height: 70px !important;
    	width: 70px !important;
	}

	.container{
		width: 100%;
		max-width: 100%;
	}
	.header-section a{
		margin-left: 22px;
	}
	.btn-explore {
		font-size: 14px;
	}
	.btn-facebook, .btn-twitter, .btn-pinterest, .btn-google-plus, .btn-linkedin {
		font-size: 12px;
	}
	.social-media{
		display: none;
	}
	.news-title{
		font-size: 14px;
	}
	.customer-logos {
	    height: 125px !important;
	}
	.content-nav-footer{
		position: relative;
		border-radius: 0px;
	}
	.youtube-thumbnail{
		height: 255px !important;
	}
	.rektor {
	    padding-right: 30px !important;
	    padding-left: 30px !important;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    position: relative !important;
	    background: #4e9fd4;
	}
	.news-list a{
		font-size: 20px;
	}
}

@media only screen and (max-width: 428px) {
	.navbar-logo{
	 	height: 40px;
	}
	.header-section{
		display: none;
	}


	body{
		font-size: 12px;
	}

	.news-detail p{
		font-size: 14px;
	}

	.explore-link{
		font-size: 12px;
	}

	.news-list{
		min-height: 130px;
	}
	.news-list a{
		font-size: 16px !important;
	}

	.card-body p{
		font-size: 14px;
	}

	.navbar-toggler-icon{
		height: 1em;
		width: 1em;
	}

	.header-section{
		height: 100px;
	}

	.customer-logos{
		height: 200px !important;
	}

	.header-border{
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}

	.content-nav-footer {
	    height: auto;
	    width: 100%;
	    border-radius: 0px;
	    position: relative;
	}
	.content-nav {
	    height: 65px;
	    width: 100%;
	    padding: 0px;
	    border-radius: 0;
	    position: inherit;
	}

	.rektor {
	    padding-right: 20px !important;
	    padding-left: 20px !important;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}

	.rektor h1{
		font-size: 16px !important;
		margin-bottom: 5px;
	}

	.rektor p{
		font-size: 12px !important;
	    margin-bottom: 5px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 4;
	    -webkit-box-orient: vertical;
	}

	.rektor a.btn-primary{
		font-size: 12px !important;
	}
}

@media only screen and (max-width: 360px) {

}
.header-section i {
	margin-right: 12px;
	color: white;
	font-size: 18px;
}

.search-button{
	width: 201px;
	float: right;
}

.announcement-icon {
	width: 72px;
	height: 72px;
	font-size: 32px;
	color: #ffffff;
}

.event-date{
	height: 72px;
	width: 72px;
    padding: 9px 0px;
    width: 72px;
}

.day-event {
	width: 72px;
	line-height: 1;
	font-weight: 700;
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}

.month-event {
	line-height: 1.4;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: "Raleway", sans-serif;
}

.page-item.active .page-link{
	background-color: #1a3156;
    border-color: #1a3156;
}

.page-link{
	color: #1a3156;
}

.page-link:hover{
	color: #4b9dd3;
}

.news-box {
	width: 72px;
	height: 72px;
}

.news-date{
	font-family: "Work Sans", sans-serif;
	font-size: 12px;
	color: #959595;
	margin-bottom: 4px;
}

.news-title{
	font-family: "Work Sans", sans-serif;
	font-size: 14px;
	color: #0059A3;
	line-height: 1.2;
	font-weight: 700;
}

.sidebar-news-title{
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	color: #0059A3;
	line-height: 1.2;
	font-weight: 700;
}

a.btn.btn-explore:hover {
	color: #ffffff;
}

a.news-title:hover{
	text-decoration: none;
}

a.sidebar-news-title:hover{
	text-decoration: none;
}

.customer-logos{
	height: 205px;
}

.search-button input{
	height: 30px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    background-color: transparent;
    color: white !important;
    border-radius: 50px;
}
.pd-color{
	background-color: #faebd7;
}

.pl-color{
	background-color: #f0e68c;
}
.color-dark-blue{
    color: #1a3156;
}

.color-gray{
	color: #b7b7b7;
}

.color-white{
	color: #ffffff;
}

.color-table-dark{
	color: #fff;
    background-color: #1a3156;
    border: 1px Solid #3d5275 !important;
}

.icon-black{
	padding: 20px;
	height: 90px;
	width: 90px;
	font-size: 32px;
	color: #000000;
}

.link li a{
	color: #acbfde;
}

.link .footer-social-media a{
	color: #ffffff;
}

.icon-white{
	padding: 20px;
	height: 90px;
	width: 90px;
	font-size: 32px;
	color: #ffffff;
}

.search-button input::-webkit-input-placeholder { /* Edge */
  color: white !important;
}

.search-button input:-ms-input-placeholder { /* Internet Explorer */
  color: white !important;
}

.search-button input::placeholder {
  color: white !important;
}

.search-button input.form-control:focus{
	color: #495057;
    background-color: transparent;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
/* Styles for wrapping the search box */

.icon-right{
	vertical-align: inherit;
	position: relative;
    float: right;
    top: 9px;
}
.main {
    width: 50%;
    margin: 50px auto;
}

.header-border {
	margin-bottom: 20px;
	padding-bottom: 5px;
    border-bottom: 3px solid #4b9dd3;
}

/* Bootstrap 4 text input with search icon */

.has-search .form-control {
    padding-left: 32px;
    border: 1px solid #ffffff;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 36px;
    font-size: 12px;
    height: 16px;
    line-height: 28px;
    text-align: center;
    pointer-events: none;
    color: #ffffff;
}

.navbar-right {
	justify-content: flex-end !important;
}


.collapse.show {
	display: block;
    background: white;
}

.nav-item {
	font-family: "Raleway", sans-serif;
	font-size: 15px;
	font-weight: 600;
}

.dropdown-menu{
	font-size: 15px;
}

.carousel-control-next, .carousel-control-prev{
	width: 6%;
}

.carousel-caption {
	font-family: "Work Sans", sans-serif;
	bottom: 150px;
	background: #00000050;
	/*text-align: left;*/
	padding: 20px;

}
.carousel-caption h4{
	font-weight: 700;
}

.carousel-caption p{
	line-height: 1.3;
}

/*.carousel-item{
	max-width: 1140px;
    margin: 0px auto;
}

.carousel-inner{
	max-width: 1140px;
    margin: 0px auto;
}*/

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.kampus-name{
	font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 4px;
}

.news-list a{
	font-family: "Work Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #004884;
    line-height: 1.2;

}
.news-list{
	min-height: 146px;
}

.news-list p{
	margin-bottom: 4px;
}

.news-list a.card-title:hover{
	color: #004884;
	text-decoration: none;
}

.rektor {
	padding-right: 80px;
    padding-left: 80px;
}

.rektor a.btn-primary {
	font-size: 14px;
	color: #ffffff;
	font-weight: 700;
}

.rektor h1{
	font-size: 34px;
	color: #ffffff;
	font-weight: 700;
}

.rektor p{
	font-size: 16px;
	color: #ffffff;
}


@media only screen and (max-width: 575px) {

  .rektor h1 {
  	font-size: 16px;
  }

  .rektor p{
  	font-size: 12px;
    margin-bottom: 10px;
  }

  .rektor a.btn-primary{
  	font-size: 12px;
  }

  .bg-rektor{
  	background-size: 100%;
    background-repeat: no-repeat;
  }

}

.carousel-multi-item .controls-top{
	margin-bottom: 1.88rem;
    text-align: center;
}

.btn-floating{
	position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0;
    margin: 10px;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 47px;
    height: 47px;

}

.carousel-multi-item .controls-top .btn-floating {
	background: #014985;
}

.btn-floating i {
	display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    line-height: 47px;
}



.carousel-multi-item .carousel-indicators {
	margin-bottom: -1em;
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-multi-item .carousel-indicators li{
	width: 1.25rem;
    max-width: 1.25rem;
    height: 1.25rem;
    margin-bottom: -3.75rem;
    background-color: #014985;
    border-radius: 50px;
}

.carousel-multi-item .carousel-indicators .active{
	background-color: #007ce4;
}



.btn-primary {
 	background-color: #0A6FB1;
 	border-color: #0A6FB1;
}

.btn-explore {
	width: 100%;
	height: 50px;
	line-height: 2.2;
	color: #ffffff;
	text-align: left;
	margin-bottom: 8px;
 	background-color: #004884;
 	font-size: 14px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}

.slick-prev, .slick-next{
	filter: invert(1);
}

.explore1{
 	border-bottom: 5px solid #3FA7C2;
}

.explore2{
 	border-bottom: 5px solid #ECAE65;
}

.explore3{
 	border-bottom: 5px solid #59B17F;
}

.explore4{
 	border-bottom: 5px solid #E77052;
}

.explore5{
 	border-bottom: 5px solid #7052E7;
}

.explore6{
 	border-bottom: 5px solid #E752C9;
}

#explore-mobile {
	margin: auto;
}

@media only screen and (min-width: 600px) {
  #explore-mobile {
    margin: 20px auto !important;
  }
}

h4{
	font-family: "Work Sans", sans-serif;
	font-size: 22px;
	font-weight: 700;
}



/*.carousel-control-next, .carousel-control-prev {
	width: 6%;
}*/


.nav.nav-tabs{

  	border: none;
  	color:#fff;
  	background: #1a3156;
	border-radius:0;

}

a.nav-item.nav-link{
	font-family: "Work Sans",sans-serif !important;
}

a.nav-item.nav-link.active{
	background: #4b9dd3 !important;
}

div a.nav-item.nav-link,
div a.nav-item.nav-link.active
{
  border: none;
    padding: 10px;
    color:#fff;
    background:#1a3156;
    border-radius:0;
}

.tab-content{
 	background: #ffffff;
	line-height: 25px;
	border-top:5px solid #4b9dd3;
	padding:30px 25px;
}

div a.nav-item.nav-link:hover,
div a.nav-item.nav-link:focus
{
  border: none;
    background: #4b9dd3;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}