/*
theme name:Connect
author:The Invoxico Team
version: 1.0
*/

@charset "UTF-8";
html { height: auto !important; scroll-behavior: smooth; }

body { font-family: "Open Sans Bold"; font-size: 20px; line-height: 30px; }

a:hover { text-decoration: none !important; }
a:focus { outline: none; }

p { font-size: 16px; color: #5a5565; font-family: "Josefin Sans"; float: left; width: 100%; line-height: 24px; }
@media only screen and (max-width: 991.98px) { p { font-size: 16px; } }
@media only screen and (max-width: 767.98px) { p { font-size: 15px; line-height: 28px; } }

.row-eq-height { display: flex; flex-wrap: wrap; }

.height-equal-box { height: 100%; color: #fff; }

.outer-container { float: left; width: 100%; overflow: hidden; }

.light-bg { background-color: #f7f7f7; }

.container { max-width: 1100px; }
@media only screen and (max-width: 1199.98px) { .container { max-width: 94%; } }
@media only screen and (max-width: 991.98px) { .container { max-width: 95%; } }
@media only screen and (max-width: 767.98px) { .container { max-width: 95%; padding: 0 13px; } }

.section { float: left; width: 100%; padding: 100px 0rem 50px 0; }
@media only screen and (max-width: 991.98px) { .section { padding: 4rem 0 1.5rem 0; } }
@media only screen and (max-width: 767.98px) { .section { padding: 3rem 0 1rem 0; } }
@media only screen and (max-width: 575.98px) { .section { padding: 2rem 0 1rem 0; } }

.page-heading { line-height: 1.2em; text-align: center; text-transform: uppercase; letter-spacing: -0.1em; font-size: 2.3em; color: #000; position: relative; text-align: center; }
.page-heading:before { position: absolute; height: 3px; background: black; width: 40px; transform: translate(-50%, -50%); left: 50%; top: -35px; position: absolute; content: ""; }
@media only screen and (max-width: 991.98px) { .page-heading { font-size: 28px; } }
@media only screen and (max-width: 767.98px) { .page-heading { font-size: 22px; } }

.section-heading { color: #14ABD1; font-size: 35px; font-family: "Josefin Sans"; float: left; text-align: center; font-weight: 600; width: 100%; margin-bottom: 0; letter-spacing: 1px; }
@media only screen and (max-width: 767.98px) { .section-heading { font-size: 28px; margin-top: 15px; } }

.sub-heading { text-align: center; width: 100%; font-size: 18px; font-family: "Open Sans Semibold"; float: left; color: #403F3F; letter-spacing: 1px; }

.rank-btn { color: #fff; background: #14ABD1; font-size: 16px; display: inline-block; transition: all ease-in-out 0.2s; font-weight: bold; border-radius: 7px; border: 0; padding: 10px 30px; }
@media only screen and (max-width: 767.98px) { .rank-btn { padding: 5px 25px; } }
.rank-btn:hover { background: #5B5B5B; color: #fff; }

.lh-30 { line-height: 30px; }

.modal-backdrop.show { opacity: 0.8; }

.modal-dialog { border-radius: 0; max-width: 888px; }
.modal-dialog .modal-body { padding: 3rem 1rem !important; }
.modal-dialog h4, .modal-dialog h5 { font-size: 22px; }
@media only screen and (max-width: 767.98px) { .modal-dialog h4, .modal-dialog h5 { font-size: 15px; } }
.modal-dialog .modal-close-btn { position: absolute; top: 20px; right: 20px; font-size: 3rem; z-index: 10; }
.modal-dialog .form-row > div { padding: 0 20px; }
.modal-dialog .form-control { border-radius: 0; background-color: #000; color: #fff; border: 0; box-shadow: 0 0 0; height: 43px; }
.modal-dialog .form-control:hover { background-color: #605e5e; }
.modal-dialog .form-control:focus { background-color: #7d2ae8; }
@media only screen and (max-width: 575.98px) { .modal-dialog .form-control { max-width: 100%; } }
.modal-dialog .btn { background-color: #000; color: #fff; border-radius: 0; padding: 8px 3rem; }
.modal-dialog .btn:hover { background-color: #14ABD1; }

.vertical-content { -ms-flex-item-align: center !important; align-self: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.vertical-container { display: -ms-flexbox !important; display: flex !important; height: 100% !important; text-align: center; }

p:empty { display: none; }

.modal { padding-right: 0 !important; }
.modal.plansGetStarted .modal-dialog { max-width: 400px; }
.modal .modal-dialog { border-radius: 0; }
.modal .modal-dialog .modal-content .modal-body { padding: 20px !important; }
.modal .modal-dialog .modal-content .modal-body .close { position: absolute; top: 7px; right: 7px; }
.modal .modal-dialog .modal-content .modal-body .close:focus { outline: none; border: 0; }
.modal .modal-dialog .modal-content .modal-title { color: #00F4C3; font-family: "Josefin Sans"; }

.carousel-inner { overflow: visible; }

header { float: left; width: 100%; padding: 18px 0; background: #fff; transition: all 0.3s ease-in-out; }
header.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 16; padding: 0.6rem 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }
@media only screen and (max-width: 991.98px) { header { padding: 15px 0; } }
header .navbar-toggler { background: #000; padding: 0.45rem 0.75rem 0.45rem; margin-top: 0px; }
header .navbar-toggler:focus { outline: none; }
header .navbar-toggler .fa-bars { color: #fff; margin-top: -5px; }
header nav.navbar { padding: 0; }
header nav.navbar .navbar-brand { padding: 0; height: auto; }
@media only screen and (max-width: 991.98px) { header nav.navbar .navbar-brand { width: 30%; } }
@media only screen and (max-width: 767.98px) { header nav.navbar .navbar-brand { width: 70%; } }
@media only screen and (max-width: 991.98px) { header nav.navbar .navbar-brand img { margin-top: 0; vertical-align: top; max-width: 100%; } }
@media only screen and (max-width: 991.98px) { header nav.navbar .navbar-brand img { max-width: 100%; } }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav { margin-top: 15px; } }
header nav.navbar ul.navbar-nav li { padding: 3px 20px; transition: all 0.3s ease-in-out; position: relative; }
@media only screen and (max-width: 991.98px) { header nav.navbar ul.navbar-nav li { padding: 3px 12px;} }

header nav.navbar ul.navbar-nav li:before { width: 8px; height: 8px; border-radius: 50%; background: #fff; left: 19px; position: absolute; bottom: -2px; content: ""; z-index: 1; }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav li:before { display: none; } }
header nav.navbar ul.navbar-nav li:after { width: 8px; height: 8px; border-radius: 50%; background: #fff; right: 19px; position: absolute; bottom: -2px; content: ""; z-index: 1; }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav li:after { display: none; } }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav li { padding: 5px 0; } }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav li { text-align: center; border-bottom: solid 1px rgba(0, 0, 0, 0.2); } }
header nav.navbar ul.navbar-nav li a { font-size: 19px; color: #5B5B5B; padding: 0; font-family: "Josefin Sans"; position: relative; }
header nav.navbar ul.navbar-nav li a:before { width: 0; left: 0; bottom: -10px; height: 4px; background: #7d2ae8; position: absolute; content: ""; transition: all 0.3s ease-in-out; }
@media only screen and (max-width: 767.98px) { header nav.navbar ul.navbar-nav li a { padding: 7px 10px; display: inline-block; } }
header nav.navbar ul.navbar-nav li:hover a { color: #7d2ae8; }
header nav.navbar ul.navbar-nav li:hover a:before { width: 100%; }
header nav.navbar ul.navbar-nav li.active a { color: #7d2ae8; text-decoration: none; }
header nav.navbar ul.navbar-nav li.active a:before { width: 100%; }

.main-banner { float: left; background: #14ABD1; padding: 70px 0; width: 100%; }
@media only screen and (max-width: 767.98px) { .main-banner { padding: 40px 0; } }
@media only screen and (max-width: 767.98px) { .main-banner.inner-banner .carousel-inner .banner-content { order: 2; } }
.main-banner.inner-banner .carousel-inner .banner-content .carousel-caption { left: 0; }
@media only screen and (max-width: 767.98px) { .main-banner.inner-banner .carousel-inner .banner-image { text-align: center; } }
@media only screen and (max-width: 767.98px) { .main-banner.inner-banner .carousel-inner .banner-image img { float: none; } }
@media only screen and (max-width: 1199.98px) { .main-banner.inner-banner .carousel-inner .banner-image img { max-width: 100%; margin: 0; } }
.main-banner.inner-banner .carousel-inner .carousel-caption { left: 0; max-width: 93%; width: 100%; }
.main-banner.inner-banner .carousel-inner .carousel-caption .vertical-container { width: 100%; }
.main-banner img { float: right; display: block; margin-right: 15px; max-width: 100%; }
@media only screen and (max-width: 1199.98px) { .main-banner img { max-width: 44%; margin: 0 3%; } }
@media only screen and (max-width: 991.98px) { .main-banner img { max-width: 45%; margin: 0 5%; } }
@media only screen and (max-width: 767.98px) { .main-banner img { max-width: 90%; margin: 0 5%; } }
@media only screen and (min-width: 1600px) { .main-banner .carousel-inner .carousel-item { max-width: 1100px; float: none; margin: auto; } }
@media only screen and (min-width: 1600px) { .main-banner .carousel-inner .carousel-item img { margin-right: 0; max-width: 80%; } }
.main-banner .carousel-inner .carousel-item .carousel-caption { max-width: 492px; top: 0; left: 115px; text-align: left; -ms-flex-item-align: center !important; align-self: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
@media only screen and (min-width: 1600px) { .main-banner .carousel-inner .carousel-item .carousel-caption { left: 0; position: static; } }
@media only screen and (max-width: 1199.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption { max-width: 430px; left: 60px; } }
@media only screen and (max-width: 991.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption { max-width: 300px; left: 60px; } }
@media only screen and (max-width: 767.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption { position: static; left: auto; max-width: 100%; top: auto; width: 100%; float: left; padding: 0 3%; text-align: center; } }
.main-banner .carousel-inner .carousel-item .carousel-caption h5 { font-family: "Bebas Neue"; font-size: 50px; color: #fff; line-height: 66px; text-shadow: 2px 2px rgba(0, 0, 0, 0.4); text-align: left; }
@media only screen and (max-width: 991.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption h5 { text-align: left; font-size: 34px; line-height: 44px; margin-top: 15px; margin-bottom: 0; width: 100%; float: left; } }
@media only screen and (max-width: 767.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption h5 { text-align: center; font-size: 33px; line-height: 45px; } }
.main-banner .carousel-inner .carousel-item .carousel-caption p { font-family: "Open Sans Semibold"; font-size: 26px; color: #fff; line-height: 40px; text-shadow: 2px 2px rgba(0, 0, 0, 0.4); text-align: left; }
.main-banner .carousel-inner .carousel-item .carousel-caption p span { font-family: "Julietta Messie"; clear: both; font-size: 3rem; }
@media only screen and (max-width: 991.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption p { text-align: left; font-size: 21px; line-height: 31px; } }
@media only screen and (max-width: 767.98px) { .main-banner .carousel-inner .carousel-item .carousel-caption p { text-align: center; font-size: 20px; line-height: 30px; width: 100%; float: left; } }

main .crm-hightlights { text-align: center; padding: 100px 0; background-color: #FBFBFB; }
@media only screen and (max-width: 991.98px) { main .crm-hightlights { padding: 3rem 0; } }
main .crm-hightlights .icon-container { width: calc(100%/5 - 30px); margin: 0 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); padding: 57px 35px; border-radius: 5px; text-align: center; float: left; position: relative; background: #fff; margin-top: 25px; }
@media only screen and (max-width: 1199.98px) { main .crm-hightlights .icon-container { width: calc(100%/3 - 30px); } }
@media only screen and (max-width: 991.98px) { main .crm-hightlights .icon-container { width: calc(100%/3 - 30px); } }
@media only screen and (max-width: 767.98px) { main .crm-hightlights .icon-container { width: calc(100%/2 - 30px); } }
@media only screen and (max-width: 575.98px) { main .crm-hightlights .icon-container { width: calc(100%/1 - 30px); } }
main .crm-hightlights .icon-container:before { width: 100%; height: 5px; background: #7d2ae8; content: ""; position: absolute; left: 0; bottom: 0; }
main .crm-hightlights .icon-container:before:hover { width: 1; }
main .crm-hightlights .icon-container img { display: inline-block; }
main .crm-hightlights .icon-container h5 { float: left; width: 100%; font-size: 19px; font-family: "Open Sans Semibold"; margin-top: 15px; text-align: center; margin-bottom: 0; }
@media only screen and (max-width: 1199.98px) { main .crm-hightlights .icon-container br { display: none; } }
main .rglms-section .section-heading { font-size: 28px; }
main .rglms-section .sub-heading { letter-spacing: 0; margin-bottom: 45px; }
main .rglms-section .container { max-width: 1080px; }
main .rglms-section .container .rglms-content { width: 100%; float: left; }
@media only screen and (max-width: 575.98px) { main .rglms-section .container .rglms-content { margin-top: 10px; order: 1; } }
@media only screen and (max-width: 767.98px) { main .rglms-section .container .rglms-content .left-content { margin-top: 30px; order: 3; padding-left: 15px; } }
main .rglms-section .container .rglms-content .left-content ul { margin: 0; padding: 0; width: 100%; float: left; list-style: none; }
@media only screen and (max-width: 767.98px) { main .rglms-section .container .rglms-content .left-content ul { column-count: 2; } }
@media only screen and (max-width: 575.98px) { main .rglms-section .container .rglms-content .left-content ul { column-count: 1; } }
main .rglms-section .container .rglms-content .left-content ul li { float: left; width: 100%; margin-bottom: 20px; position: relative; padding-left: 30px; }
@media only screen and (max-width: 767.98px) { main .rglms-section .container .rglms-content .left-content ul li { float: none; } }
@media only screen and (max-width: 575.98px) { main .rglms-section .container .rglms-content .left-content ul li { float: left; margin-bottom: 15px; } }
main .rglms-section .container .rglms-content .left-content ul li:before { position: absolute; left: 0; top: 5px; background-image: url(images/start-bullet.png); background-position: left top; background-repeat: no-repeat; width: 18px; height: 18px; content: ""; }
main .rglms-section .container .rglms-content .left-content ul li a { color: #5B5B5B; font-family: "Open Sans Semibold"; font-size: 20px; }
@media only screen and (max-width: 575.98px) { main .rglms-section .container .rglms-content .left-content ul li a { font-size: 18px; } }
main .rglms-section .right-section { padding: 0; }
@media only screen and (max-width: 767.98px) { main .rglms-section .right-section { padding: 0 15px; text-align: center; } }
main .our-campaign { padding-top: 50px; padding-bottom: 0; }
main .our-campaign .section-heading { font-size: 28px; }
main .our-campaign .rglms-content { float: left; width: 100%; margin-top: 35px; }
@media only screen and (max-width: 991.98px) { main .our-campaign .rglms-content .right-section { display: flex; align-items: center; } }
@media only screen and (max-width: 767.98px) { main .our-campaign .rglms-content .right-section { text-align: center; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; } }
main .our-campaign ul { margin: 0 0 0 38px; padding: 0; width: 100%; float: left; list-style: none; }
@media only screen and (max-width: 767.98px) { main .our-campaign ul { margin-left: 0; } }
main .our-campaign ul li { float: left; width: 100%; margin-bottom: 20px; position: relative; padding-left: 30px; }
@media only screen and (max-width: 575.98px) { main .our-campaign ul li { margin-bottom: 15px; } }
main .our-campaign ul li:last-child { margin-bottom: 0; }
main .our-campaign ul li:before { position: absolute; left: 0; top: 5px; background-image: url(images/start-bullet.png); background-position: left top; background-repeat: no-repeat; width: 18px; height: 18px; content: ''; }
main .our-campaign ul li a { color: #5B5B5B; font-family: "Open Sans Semibold"; font-size: 20px; }
@media only screen and (max-width: 575.98px) { main .our-campaign ul li a { font-size: 18px; } }
main .contactus .section-heading, main .contactus .sub-heading { text-align: left; }
@media only screen and (max-width: 767.98px) { main .contactus .section-heading, main .contactus .sub-heading { text-align: center; } }
@media only screen and (max-width: 767.98px) { main .contactus .contact-image { text-align: center; } }
main .contactus .section-heading { font-size: 28px; line-height: 38px; }
main .contactus .sub-heading { font-size: 18px; }

.about-banner { float: left; background: #14abd1; padding: 70px 0; width: 100%; text-align: center; }
.about-banner h4 { color: #fff; font-family: "Julietta Messie"; font-size: 4rem; margin-bottom: 0; }

main .aboutus { float: left; width: 100%; }
main .aboutus .section { padding: 0 0 100px 0; }
@media only screen and (max-width: 991.98px) { main .aboutus .section { padding: 0 0 50px 0; } }
@media only screen and (max-width: 767.98px) { main .aboutus .section { padding: 0 0 30px 0; } }
main .aboutus .section:first-child { padding-top: 100px; }
@media only screen and (max-width: 767.98px) { main .aboutus .section:first-child { padding-top: 50px; } }
@media only screen and (max-width: 767.98px) { main .aboutus .section:first-child { padding-top: 50px; } }
main .aboutus strong { font-family: "Open Sans Bold"; }
main .aboutus .founders .founder-list { float: left; width: 100%; margin-top: 30px; }
main .aboutus .founders .founder-list .founder-detail { text-align: center; }
@media only screen and (max-width: 991.98px) { main .aboutus .founders .founder-list .founder-detail { margin-bottom: 30px; } }
@media only screen and (max-width: 991.98px) { main .aboutus .founders .founder-list .founder-detail:nth-last-child(2) { margin-bottom: 0; } }
@media only screen and (max-width: 575.98px) { main .aboutus .founders .founder-list .founder-detail:nth-last-child(2) { margin-bottom: 30px; } }
@media only screen and (max-width: 991.98px) { main .aboutus .founders .founder-list .founder-detail:last-child { margin-bottom: 0; } }
main .aboutus .founders .founder-list .founder-detail figure { float: left; width: 100%; text-align: center; }
main .aboutus .founders .founder-list .founder-detail figure img { width: 235px; height: 235px; border-radius: 50%; border: solid #14ABD1 4px; object-fit: cover; object-position: center top; }
@media only screen and (max-width: 1199.98px) { main .aboutus .founders .founder-list .founder-detail figure img { max-width: 200px; max-height: 200px; } }
main .aboutus .founders .founder-list .founder-detail h5 { color: #14ABD1; font-size: 24px; margin-bottom: 0; }
@media only screen and (max-width: 1199.98px) { main .aboutus .founders .founder-list .founder-detail h5 { font-size: 20px; } }
main .aboutus .founders .founder-list .founder-detail .designation { font-size: 17px; font-family: "Open Sans Semibold"; }
main .aboutus .founders .founder-list .founder-detail ul { padding: 0; width: auto; display: inline-block; }
@media only screen and (max-width: 991.98px) { main .aboutus .founders .founder-list .founder-detail ul { margin-bottom: 20px; } }
main .aboutus .founders .founder-list .founder-detail ul li { text-align: left; font-size: 16px; font-family: "Open Sans Semibold"; list-style-position: inside; }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation { text-align: center; } }
main .aboutus .expectation .section-heading { text-align: left; }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation .section-heading { text-align: center; margin-top: 30px; } }
main .aboutus .expectation .sub-heading { text-align: left; }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation .sub-heading { text-align: center; } }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation img { max-width: 60%; } }
@media only screen and (max-width: 575.98px) { main .aboutus .expectation img { max-width: 280px; } }
main .aboutus .expectation p { font-size: 16px; font-family: "Open Sans Semibold"; color: #5B5B5B; line-height: 30px; }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation p { text-align: center; } }
main .aboutus .expectation p:last-child { margin-bottom: 0; }
main .aboutus .expectation ul { margin: 0; float: left; width: 100%; list-style: none; padding-left: 0; }
@media only screen and (max-width: 767.98px) { main .aboutus .expectation ul { float: none; width: auto; display: inline-block; } }
main .aboutus .expectation ul li { text-align: left; font-size: 17px; font-family: "Open Sans Semibold"; line-height: 30px; margin-bottom: 20px; position: relative; padding-left: 30px; }
main .aboutus .expectation ul li:before { background-image: url(images/checked.svg); position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background-size: cover; content: ""; }
main .aboutus .expectation ul li.highlight:before { background-image: url(images/red-checked.png); position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background-size: cover; content: ""; }
@media only screen and (max-width: 991.98px) { main .aboutus .epic-values br { display: none; } }
main .aboutus .epic-values .epic-list { float: left; width: 100%; margin-top: 40px; }
main .aboutus .epic-values .epic .card { border: 0; border-radius: 0; margin-bottom: 40px; }
@media only screen and (max-width: 767.98px) { main .aboutus .epic-values .epic .card { text-align: center; } }
@media only screen and (max-width: 991.98px) { main .aboutus .epic-values .epic .card img { width: 70px; } }
@media only screen and (max-width: 767.98px) { main .aboutus .epic-values .epic .card img { margin-bottom: 10px; width: 80px; } }
main .aboutus .epic-values .epic .card .card-body { padding-top: 0; padding-bottom: 0; }
main .aboutus .epic-values .epic .card .card-body .card-title { font-size: 20px; color: #14ABD1; margin-bottom: 0; }
main .aboutus .epic-values .epic .card .card-body .card-text { font-family: "Open Sans Semibold"; }
main .aboutus .epic-values .epic:last-child .card { margin-bottom: 0; }
main .aboutus .epic-values .epic:last-child(2) .card { margin-bottom: 0; }
main .aboutus .contactus { padding-bottom: 30px; }
@media only screen and (max-width: 767.98px) { main .aboutus .contactus { padding-bottom: 0; } }

main .plans { float: left; width: 100%; padding-bottom: 0; }
main .plans .pricing-plans { margin-top: 80px; float: left; }
@media only screen and (max-width: 767.98px) { main .plans .pricing-plans { margin-top: 30px; } }
main .plans .pricing-plans .plans-description { float: left; width: 100%; background-color: #fff; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16); height: 100%; }
main .plans .pricing-plans .plans-description .plan-description { padding: 25px 12px 50px 26px; float: left; width: 100%; }
@media only screen and (max-width: 1199.98px) { main .plans .pricing-plans .plans-description .plan-description { padding: 25px 15px 50px 26px; } }
main .plans .pricing-plans .plans-description .plan-description ul { margin: 0; padding: 0; float: left; width: 100%; list-style: none; }
main .plans .pricing-plans .plans-description .plan-description ul li { position: relative; float: left; width: calc(100% - 22px); font-size: 15px; font-family: "Open Sans Regular"; line-height: 26px; color: #5b5b5b; margin-bottom: 25px; padding-left: 22px; }
main .plans .pricing-plans .plans-description .plan-description ul li:before { content: ""; position: absolute; left: 0; top: 9px; background-image: url(images/listing-bullet.png); width: 14px; height: 10px; }
main .plans .pricing-plans .plans-description .plan-description ul li:last-child { margin-bottom: 0; }
main .plans .pricing-plans .plans-description .plan-description ul li strong, main .plans .pricing-plans .plans-description .plan-description ul li b { font-family: "Open Sans Bold"; }
main .plans .pricing-plans .plans-description .plan-heading { background-color: #14ABD1; float: left; width: 100%; text-align: center; padding: 35px 37.2px; background-image: url(images/plan-bg.png); background-repeat: no-repeat; background-position: center calc(100% + 1px); padding-bottom: 37px; background-size: 105%; }
main .plans .pricing-plans .plans-description .plan-heading h3 { color: #fff; font-family: "Bebas Neue"; font-size: 40px; float: left; width: 100%; }
main .plans .pricing-plans .plans-description .plan-heading p { color: #fff; font-family: "Open Sans Regular"; font-size: 14px; float: left; width: 100%; }
main .plans .pricing-plans .plans-description .plan-heading p a { background: #fff; color: #14ABD1; font-family: "Open Sans Semibold"; font-size: 16px; display: inline-block; border-radius: 5px; padding: 12px 31px; border: solid 2px #14ABD1; margin-bottom: 20px; transition: all 0.3s ease-in-out; }
@media only screen and (max-width: 767.98px) { main .plans .pricing-plans .plans-description .plan-heading p a { margin-bottom: 60px; } }
@media only screen and (max-width: 575.98px) { main .plans .pricing-plans .plans-description .plan-heading p a { margin-bottom: 20px; } }
main .plans .pricing-plans .plans-description .plan-heading p a:hover { background: #14ABD1; border: solid 2px #fff; color: #fff; }
main .plans .pricing-plans .pro .plans-description { position: relative; }
main .plans .pricing-plans .pro .plans-description:before { content: ""; width: 100%; height: 60px; background-color: #00F4C3; position: absolute; left: 0; top: 0; transform: translateY(-40px); padding-bottom: 67px; }
@media only screen and (max-width: 991.98px) { main .plans .pricing-plans .pro .plans-description:before { display: none; } }
main .plans .pricing-plans .pro .plans-description .plan-description ul { transform: translateY(-40px); }
@media only screen and (max-width: 991.98px) { main .plans .pricing-plans .pro .plans-description .plan-description ul { transform: translateY(0px); } }
@media only screen and (max-width: 767.98px) { main .plans .pricing-plans .pro { margin: 30px 0; } }
main .plans .pricing-plans .pro .plan-heading { background-color: #00F4C3; transform: translateY(-40px); padding: 35px 27.2px; padding-bottom: 66px; }
@media only screen and (max-width: 991.98px) { main .plans .pricing-plans .pro .plan-heading { transform: translateY(0px); padding-bottom: 20px; } }
main .plans .pricing-plans .pro .plan-heading p { font-size: 17px; }
main .plans .pricing-plans .pro .plan-heading p a { color: #00F4C3; border: solid 2px #00F4C3; margin-bottom: 28px; }
@media only screen and (max-width: 991.98px) { main .plans .pricing-plans .pro .plan-heading p a { margin-bottom: 35px; } }
@media only screen and (max-width: 767.98px) { main .plans .pricing-plans .pro .plan-heading p a { margin-bottom: 60px; } }
@media only screen and (max-width: 575.98px) { main .plans .pricing-plans .pro .plan-heading p a { margin-bottom: 35px; } }
main .plans .pricing-plans .pro .plan-heading p a:hover { background: #00F4C3; border: solid 2px #fff; color: #fff; }
@media only screen and (max-width: 991.98px) { main .plans .pricing-plans .all-inclusive { margin: 30px 0 0; } }
@media only screen and (max-width: 575.98px) { main .plans .pricing-plans .all-inclusive { margin: 0; } }
main .plans .plan-detailS { float: left; width: 100%; margin-top: 60px; }
main .plans .plan-detailS .table thead th { font-size: 16px; font-family: "Open Sans Semibold"; background-color: #eafcf8; color: #14ABD1; padding: 19px ​40px !important; border-right: solid 1px #d7d7d7; text-align: center; text-transform: uppercase; padding: 19px 40px; width: 18%; }
main .plans .plan-detailS .table thead th:first-child { border-left: solid 1px #d7d7d7; text-align: left; width: 46%; text-transform: capitalize; }
main .plans .plan-detailS .table tr:last-child td { border-bottom: solid 1px #d7d7d7; }
main .plans .plan-detailS .table td { width: 18%; }
main .plans .plan-detailS .table td:first-child { border-left: solid 1px #d7d7d7; text-align: left; width: 46%; }
main .plans .plan-detailS .notavail { background-image: url(images/remove.svg); background-position: center center; background-repeat: no-repeat; }
main .plans .plan-detailS .avail { background-image: url(images/check.svg); background-position: center center; background-repeat: no-repeat; }

.notavail { background-image: url(images/remove.svg); background-position: center center; background-repeat: no-repeat; padding: 30px 40px; border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7; }

.avail { background-image: url(images/check.svg); background-position: center center; background-repeat: no-repeat; padding: 30px 40px; border-left: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; }

.plan-details { float: left; width: 100%; margin-top: 60px; font-size: 14px; font-family: "Open Sans Regular"; line-height: 26px; margin-bottom: 10px; border: solid 1px #d7d7d7; color: #5b5b5b; text-align: left; }
@media only screen and (max-width: 767.98px) { .plan-details { margin-top: 25px; } }
.plan-details#tresult .heading { display: block; }
.plan-details .plan-availability { transition: all 1s ease-in-out; }
@media only screen and (max-width: 767.98px) { .plan-details .plan-availability { display: none; transition: all 1s ease-in-out; } }
.plan-details .plan-availability.open { transition: all 1s ease-in-out; }
@media only screen and (max-width: 767.98px) { .plan-details .plan-availability.open { display: block; } }
.plan-details .col-4 { display: flex; align-items: center; justify-content: center; border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7; }
@media only screen and (max-width: 767.98px) { .plan-details .col-4 { border-left: 0; } }
.plan-details .heading { background-color: #ebfdf9; font-size: 16px; color: #14ABD1; font-family: "Open Sans Bold"; padding: 22px 30px; text-transform: uppercase; border-bottom: solid 1px #d7d7d7; border-left: solid 1px #d7d7d7; }
@media only screen and (max-width: 767.98px) { .plan-details .heading { border: 0; display: none; padding: 15px 30px 15px 15px; } }
@media only screen and (max-width: 767.98px) { .plan-details .heading.plan-name { display: block; } }
@media only screen and (max-width: 767.98px) { .plan-details .heading.plan-name:before { content: "+"; position: absolute; right: 15px; font-size: 30px; top: 50%; transform: translateY(-50%); text-align: center; line-height: 16px; color: #5B5B5B; } }
@media only screen and (max-width: 767.98px) { .plan-details .heading.plan-name.active:before { content: "X"; font-size: 20px; color: #5B5B5B; } }
.plan-details .plan-desc { display: flex; align-items: center; text-align: left; padding: 30px 40px; border-bottom: solid 1px #d7d7d7; }
@media only screen and (max-width: 767.98px) { .plan-details .plan-desc { padding: 20px 15px; padding-bottom: 0; border-bottom: solid 0 #d7d7d7; font-family: "Open Sans Semibold"; } }

main .error { padding: 8rem 2rem; text-align: center; float: left; width: 100%; }
main .error .error-cont { max-width: 500px; display: inline-block; }
main .error p { text-transform: uppercase; font-weight: bold; margin-bottom: 30px; }
main .error .review-btn { background: #14ABD1; padding: 13px 25px 10px 25px; border-radius: 5px; display: inline-block; color: #fff; font-weight: normal; font-size: 16px; transition: all .3s ease-in-out; }
main .error .review-btn:hover { background: #5B5B5B; }

main .common-page { float: left; width: 100%; padding: 60px 0; }
main .common-page h1 { margin-bottom: 30px; }
main .common-page .section-heading { margin-bottom: 30px; }
main .common-page h1, main .common-page h2, main .common-page h3, main .common-page h4, main .common-page h5 { color: #14ABD1; font-family: "Josefin Sans"; float: left; font-weight: 600; width: 100%; margin-bottom: 0; letter-spacing: 1px; margin-bottom: 0px; }
@media only screen and (max-width: 767.98px) { main .common-page h1, main .common-page h2, main .common-page h3, main .common-page h4, main .common-page h5 { font-size: 28px; } }
main .common-page h2, main .common-page h3, main .common-page h4, main .common-page h5, main .common-page h6 { color: #5B5B5B; }
main .common-page p { font-size: 16px; font-family: "Open Sans Regular"; line-height: 26px; color: #5b5b5b; margin-bottom: 30px; }
main .common-page ul { margin-bottom: 20px; display: inline-block; }
main .common-page ul li { font-size: 16px; font-family: "Open Sans Regular"; line-height: 26px; color: #5b5b5b; margin-bottom: 15px; }
main .common-page a { color: #5B5B5B; }

footer { padding: 40px 0; float: left; width: 100%; background: #14abd1; margin-top: 50px; }
footer ul { list-style: none; float: left; width: 100%; margin: 0; padding: 0; }
footer ul li { float: left; width: 100%; margin-bottom: 13px; }
footer ul li a { float: left; width: 100%; font-size: 16px; font-family: "Open Sans Regular"; line-height: 27px; color: #fff; }
footer ul li:hover a { color: #fff; }
footer .footer-logo { border-right: solid 1px #fff; }
@media only screen and (max-width: 575.98px) { footer .footer-logo { border-right: solid 0 #fff; border-bottom: solid 1px #fff; margin-bottom: 1rem; } }
footer .footer-logo img { margin-top: 2rem; }
@media only screen and (max-width: 575.98px) { footer .footer-logo img { margin-top: 0; margin-bottom: 1rem; } }
footer .footer-social ul li a i { background-color: #fff; width: 27px; height: 27px; float: left; text-align: center; line-height: 24px; border-radius: 50%; margin-right: 14px; }

.copyright { float: left; width: 100%; padding: 15px 0; font-size: 14px; color: #fff; background-color: #118CAB; font-family: "Open Sans Regular"; }
@media only screen and (max-width: 767.98px) { .copyright { text-align: center; } }
.copyright ul { list-style: none; float: right; margin: 0; padding: 0; }
@media only screen and (max-width: 767.98px) { .copyright ul { display: inline-block; float: none; } }
.copyright ul li { float: left; }
.copyright ul li a { color: #fff; font-size: 14px; padding: 0 17px; }
.copyright ul li:first-child a { border-right: solid 1px #fff; }

/*# sourceMappingURL=style.css.map */