/* body */
.body{
	background-color: rgb(213, 252, 255);
}
/* top menu */

.navbar-custom {
	background-color: rgb(15, 209, 226);
}

/* change the brand and text color */

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

/* change the link color */

.navbar-custom .navbar-nav .nav-link {
	color: #ffffff;
}

/* change the color of active links */

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

/* change the color of hovered links */
.navbar-custom .nav-item:hover .nav-link {
	color: #DD2B1C;
}

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

.navbar-custom .dropdown-menu {
	background-color: #55BCCA;
}

.navbar-custom .dropdown-item {
	color: #ffffff;
}

.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus {
	color: #333333;
	background-color: rgba(255, 255, 255, .5);
}

/*.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}*/

.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.carousel-item {
	height: 65vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Slider */

.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	/*height: 100%;*/
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.section-title {
	position: relative
}

.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}

.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block
}

.section-title h4:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 2px;
	background-color: #d8d8d8;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}

.section-title h4:after {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background-color: #55BCCA;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.services {
	background-color:  rgb(213, 252, 255);;
}

.single-service {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 30px 20px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16)
}

.single-service:before {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #55BCCA;
	left: 0;
	top: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}

.single-service:after {
	position: absolute;
	width: 0;
	height: 0;
	background-color: #55BCCA;
	right: 0;
	bottom: 0;
	content: "";
	-webkit-transition: .3s;
	transition: .3s
}

.single-service:hover:after, .single-service:hover:before {
	width: 50%;
	height: 2px;
	-webkit-transition: .3s;
	transition: .3s
}

.single-service:hover {
	box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.10)
}

.single-service i.fa {
	font-size: 20px;
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
	line-height: 60px;
	margin-bottom: 30px;
	border-radius: 50%;
	-webkit-transition: .3s;
	transition: .3s
}

.single-service:hover i.fa {
	background-color: #55BCCA;
	color: #fff;
	border-color: #55BCCA;
	border-radius: 0;
}

.single-service h4 {
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.single-service p {
	font-size: 15px;
	line-height: 1.8;
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #006A7F;
	color: white;
	text-align: center;
}

.Portfolio {
	position: relative;
	margin: 5px;
	border: 2px solid black;
	float: left;
	width: 180px;
	transition-duration: 0.4s;
	border-radius: 5px;
	animation: winanim 0.5s;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.Portfolio:hover {
	box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
}

.Portfolio img {
	width: 100%;
	height: auto;
	border-radius: 5px
}

.desc {
	padding: 5px;
	text-align: center;
	font-size: 90%;
	background: #fff;
	color: #225F77;
}

.nav {
	padding: 20px;
	margin-left: 340px;
	margin-top: -30px;
}

.nav li a {
	margin: 5px;
	padding: 15px 50px;
	font-size: 16px;
	color: #225F77;
	background: #B7EAEF;
	transition-duration: 0.4s;
}

.nav a:hover {
	background: #225F77;
	color: #fff;
}

.nav .active {
	background-color: #DD2B1C !important;
	color: #fff;
}

@keyframes winanim {
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}