header {background: linear-gradient(to right, #b6deed 0%, rgba(178, 255, 193, 1) 100%);float: left;width: 100%;}
.top-header {padding: 7px 0;line-height: normal;transition: 0.15s ease-out;}
.top-header .fb {display: inline-block;background: none;min-width: 24px;}
.top-header .fb img{ vertical-align:top; }
.top-header .d-flex {justify-content: flex-end;}
.mail a {color: #000000;font-size: 14px;line-height: 22px;text-decoration: none;background: url(../images/envelope.png) no-repeat left center;background-size: 20px;padding: 0 0 0 30px;}
.call {color: #000000;font-size: 14px;line-height: 22px;margin: 0 0 0 20px;text-decoration: none;background: url(../images/phone-receiver.png) no-repeat left center;background-size: 18px;padding: 0 0 0 27px;}
.call a:first-child {margin: 0;}
.call a {background: none;text-decoration: none;margin: 0 0 0 10px;color: #000000;}
header .head {padding: 7px 0;transition: 0.15s ease-out;}
.head a {display: inline-block;background: none;}
.head a img {vertical-align: top;width: 220px;transition: 0.15s ease-out;}
.head .tagline p{color: #3093a6;font-style: italic;}
.menu-wrapper .btn-primary {height: 40px;width: 40px;}
.menu-wrapper .btn-primary img {width: 30px; height: 30px; display: inline-block;}
.menu-wrapper .btn-primary,
.menu-wrapper .btn-primary:hover,
.menu-wrapper .btn-primary:focus {background: none !important;box-shadow: none !important;outline: none !important;border: 0 !important;padding: 0;}
.offcanvas {width: 360px !important;background: linear-gradient(to bottom, rgba(182, 222, 237, 1) 0%, rgba(178, 255, 193, 1) 100%);}
.offcanvas-body {padding: 0 0 30px 0;}
.offcanvas-header {padding: 32px 32px 16px 16px;}
.offcanvas-header .btn-close {height: 40px;width: 40px;padding: 0;background-size: 24px;opacity: 1;outline: none !important;box-shadow: none !important;border: 0 !important;}
.offcanvas-body ul {margin: 0;padding: 0;list-style-type: none;}
.offcanvas-body ul li{margin: 0;padding: 0;}
.offcanvas-body ul li:before {content: none;}
.offcanvas-body ul li a {font-size: 16px;line-height: 24px;color: #000000;text-decoration: none;background: none;text-transform: capitalize;display: block;padding: 12px 16px;border-bottom: 1px solid #000000;}
.offcanvas-body ul li a.active,.offcanvas-body ul li a:hover {font-weight: 600;color: #3093a6;}
header.header-fix {background: linear-gradient(to right, #b6deed 0%, rgba(178, 255, 193, 1) 100%);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
header.header-fix .head a img{width: 178px;}
header.header-fix .top-header {padding: 2px 0;}

@media(max-width: 767.98px) {
	.head a img {width: 178px;}
	.menu-wrapper .btn-primary{height: 35px;width: 35px;}
	.menu-wrapper .btn-primary img{height: 25px;width: 25px;}
	.offcanvas-header .btn-close {height: 22px; width: 22px;}
}