:root {
	--primary-blue-color: #03a9f4;
	--black-color: #333;
	--light-black-color: #727272;
	--light-grey: #f7f7f7;
	--white-color: #fff;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
}

body {
	padding-top: 84.5px;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d3d3d3;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    color: #d3d3d3;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
    color: #d3d3d3;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    color: #d3d3d3;
}

section {
	overflow: hidden;
}

.container {
    width: 100%;
	max-width: 1140px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
    position: relative;
}


.slick-dots {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-dots li {
    display: inline-block;
    opacity: 1;
    background: none repeat scroll 0 0 rgba(181, 181, 181, 0.9);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 0px;
    height: 3px;
    margin: 2px 5px 0px 2px;
    width: 2vw;
    cursor: pointer;
}

.slick-dots li button {
    display: none;
}

.slick-dots li.slick-active {
    background: #017f8d;
}



.header {
	border-bottom: 1px solid #E4E4E4;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99;
}

.header .nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .nav .navbar_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.header .nav .navbar_nav .menu-item a {
	font-size: 15px;
	font-weight: 500;
	padding: 31px 16px;
	display: block;
	color: black;
	text-decoration: none;
	border-bottom: 3px solid #fff;
}

.header .nav .navbar_nav .menu-item.current-menu-item a,
.header .nav .navbar_nav .menu-item a:hover {
	color: #017f8d;
	border-color: #017f8d;
}

.header .cmpg_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 84px;
}

.hamburger {
	width: 28px;
	height: 20px;
	position: relative;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	display: none;
	z-index: 2;
}

.hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #017f8d;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

.hamburger span:nth-child(1) {
	top: 0px;
}

.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
	top: 9px;
}

.hamburger span:nth-child(4) {
	top: 18px;
}

.hamburger.open span:nth-child(1) {
	top: 9px;
	width: 0%;
	left: 50%;
}

.hamburger.open span:nth-child(2) {
	transform: rotate(45deg);
}

.hamburger.open span:nth-child(3) {
	transform: rotate(-45deg);
}

.hamburger.open span:nth-child(4) {
	top: 9px;
	width: 0%;
	left: 50%;
}

body.menu_open {
    overflow: hidden;
}

.footer {
	background-color: #017f8d;
}

.footer .top_footer {
	padding: 35px 0;
}

.footer .top_footer .top_footer_wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.footer .top_footer .top_footer_wrapper .top_footer_col_4 {
	width: 33.3333333333%;
	padding: 0 15px;
}

.footer .top_footer .top_footer_wrapper .top_footer_col_6 {
	width: 50%;
	padding: 0 15px;
}

.footer .top_footer .top_footer_wrapper .top_footer_col_2 {
	width: 16.6666666667%;
	padding: 0 15px;
}

.footer .top_footer .top_footer_wrapper .footer_logo {
	display: block;
	max-width: 250px;
}

.footer .top_footer .top_footer_wrapper .top_footer_col_4 p {
	padding: 1vw 10px 1vw 0px;
	border-bottom: 0.5px solid #eeeeee;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
	margin: 0;
}

.footer .top_footer .top_footer_wrapper .footer_contact {
    display: flex;
    flex-wrap: wrap;
    padding: 1vw 0;
    border-bottom: 0.5px solid #eeeeee;
    align-items: center;
}

.footer .top_footer .top_footer_wrapper .footer_contact div {
    width: 50%;
    border-right: 1px solid #eeeeee;
    font-size: 15px;
    line-height: 23px;
    font-weight: 300;
    color: #fff;
}

.footer .top_footer .top_footer_wrapper .footer_contact div:last-child {
	border-right: 0;
}

.footer .top_footer .top_footer_wrapper .footer_contact  .footer_contact_phone {
    width: 60%;
    padding-left: 20px;
}

.footer .top_footer .top_footer_wrapper .footer_contact .footer_contact_email {
    width: 40%;
    text-align: center;
}

.footer .top_footer .top_footer_wrapper .footer_contact .footer_contact_phone span {
    display: block;
}

.footer .top_footer .top_footer_wrapper .footer_contact .footer_contact_phone span b {
    font-weight: 400;
    width: 45px;
    display: inline-block;
}


.footer .top_footer .top_footer_wrapper .footer_contact a {
	color: inherit;
    text-decoration: none;
}

.footer .top_footer .top_footer_wrapper .footer_social {
	padding: 1vw 0;
	text-align: center;
}

.footer .top_footer .top_footer_wrapper .footer_social a {
	display: inline-block;
	padding: 10px 12px;
	color: #fff;
	font-size: 20px;
}

.footer .top_footer .top_footer_wrapper .top_footer_col_6 p {
	max-width: 450px;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
	margin: 0;
}

.footer .top_footer .top_footer_wrapper .footer_partners {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 25px;
}

.footer .top_footer .top_footer_wrapper .footer_partners a {
	width: 25%;
	text-align: center;
	padding: 0 5px;
	margin: 0 0 10px;
	display: block;
}

.footer .top_footer .top_footer_wrapper .footer_partners a img {
	max-width: 110px;
	width: 100%;
	transition: 0.3s all;
}

.footer .top_footer .top_footer_wrapper .footer_partners a:hover img {
	transform: scale(1.15);
}

.footer .top_footer .top_footer_wrapper .footer_logo img {
	max-width: 100%;
}

.footer .top_footer .top_footer_wrapper .footer_nav {
	color: #fff;
	padding: 0 12px;
	margin: 0;
	list-style: square;
}

.footer .top_footer .top_footer_wrapper .footer_nav li a {
	color: inherit;
	font-size: 15px;
	line-height: 23px;
	font-weight: 300;
	display: block;
	padding: 3px;
	text-decoration: none;
}

.footer .top_footer .top_footer_wrapper .footer_nav li.current-menu-item a {
	color: #b5b5b5;
}

.footer .footer_copyright {
	padding: 20px 0;
	text-align: center;
	color: #fff;
	background-color: #006b77;
}

.footer .footer_copyright p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px;
	line-height: 23px;
	font-weight: 300;
}

body {
	padding-top: 84.5px;
}

.call_button {
	background-color: var(--primary-blue-color) !important;
	border-radius: 40px;
	text-align: center;
	color: var(--white-color) !important;
	font-size: 18px !important;
	padding: 13px 50px !important;
}


@media (max-width: 1023px) {
	body {
		padding-top: 54px;
	}

	.header {
		border: none;
	}

	.header .nav .brand {
		max-width: 280px;
	}

	.header .nav {
		flex-wrap: wrap;
	}
	.header .nav .navbar {
		position: fixed;
		right: 0;
		top: -100%;
		width: 100%;
		height: calc(100% - 54px);
		padding-top: 47px;
		background-color: #fff;
		z-index: 1;
		padding: 15px;
		opacity: 0;
		/* transform: scale(0); */
		transition: all 0.5s ease;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.header .nav .navbar_nav {
		display: block;
	}
	
	.header .nav {
		padding: 14.21px 0;
	}
	
	.hamburger {
		display: block;
	}
	
	.header .nav .brand {
		z-index: 2;
	}
	
	.header .nav .navbar_nav .menu-item a {
		border: none;
		padding: 12px 15px;
		text-align: center;
		font-size: 20px;
    	position: relative;
	}
	
	.header .nav .navbar_nav .menu-item.current-menu-item a, .header .nav .navbar_nav .menu-item a:hover {
		font-weight: 600;
	}
	
	.header .nav .hamburger.open + .navbar {
		/* transform: scale(1); */
		top: 54px;
		opacity: 1;
	}
	.footer .top_footer .top_footer_wrapper .top_footer_col_4 {
		width: 100%;
		padding-bottom: 15px;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_logo {
		margin: auto;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_4 p {
		text-align: center;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_6 {
		width: 66.666667%;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_2 {
		width: 33.3333333333%;
	}
	.footer .top_footer .top_footer_wrapper .footer_nav {
		list-style: none;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.header .cmpg_nav img {
		max-width: 240px;
	}
	
	.header .cmpg_nav .call_button {
		font-size: 0 !important;
		padding: 8px 11px !important;
	}
	
	.header .cmpg_nav {
		min-height: 54px;
	}
	
	.header .cmpg_nav .call_button:before {
		content: "\f095";
		font: normal normal normal 24px/1 FontAwesome;
	}
	.footer .top_footer .top_footer_wrapper .top_footer_col_4 p {
		font-size: 13px;
		line-height: 18px;
		padding: 20px 0 12px;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_contact a {
		font-size: 13px;
		line-height: 18px;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_contact {
		padding: 12px 0;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_social {
		padding: 12px 0 0;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_6 {
		width: 100%;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_6 p {
		font-size: 13px;
		line-height: 18px;
		text-align: center;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_partners a {
		width: 50%;
	}
	
	.footer .top_footer .top_footer_wrapper .top_footer_col_2 {
		width: 100%;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_nav li a {
		font-size: 13px;
		line-height: 13px;
		padding: 1px 4px;
	}

	.footer .top_footer .top_footer_wrapper .footer_nav li {
		margin-bottom: 10px;
		width: 33.33%;
		border-left: 1px solid #fff;
	}
	
	.footer .top_footer .top_footer_wrapper .footer_nav li:nth-child(3n+1) {
		border: none;
	}
	
	.call_button {
		font-size: 16px !important;
		padding: 13px 20px !important;
	}
}
  
  

#toTop {
    position: fixed;
    /*bottom: 50px;*/
    bottom: 115px;
    right: 20px;
    padding: 10px 15px;
    background-color: #fff;
    color: #283745;
    transition: 0.3s all;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    display: none;
    z-index: 2;
    border-radius: 2rem;
    /* 767px */
}

#toTop:hover {
    background-color: #017f8d;
    color: #fff;
    transition: 0.3s all;
}

@media (max-width: 47.9375em) {
    #toTop {
        /*bottom: 20px;*/
        bottom: 80px;
        right: 10px;
        background-color: rgba(40, 55, 69, 0.5);
        padding: 6px 10px;
        color: #fff;
    }
}

.whatsapp-modals-area {
    position: fixed;
    right: 20px;
    /*bottom: 165px;*/
    bottom: 115px;
    z-index: 3;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .whatsapp-modals-area {
        right: 10px;
        /*bottom: 130px;*/
        bottom: 80px;
    }
}

.whatsapp-modals-area .contact-whatsapp-modal {
    display: none;
    position: relative;
    max-width: 300px;
    padding: 8px 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.15);
}

.whatsapp-modals-area .contact-whatsapp-modal .close-modal {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 26px;
    line-height: 1;
    max-height: 24px;
    cursor: pointer;
}

.whatsapp-modals-area .contact-whatsapp-modal .inner-area {
    margin: 25px 0 5px;
    text-align: center;
}

.whatsapp-modals-area .contact-whatsapp-modal .inner-area h6 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    color: #484848;
}

.whatsapp-modals-area .contact-whatsapp-modal .inner-area p {
    font-size: 14px;
    margin: 0 0 15px;
    color: #737373;
}

.whatsapp-modals-area .contact-whatsapp-modal .inner-area .redirect-wapp-button {
    display: inline-block;
    /*display: table;*/
    margin: 10px auto;
    background: #017f8d;
    border: 1px solid #017f8d;
    color: #fff;
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 50px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s all;
	cursor: pointer;
}

.whatsapp-modals-area .contact-whatsapp-modal .inner-area .redirect-wapp-button:hover {
    background: #fff;
    color: #017f8d;
    transition: 0.3s all;
}

.whatsapp-modals-area .suggestion-modal-whatsapp {
    display: none;
    position: relative;
    padding: 8px 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.15);
    max-width: 300px;
}

.whatsapp-modals-area .suggestion-modal-whatsapp .inner-area .close-modal {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 26px;
    line-height: 1;
    max-height: 24px;
    cursor: pointer;
}

.whatsapp-modals-area .suggestion-modal-whatsapp .inner-area .circle-logo {
    max-width: 50px;
    margin: -35px auto 20px;
    display: table;
    width: 100%;
    border-radius: 50%;
    height: 50px;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.1);
}

.whatsapp-modals-area .suggestion-modal-whatsapp .inner-area p {
    font-size: 14px;
    margin: 0 0 15px;
    text-align: center;
    line-height: 1.4;
    color: #737373;
}

.whatsapp-modals-area .suggestion-modal-whatsapp .inner-area #contactHrWhatsappOpen {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    display: table;
    margin: 0 auto 10px;
    cursor: pointer;
    color: #017f8d;
    transition: 0.3s all;
}

.whatsapp-modals-area .suggestion-modal-whatsapp .inner-area #contactHrWhatsappOpen:hover {
    color: #484848;
    transition: 0.3s all;
}

.whatsapp-modals-area.open-wapp-modal .suggestion-modal-whatsapp {
    display: none !important;
}

.whatsapp-button {
    position: fixed;
    /*bottom: 105px;*/
    bottom: 50px;
    right: 20px;
    padding: 0;
    background-color: #189d0e;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: 0.3s all;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    /*display: none;*/
    z-index: 2;
    transition: 0.3s all;
    border-radius: 2rem;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .whatsapp-button {
        /*bottom: 70px;*/
        right: 10px;
        bottom: 20px;
    }
}

.whatsapp-button img {
    width: 30px;
    object-fit: contain;
    transition: 0.3s all;
    margin: 0 0 0 2px;
    filter: brightness(0) invert(1);
}

.whatsapp-button:hover {
    transition: 0.3s all;
    background-color: #fff;
}

.whatsapp-button:hover img {
    transition: 0.3s all;
    filter: none;
}

.iframe-form-page iframe {
    height: 1810px !important;
}

.get-quote {
    position: fixed;
    bottom: 60px;
    right: 80px;
    z-index: 1;
    animation: shake-animation 8s ease infinite;
}

@media (max-width: 47.9375em) {
    .get-quote {
        bottom: 20px;
        left: 10px;
        /*background-color: rgba(40,55,69,.5);*/
        padding: 6px 10px;
    }
}

.get-quote a {
    padding: 15px 25px;
    background-color: #fff;
    box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.18);
    color: #283745;
    font-weight: bold;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 16px;
    transition: 0.3s all;
    animation: shake-animation-with-bg 8s ease infinite;
}

.get-quote a:hover {
    color: #fff;
    background-color: #017f8d;
    text-decoration: none;
    transition: 0.3s all;
}

@media (max-width: 47.9375em) {
    .get-quote a {
        padding: 6px 15px;
        font-size: 14px;
        background-color: rgba(255, 255, 255, 0.6);
    }
}


@keyframes shake-animation {
    0% {  transform: translate(0, 0); }

    1% {  transform: translate(8px, 0); }

    3% { transform: translate(0, 0); }

    5% { transform: translate(8px, 0); }

    7% { transform: translate(0, 0);  }

    9% { transform: translate(8px, 0);  }

    11% { transform: translate(0, 0); }

    13% { transform: translate(8px, 0); }

    14% { transform: translate(0, 0);  }

    100% { transform: translate(0, 0);  }
}

@keyframes shake-animation-with-bg {
    0% {
        background-color: #017f8d;
        color: #fff;
    }

    40% {
        background-color: #fff;
        color: #283745;
    }

    100% {
        background-color: #fff;
        color: #283745;
    }
}

.legal_content {
    padding: 35px 0;
}

.legal_content .legal_content_wrapper  h1 {
    font-weight: 500;
    text-align: center;
    font-size: 30px;
    color: #283745;
    margin: 0 0 30px;
    text-transform: uppercase;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .legal_content .legal_content_wrapper  h1 {
        font-size: 22px;
        margin: 0 0 20px;
    }
}

.legal_content .legal_content_wrapper  h3 {
    font-weight: 500;
    font-size: 20px;
    color: #283745;
    margin: 0 0 10px;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .legal_content .legal_content_wrapper  h3 {
        font-size: 18px;
    }
}

.legal_content .legal_content_wrapper  a {
    color: #017f8d;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s all;
    font-size: 16px;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .legal_content .legal_content_wrapper  a {
        font-size: 14px;
    }
}

.legal_content .legal_content_wrapper  a:hover {
    color: #283745;
    transition: 0.3s all;
    text-decoration: underline;
}

.legal_content .legal_content_wrapper  p {
    font-size: 16px;
    color: #737373;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .legal_content .legal_content_wrapper  p {
        font-size: 14px;
    }
}

.legal_content .legal_content_wrapper  ul li {
    font-size: 16px;
    color: #737373;
    /* 767px */
}

@media (max-width: 47.9375em) {
    .legal_content .legal_content_wrapper  ul li {
        font-size: 14px;
    }
}

.legal_content .legal_content_wrapper  ul li a {
    color: #017f8d;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s all;
}

.legal_content .legal_content_wrapper  ul li a:hover {
    color: #283745;
    transition: 0.3s all;
    text-decoration: underline;
}

.inquiry-head-section {
    text-align: center;
}

.default_content {
    padding: 40px 0;
}

.inquiry-head-section h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
}

.inquiry-head-section h2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.inquiry-body-section {
    margin-top: 60px;
}



/*----------------- 30/12/20 ---------------------*/
.contact_us_form{
	background: #f8f8f8;
    padding: 60px 20px 20px;
	display:none;
 }
 .contact_us_form h3, .contact_us_form p{
	margin:0
 }

 /*----------------------- blog page category.php -------------------*/
 .category_page .category_banner h1{
	margin:0;
 }
 .category_page .category_banner{
	width: 100%;
	height:300px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
	display:grid;
	place-items:center;
 }
 .category_page .category_wrap{
	padding:40px 0;
 }
 .category_page .cateogry_items_list{
	display:flex;
	flex-wrap:wrap;
 }
 .category_page .single_category{
	width: 33.33%;
	padding-left:15px;
	padding-right:15px;
 }
 .category_page .single_category img {
    height: 220px;
    object-fit: cover;
}
.category_page .single_category a{
	text-decoration:none;
	color:inherit;
}
.category_page .single_category h3{
	color: #283745;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0 10px;
    min-height: 43px;
}
.category_page .single_category p{
	color: #283745;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}
.category_page .single_category p span{
	font-weight: 500;
    color: #017f8d;
}

.calendly-overlay .calendly-popup {
    max-height: none !important;
}

.calendly-overlay {
    padding: 0px 15px;
}

.cmpg-template .get-quote {
    display: none;
}

.breadcrumb_section {
    padding: 20px 0;
}

.breadcrumb_section a {
    color: #017f8d;
}

.breadcrumb_section .breadcrumb_last {
    color: #000;
    opacity: 0.5;
}