/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

/* =================================== */
/*  Font Family and Colors Styles

/* Orange			- #ec4e14 */
/* Green			- #045a5c */

/* Orange1			- #ff9900 */
/* Cream			- #F3EDE4 */

/* Grey1			- #121212 */
/* Grey2			- #222222 */


body {
	background-color: #FFF;
	color: #555;
	font-family: 'Jost', sans-serif;	
	font-weight:500;
}

@media (min-width: 992px) {
    body {
        padding-top: 0px;
    }
}

h2, h3, h4, h5 {
	font-family: 'Jost', sans-serif;
	line-height:2rem;
}

.btn {
    padding:0.375rem 1.25rem 0.375rem 1.25rem;
    text-align: center;
    border-radius: 1.25rem;
    font-weight:600;
}

.btn:hover{
    background-color:#ec4e14;
    color:#fff;
    border:1px solid #ec4e14;
}

#scroll{
	position:fixed;
	bottom:50px;
	right:25px;
}

/* =================================== */
/*  Navbar & TopBar
/* =================================== */
.navbar-custom,
.navbar-custom a {
    color: #333;
}

.navbar {
    margin-top: 60px;
}
.navbar-custom {
    color: #333;
    border: 0;
    padding: 0;
    margin-top: 2.1125rem;
    border-top: 1px solid #f5f5f5;
    z-index: 1030;
    font-size:1.125rem;
}

.mainmenu-area {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, .2);
    background-color: rgb(255, 255, 255, 1);
}

/* change the brand and text color */

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #4286f4;
}


/* change the link color */

.navbar-custom .navbar-nav .nav-link {
    color: #333;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-custom .navbar-nav .nav-link:hover {
    background-color: #fff;
    color: #333 !important;
    border-radius: 0px;
}


/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #333;
}


/* for dropdown only - change the color of droodown */

.navbar-custom .dropdown-menu {
    background-color: #fff;
    padding:0px;
    top:3.4375rem !important;
	border-radius: 0rem 0rem 0rem 0rem;
}

.navbar-custom .dropdown-submenu {
    list-style:none;
    overflow:hidden;
}

.leftauto {
	right: 0 !important;
	left: auto !important;
}

.navbar-custom .dropdown-item {
    color: #333;
    line-height: 1.8rem;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 15px;    
}

.navbar-custom .dropdown-item:active,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    color: #fff;
    background-color: #045a5c;
}

.top-logo {
	position:absolute;
	top:-50px;
	padding:5px 0 0 10px ;
}

.top-line a:hover {
	color:#15408C;
	text-decoration:none;
}

.top-line {
	background: rgb(255,153,0);
	background: linear-gradient(90deg, rgba(255,153,0,1) 0%, rgba(236,78,20,1) 100%);
	padding:5px 0px;
	margin:0px -15px 0px -15px;
	color:#fff;
	text-align:right;
}

.top-line a{
	color:#fff;
}
.top-line a:hover{
	color:#000;
}

.dropdown-menu > .dropdown {
  position: relative;
}

.dropdown-menu > .dropdown a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: .9rem;
  top: .9rem;
}

.dropdown-menu > .dropdown .dropdown-menu {
    top: -11px !important;
    left: 157px !important;
}  

.nav-link.dropdown-toggle:hover{ color:#000000 !important;}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu li > a {
    padding: 10px 15px;
    color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}


.dropdown-menu .show > .dropdown-toggle::after{
	transform: rotate(-90deg);
	left: 100%;
	border-radius: 0 .25rem .25rem .25rem;
}

/* Change this breakpoint if you change the breakpoint of the navbar */

@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

@keyframes slideUp {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideUp {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

/* =================================== */
/*  Home Full Screen Slider
/* =================================== */

.homeSlider .carousel-inner,
.homeSlider .carousel-item {
    height: 100vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;  
    background-color: #045a5c;	
}

.homeSlider .carousel-caption {
    height: 100vh;
    position: absolute;
    bottom: 0px;
}

.homeSlider .carousel-caption a {
	margin-left:30em;
}

.homeSlider .carousel-caption h2 {
    top: 35%;
    right:0;
    left:0;
    font-size: 3rem;
    padding:0.7rem;
    display:inline-block;
    position:absolute;
}

.homeSlider .carousel-caption h4 {
    top: 45%;
    right:0;
    font-size: 2rem;
    padding:0.7rem;
    display:inline-block;
    position:absolute;
	line-height:1.3;
}
.homeSlider .carousel-caption .btn-sm {
    top:65%;
    left:0;
    position:absolute;
    background-color:#fff;
    border-color:#fff;
}
.homeSlider .carousel-caption .btn-sm:hover {
    background-color:#045a5c;
    border-color:#fff;
}


/* =================================== */
/*  HM Section1
/* =================================== */

.hm-section1 {
    padding: 0px ;
}

.hm-section1 h2 {
    color: #045a5c;
}

.hm-section1 .blockquote {
    margin: 0 0 1rem;
    margin-left: 0px;
    padding-left: 20px;
    border-left: 5px solid #e5e5e5;
    margin-left: 20px;
}

.hm-section1 .boxorange {
    background-color:#ec4e14;
}

.hm-section1 .boxgreen {
    background-color:#045a5c;
}

/* =================================== */
/*  HM Parallax1
/* =================================== */

.hm-parallax1 {
    padding: 40px 0px 40px 0px;
    background-color:#333;
    background-image: url(../images/bg-parallax1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
	background-attachment: fixed;    
    position:relative;    
    padding: 0px;
    color: #fff;   
}

.hm-parallax1 h2 {
    color: #ec4e14;
    line-height:1.5rem !important;
}

.hm-parallax1 .display-2 {
    font-weight: 500;
    color:#ffc107;
}

/* =================================== */
/*  RG Section2
/* =================================== */

.hm-section2 {
    padding: 0px;
}

.hm-section2 h2 {
    color: #045a5c;
}


.hm-section2 .card {
    background-color: #fff;
}
.hm-section2 .card h4 {
    color: #045a5c;
}

.hm-section2 .card:hover {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    background-color: #fef8e2;
}

/* =================================== */
/*  Innerpage Header
/* =================================== */
.hm-innerheader {
    padding: 50px 0px 0px 0px;    
}

.hm-innerheader .banner-section {
    padding: 100px 0 80px 0;
    position: relative;
    background-image: url(../images/inner-header.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f2f3f4;
    height: 250px;
}

.hm-innerheader h2 {
    color: #FFF;
    margin-top: 50px;
    padding-left:20px;
}

.hm-innerheader .breadcrumb {
    color:#fff;
    margin-top:50px;
    background-color: transparent !important;   
    float: right;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: "/";
}

.hm-innerheader .breadcrumb a{
    color:#fff;
    text-decoration:none;
}

.hm-innerheader .breadcrumb a:hover{
    color:#ffc107;
}

.hm-innerheader .breadcrumb-item active {
    color:#fff;    
}
.page-banner-section .breadcrumb{ padding: .75rem 0rem; }


/* =================================== */
/*  Innerpage Content
/* =================================== */
.hm-innercontent {
    padding: 0rem;
}
.hm-innercontent h2 {
    color: #045a5c;
}

.hm-innercontent .p-5 {
	padding:2rem !important;
}

.hm-innercontent a.list-group-item-light  {
	color: #222;
	border-radius: 0;
	padding: 0.5rem 0 0.5rem 0.7rem !important;
	height: 40px;
}

.hm-innercontent a.list-group-item-light:hover {
    color:#0059a1;
}

.hm-innercontent a.list-group-item-light li {
    list-style:none;    
}

.hm-innercontent .card {
    background-color: #fff;
}
.hm-innercontent .card h4 {
    color: #045a5c;
}

.hm-innercontent .card:hover {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    background-color: #fef8e2;
}

.hm-innercontent .boxorange {
    background-color:#ec4e14;
}

.hm-innercontent .boxgreen {
    background-color:#045a5c;
}

/* =================================== */
/*  Footer Section 
/* =================================== */

.footer-section {
	background-color:#121212;
    padding: 40px 0px 40px 0px;
    background-image: url(../images/bg-footer.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
	background-attachment: fixed;    
    position:relative;    
    padding: 0px;
    color: #9F9F9F; 
    line-height:2rem;	
}

.footer-section a {
	color:#9F9F9F;
}

.footer-section a:hover {
	color:#ec4e14;
}

.footer-section h2 {
    color: #ec4e14;
}

.footer-section .footer-bottom {
    background-color: #222222;
}

.footer-section .footer-bottom a {
    color: #9F9F9F;
}

.footer-section .footer-bottom a:hover {
    color: #ec4e14;
}

.footer-section .footer-bottom .footer-copyright {
    text-align:left;
    margin-left:-1rem !important;
}

.footer-section .footer-bottom .footer-credit {
    text-align:right;
}

.footer-section .footer-social {
	list-style: none;
	display: flex;
}
.footer-section .footer-social a {
    color:#9F9F9F;
}

.footer-section .footer-social a:hover{
    color: #ec4e14;
}

.footer-section .footer-slogan h2{
    font-size:30px;
    color: #ec4e14;
    font-weight:500;
    line-height:2.5rem;
    margin-left:10px;
    border-bottom:2px solid #ec4e14;
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
/* Media CSS */


/* Small devices (landscape phones, 576px and up) */

@media (max-width: 575.98px) {
	.top-line {
		text-align:center;
		padding:0.7rem;
		font-size:0.75rem;
	}
    .navbar-brand img {
        width: 50vw;
        margin-left: 0.525rem;
    }
	.navbar-custom {
		margin-top: 38px;
		font-family: 'Jost', sans-serif;
		border-top: 1px solid #ccc;
		height:auto;
		padding-right: 0.25rem;
	}   
    .homeSlider .carousel-inner,
    .homeSlider .carousel-item {
        height: 50vh;
        margin-top: 40px;
        margin-bottom: -1rem;
    }
    .homeSlider .carousel-caption {
        height: 33.33vh;
    }
	.homeSlider .carousel-caption a {
		margin-left:35rem;
	}
    .homeSlider .carousel .carousel-indicators {
        bottom: 0;
	}
    .homeSlider .carousel-control-next {
        height:40vh;
        position:absolute;
        margin-top:15%;
	}
    .homeSlider .carousel-control-prev {
        height:40vh;
        position:absolute;
        margin-top:15%;        
	}
	.homeSlider .carousel-caption h2 {
		top: -15%;
		right: 0%;
		margin-left: -5%;
		font-size: 1rem;
		padding: 0.4rem;
		position: absolute;
		z-index: 1001;
	}
	.homeSlider .carousel-caption h4 {
		top: 5%;
		right:0;
		font-size: 0.7rem;
		padding:0.7rem;
		display:inline-block;
		position:absolute;
		line-height:0.8rem;
	}	
	.homeSlider .carousel-caption p {
		top: 6%;
		right: 0%;
		font-size: 0.5rem;
		padding: 0.4rem;
		position: absolute;
		z-index: 1002;
	}

	.homeSlider .carousel-caption .btn-sm{
		top: 25%;
		right: 0%;
		font-size: 0.5rem;
		position: absolute;
		padding:0.1rem 0.5rem 0.1rem 0.5rem !important;
		width:max-content;
		z-index: 1003;

	}	
	.btn {
		padding: 0.1rem 0.8rem 0.1rem 0.8rem;
		font-weight:600;
	}
	
	.hm-section1 {
		text-align:center;
		margin-top:1rem;
		margin-bottom:0.5rem !important;
	}
	.hm-section1 .blockquote {
		border-left: none;
		margin-left: -20px;
		font-size: 1.15rem;
	}	
	.hm-section1 .p-5 {
		padding: 1rem !important;
	}
	.hm-section1 h2 {	
		font-size: 1.5rem;
		margin-top: 0rem !important;		
	}
	.hm-section1 h4 {
		font-size: 1rem;
	}	
	
	
	.hm-parallax1 {
		padding: 0.5rem 0 1rem 0;
		background-position: top right;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}	
	.hm-parallax1 .p-5 {
		padding: 1rem !important;
	}	
	.hm-parallax1 h2 {	
		font-size: 1.5rem;
		margin-bottom:-0.5rem;
		text-align:center;
	}
	.hm-parallax1 h4 {
		font-size: 1.15rem;
		line-height:1.5rem;
		margin-left:0.725rem;
		margin-right:0.725rem;
		margin-bottom:1.25rem;
	}		
	.hm-parallax1 h5 {
		font-size: 1.15rem;
		line-height:1.5rem;
	}		
	.hm-parallax1 .display-2 {
		font-size: 3rem;
		color:#ffc107;
	}	
	.hm-parallax1 .ml-2 {
		margin-left:0.5rem !important;
	}	
	.hm-parallax1 .mr-0 {
		margin-right:0.7rem !important;
	}	
	
	
	.hm-section2 .p-5 {
		padding: 1.5rem !important;
	}
	.hm-section2 h2 {	
		font-size: 1.5rem;
	}
	.hm-section2 h4 {
		font-size: 1.15rem;
		line-height:1.5rem;
	}	
	.hm-section2 .mr-5 {
		margin-right:0rem !important;
	}
	.hm-section2 .card h4 {
		margin-left:0rem;
	}
		
	.hm-innerheader .banner-section {
		height:20vh;
		margin-top: -0.8rem;
	}	
	.hm-innerheader h2 {
		text-align: center;
		margin-top: -15px;
		font-size: 1.25rem;
	}
	.hm-innercontent {
		margin-top: 0px;
		margin:0.5rem;
	}
	.hm-innercontent h2 {
		padding-top: 0px;
		font-size: 1.5rem;		
	}
	.hm-innercontent h5 {
		font-size: 0.8rem;
	}
	.hm-innercontent h4 {
		font-size: 1rem;
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;		
	}	
	.hm-innercontent .p-5 {
		padding: 1rem !important;
	}			
	.hm-innercontent .btn-sm{
		font-size: 0.5rem;
		width:max-content;
	}

	.footer-section {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-position: left center;
		text-align:center;
		line-height:1.5rem;
	}	
	.footer-section .location{
		padding-top: 0rem !important;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-bottom: .5rem !important;
	}	
	.footer-section h2 {	
		font-size: 1.5rem;
	}
	.footer-section .p-5 {	
		padding: 1rem;
	}
	.footer-section .footer-social {
		display:inline-flex;
		text-align:center;
	}
	.footer-section .footer-social li {
		padding-right: 0rem;
	}
	.footer-section .footer-slogan h2 {
		font-size: 1.5rem;
		line-height: 2rem;		
		padding-left:0.5rem;
		padding-right:0.5rem;
		margin-top: -2rem;
		margin-bottom: -2rem;
		border-bottom: 0px solid #ec4e14;		
	}	
	.footer-section .footer-slogan mt-3 {
		margin-top:0.5rem;
	}	
	.footer-section .footer-bottom {	
		padding: 0rem 1rem 1rem 1rem !important;
		font-size: 0.875rem;
	}
	.footer-section .footer-bottom .footer-credit {
		text-align:center;
	}		
	.footer-section .footer-bottom .footer-copyright {
		text-align:center;
		margin-left:0rem !important;
	}		
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 576px) and (max-width: 768.98px) {
    .homeSlider .carousel-inner,
    .homeSlider .carousel-item {
        height: 33.33vh;
    }
    .homeSlider .carousel-caption h2 {
        font-size: 2em;
    }
    .homeSlider .carousel-caption {
        height: 33.33vh;
    }
    .homeSlider .carousel .carousel-indicators {
        bottom: 35%;
	}
    .homeSlider .carousel-control-next {
        height:22vh;
        position:absolute;
	}
    .homeSlider .carousel-control-prev {
        height:22vh;
        position:absolute;
	} 	
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 768.99px) and (max-width: 1199.98px) {}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}