:root {
    --primaryColor: #f54b1e;
    --darkGrey: #1e1928;
	--deepGrey: #555055;
	--mediumGrey: #8c8282;
	--lightGrey: #f5ebe1;
	--lighter: #fffaf0;
    --whiteColor: #FFFFFF;
    --yellowbuttonColor: #FFCB31;
	--primaryFontfamily: "Ledger", serif;
	--secondaryFontfamily: "Archivo", sans-serif;
	--Fontawesome: 'FontAwesome';
	--paragraphFontsize: 1rem;
}

/* New btn & Text css */
.btn.primary-btn {
  background-color: var(--primaryColor);
  color: var(--lightGrey);
  transition: all 0.3s ease-in;
}
.primary-btn:focus,
.primary-btn:hover,
:not(.btn-check) + .btn:active {
  box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, 0.2),
    0 0.5rem 1rem -0.75rem rgba(22, 28, 45, 0.2);
  transition: all 0.3s ease-in;
}
.btn.lighter-btn {
  background-color: var(--lighter);
  color: var(--primaryColor);
  transition: all 0.3s ease-in;
}
.btn.lighter-btn:focus,
.btn.lighter-btn:hover,
:not(.btn-check) + .btn:active {
  box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, 0.2),
    0 0.5rem 1rem -0.75rem rgba(22, 28, 45, 0.2);
  transition: all 0.3s ease-in;
}
.line-btn {
  color: var(--darkGrey);
  border-radius: 10px;
  border: 1px solid #1e1928;
  background: transparent;
  transition: all 0.3s ease-in;
}
.line-btn:hover {
  color: #fff;
  border: 1px solid #f54b1e;
  background: var(--primaryColor);
  transition: all 0.3s ease-in;
}
.primary-text {
  color: var(--primaryColor) !important;
}
.darkGrey-text {
  color: var(--darkGrey) !important;
}
.deepGrey-text {
  color: var(--deepGrey) !important;
}
.mediumGrey-text {
  color: var(--mediumGrey) !important;
}
.lightGrey-text {
  color: var(--lightGrey) !important;
}
.lighter-text {
  color: var(--lighter) !important;
}
/* /. */

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

* { margin: 0; padding: 0 }

body { box-sizing: border-box; font-family: var(--secondaryFontfamily); line-height: 1.8; font-size: 16px; color: var(--deepGrey); font-weight: 500; overflow-x: hidden }

h1, h2, h3, h4, h5, h6 {font-family: var(--primaryFontfamily); font-weight: 400; color: var(--darkGrey) }

.color-highlight {color: var(--yellowbuttonColor);}

.brandEntity {font-weight: 500;}

@media (min-width:960px) {

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {

        display: flex;

        justify-content: center;

        align-items: center

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

        margin: 0 !important;

        position: relative;

        top: -5px;

        left: 10px

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {

        position: relative;

        right: -10px

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {

        margin: 0 !important

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {

        margin: 0 !important;

        font-size: 18px !important;

        line-height: 1.4 !important

    }

}


@media(max-width:959px) {

    div#hs-eu-cookie-confirmation {

        top: auto !important;

        bottom: 0;

        position: fixed !important;

        text-align: center !important

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {

        flex-direction: column;

        text-align: center !important

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {

        font-size: 18px !important;

        line-height: 1.4 !important;

        text-align: center !important;

        float: none !important

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

        text-align: center !important;

        float: none !important

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {

        text-align: center !important;

        float: none !important

    }

    body div#hs-eu-cookie-confirmation {

        position: fixed;

        bottom: 0;

        top: inherit

    }

    body div#hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {

        text-align: center

    }

    #hs-eu-cookie-confirmation-inner p {

        text-align: center !important;

        font-size: 18px !important;

        line-height: 1.4 !important

    }

    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {

        padding: 20px 14px !important

    }

    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

        float: none;

        text-align: center !important;

        margin: 0 auto !important;

        display: block

    }

    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {

        padding: 6px 10px !important

    }

    #hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button {

        float: none;

        text-align: center !important;

        display: inline-block !important;

        margin: 0 auto;

        width: 65px !important;

        margin-top: 9px

    }


}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle, button.navbar-toggle.collapsed {

    border-radius: 0

}

.cenNav {

    float: left;

    width: 100%

}
.cenNav .navbar-fixed-top.cnetCusNav .navbar-brand{
    background: url(../images/ezeecentrix-logo-white.svg) no-repeat left center;
    width: 270px;
    height: 70px;
    margin: 0;
    max-width: 100%;
    background-size: 90%;
    padding: 0;
}
.cenNav .navbar-fixed-top .navbar-brand{
    background: url(../images/ezeecentrix-logo.svg) no-repeat left center;
    width: 270px;
    height: 70px;
    margin: 0;
    max-width: 100%;
    background-size: 100%;
    padding: 0;
}
.navbar-brand{
    height: 70px;
}

.cenNav .navbar-brand {

    /*height: auto;

    padding: 13px 15px 12px*/

}
.cenNav .navbar-brand img {

    /*max-width: 44px;

    display: inline-block;

    vertical-align: middle*/

}

.cenNav .navbar-brand .navbar-brand-text {

    /*font-weight: 400;

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    font-size: 26px;

    color: var(--primaryColor);

    margin-top: 5px;

    letter-spacing: .05em*/

}

.cenNav .navbar-brand .navbar-brand-text small {

    /*display: block;

    font-size: 11px;

    font-weight: 300;

    color: #272727;

    padding-left: 2px;

    letter-spacing: .04em*/

}

.cenNav .navbar-default {

    margin: 0;

    background-color: #fff;

    border: 0;

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    transition: all ease .2s;

    -webkit-transition: all ease .3s

}

.cenNav .navbar-nav>li>a {

    padding: 25px 0;

    margin-left: 15px;

    color: var(--darkGrey);

}

.cenNav .navbar-nav>li:first-of-type>a {

    margin-left: 0

}
.cenNav .navbar-nav>li.disnone.trialnone {

    margin: 11px 10px

}
.cenNav .navbar-nav>li>form {

    margin: 0;

    padding: 0

}

.cenNav .navbar-nav .dropdown.open>a {

    color: var(--primaryColor);

    background-color: rgba(0, 0, 0, 0)

}

/* 
.cenNav .cnetCusNav .navbar-nav .dropdown.open>a {

    color: var(--primaryColor);

} */


.cenNav .cnetCusNav .navbar-nav .dropdown.open>a {

    color: var(--whiteColor)!important;

} 

 .cenNav .navbar-fixed-top .navbar-nav .dropdown.open>a {

    color: var(--primaryColor);

}

.dropdown-menu {

    border: 0

}

.navbar-nav>li>.dropdown-menu {

    border-radius: 0;

    display: block;

    transform: scale(0);

    transform-origin: top right;

    -webkit-transform-origin: top right;

    transition: all cubic-bezier(0, 1.15, 1, 1) .2s;

    -webkit-transition: all cubic-bezier(0, 1.15, 1, 1) .2s

}

.navbar-nav>li>.dropdown-menu::after {

    content: '';

    position: absolute;

    right: 20px;

    top: -16px;

    height: 0;

    width: 0;

    border-width: 8px;

    border-style: solid;

    border-color: transparent transparent #fff transparent

}

.dropdown.open .dropdown-menu {

    transform: scale(1)

}

.dropdown-menu>li>a {

    padding: 10px 20px

}

.cenNav .cnetCusNav .navbar-nav>li>a {

    color: var(--darkGrey)

}

.cenNav .cnetCusNav .navbar-nav li a.callnow {line-height: 2.5;}

.cenNav .navbar-default a.tollfree.callnow {line-height: 2.5;box-shadow: none;}

nav.navbar.navbar-default.navbar-fixed-top ul.dropdown-menu.tolldown:after {

    display: none

}

nav.navbar.navbar-default.navbar-fixed-top.cnetCusNav ul.dropdown-menu.tolldown:after {

    display: block

}

.cenNav .cnetCusNav .navbar-brand .navbar-brand-text {

    color: #fff

}

.cenNav .cnetCusNav .navbar-brand .navbar-brand-text small {

    color: rgba(255, 255, 255, .8)

}

.cenNav .cnetCusNav .btn-primary {

    background: 0 0;

    box-shadow: none;

    border: 1px solid #fff

}

.cenNav .cnetCusNav {

    background: 0 0;

    box-shadow: none

}

.cenNav .cnetCusNav .navbar-nav>li>a, .cenNav .cnetCusNav .tollfree .tollnumber, .cenNav .cnetCusNav .tollfree .tollnumber a, .cenNav .cnetCusNav .tollfree .tolltext {

    color: var(--lightGrey);
    font-weight: 500;

}

/* .cenNav .cnetCusNav a.dropdown-toggle.tollfree {

    position: relative;

    border: 1px solid #fff;

    margin-left: 0

} */

.cenNav .cnetCusNav a.tollfree {

    position: relative;

    border: 1px solid var(--lightGrey);

    margin-left: 0;
   
}

/* 
a.dropdown-toggle.tollfree {

    padding: 2px 6px 0 !important;
    margin-top: 12px;
    border: 1px solid rgba(0, 0, 0, .2);
    height: 45px;
    min-width: 165px;
    position: relative;

} */

a.tollfree {
    padding: 2px 6px 0 !important;
    margin-top: 12px;
    border: 1px solid rgba(0, 0, 0, .2);
    height: 45px;
    min-width: 100px;
    position: relative;
    font-size: 15px;
}
 
/* .cenNav .navbar-default a.dropdown-toggle.tollfree {

    margin-left: 0;

}

a.dropdown-toggle.tollfree div.whaviImg {

    position: absolute;

    display: inline-block;

    bottom: 0;

    left: 80px;

    height: 18px;

    width: 35px;

    background-image: url(../images/whatsapp.svg);

    background-repeat: no-repeat;

    background-size: 15px

}
.cnetCusNav a.dropdown-toggle.tollfree div.whaviImg {
   
    filter: brightness(0) invert(1);
}

.cenNav .navbar-default a.dropdown-toggle.tollfree {

    margin-left: 0;

} */

a.tollfree div.whaviImg {

    position: absolute;

    display: inline-block;

    bottom: 0;

    left: 80px;

    height: 18px;

    width: 35px;

    background-image: url(../images/whatsapp.svg);

    background-repeat: no-repeat;

    background-size: 15px

}
.cnetCusNav a.tollfree div.whaviImg {
   
    filter: brightness(0) invert(1);
}
.cenNav .navbar-default a.tollfree {
    margin-left: 0;

}
.text-center {

    text-align: center

}

.cenNav .cnetCusNav .tollfree span.fa.fa-angle-down {

    color: #fff

}

.cenNav .navbar-nav li.dwlicon.playstore {

    margin-left: 15px

}

.cenNav .navbar-nav li.dwlicon a {

    padding: 18px 0;

    margin: 0 5px

}

.cenNav .navbar-nav li.dwlicon a span {

    width: 33px;

    height: 33px;

    display: block

}

.cenNav .navbar .navbar-nav li.dwlicon a span:before {

    content: "";

    width: 90px;

    height: 100px;

    display: block;

    background: url(../images/homesprite.png) no-repeat -1164px 0;

    transform: scale(.34);

    transform-origin: top left

}

.cenNav .navbar .navbar-nav li.dwlicon.playstore a span:before {

    background-position: -1164px 0

}

.cenNav .navbar.cnetCusNav .navbar-nav li.dwlicon.playstore a span:before {

    background-position: -1274px 0

}

.cenNav .navbar .navbar-nav li.dwlicon.itunes a span:before {

    background-position: -1385px 0

}

.cenNav .navbar.cnetCusNav .navbar-nav li.dwlicon.itunes a span:before {

    background-position: -1495px 0

}

.btn {

    border-radius: 0;

    border: 1px solid var(--primaryColor);

    box-shadow: 0 1px 3px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);

    padding: 10px 15px;

    transition: all ease .5s;

    white-space: normal

}

.btn:hover {

    box-shadow: 0 6px 10px rgba(0, 0, 0, .3);

    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .3)

}

.btn-primary {

    background: var(--primaryColor);

    transition: all ease .3s;
    border: 0;

}

.btn-primary:hover {

    background: var(--primaryColor);

    border-color: var(--primaryColor)

}

.btn-primary:focus, .btn-primary.active, .btn-primary:active:focus {

    background: var(--primaryColor);

    border-color: var(--primaryColor);

    outline: 0;

}

form.navbar-form.navbar-left .trial {

    height: 45px;

    line-height: 25px;

    font-size: 15px;

    margin-top: 2px;

    background: var(--yellowbuttonColor);

    border-color: var(--yellowbuttonColor);

    box-shadow: none;
    color: var(--darkGrey);

}

form.navbar-form.navbar-left .trial:focus, form.navbar-form.navbar-left .trial:hover {

    box-shadow: 0 6px 10px rgba(0, 0, 0, .3)

}

.cenNav .cnetCusNav .navbar-nav>li.auditBtn a {

    background: var(--primaryColor);

    border: 1px solid var(--primaryColor);

    color: #fff;

    box-shadow: none

}

.cenNav .cnetCusNav .navbar-nav>li.auditBtn a:focus, .cenNav .cnetCusNav .navbar-nav>li.auditBtn a:hover {

    background: var(--primaryColor);

    border: 1px solid var(--primaryColor);

    color: #fff;

    box-shadow: 0 6px 10px rgba(0, 0, 0, .3)

}

.cenNav .navbar-nav>li.auditBtn {

    margin: 11px 0 0 10px

}

.cenNav .navbar-nav>li.auditBtn a {

    color: #fff;

    background: var(--primaryColor);

    border: 1px solid var(--primaryColor);

    box-shadow: none;

    padding: 10px 15px;

    position: relative;

    line-height: 25px;

    height: 45px;

    font-size: 15px;

    margin-top: 2px;

    text-decoration: none;

    transition: all ease .3s;

    white-space: normal;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    margin-left: 0

}

.cenNav .navbar-nav>li.auditBtn a:focus, .cenNav .navbar-nav>li.auditBtn a:hover {

    color: #fff;

    background: var(--primaryColor);

    border-color: var(--primaryColor);

    box-shadow: 0 6px 10px rgba(0, 0, 0, .3)

}

.cenNav .navbar-nav>li.auditBtn a:before {

    content: "Free";

    position: absolute;

    background: #fed33f;

    top: -7px;

    font-size: 10px;

    color: var(--darkGrey);

    text-align: center;

    line-height: 1;

    border-radius: 3px;

    left: -5px;

    padding: 3px 4px;

    font-weight: 700;

    text-transform: uppercase;

    display: table;

    margin: 0 auto;

    letter-spacing: .05em;

    animation: badgeAnime 5s ease infinite;

    pointer-events: inherit

}

.navbar-nav>li.disnone.auditMobileBtn {

    display: none

}

/* a.dropdown-toggle.tollfree {

    padding: 2px 6px 0 !important;

    margin-top: 12px;

    border: 1px solid rgba(0, 0, 0, .2);

    height: 45px;

    min-width: 165px;

    position: relative

} */

.tollfree .tollnumber {

    font-size: 16px;

    color: #444

}

.tollfree .tollnumber a {

    color: #444

}

.tollfree .tollnumber a:focus, .tollfree .tollnumber a:hover {

    color: #444;

    text-decoration: none;

    outline: 0

}
.tollfree .tolltext {

    display: block;

    font-size: 12px;

    color: #444

}

.tollfree span.fa.fa-angle-down {

    position: absolute;

    top: 15px;

    right: 9px

}

.tolldown li {

    list-style: none;

    padding: 8px 15px;

    position: relative

}

ul.dropdown-menu.tolldown {

    width: 200px

}

ul.dropdown-menu.tolldown:after {

    display: none !important

}

.tollfree:after {

    display: none

}

.tolldown li a, .tolldown li a:focus, .tolldown li a:hover {

    color: #fff;

    background: var(--primaryColor)

}

.tolldown li:first-child {

    border-bottom: 1px solid rgba(0, 0, 0, .2)

}

.tolldown li span {

    display: block;

    font-size: 12px;

    color: rgba(0, 0, 0, .5)

}

ul.nav.navbar-nav.navbar-right {

    margin-right: 10px

}

footer {
    width: 100%;

    position: relative;

    z-index: 10;

    padding-top: 40px;

    background: var(--deepGrey);

    border-top: 1px solid #ddd;

    vertical-align: top;

    display: inline-block;

    margin-top: -7px

}

footer ul {
    margin: 0;

    padding: 0;

    width: 100%

}
footer .products ul.producturl li {

    width: 32%;

}


footer ul li {

    list-style: none;

    width: 100%;

    display: inline-block;

}

footer ul li a {
    color: var(--lightGrey);
    text-decoration: none;
    padding: 5px 0;
    font-size: 15px;
    transition: all ease .3s

}

.ftr_links ul li a:hover {
    text-decoration: none;
    color: var(--primaryColor)

}
.generalForm .hs-form-field .input .hs-input.hs-fieldtype-intl-phone {padding: 0;border: none;}
.generalForm .hs-form-field .input .hs-input.hs-fieldtype-intl-phone select {padding: 13px 15px 9px;}

.generalForm .hs-form-booleancheckbox p {display:inline;}

footer ul li a:focus {
    text-decoration: none;
    color: var(--primaryColor)

}
footer ul li h4 {

    color: var(--lightGrey);

    font-size: 15px;

    font-weight: 500;

    display: inline-block;

    margin: 0 0 10px;
    font-family: var(--secondaryFontfamily);
    /* width: 100% */

}

footer ul li h4 a {
    display: block;
    color: var(--lightGrey);
    transition: all ease .5s;
    font-size: 13px;
    /* width: 100%; */
    font-weight:500;
    line-height: 1.6;

}

footer .connect ul {
    display: flex;
    flex-flow: row wrap;
    flex-direction: column;

}

footer .connect ul li {
    float: none;
    min-height: 55px

}

footer .connect ul li h4 {
    margin-bottom:10px;

    line-height: 1.4;

    font-size: 15px

}

footer .connect ul li h4.whatsappNum a {
    position: relative;

    transition: all .3s ease
}

footer .connect ul li h4.whatsappNum a:focus, footer .connect ul li h4.whatsappNum a:hover {
    text-decoration: none
}

footer .connect ul li h4.whatsappNum a:before {

    content: "";

    font-family: fontawesome;

    margin: 0 6px 0 0;

    line-height: 1;

    position: relative;

    width: 15px;

    height: 15px;

    background: url(../images/whatsapp.svg) no-repeat 0 0;
    

    display: inline-block;

    top: -1px;

    background-size: 15px;

    vertical-align: middle

}
.connect, .products {

    display: inline-block;

    width: 100%

}
.news_wrap {

    display: inline-block;

    width: 100%;

    position: relative;

    margin-bottom: 35px;

    /* border-top: 1px solid rgba(255, 255, 255, .1) */

}

.news_wrap:before {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: #d8d8d8;

    width: 500px;

    height: 2px;

    content: ''

}



.news_box {

    position: relative;

    margin: 0;

    padding: 30px 0 10px;

    text-align: center;

    display: inline-block

}



.navftrmenu {

    position: relative;

    text-align: center;

    margin-bottom: 25px;

    padding-bottom: 25px

}



.navftrmenu li {

    margin: 5px 8px;

    font-size: 14px;

    width: auto

}



.navftrmenu:before {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: #d8d8d8;

    width: 250px;

    height: 2px;

    content: ''

}



.form-group {

    position: relative

}



input#EmailAddress {

    background: #fff;

    color: var(--darkGrey);

    width: 240px;

    height: 40px;

    border: 1px solid #e2e2e2;

    padding-left: 10px

}



.nlsubscribe {

    position: relative;

    margin-bottom: 5px;

    font-size: 14px

}



.nlsubscribe .hs-input {

    border: 1px solid var(--lightGrey);

    padding: 10px 15px;

    border-radius: 0;

    height: auto;

    font-size: 1em;

    line-height: 1.4;

    vertical-align: middle;

    width: 100%;

    outline: 0;

    background: 0 0

}



.nlsubscribe .actions {

    position: absolute;

    right: 0;

    top: 0;

    background: 0 0;

    border: 0;

    width: 60px;

    height: 100%

}



.nlsubscribe .actions .hs-button {

    font-size: 0;

    position: relative;

    z-index: 2;

    background: 0 0;

    border: 0;

    padding: 20px 28px;

    border-radius: 0;

    cursor: pointer

}



.nlsubscribe .actions:before {

    position: absolute;

    top: 0;

    right: 0;

    content: "\f1d8";

    font: normal normal normal 14px/1 FontAwesome;

    color: var(--darkGrey);

    padding: .76em 1.5em;

    font-size: 1em;

    line-height: 1.4;

    background: var(--lightGrey);

    border-radius: 0;

    width: 100%;

    height: 100%

}



.nlsubscribe .hs-email>label {

    display: none

}



.nlsubscribe .hs-error-msgs {

    display: none !important

}



.nlsubscribe .submitted-message p {

    color: #6cde71;

    text-align: center

}



.nlsubscribe .hs_error_rollup .hs-error-msgs {

    display: block !important;

    margin: -2px 0 0;

    padding: 0

}



.nlsubscribe .hs_error_rollup .hs-error-msgs li {

    width: 100%;

    margin: 0

}



.nlsubscribe .hs_error_rollup .hs-error-msgs label {

    padding: 8px 10px;

    margin: 0;

    color: #fff;

    font-size: 13px;

    line-height: 100%;

    font-weight: 400;

    position: relative;

    left: 0;

    top: 0;

    transition: all .3s ease;

    background: #f98181;

    display: block;

    border-radius: 0;

    text-align: center;

    z-index: 2

}



#exitpopup .nlsubscribe {

    max-width: 350px;

    margin: 0 auto 5px

}



#exitpopup .nlsubscribe .hs-input {

    padding: 10px

}



#exitpopup .nlsubscribe .hs_email, .nlsubscribe .hs_email {

    width: calc(100% - 60px)

}



#exitpopup .nlsubscribe .actions {

    width: 60px;

    height: 41px;

    right: 0

}



#exitpopup .nlsubscribe .actions:before {

    padding: 0;

    line-height: 40px;

    width: 60px;

    height: 100%

}



#exitpopup .nlsubscribe .actions .hs-button {

    width: 60px;

    height: 100%;

    padding: 0;

    margin: 0

}



#exitpopup .nlsubscribe .actions .hs-button:focus, .nlsubscribe .actions .hs-button:focus {

    outline: 0;

    outline: 0 auto -webkit-focus-ring-color;

    outline-offset: 0px;

    box-shadow: none

}



h4.footer_head {

    color: var(--lightGrey);

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 15px;
    font-family: var(--secondaryFontfamily);

}



.copy_wrap {

    width: 100%;

    background: var(--deepGrey);
 border-top: 1px solid #898989;

}



.copy_wrap a {

    color: var(--lightGrey)

}



.copy_wrap p {

    font-size: 13px;

    margin: 0;

    color: var(--lightGrey)

}


.social_wrap{
    position: relative;
}

.social_wrap ul{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}

.social_wrap ul li {

    width: auto;

    vertical-align: top

}

.social_wrap a, .social_wrap a:focus, .social_wrap a:hover {

    width: 35px;

    height: 35px;

    float: left;

    text-align: center;

    line-height: 1;

    padding: 10px 0;

    color: #fff;
    position: relative;

    
    
}
.fb {
    
    background: #3b5998
    
}



.tw {
    
    background: var(--darkGrey);
    
}
.social_wrap .tw::before{
    content: "";
    background: url(../images/twitter-icon.svg) no-repeat center;
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
}



.yt {

    background: #e62e27

}



.li {

    background: #0977b5

}



.qr {

    background: #b92b27

}



.ig {

    background: #efe473;

    background: -moz-linear-gradient(45deg, #efe473 0, #fd5949 45%, #d6249f 90%);

    background: -webkit-linear-gradient(45deg, #efe473 0, #fd5949 45%, #d6249f 90%);

    background: linear-gradient(45deg, #efe473 0, #fd5949 45%, #d6249f 90%)

}



a:focus {

    text-decoration: none;

    color: #fff

}



input:focus {

    outline: 0

}



a, a:focus, a:hover {

    text-decoration: none;

    color: var(--primaryColor);

    outline: 0

}



.text-center {

    text-align: center

}



.text-center {

    text-align: center !important

}



.open>.dropdown-menu {

    display: block

}



.select-lang {

    margin-bottom: 20px;

    display: inline-block

}



.select-lang .dropdown-toggle {

    background: 0 0;

    border: 1px solid #535353;

    padding: 10px 15px;

    line-height: 1;

    font-size: 15px

}



.select-lang .dropdown-menu {

    min-width: auto;

    border-radius: 0;

    max-width: 170px

}



.select-lang .dropdown-menu li {

    width: 100%

}



.select-lang .dropdown-menu>li>a {

    padding: 5px 15px;

    font-weight: 400

}



.social-pcilog {

    display: inline-block;

    width: auto;

    float: right;

    margin: 18px

}



.social-pcilog img {

    /* max-width: 100%;

    height: 35px */

}

.social-pcilog { 
    /* width: 250px; */
}
.social-pcilog a {
    margin: 0 3px;
}
.social-pcilog img {

    height: 50px;
}


.copy_outer {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-align-items: center;

    align-items: center

}



.doclinks {

    margin: 0;

    display: table;

    padding: 0 20px;

    width: 54%

}



.docGrid {

    display: flex;

    flex-flow: row wrap;

    align-items: flex-start;

    justify-content: center

}



.docGrid .fhms {

    text-align: center;

    margin: 0 0 10px 10px;

    display: flex;

    flex-flow: column;

    font-size: 18px;

    font-weight: 400;

    color: var(--darkGrey);

    justify-content: center;

    width: calc(50% - 10px)

}



.docGrid .fhms:nth-of-type(2n+1) {

    margin-left: 0

}



.docGrid .fhms a {

    display: flex;

    flex-flow: row;

    align-items: center;

    color: var(--lightGrey);

    background: var(--deepGrey);

    font-size: 16px;

    font-weight: 500;

    text-align: left;

    line-height: 1.4em;

    margin: 0;

    padding: 4px 6px;

    border-radius: 6px;

    border: 1px solid var(--lightGrey);

    transition: all .3s ease

}



.docGrid .fhms a:focus, .docGrid .fhms a:hover {

    border: 1px solid #cdd3d4;

    box-shadow: 0 4px 8px -7px rgba(0, 0, 0, .3)

}



.docGrid .fhms a:focus .fhmsTxt strong, .docGrid .fhms a:hover .fhmsTxt strong {

    color: var(--primaryColor)

}



.docGrid .fhms .fhmsIcn {

    /* background: url(https://www.ezeecentrix.com/images/icons/cmsprite.png) no-repeat -1166px -486px; */

    /* width: 44px;

    height: 37px; */

    display: block;

    margin: 0 10px 0 0;

    /* transform: scale(.8) */

}



.docGrid .fhms.fhmsBrochure .fhmsIcn {

    /* background-position: -1031.75px -482px;

    width: 38.5px;

    height: 44px */

}



.docGrid .fhms.fhmsGuide .fhmsIcn {

    /* background-position: -1100.25px -482px;

    width: 42px;

    height: 44px */

}



.docGrid .fhms.fhmsTour .fhmsIcn {

    /* background-position: -1242px -482px;

    width: 40px;

    height: 44px */

}



.fhmsTxt {

    font-size: 14px;

    font-weight: 400

}



.fhmsTxt strong {

    display: block;

    font-size: 13px

}



.docGrid .fhms .fa {

    font-size: 16px;

    line-height: 1;

    margin: 0;

    position: relative;

    top: 1px

}



.doclinks p {

    line-height: 1.4em;

    margin: 0 0 5px

}



.doclinks p:last-child {

    margin-bottom: 0

}



.doclinks a {

    display: inline-block;

    transition: all .3s ease;

    color: #337ab7

}



.doclinks a:focus, .doclinks a:hover {

    color: var(--primaryColor)

}



.doclinks a .fa {

    margin: 0 2px 0 5px;

    font-size: 14px

}



.appdownload {

    width: 22%;

    display: inline-block;

    position: relative;

    padding: 30px 0 10px;

    text-align: center;

    margin: 0

}



.appdownload h4 {

    color: var(--lightGrey);

    display: block;

    font-size: 16px;

    font-weight: 500;

    line-height: 1.2em;

    margin: 0;

    padding: 0

}



.appdownload img {

    height: 40px

}



.appdownload p {

    display: inline-block;

    margin: 10px 0 16px

}



.news_wrap_outer .news_box h4 {

    font-size: 18px;

    font-weight: 500;

    line-height: 1.2em;

    margin: 0;
    color: var(--lightGrey);

}



.news_wrap_outer {

    display: -webkit-flex;

    display: flex;

    -webkit-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-align-items: center;

    align-items: center;

    padding: 30px 0 0

}



.news_wrap_outer .news_box {

    width: 24%

}



.exitPopup, .exitPopup.modal {

    z-index: 2000000002

}



.popupDesign {

    position: fixed;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 2000000002;

    top: 0;

    left: 0;

    background: #f1f6fd;

    background: -moz-linear-gradient(top, #f1f6fd 0, #fff 60%);

    background: -webkit-linear-gradient(top, #f1f6fd 0, #fff 60%);

    background: linear-gradient(to bottom, #f1f6fd 0, #fff 60%);

    overflow: hidden;

    transform-origin: center top;

    transform: translateY(0)

}



.popupDesign:before {

    content: "";

    position: absolute;

    bottom: -1px;

    left: 0;

    right: 0;

    margin: 0 auto;

    background: url(https://www.ezeecentrix.com/images/curve3.png) no-repeat center bottom;

    background-size: 100% 100%;

    width: 100%;

    height: 100%;

    min-height: 80px;

    max-height: 80px;

    display: block;

    -webkit-transform: scaleX(1.4);

    transform: scaleX(1.4);

    animation: curveMotion 10s ease infinite;

    opacity: .5

}



.pdInner {

    flex-direction: column;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    padding: 0;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 920px;

    position: relative;

    z-index: 10

}



.pdContent h2 {

    font-size: 48px;

    font-weight: 500;

    line-height: 1.4em;

    margin: 15px 0 0;

    color: #222

}



.pdContent p {

    margin: 0;

    font-size: 30px;

    font-weight: 500;

    line-height: 1.4em

}



.exitpopupBtn {

    margin: 50px auto 0;

    background: #4caf50;

    color: #fff;

    padding: 20px 30px;

    border-radius: 4px;

    display: inline-block;

    font-size: 20px;

    line-height: 1;

    font-weight: 400;

    transition: all .3s ease;

    text-decoration: none

}



.pdBtn {

    background: #4caf50;

    color: #fff;

    padding: 20px 40px;

    border-radius: 4px;

    margin: 60px auto 0;

    display: inline-block;

    font-size: 20px;

    line-height: 1;

    font-weight: 500;

    transition: all .3s ease;

    min-width: 210px

}



.pdBtn:focus, .pdBtn:hover {

    background: #389a3c;

    color: #fff;

    text-decoration: none;

    outline: 0

}



.exitpopupBtn:focus, .exitpopupBtn:hover {

    background: #389a3c;

    color: #fff !important;

    text-decoration: none;

    outline: 0

}



.pdClose {

    position: absolute;

    right: 20px;

    top: 20px;

    width: 20px;

    height: 20px;

    transform-origin: center;

    z-index: 11

}



.pdClose:hover {

    animation: rotates .6s ease

}



.pdClose:before {

    content: "";

    width: 25px;

    height: 3px;

    background: #aaa;

    display: block;

    transform: rotate(45deg) translate(5px, 8px);

    transform-origin: center

}



.pdClose:after {

    content: "";

    width: 25px;

    height: 3px;

    background: #aaa;

    display: block;

    transform: rotate(-45deg) translate(-6px, 3px);

    transform-origin: center

}



.pdClose:hover:after, .pdClose:hover:before {

    background: #aaa

}



.pdexitbtn {

    display: block;

    margin: 10px 0 0;

    max-width: 240px;

    text-align: center;

    color: #6d6d6d;

    transition: all .3s ease

}



.pdHighlight {

    color: #ff5722

}



.subscriptionFree .pdContent h2 {

    font-size: 38px;

    font-weight: 500;

    line-height: 1.3em;

    margin: 0 0 20px;

    color: #222

}



.subscriptionFree .pdContent p {

    margin: 0;

    font-size: 32px;

    font-weight: 500;

    line-height: 1.4em

}



.subscriptionFree .pdContent .pdWaitText {

    font-size: 42px;

    font-weight: 500;

    line-height: 1;

    color: #00bcd4;

    letter-spacing: .03em;

    margin: 0 auto 60px;

    display: table;

    position: relative

}



.pdWaitText:before {

    content: "";

    position: relative;

    top: 8px;

    left: 0;

    margin: 0 10px 0 0;

    width: 50px;

    height: 50px;

    background: url(https://www.ezeecentrix.com/images/icons/icn-hold.svg) no-repeat 0 0;

    display: inline-block;

    transform: scale(.8);

    transform-origin: center;

    display: none

}



.subscriptionFree .pdContent .pdWaitText img {

    max-width: 100%;

    max-height: 54px;

    margin-right: 10px

}



.subscriptionFree .pdBtn {

    padding: 20px 60px

}



.popupFree {

    position: absolute;

    bottom: 20px;

    right: -10px;

    z-index: 1;

    width: 250px;

    height: 250px;

    background: url(https://www.ezeecentrix.com/images/icons/popupFree.png) no-repeat;

    display: block;

    transform: scale(.9);

    transform-origin: right bottom;

    opacity: .5

}



.popupContactless {

    position: absolute;

    bottom: 30px;

    right: 10px;

    z-index: 1;

    width: 350px;

    height: 290px;

    background: url(../images/icons/contactless-bookings.png) no-repeat;

    display: block;

    transform: scale(.6);

    transform-origin: right bottom;

    opacity: .5

}



.popupPanorama {

    position: absolute;

    bottom: 30px;

    right: 10px;

    z-index: 1;

    width: 450px;

    height: 450px;

    background: url(https://www.ezeepanorama.com/images/icn-customize.png) no-repeat;

    display: block;

    transform: scale(.6);

    transform-origin: right bottom;

    opacity: .5

}



.popupMint {

    position: absolute;

    bottom: 40px;

    right: 10px;

    z-index: 1;

    width: 400px;

    height: 367px;

    background: url(../images/rmtrainingeC.png) no-repeat;

    display: block;

    transform: scale(.6);

    transform-origin: right bottom;

    opacity: .5

}



.popupDesign.mintLaunchExit {

    background: #fff;

    color: #222

}



.popupDesign.mintLaunchExit:before {

    display: none

}



.popupDesign.mintLaunchExit .pdInner {

    flex-direction: row;

    text-align: initial;

    justify-content: space-between

}



.popupDesign.mintLaunchExit .pdLeft {

    width: 55%

}



.popupDesign.mintLaunchExit .pdRight {

    width: 390px;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.popupDesign.mintLaunchExit .pdRight img {

    max-width: 100%;

}



.popupDesign.mintLaunchExit .pdLeft p {

    margin: 0

}



.popupDesign.mintLaunchExit .pdLeft .mintToptext {

    font-size: 22px;

    font-weight: 500;

    line-height: 1.4

}



.popupDesign.mintLaunchExit .pdLeft .mintMaintitle {

    margin: 30px 0;

    font-size: 32px;

    font-weight: 700;

    line-height: 1.3;

    color: var(--darkGrey);

    letter-spacing: .01em

}



.popupDesign.mintLaunchExit .mintHighlight {

    color: var(--primaryColor);

}



.popupDesign.mintLaunchExit .pdLeft .MintText {

    font-size: 18px;

    font-weight: 400;

    line-height: 1.2;

    padding-right: 10px;

    color: #555;

}



.popupDesign.mintLaunchExit .pdLeft .mintCalendar {

    margin: 40px 0 0;

    font-size: 30px;

    line-height: 1;

    font-weight: 500

}



.popupDesign.mintLaunchExit .pdLeft .mintCalendar span {

    padding: 0 10px

}



.popupDesign.mintLaunchExit .mintGuestsBlock {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    text-align: right;

    max-height: 106px;

    overflow: hidden

}



.popupDesign.mintLaunchExit .mintGuestContent {

    width: calc(100% - 116px)

}



.popupDesign.mintLaunchExit .mintGuestImg {

    width: 96px;

    display: block

}



.popupDesign.mintLaunchExit .mintGuestImg img {

    max-width: 100%

}



.popupDesign.mintLaunchExit .mintGuestTitle {

    font-size: 18px;

    font-weight: 700;

    line-height: 1;

    display: block

}



.popupDesign.mintLaunchExit .mintGuestDesignation {

    font-size: 12px;

    line-height: 1.4;

    font-weight: 500;

    letter-spacing: .03em;

    display: block;

    margin-top: 5px

}



.popupDesign.mintLaunchExit .pdLeft .mintCalendar {

    margin: 40px 0 0;

    font-size: 30px;

    line-height: 1;

    font-weight: 500

}



.popupDesign.mintLaunchExit .pdBtn.mintButton {

    background: var(--primaryColor);

    color: #fff;

    border-radius: 0;

    margin: 30px 0 0;

    font-size: 22px;

    font-weight: 400;

    letter-spacing: .03em;

    line-height: 1;

    padding: 18px 40px;

    transition: all .3s ease;

    box-shadow: none

}



.popupDesign.mintLaunchExit .pdBtn.mintButton:focus, 

.popupDesign.mintLaunchExit .pdBtn.mintButton:hover {

    box-shadow: 0 4px 16px -2px rgb(51 122 183 / 50%);

}



.popupDesign.mintLaunchExit .mintHosts {

    text-align: right;

    margin: 20px 20px 0 0

}



.popupDesign.mintLaunchExit .hostLable {

    position: relative;

    background-color: var(--yellowbuttonColor);

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    line-height: 1;

    padding: 5px;

    border-radius: 4px;

    display: inline-flex;

    align-items: center;

    text-transform: uppercase;

    letter-spacing: .05em;

    margin-bottom: 15px

}



.popupDesign.mintLaunchExit .hostLable:before {

    content: "";

    background: url(../images/mic.svg) no-repeat 0 0;

    width: 18px;

    height: 18px;

    display: inline-block

}



.popupDesign.mintLaunchExit .mintHost {

    margin-bottom: 20px

}



.popupDesign.mintLaunchExit .mintHostTitle {

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    letter-spacing: .03em;

    display: block

}



.popupDesign.mintLaunchExit .mintHostSubtitle {

    display: block;

    margin-top: 5px;

    font-size: 12px;

    line-height: 1;

    font-weight: 500;

    letter-spacing: .03em

}





.popupDesign.mintLaunchExit {

    background: #fff;

    color: #222

}



.popupDesign.mintLaunchExit:before {

    display: none

}







.homePage {

    background: #f1f4f7;

    overflow: hidden

}



.hClientsection, .homebannerSection {

    overflow: hidden

}



.homebannerSection {

    position: relative;

    background: #002533;

    background: -moz-linear-gradient(top, #002533 0, #006f9e 100%);

    background: -webkit-linear-gradient(top, #002533 0, #006f9e 100%);

    background: linear-gradient(to bottom, #002533 0, #006f9e 100%);

    padding: 70px 0 0;

    color: #fff;

    perspective: 100px;

    -webkit-perspective: 100px;

    perspective-origin: center;

    -webkit-perspective-origin: center;

    background: 0 0

}



.homebannerSection:after {

    content: "";

    background: #003a52;

    background: -moz-linear-gradient(top, #002533 0, #006f9e 90%);

    background: -webkit-linear-gradient(top, #002533 0, #006f9e 90%);

    background: linear-gradient(to top, #002533 0, #006f9e 90%);

    width: 100%;

    height: 800px;

    position: absolute;

    left: 0;

    top: 0;

    transform-style: preserve-3d;

    transform: rotateX(165deg);

    transform-origin: center

}



.homebannerTitle {

    color: #fff;

    margin: 0 0 15px;

    font-size: 40px;

    font-weight: 400;

    line-height: 1.2em

}



.homebannerTitle h1 {

    margin: 0;

    font-size: 48px;

    font-weight: 400;

    line-height: 1.3;

    letter-spacing: .03em;

    text-shadow: 0 2px 4px rgba(0, 0, 0, .4)

}



.homebannerTitle .homebannerPoints {

    font-size: 18px;

    font-weight: 400;

    letter-spacing: .1em;

    line-height: 1.2;

    margin: 15px 0 30px;

    display: block;

    color: #8edeff;

    text-transform: uppercase

}



.homebannerImage {

    margin: 50px auto 0

}



.homebannerInner {

    position: relative;

    z-index: 1;

    text-align: center;

    padding: 60px 0 20px

}



.homebannerContent {

    width: 80%;

    margin: 0 auto

}



.homebannerFeatures {

    color: inherit;

    font-size: 17px;

    font-weight: 400;

    line-height: 1;

    position: relative;

    letter-spacing: .03em;

    display: none

}



.homebannerFeatures {

    color: inherit;

    font-size: 17px;

    font-weight: 400;

    line-height: 1;

    position: relative;

    letter-spacing: .03em

}



.homebannerFeatures .hbfText:before {

    content: "•";

    padding-right: 10px

}



.homebannetBtn {

    font-size: 18px;

    font-weight: 500;

    line-height: 1;

    text-align: center;

    vertical-align: middle;

    margin-top: 10px;

    margin-bottom: 0;

    background: var(--yellowbuttonColor);

    color: #fff;

    padding: 20px 30px;

    border: 0;

    transition: all ease .3s;

    

    white-space: normal;

    display: inline-block;

    text-decoration: none;

    /* letter-spacing: .06em; */

    border-radius: 0

}



.homebannetBtn:focus, .homebannetBtn:hover {

    /* background: var(--yellowbuttonColor); */

    color: var(--lightGrey);

    box-shadow: 0 5px 20px -8px rgba(55, 33, 0, .8);

    transition: all ease .3s;

}



.call-bnr-btn {

    display: none !important;

    text-align: left;

    line-height: 1.2;

    background-color: none;

    color: #fff;

    display: inline-block;

    padding: 6px 15px 6px 35px;

    border: 2px solid #fff;

    border-radius: 0;

    position: relative;

    font-size: 16px

}



.call-bnr-btn i {

    position: absolute;

    left: 0;

    top: 0;

    font-size: 29px;

    padding: 6px 10px

}



.call-bnr-btn small {

    display: block;

    font-size: 10px;

    margin-top: 5px

}



.call-bnr-btn:focus, .call-bnr-btn:hover {

    text-decoration: none;

    color: #fff;

    background-color: rgba(0, 0, 0, .2)

}

.smlcallus .contactnumber a {

    color: inherit

}

.homebannerBadges {

    perspective: 100px

}

.homebannerBadgesInner {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    width: 100%;

    margin: 70px auto 0;

    align-items: center;

    background: #fff;

    box-shadow: 0 8px 40px -20px rgba(0, 0, 0, .6);

    transform-style: preserve-3d;

    transform: translate3d(0, -20px, 0);

    border-radius: 0;

    overflow: hidden

}



.hbBadge {

    width: 160px;

    height: 80px;

    display: block;

    background: #fff url(../images/homesprite.png) no-repeat 0 0;

    margin: 10px;

    border-radius: 0

}



.hbBadge.hbBadgeAirbnb {

    background-position: -1220px -350px;

    margin-left: -5px

}



.hbBadge.hbBadgeBooking {

    background-position: -1400px -350px

}



.hbBadge.hbBadgeExpedia {

    background-position: -1580px -350px

}



.hbBadge.hbBadgeAgoda {

    background-position: -1760px -350px

}



.trialReviews {

    padding: 40px 0 60px;

    text-align: center;

    position: relative;

    z-index: 1

}



.trialReviews:after {

    content: "";

    background: #fff;

    width: 100%;

    height: 550px;

    display: block;

    position: absolute;

    bottom: -65%;

    right: 0;

    z-index: -1;

    transform: skewY(-6deg)

}



.trialReviewsOuter {

    position: relative

}



.trialReviewsOuter:before {

    content: "\f10d";

    font-family: fontAwesome;

    font-size: 120px;

    color: rgba(167, 172, 199, .1);

    position: absolute;

    top: 40px;

    left: -70px

}



.trialReviewsOuter .homebtnOuter {

    margin-top: 40px

}



.trialbtnOuter .btn {

    background: var(--primaryColor);

    border: 0;

    box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5);

    padding: 15px 30px

}



.trialReviews .container {

    position: relative;

    z-index: 1

}



.trialReviews-block {

    min-height: 300px

}



#trialReviews.owl-carousel .owl-wrapper-outer {

    min-height: 300px;

    z-index: 1

}



#trialReviews.owl-carousel .owl-wrapper {

    min-height: 300px;

    overflow: hidden

}



#trialReviews.owl-carousel .owl-item {

    min-height: 300px;

    overflow: hidden

}



.trialReviews h2 {

    font-size: 36px;

    font-weight: 400;

    margin: 0 0 40px;

    position: relative;

    letter-spacing: .01em

}



.trialReviews h2 span {

    display: block;

    font-size: 24px;

    margin-bottom: 10px;

    color: var(--primaryColor)

}



#trialReviews {

    position: relative;

    background: #fff;

    width: 100%;

    padding: 30px 50px 50px;

    margin: 0 auto;

    box-shadow: 0 20px 40px -30px rgba(0, 0, 0, .4);

    border-radius: 0

}



.trialReviews-ratings {

    margin: 0 auto 5px

}



.trialReviews-ratings em {

    font-size: 18px;

    margin: 0 5px 0 0;

    color: #f1b400;

    vertical-align: top

}



.trialReviews-ratings em:first-of-type {

    /* margin-left: -5px */

}



.trialReviews-title {

    font-size: 24px;

    font-weight: 400;

    line-height: 1.4em;

    margin: 0 0 15px;

    color: #111

}



p.trialReviews-text {

    margin: 0;

    font-size: 16px

}



p.trialReviews-text strong {

    font-weight: 400;

    color: var(--darkGrey)

}



.trialReviews-user {

    font-size: 18px;

    font-weight: 500;

    line-height: 1;

    margin: 0;

    display: flex;

    flex-flow: row;

    text-align: left;

    justify-content: flex-start;

    align-items: flex-start;

    background: 0 0;

    border: 0

}



.trialReviewsTxt {

    font-size: 18px;

    text-align: left;

    max-width: 150px;

    margin: 0

}



.trialReviewsTxt h4 {

    font-size: 15px;

    font-weight: 500;
    color: var(--darkGrey);

    white-space: nowrap;

    line-height: 1;
    font-family: var(--secondaryFontfamily);

}



.trialReviewsTxt span {

    display: block;

    font-size: 13px;

    margin: 10px 0 0;

    color: var(--deepGrey);

    font-weight: 400;

    letter-spacing: .01em

}



.tiralReviewsImg {

    width: 80px;

    margin: 0 20px 0 0

}



.tiralReviewsImg img {

    max-width: 100%

}



.trialBanner_partners {

    margin: 30px 0 0;

    padding: 0;

    display: flex;

    flex-flow: row wrap;

    align-items: center

}



.tbp-img {

    width: calc(25% - 15px);

    max-width: 175px;

    margin: 0 0 0 20px;

    overflow: hidden

}



.tbp-img img {

    margin: 0

}



.tbp-img:nth-of-type(1) {

    margin-left: 0

}



.tbp-img.tbp-img-capterra, .tbp-img.tbp-img-frontrunner {

    max-height: inherit

}



.tbp-img.tbp-img-customerchoice, .tbp-img.tbp-img-highestquality {

    background: #fff;

    border-radius: 4px

}



.tbp-img iframe#softwaresuggest {

    margin: -8px 0 0 -8px;

    padding: 0;

    border: none;

    box-shadow: none;

    outline: 0;

    pointer-events: none

}



#trialReviews.owl-theme .owl-controls {

    display: block;

    margin: 0 auto !important;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%

}



#trialReviews.owl-theme .owl-controls .owl-page span {

    width: 10px;

    height: 10px;

    margin: 3px;

    background: 0 0;

    border: 2px solid #868997;

    transition: all .5s ease

}



#trialReviews.owl-theme .owl-controls .owl-page.active span, #trialReviews.owl-theme .owl-controls.clickable .owl-page:hover span {

    border-color: var(--primaryColor);

    transform: scale(1.4)

}



#trialReviews.owl-theme .owl-controls .owl-buttons div {

    top: 0;

    opacity: 1;

    padding: 0;

    margin: 0;

    height: 100%;

    font-size: 0;

    transition: all .3s ease;

    background: 0 0;

    line-height: 100%;

    display: flex;

    align-items: center

}



#trialReviews.owl-theme .owl-controls .owl-buttons div:before {

    content: "";

    font-family: fontAwesome;

    font-size: 20px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background: var(--primaryColor);

    display: block;

    transition: all .3s ease

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev {

    left: -20px

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next {

    right: -20px

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev:before {

    content: "\f060";

    transform: scale(1) translateX(-5px);

    opacity: 0

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before {

    transform: scale(1) translateX(0);

    opacity: 1

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next:before {

    content: "\f061";

    transform: scale(1) translateX(20px);

    opacity: 0

}



#trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before {

    transform: scale(1) translateX(15px);

    opacity: 1

}



.otaClientsContainers {

    text-align: center;

    overflow: hidden

}



.homepartner_container {

    padding-bottom: 50px;

    text-align: center;

    overflow: hidden

}



.owl-pagination {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 5px

}



.homepartner_container.owl-theme .owl-controls {

    display: block;

    margin: 0 auto !important;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%

}



.homepartner_container.owl-theme .owl-controls .owl-page span, .otaClientsContainers.owl-theme .owl-controls .owl-page span {

    width: 10px;

    height: 10px;

    margin: 3px;

    background: 0 0;

    border: 2px solid currentColor;

    transition: all .5s ease

}



.homepartner_container.owl-theme .owl-controls .owl-page.active span, .homepartner_container.owl-theme .owl-controls.clickable .owl-page:hover span, .otaClientsContainers.owl-theme .owl-controls .owl-page.active span, .otaClientsContainers.owl-theme .owl-controls.clickable .owl-page:hover span {

    border-color: var(--primaryColor);

    transform: scale(1.4)

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div {

    top: 0;

    opacity: 1;

    padding: 0;

    margin: 0;

    height: 100%;

    font-size: 0;

    transition: all .3s ease;

    background: 0 0;

    line-height: 100%;

    display: flex;

    align-items: center

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div:before, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div:before {

    content: "";

    font-family: fontAwesome;

    font-size: 20px;

    width: 50px;

    height: 50px;

    line-height: 50px;

    background: var(--primaryColor);

    border-radius: 50%;

    display: block;

    transition: all .3s ease

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev {

    left: -20px

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next {

    right: -20px

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev:before {

    content: "\f060";

    transform: scale(0) translateX(50px)

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before {

    transform: scale(1) translateX(0)

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next:before, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next:before {

    content: "\f061";

    transform: scale(0) translateX(-50px)

}



.homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before, .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before {

    transform: scale(1) translateX(0)

}



.cmTabsection {

    padding: 80px 0;

    margin-bottom: 0;

    position: relative;

    background: linear-gradient(to top, var(--darkGrey) 40%, var(--darkGrey) 100%);

    perspective: 100px

}



.cmTabsection:after {

    /* content: "";

    background: var(--primaryColor);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    transform: skewY(4deg);

    z-index: -1 */

}



.cmTabsectionHeader h2 {

    margin: 0 auto 60px;

    font-weight: 400;

    color: #fff;

    text-align: center;

    line-height: 1.1;

    font-size: 36px

}



.cmTabsectionHeader h2 span {

    display: block;

    font-size: 24px;

    margin-bottom: 10px

}



.cmTabsection .wlcm_box {

    margin: 20px 0 0

}



.wdt {

    position: relative;

    width: 100% !important;

    text-align: center !important

}



.ar-left, .ar-right {

    display: none

}



.ota-section .wdt .pad {

    height: inherit;

    overflow: initial;

    width: 100%

}



.ota-section .tabing {

    /*min-width: 1000px;*/

    position: relative;

    margin: 0 auto

}



.ota-section .ota-navouter {

    border-bottom: 0 solid var(--primaryColor);

    margin: 0 auto;

    width: 100%

}



.ota-section .nav.nav-tabs {

    border: 1px solid var(--primaryColor);

    margin: 0 auto;

    display: table;

    background: var(--primaryColor);

}



.ota-section .nav-tabs>li {

    margin-bottom: 0;

    position: relative;

    perspective: 50px

}



.ota-section .nav-tabs>li>a {

    font-size: 20px;

    font-weight: 400;

    letter-spacing: .03em;

    border-radius: 0;

    /* background: linear-gradient(to bottom, #02405a 0%, #005c83 150%); */

    box-shadow: none;

    color: var(--lightGrey);

    /* border-color: #f5f5f5; */

    position: relative;

    padding: 20px 40px;

    margin: 0 20px 0 0;

    border: 0;

    outline: 0;

    transition: all .3s ease

}

.ota-section .nav-tabs>li:nth-child(3) a {margin: 0;}

.ota-section .nav-tabs>li>a:hover {
    background: var(--primaryColor);
    color: #fff;
}



.ota-section .nav-tabs>li.active>a {

    background: var(--primaryColor);

    color: var(--lightGrey);

    border-radius: 0;

    box-shadow: 0 16px 30px 0px rgb(0 0 0 / 35%);

    position: relative;

    /* transform: rotateX(6deg); */

    border: 0

}



.ota-section .nav-tabs>li.active:after {

    /* content: "";

    border-left: 8px solid transparent;

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    width: 0;

    height: 0;

    border-top: 8px solid #fff;

    border-right: 8px solid transparent;

    margin: 0 0 0 45%;

    transform: translateX(-50%) */

}



.cmTabsection .ota-section .tab-content {

    padding: 40px 0 0

}



.cmTabsection .ota-section .tab-content .tab-pane {

    text-align: center

}



.otaClientsContainers {

    text-align: center;

    padding: 20px 20px 40px;

    overflow: hidden

}



.otaClientsContainers.owl-carousel .owl-wrapper-outer {

    margin: 0 auto;

    z-index: 2;

    background: #fff;
    box-shadow: 1px 6px 20px 0px rgb(0 0 0 / 18%);

}



#gdsClients.otaClientsContainers.owl-carousel .owl-wrapper-outer {

    width: 100%;

    margin: 0 auto

}



.beInlist, .chmanInlist, .gdsInlist, .metaInlist, .otlist, .pmsInlist, .vportalInlist {

    display: inline-block;

    margin: 20px 20px;

    /* box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .1); */

    padding: 12px 6px;

    border: 0 solid #e6e6e6;

    /* background: #fff; */

    vertical-align: top;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    border-radius: 0

}



.cmTabsection .beInlist, .cmTabsection .chmanInlist, .cmTabsection .gdsInlist, .cmTabsection .metaInlist, .cmTabsection .otlist, .cmTabsection .pmsInlist, .cmTabsection .vportalInlist {

    /* box-shadow: 0 20px 30px -27px rgba(0, 0, 0, .8); */

    border-radius: 0

}



.beInlist .chlist, .chmanInlist .chlist, .gdsInlist .chlist, .metaInlist .chlist, .otlist .chlist, .pmsInlist .chlist, .vportalInlist .chlist {

    min-width: 202px;

    min-height: 57px;

    border: 0 solid #e1e0e0;

    margin: 0;

    display: inline-block;

    background-color: #fff;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .1s ease-in;

    -moz-transition: all .1s ease-in;

    -o-transition: all .1s ease-in;

    transition: all .1s ease-in

}



.chlist img {

    width: 200px;

    border: 1px solid #eee;

    height: auto

}



.cmTabsection .ota-section .tab-content p.tabBtmtext {

    color: #fff;

    text-align: center;

    margin: 20px 0 0;

    position: relative;

    z-index: 10

}



.cmTabsection .ota-section .tab-content p.tabBtmtext .btn {

    color: #fff;

    background: none;

    border: 1px solid #fff;

    font-size: 18px;

    padding: 15px 20px;

    font-weight: 500;

    line-height: 1;

    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .5)

}



.cmTabsection .ota-section .tab-content p.tabBtmtext .btn:focus, .cmTabsection .ota-section .tab-content p.tabBtmtext .btn:hover {

    color: var(--primaryColor);

    background: #fff;

    border-color: #fff

}



.cmTabsection .ota-section .tab-content .tab-pane .btn {

    margin: 20px auto 0;

    background: 0 0;

    color: #fff;

    border-color: #fff

}



.homepartner_container.owl-theme .owl-controls {

    display: block;

    margin: 0 auto !important;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%

}

.otaClientsContainers.owl-theme .owl-controls { margin-top: 30px; }
.otaClientsContainers.owl-theme .owl-controls .owl-pagination { position: static; }

.cmPage .owl-pagination {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 5px;

    z-index: 2

}



.homepartner_container.owl-theme .owl-controls .owl-page span, .otaClientsContainers.owl-theme .owl-controls .owl-page span {

    width: 10px;

    height: 10px;

    margin: 3px;

    background: 0 0;

    border: 2px solid #fff;

    transition: all .5s ease

}



.cmFreetrialPage .otaClientsContainers.owl-carousel.owl-theme .owl-controls .owl-page span {

    border-color: #fff

}



.homepartner_container.owl-theme .owl-controls .owl-page.active span, .homepartner_container.owl-theme .owl-controls.clickable .owl-page:hover span, .otaClientsContainers.owl-theme .owl-controls .owl-page.active span, .otaClientsContainers.owl-theme .owl-controls.clickable .owl-page:hover span {

    border-color: #fff;

    transform: scale(1.4)

}



.welcomeSection {

    margin: 60px 0 60px

}



.wsInner {

    display: flex;

    position: relative;

    justify-content: space-evenly;

    align-items: center

}



.wsContent {

    width: 55%;

    padding: 40px 50px;

    border-radius: 0;

    color: #fff;

    box-shadow: 8px 20px 40px -6px rgba(0, 0, 0, .2);

    background: var(--primaryColor);

    background: -moz-linear-gradient(45deg, var(--primaryColor) 20%, #4eb1e0 100%);

    background: -webkit-linear-gradient(45deg, var(--primaryColor) 20%, #4eb1e0 100%);

    background: linear-gradient(to 45deg, var(--primaryColor) 20%, #4eb1e0 100%)

}



.wsContent .wsTitle {

    color: inherit;

    margin: 0 0 15px;

    font-size: 34px;

    font-weight: 400;

    line-height: 1.4em

}



.wsContent p {

    margin: 0;

    color: inherit;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.8;

    letter-spacing: .04em

}



.wsImage {

    position: relative;

    right: 0;

    top: 0;

    width: 332px;

    height: 284px;

    margin: 0;

    display: block;

    background: url(../images/icons/cmicn-hotelchannelmanager.png) no-repeat 0 0;

    transform-origin: right top

}



.featureSection {

    margin: 0;

    position: relative;

    background: #fff;

    padding: 20px 0 80px

}



.featureSection .container {

    position: relative;

    z-index: 2

}



.featureHead {

    margin: 0 auto 60px;

    text-align: center;

    width: 86%

}



.featureHead h2 {

    margin: 0 0 20px;

    font-size: 36px;

    font-weight: 400

}



.featureHead h2 span {

    display: block;

    font-size: 24px;

    margin-bottom: 10px;

    color: var(--primaryColor)

}



.featureHead p {

    margin: 0;

    font-size: 16px;

    letter-spacing: .03em

}



.featureInner {

    display: flex;

    flex-flow: row wrap;

    align-items: start;

    justify-content: space-between

}


 
.featureBox {

    position: relative;

    background: #fff;

    padding: 0;

    margin: 80px 0 0 40px;

    border-radius: 0;

    width: calc(33.33% - 40px);

    transition: all .3s ease-in-out

}



.featureBox:nth-of-type(3n+1) {

    margin-left: 0

}



.featureBox:nth-of-type(1), .featureBox:nth-of-type(2), .featureBox:nth-of-type(3) {

    margin-top: 0

}



.icn {

    background: url(../images/homesprite.png) no-repeat 0 -250px;

    width: 150px;

    height: 150px;

    display: block;

    margin: 0 0 -20px 0;

    transition: all .3s ease;

    transform: scale(.68) translateX(0);

    transform-origin: left top

}



.icn-inventoryDistribution {

    background-position: 0 -250px

}



.icn-rateThreshold {

    background-position: -170px -250px

}



.icn-yieldManagement {

    background-position: -340px -250px

}



.icn-otaVoucher {

    background-position: -528px -240px

}



.icn-mobileApp {

    background-position: -680px -250px

}



.icn-ccVerification {

    background-position: -868px -230px

}



.icn-rateAnalysis {

    background-position: 0 -400px

}



.icn-payHotel {

    background-position: -170px -410px

}



.icn-businessInsight {

    background-position: -340px -420px

}



.icn-bulkUpdates {

    background-position: -530px -400px

}



.icn-foreignCurrency {

    background-position: -680px -420px

}



.icn-otaPromotion {

    background-position: -850px -415px

}



.featureBox h3 {

    margin: 0 0 10px;

    font-size: 22px;

    line-height: 1.3;

    font-weight: 400;

    transition: all .3s ease;

    color: var(--darkGrey)

}



.featureBox p {

    margin: 0;

    transition: all .3s ease;

    font-size: 16px

}



.featureBox a {

    margin: 15px 0 0;

    display: inline-block;

    font-size: 16px;

    font-weight: 500

}



.featureBox a:after {

    content: "\f0a9";

    font-family: fontAwesome;

    margin: 0 0 0 6px;

    font-weight: 400;

    font-size: 14px;

    transition: all .3s ease

}



.homebtnOuter {

    margin: 60px auto 0;

    text-align: center

}



.homebtnOuter .btn-primary {

    padding: 16px 22px !important;

    line-height: 1;

    font-weight: 500;

    box-shadow: none;

    font-size: 18px;

    margin: 0 0 0 10px;
    color: var(--lightGrey);

}



.homebtnOuter .btn-primary.btn-trial {

    background: var(--darkGrey);

    border-color: var(--darkGrey);

    color: var(--lightGrey);

}



.homebtnOuter .btn-primary:focus, .homebtnOuter .btn-primary:hover {

    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .6)

}



.homebtnOuter .btn-primary:first-of-type {

    margin-left: 0

}



.Resourcesection {

    position: relative;

    margin: 40px 0

}



.ResourcesectionOuter {

    /*display: flex;

    align-items: center*/

}



.Resourcehead {

    /*width: calc(40% - 30px);

    margin: 0 30px 0 0*/

}



.Resourcehead h2 {

    font-size: 36px;

    line-height: 1.2em;

    font-weight: 400;

    margin: 0 0 20px

}



.Resourcehead h2 span {

    display: block;

    margin-bottom: 5px;

    font-size: 24px;

    color: var(--primaryColor)

}



.Resourcehead p {

    font-size: 17px;

    font-weight: 400;

    line-height: 1.6em;

    margin: 0;

    letter-spacing: .03em;

    color: inherit

}



.Resourcehead .btn {

    padding: 15px 20px;

    line-height: 1;

    font-size: 18px;

    border: 0;

    box-shadow: none;

    margin: 20px 0 0

}



.Resourcehead .btn:focus, .Resourcehead .btn:hover {

    box-shadow: 0 6px 10px rgba(0, 0, 0, .3)

}



.ResourcesInner {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    width: 60%;

    perspective: 100px;

    position: relative;

    z-index: 3

}



.ResourceBox {

    width: calc(50% - 20px);

    margin: 10px;

    padding: 40px 20px;

    text-align: center;

    background: #fff;

    border-radius: 0;

    transition: all .3s ease;

    border: 0 solid #e8e8e8;

    transform-style: preserve-3d;

    box-shadow: 4px 6px 16px -8px rgba(0, 0, 0, .2)

}



.ResourceTitle {

    font-size: 18px;

    line-height: 1.3;

    margin: 0

}



.ResourceTitle span {

    display: block

}



.ResourceBox a, .ResourceBox a:visited {

    color: var(--darkGrey);

    transition: all .3s ease

}



.ResourceBox a:focus, .ResourceBox a:hover {

    color: var(--primaryColor)

}



.ResourceImg {

    display: block;

    margin: 0 auto;

    overflow: hidden

}



.ResourceImg:before {

    content: "";

    background: url(../images/homesprite.png) no-repeat;

    width: 260px;

    height: 203px;

    display: block;

    transform-origin: left top;

    margin: 0 0 -40px 50%

}



.ResourceImg.ResourceBuyer:before {

    width: 285px;

    height: 353px;

    background-position: -1635px -1053px;

    transform: scale(.52) translateX(-50%);

    margin-bottom: -135px

}



.ResourceImg.ResourceAudit:before {

    background-position: 0 -1124px;

    transform: scale(.7) translateX(-50%);

    width: 333px;

    height: 260px

}



.ResourceImg.ResourceBook:before {

    width: 303px;

    height: 453px;

    background-position: -1617px -570px;

    transform: scale(.4) translateX(-50%);

    margin-bottom: -250px

}



.ResourceImg.ResourceKPI:before {

    width: 236px;

    height: 199px;

    background-position: -1220px -610px;

    transform: scale(.92) translateX(-50%);

    margin-bottom: 5px

}



.ResourceBtnouter {

    text-align: center;

    margin: 40px auto 0

}



.ResourceBtnouter .btn {

    background: 0 0;

    color: #fff;

    border: 2px solid #fff;

    font-size: 16px;

    line-height: 1;

    padding: 14px 30px !important

}



.btm-ctasection {

    padding: 60px 0;
    color: #fff;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    background: linear-gradient(to right, var(--primaryColor) 40%, var(--primaryColor) 100%);

}

.btm-ctasection:after {

    /* content: "";

    background: var(--primaryColor);

    width: 100%;

    height: 600px;

    display: block;

    position: absolute;

    bottom: -50%;

    right: 0;

    z-index: -1;

    transform: skewY(-10deg) */

}

.btmctaInner {

    display: flex

}

.btmImage {

    width: 50%;

    position: relative

}

.btmImage:before {

    content: "";

    background: url(https://www.ezeecentrix.com/images/gds-banner-img.png) no-repeat 0 0;

    width: 267px;

    height: 283px;

    display: block;

    position: absolute;

    left: 0;

    top: -80px;

    right: 0;

    margin: 0 auto;

    transform: scale(1.2)

}



.btm-ctaheader {

    justify-content: space-around;
    position: relative;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;

}



.btm-ctaheader h2 {

    margin: 0;

    color: var(--lightGrey);

    font-size: 36px;

    font-weight: 500;

    line-height: 1.3

}



.btm-ctaheader h2 span {

    display: block;
    font-size: 30px;
    font-weight: 300;

}



.btm-ctaheader p {

    margin: 0;

    color: inherit

}



.btm-ctaOuter {

    display: flex;
    justify-content: start;
    align-items: stretch;
    flex-flow: column;

}



.btm-ctaCols {

    margin: 20px 0 0 0

}



.btm-ctaCols:first-of-type {

    margin: 0

}



.btm-ctaCols h3 {

    font-size: 18px;

    font-weight: 400;

    margin: 0 0 15px;

    color: inherit

}



.btm-ctaCols .btn-info.white {

    color: var(--lightGrey);

    border: 0;

    box-shadow: none;

    transition: all .3s ease;

    font-size: 20px;

    font-weight: 500;

    width: 100%;

    background: var(--darkGrey);

    padding: 15px 20px;

    line-height: 1

}



.btm-ctaCols .btn-info.white.btn-custom {

    background: var(--lightGrey) !important;

    border-color: var(--lightGrey);

    color: var(--darkGrey)

}



.btm-ctaCols .btn-info.white:focus, .btm-ctaCols .btn-info.white:hover {

    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .2);

    border: 0 solid #fff

}



.faqSection {

    position: relative;

    z-index: 1;

    padding: 60px 0;

    background: #f9f9f9

}



.faqSection h2 {

    text-align: center;

    /* color: var(--primaryColor); */

    width: 100%;

    font-size: 28px;

    font-weight: 400;

    margin: 0 0 40px

}



.faqs, .faqs li {

    margin: 0;

    padding: 0;

    list-style: none;

    transition: all ease .2s

}



.faqs li {

    padding: 10px 15px

}



.faqSection-listing .faqs li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #FFF;
    padding: 10px 20px;
    margin: 0 auto 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    

}



.faqSection-listing .faqs li.show-more {

    background: #fff;
    transition: all ease .2s;
    border: 1px solid #ddd;

}



.show-more {

    box-shadow: 0 2px 10px rgba(0, 0, 0, .1) !important;
    transition: all ease .2s;
    border: 1px solid #ddd;

    /*margin: 25px 0 !important*/

}



.faqque {

    font-size: 18px;

    color: var(--darkGrey);

    cursor: pointer;

    position: relative;

    padding-left: 0;

    transition: all ease .2s

}



.faqque:after {

    font-size: 16px;

    content: '\f067';

    font-family: FontAwesome;

    position: absolute;

    color: var(--primaryColor);

    right: 0;

    top: 0;

}

.show-more .faqque:after {

    content: '\f068';
}



.faqSection-listing .faqs .faqque {

    font-size: 16px;

    font-weight: 500

}



.faqSection-listing .faqs .faqans ul {

    margin: 20px 0;

    padding: 0 0 0 30px

}



.faqSection-listing .faqs .faqans ul li {

    margin: 6px 0 0;

    padding: 0;

    list-style: circle

}



.faqSection-listing .faqs .faqans ul li:first-of-type {

    margin-top: 0

}



.faqans {

    color: #666;

    font-size: inherit;

    padding-top: 3px;

    padding-bottom: 2px;

    display: none;

    padding-left: 0;

    transition: all ease .2s

}



.faqSection-listing .faqs .faqans {

    padding-top: 5px;

    padding-bottom: 10px

}



.faqSection-listing .faqs li p {

    font-size: 15px;

    line-height: 1.8;

    margin: 0 0 15px

}



.faqSection-listing .faqs li p:last-of-type {

    margin-bottom: 0;
    color: var(--deepGrey);

}



.faqBtmcta {

    display: table;

    margin: 40px auto 0;

    position: relative;

    text-align: center

}



.faqSection .faqVector {

    position: absolute;

    bottom: 50px;

    right: 0;

    width: 350px;

    opacity: .3;

    z-index: -1

}



.faqSection .faqVector img {

    max-width: 100%

}



.productSection {

    position: relative;

    padding: 20px 0 80px;

    z-index: 2;

    background: #fff

}



.psHeader {

    text-align: center;

    margin: 0 auto 60px;

    width: 85%

}



.psHeader h2 {

    font-weight: 400;

    margin: 0 0 20px;

    font-size: 30px;

}



.psHeader h2 span {

    display: block;

    font-size: 22px;

    font-weight: 500;

    color: var(--primaryColor);

    margin-bottom: 10px

}



.psHeader p {

    margin: 0;

    font-size: 16px;

    letter-spacing: .03em

}



.productInner {

    display: flex;

    flex-flow: row;
    justify-content: center;
    align-items: center;

}



.psBlock {

    position: relative;

    width: 100%;

    padding: 30px;

    margin-bottom: 40px;

    background: #fff;

    border-radius: 0;

    transition: all .3s ease;

    text-align: center;

    box-shadow: 0 16px 24px #ebf0f5;

}



.psBlock:nth-of-type(2n+1) {

    /*margin-left: 0;

    border-right: 1px solid #eaeaea*/

}



.psBlock:nth-of-type(1), .psBlock:nth-of-type(2) {

    /*margin-top: 0;

    border-bottom: 1px solid #eaeaea*/

}



.psBlock:nth-of-type(2) {

    margin: 0;

    /* background: -moz-linear-gradient(45deg, rgba(241, 244, 247, .3) 0, rgba(255, 255, 255, 0) 40%);

    background: -webkit-linear-gradient(45deg, rgba(241, 244, 247, .3) 0, rgba(255, 255, 255, 0) 40%);

    background: linear-gradient(45deg, rgba(241, 244, 247, .3) 0, rgba(255, 255, 255, 0) 40%) */

}



.psBlock:nth-of-type(3) {

    /* background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 0, rgba(241, 244, 247, .3) 100%);

    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 0, rgba(241, 244, 247, .3) 100%);

    background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0, rgba(241, 244, 247, .3) 100%) */

}



.psImg {

    display: block;

    background: url(../images/homesprite.png) no-repeat;

    transform-origin: left top

}



.psImg.psImg-hms {

    background-position: 0 -610px;

    width: 792px;

    height: 474px;

    transform: scale(.3) translateX(-50%);

    margin: 0 0 -310px 50%

}



.psImg.psImg-be {

    background-position: -822px -610px;

    width: 353px;

    height: 197px;

    transform: scale(.68) translateX(-50%);

    margin: 0 0 -35px 50%

}



.psImg.psImg-orm {

    background-position: -1240px -849px;

    width: 160px;

    height: 153px;

    transform: scale(.8) translateX(-50%);

    margin: 0 0 0 50%

}



.psImg.psImg-integration {

    background-position: -822px -847px;

    width: 340px;

    height: 230px;

    transform: scale(.6) translateX(-50%);

    margin: 0 0 -80px 50%

}



.psBlock h3 {

    margin: 0 0 8px 0;

    font-size: 18px;

    font-weight: 500;

    color: var(--darkGrey)

}



.psBlock a {

    margin: 0;

    display: inline-block;

    font-size: 14px;

    font-weight: 500;

    transition: all .3s ease;

    border: 0;

    box-shadow: none;

    padding: 0;

    text-transform: uppercase;

    color: var(--primaryColor);

    border-bottom: 1px solid var(--primaryColor);

    /*line-height: 1;

     vertical-align: top */

}



.psBlock a:focus, .psBlock a:hover {

    text-decoration: none;

    box-shadow: none;
    color: var(--darkGrey);

}



.supportSection {

    background: linear-gradient(to top, var(--darkGrey) 40%, var(--darkGrey) 100%);

    /* border-top: 0 solid #eaedf3; */

    padding: 80px 0;

    color: #fff;

    position: relative;

    perspective: 100px;

    z-index: 1

}



.supportSection:after {

    /* content: "";

    background: var(--primaryColor);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    transform: skewY(4deg);

    z-index: -1 */

}



.supportSectionOuter {

    display: flex;

    align-items: center;
    flex-flow: column;

}



.supportSectionInner {

    width: 100%;

    padding: 0

}



.slHeader {

    text-align: center;

    margin: 0 0 60px 0;

    width: 100%

}



.slHeader h2 {

    color: inherit;

    font-size: 36px;

    font-weight: 400;

    line-height: 1.3;

    margin: 0

}



.slHeader h2 span {

    display: block;

    font-size: 22px;

    font-weight: 400;

    margin-bottom: 5px

}



.supportlistOuter {

    display: flex;
    align-items: start;
    flex-flow: row wrap;
    max-width: 80%;
    margin: 0 auto;

}



.supportList {

    width: 25%;

    /* margin: 50px 0 0; */

    padding: 0;

    box-sizing: border-box;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-flow: column;

    text-align: center;

}




.supportList:nth-of-type(1), .supportList:nth-of-type(2) {

    margin-top: 0

}



.supportList a {

    color: var(--lightGrey)

}



.supportList a:focus, .supportList a:hover {

    color: #fff;

}



.supportList .slImg {

    position: relative;

    display: block;

    width: 150px;

    margin: 0;

    border-radius: 0;

    padding: 0;

    transition: all .3s ease

}



.supportList .slImg:before {

    content: "";

    display: block;

    position: relative;

    background: url(../images/homesprite.png) no-repeat -363px -1124px;

    width: 150px;

    height: 150px;

    transform: scale(.7);

    transform-origin: center top;

    margin: 0 0 -45px 0

}



.supportList .slImg.slImg01:before {

    background-position: -363px -1124px

}



.supportList .slImg.slImg02:before {

    background-position: -543px -1124px

}



.supportList .slImg.slImg03:before {

    background-position: -903px -1124px

}



.supportList .slImg.slImg04:before {

    background-position: -1083px -1124px

}



.supportList .slImg img {

    max-width: 100%;

    margin: 0

}



.supportList .slText {

    display: block;

    font-size: 18px;

    color: var(--lightGrey);

    font-weight: 500;

    line-height: 1.2em;

    margin: 10px 0 0 0;

    transition: color .3s ease;

    /* width: calc(100% - 150px) */

}



.hClientsection {

    position: relative;

    z-index: 1;

    margin: 100px 0 80px;

    padding: 0;

    perspective: 400px

}



.hClientsection:after {

    content: "";

    background: url(../images/gds-map.png) no-repeat center bottom;

    width: 100%;

    height: 100%;

    position: absolute;

    bottom: 0;

    left: 0;

    margin: 0 auto;

    z-index: -1;

    right: 0;

    transform-style: preserve-3d;

    transform: rotateX(45deg) scaleY(1.5) scaleX(1.2);

    opacity: .5;

}


.hClientsectionInner {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    align-items: center

}



.hClientsectionInner .hClientsHead {

    margin: 0 30px 0 0;

    max-width: 27%

}



.hClientsectionInner h2 {

    font-size: 24px;

    line-height: 1.4em;

    font-weight: 400;

    color: #848e94;

    letter-spacing: normal;

    margin: 0

}



.hClientsectionInner h2 span {

    display: block;

    font-size: 36px;

    font-weight: 400;

    margin: 5px 0 0 -1px;

    color: var(--darkGrey);

    text-transform: none

}



.hClientsectionInner h2 span em {

    font-style: normal

}



.hClientsectionInner h2 span em span {

    display: inline

}



.hClientsectionInner .hClientsHead .btn {

    background: var(--primaryColor);

    border: 0;

    box-shadow: none;

    padding: 15px 20px;

    text-transform: none;

    font-size: 16px;

    line-height: 1;

    font-weight: 400;

    letter-spacing: .03em;

    position: relative;

    color: #fff;

    margin: 30px 0 0;

    transition: all .3s ease

}



.hClientsectionInner .hClientsHead .btn:focus, .hClientsectionInner .hClientsHead .btn:hover {

    color: #fff;

    background: var(--primaryColor);

    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .6)

}



.hClients {

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    width: calc(73% - 50px)

}



.hClientsList {

    width: calc(25% - 30px);

    margin: 15px 0 15px 30px;

    text-align: center;

    background: #fff;

    border: 1px solid #e1e6ea;

    box-shadow: 0 8px 10px -6px rgba(0, 0, 0, .09);

    padding: 0;

    transition: all .3s ease

}



.hClientsList:focus, .hClientsList:hover {

    border: 1px solid #c8d0d6;

    box-shadow: 0 10px 16px -8px rgba(0, 0, 0, .2)

}



.hClientsList:nth-of-type(4n+1) {

    margin-left: 0

}



.hClientsList a {

    display: inline-block;

    padding: 6px;

    vertical-align: top

}



.hClientsList .bgclient:after {

    content: "";

    display: block;

    height: 60px;

    width: 150px;

    background: url(../images/homesprite.png) no-repeat -100px 0

}



.hClientsList .bgclient.naivashakongonilodge:after {

    background-position: -800px -100px

}



.hClientsList .bgclient.harboursideapartments:after {

    background-position: -480px -100px

}



.hClientsList .bgclient.cremornepointmanor:after {

    background-position: 0 -100px

}



.hClientsList .bgclient.adegasdopico:after {

    background-position: -160px -100px

}



.hClientsList .bgclient.haciendabeach:after {

    background-position: -160px -170px

}



.hClientsList .bgclient.boquetegardeninn:after {

    background-position: -320px -100px

}



.hClientsList .bgclient.ripjackinn:after {

    background-position: 0 -170px

}



.hClientsList .bgclient.harrisonspamotel:after {

    background-position: -640px -100px

}



.homeOfferSection {

    position: relative;

    z-index: 1

}



.homeOfferInner {

    background: var(--primaryColor);

    color: #fff;

    padding: 40px 30px;

    text-align: center;

    width: 75%;

    margin: 0 auto 40px;

    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, .5)

}



.homeOfferInner h2 {

    color: inherit;

    margin: 0 auto 20px;

    font-size: 40px

}



.homeOfferInner h2 span {

    font-size: 24px;

    display: block;

    margin-bottom: 10px

}



.homeOfferInner p {

    color: inherit;

    margin: 0;

    font-size: 16px;

    letter-spacing: .03em

}



.homeOfferInner .btn {

    margin: 20px auto 0;

    transition: all .3s ease;

    border: 0;

    box-shadow: none;

    font-size: 20px;

    font-weight: 400;

    padding: 15px 20px;

    line-height: 1;

    background: #fff;

    color: var(--primaryColor)

}



.homeOfferInner .btn:focus, .homeOfferInner .btn:hover {

    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .2);

    background: #fff;

    color: var(--primaryColor);

    border: 0

}



.home-backed-partners {

    background: #fff;

    border-bottom: 1px solid #ededed;

    padding: 0

}



.backed-by-holiday {

    padding: 60px 0

}



.main-backend-row {

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.child-backend-row {

    display: flex

}



.backed-by-holiday h3 {

    font-size: 28px;

    font-weight: 500;

    margin: 0 0 30px;

    line-height: 1.3em;

    margin-bottom: 0;

    color: var(--darkGrey)

}



.hiw-item {

    padding: 15px;

    height: 100%;

    border: 1px solid #ddd;

    border-radius: 4px;

    position: relative;

    transition: .3s all;

    transform: translateY(0)

}



.hiw-item:hover {

    transform: translateY(-5px)

}



.hiw-item .hiw-img {

    max-width: 75%;

    min-height: 40px;

    display: block;

    text-align: center;

    width: 100%;

    margin: auto;

    margin-bottom: 15px

}



.hiw-item p {

    font-size: 14px;

    font-weight: 500;

    color: #444;

    text-align: center;

    margin-bottom: 0;

    display: flex;

    align-items: center;

    height: 45px;

    line-height: 1.4;

    justify-content: center

}



.custom-section-spacing {

    margin-top: 80px;

    padding-bottom: 30px;

    background: #f4f4f4;

    padding-top: 40px

}



.img-fluid, .max-width-100 {

    max-width: 100% !important

}



.hiw-item.hiw-first-border {

    border: 1px solid rgba(255, 52, 120, .5)

}



.hiw-item.hiw-second-border {

    border: 1px solid #7bd8fd

}



.bg-gray {

    background: #f4f5f7

}



.page_wrapper.bg-gray {

    border-top: 1px solid #ececec;

    padding: 60px 0

}



.mobileNav {

    display: none

}



.secload {

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

    opacity: 0

}



.secload.changed {

    opacity: 1

}



.offerdiv {

    font-size: 15px;

    font-weight: 400;

    letter-spacing: .04em;

    color: #83fbd5;

    margin: 0 auto 10px;

    position: relative

}



.offerdiv a, .offerdiv a:focus, .offerdiv a:hover {

    color: #ace7ff;

    color: #8edeff;

    position: relative

}



.offerdiv .fa.fa-anim {

    font-size: 12px;

    line-height: 12px;

    animation: arrow-motion 1s ease infinite;

    position: relative;

    top: -1px

}



.offerdiv .fa.fa-anim.fa-anim2 {

    font-size: 12px;

    line-height: 12px;

    -webkit-animation: arrow-motion 1s ease infinite;

    animation: arrow-motion 1s ease infinite;

    position: relative;

    top: 0

}



.offerdiv .badges {

    position: relative;

    top: -3px;

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    text-transform: uppercase;

    background-color: #ffbe4e;

    color: rgba(0, 0, 0, .8);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    display: inline-block;

    height: 20px;

    padding: 5px 2px 4px 5px;

    margin: 0 10px 0 0;

    vertical-align: middle;

    animation: arrow-motion 1s ease infinite, badgeAnime 5s ease infinite

}



.offerdiv .badges em {

    font-style: normal;

    position: relative;

    z-index: 2

}



.offerdiv .badges:after {

    content: "";

    width: 16px;

    height: 16px;

    display: block;

    position: absolute;

    right: -5px;

    top: 2px;

    z-index: -1;

    background: inherit;

    transform: rotate(45deg);

    border-radius: 4px

}



.offerdiv.contributes .badges.cs-badge {

    display: table;

    margin: 0 auto 2px;

    font-size: 11px;

    padding: 5px 5px 4px

}



.offerdiv.contributes .badges.cs-badge:after {

    display: none

}



.offerdiv a.cLink {

    color: inherit

}



.offerdiv a.cLink:focus, .offerdiv a.cLink:hover {

    color: #cfefff

}



@keyframes badgeAnime {

    0% {

        background-color: #ffbe4e

    }



    50% {

        background-color: #a2ef59

    }



    100% {

        background-color: #ffbe4e

    }



}



@keyframes arrow-motion {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    50% {

        -webkit-transform: translateX(3px);

        transform: translateX(3px)

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



}



.topBar {
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 100;
    background: var(--darkGrey);
    color: #fff;
    padding: 10px;
    margin: 0 auto;
    transition: all .5s linear;

}
.topBar:hover {
    background: #001927;
}

.highlight-badge {
    display: inline-block;
    vertical-align: middle;
    /* animation: 5s infinite badgeAnime; */
    /* margin: 0 5px 0 0; */
    /* border-radius: 4px; */
    /* font-size: 10px; */
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    /* background-color: #FFCB31; */
    /* color: rgba(0, 0, 0, .8); */
    color: var(--yellowbuttonColor);
    position: relative;
    z-index: 2;
}

/* .topBar:hover {

    background: var(--darkGrey)

}
 */


.topBarBody.tbShow .oth_nav {

    margin-top: 50px

}



.topBarBody.tbShow .oth_nav {

    top: 0

}



.topBarBody.removeHello .oth_nav {

    margin-top: 0

}



.topBarBody.removeHello .oth_nav {

    top: 0

}



.hostelBody.topBarBody #header-section .persistheader.tbSticky, .topBarBody.tbShow .oth_nav .tbSticky {

    top: 50px

}



.hostelBody.topBarBody.removeHello #header-section .persistheader.tbSticky, .topBarBody.removeHello .oth_nav .tbSticky {

    top: 0

}



.topBarBody.tbShow .audit-topnav.audit-topnavfixed {

    top: 66px

}



.topBarBody.removeHello .audit-topnav.audit-topnavfixed {

    top: 16px

}



.topBarBody #topnav .navbar {

    transition: all .5s linear

}



.topBarText {

    font-size: 14px;

    line-height: 1.4em;

    font-weight: 400;

    letter-spacing: .03em;

    color: var(--lightGrey);

    display: inline-block;

    vertical-align: middle

}


.topBar .topBarContent a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
.topBar .topBarContent a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.3s ease-in-out;
}
.topBarText a {

    color: #c5e9fb;

    text-decoration: none;

    transition: all .3s ease

}



.topBarText a:focus, .topBarText a:hover {

    color: #aae2fd;

    text-decoration: none

}



.topBarBtn {

    position: relative;

    outline: 0;

    text-decoration: none;

    margin: 0 0 0 20px;

    display: inline-block;

    color: var(--darkGrey);

    border: 1px solid #ffc252;

    background: #ffc252;

    padding: 6px 10px;

    font-size: 13px;

    font-weight: 500;

    line-height: 1;

    border-radius: 2px;

    transition: all .3s ease;

    text-decoration: none

}



.topBarBtn:focus, .topBarBtn:hover {

    color: var(--darkGrey);

    background: #ffce73;

    border-color: #ffce73;

    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .5);

    text-decoration: none

}



.topBarInner {

    position: relative;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center

}



.topBarClose {
    color: rgba(255, 255, 255, .5);
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 0 20px;
    transition: .2s ease-out;
    /* width: 32px; */
    /* height: 32px; */
    background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    line-height: 20px;
    cursor: pointer;

    padding: 5px 7px;
}



.topBarClose:focus, .topBarClose:hover {
    background: #fff;transition: .3s ease-in;color: #001927;

}



.topBarBody.tbShow.homeVideo .modal {

    top: 50px

}



.topBarBody.removeHello.homeVideo .modal {

    top: 0

}



.topBarBody.tbShow .cenNav .navbar-fixed-top {

    top: 50px

}



.topBarBody.tbShow .homePage {

    margin-top: 50px

}



.removeHello.topBarBody.tbShow .cenNav .navbar-fixed-top {

    top: 0

}



.removeHello.topBarBody.tbShow .homePage {

    margin-top: 0

}



.ezeemint-section {

    margin: 60px 0 -80px;

    background: linear-gradient(180deg, #f1f4f7, transparent);

    overflow: hidden;

    padding: 60px 0 80px

}



.ezeemint-section .row {

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.ezeemint-left-section, .ezeemint-right-section {

    /* max-width: 50%; */

    width: 100%;

    padding: 0

}



.ezeemint-left-section {

    text-align: center

}



.ezeemint-right-section h2 {

    color: var(--darkGrey);

    font-size: 30px;

    margin-top: 0;

    line-height: 1.4

}



.ezeemint-right-section h2 span {

    display: block;

    font-size: 22px;

    margin-bottom: 5px;

    color: var(--primaryColor);

    font-weight: 400;

}



.ezeemint-right-section p {

    font-weight: 400;

    color: #444

}



.ezeemint-right-section .btn {

    padding: 16px 22px;

    line-height: 1;

    box-shadow: none;

    font-size: 16px;

    margin: 10px 0 0 0

}



.ezeemint-right-section .btn:focus, .ezeemint-right-section .btn:hover {

    box-shadow: 0 10px 20px -10px rgb(0 0 0 / 60%)

}



.img-fluid {

    max-width: 100%

}



.ezeemint-img {

    max-width: 100%

}

.ftr_links {
    padding-bottom: 15px;
}

@media (min-width:1400px) {
    

    .homebannerSection:after {

        max-height: 700px

    }



}

@media (max-width:1399px) {
    footer .products ul.producturl li {
        width: 32%;
    }

    footer ul li {
   
        width: 100%;
  
    }
}

@media (max-width:1240px) {

    .cenNav .navbar-nav li.dwlicon.playstore {

        margin-left: 5px

    }



    .cenNav .cnetCusNav .navbar-nav>li.auditBtn a, .cenNav .navbar-nav>li.auditBtn a {

        padding: 10px 12px;

        font-size: 15px

    }



}



@media (max-width:1200px) {

    .col-lg-4 {

        width: 33.33333333%

    }



    .ezeemint-right-section h2 {

        font-size: 26px

    }



    .cenNav .navbar-nav>li>a {

        padding: 24px 0

    }



    .trialReviews {

        padding-top: 20px

    }



}



@media (max-width:1199px) {
    footer .products ul.producturl li {
        width: 32%;
    }

    footer ul li {
   
        width: 100%;
  
    }


    .backed-by-holiday h3 {

        font-size: 21px

    }



    .hiw-item .hiw-img {

        max-width: 90%;

        min-height: 40px

    }



    .hiw-item p {

        height: 75px

    }



    .appdownload img {

        /* height: 40px */

    }



    .cenNav .navbar-nav li.dwlicon.playstore {

        margin-left: 5px

    }



    .cenNav .navbar-nav li.dwlicon {

        display: none

    }



    .news_wrap_outer {

        padding: 20px 0 0;

        justify-content: center

    }



    .news_wrap_outer .news_box {

        width: 45%

    }



    .doclinks {

        width: 70%;

        padding: 30px 0;

        margin: 0

    }



    .appdownload {

        width: 50%;

        margin: 0;

        padding: 0

    }



    .copy_cols.cc-cols1 {

        width: 35%;

        text-align: left

    }



    .copy_cols.cc-cols2 {

        width: 35%

    }



    .copy_cols.cc-cols3 {

        width: 30%;

        padding-right: 0px

    }



    .social_wrap a, .social_wrap a:focus, .social_wrap a:hover {

        margin-left: 5px

    }



    .homebannerBadgesInner {

        width: 100%

    }



    .hClients .hClientsList {

        height: 60px

    }



    .hClientsList .bgclient:after {

        width: 145px;

        transform: scale(.8);

        transform-origin: left top

    }



    .hClientsectionInner h2 span {

        font-size: 30px

    }



    .hClientsectionInner h2 {

        font-size: 20px

    }



    .btm-ctaheader {

        width: 70%

    }



    .homebannerSection:after {

        height: 850px

    }



    .featureHead {

        width: initial

    }



    .featureBox {

        margin-top: 60px

    }



    .supportList .slImg {

        width: 100px

    }



    .supportList .slImg:before {

        transform: scale(.5);

        transform-origin: left top;

        margin: 0 0 -75px 0

    }



    .supportList .slText {

        width: calc(100% - 100px);

        /* font-size: 20px */

    }



    .slHeader {

        width: 35%

    }



    .ResourceImg.ResourceAudit:before {

        transform: scale(.6) translateX(-50%);

        margin-bottom: -80px

    }



    .ResourceImg.ResourceBuyer:before {

        transform: scale(.44) translateX(-50%);

        margin-bottom: -175px

    }



    .ResourceImg.ResourceBook:before {

        transform: scale(.35) translateX(-50%);

        margin-bottom: -280px

    }



    .ResourceImg.ResourceKPI:before {

        transform: scale(.78) translateX(-50%);

        margin-bottom: -25px

    }



    .featureSection {

        padding-top: 40px

    }



    .featureBox h3 {

        font-size: 20px

    }



    .homebannerInner {

        padding-top: 50px

    }



    .featureSection {

        padding-top: 0

    }



    .featureHead {

        margin-bottom: 60px

    }



    .cmTabsection {

        padding: 60px 0

    }



    .hClientsectionInner .hClientsHead .btn {

        padding: 15px

    }



    a.dropdown-toggle.tollfree {

        max-width: 155px

    }



    .cenNav .cnetCusNav .navbar-nav>li>a, .cenNav .navbar-nav>li>a {

        font-size: 14px

    }



    .trialReviews:after {

        height: 550px;

        bottom: -70%

    }



    .homeOfferInner {

        margin-bottom: 60px

    }



    .hbBadge.hbBadgeAirbnb {

        margin-left: 0

    }


    .social-pcilog {
        /* width: 180px; */
        margin: 0;
    }
    .social-pcilog img {
        height: 35px;
    }




}



@media (max-width:1150px) {

    /* a.dropdown-toggle.tollfree {

        display: none

    } */


    li.salesphone {
        display: none;
    }
    a.tollfree {

        display: none

    }


    .cenNav .cnetCusNav .navbar-nav>li>a, .cenNav .navbar-nav>li>a {

        font-size: 15px

    }



}



@media (max-width:1069px) {

    ul.nav.navbar-nav.navbar-right {

        margin-right: 0

    }



}



@media (max-width:1024px) {

    footer .products ul.producturl li {
        width: 32%;
    }

    footer ul li {
   
        width: 100%;
  
    }

    .cenNav .navbar-nav li.dwlicon a {

        margin: 0

    }



    .homebannerSection:after {

        height: 520px;

        transform: rotateX(0)

    }



}



@media (max-width:980px) {

    .trialnone {

        display: none !important

    }



}



@media (max-width:991px) {

    .social-pcilog {    width: auto;}
    .social-pcilog img {    margin: 0px 0;  height: 50px;} 
 

    footer .ftr_links .col-sm-9, .col-sm-3 {
        width: 100%;
    }
    .navbar {
       
        min-height: 65px;
    
    }

    footer .connect ul {
       
        flex-direction: row;
    }

    footer .products ul.producturl li, footer ul li {
        width: 49%;
    }

    

    .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {margin: 0 0 0 15px; /*background-size: 80%;*/}

    .popupDesign.mintLaunchExit .pdInner {

        flex-direction: column;

        text-align: center;

    }

    .hiw-item p {

        height: 50px

    }



    .badge-partners-left {

        text-align: center;

        margin-bottom: 30px

    }



    .backed-by-holiday {

        padding: 40px 0

    }



    .badge-partners-left, .badge-partners-right {

        width: 100%

    }



    .backed-by-holiday {

        padding: 40px 0

    }



    .ezeemint-section {

        padding: 40px 0 60px

    }



    .ezeemint-left-section {

        max-width: 40%

    }



    .ezeemint-right-section {

        max-width: 60%

    }



    .ezeemint-right-section h2 {

        font-size: 21px

    }



    .ezeemint-right-section h2 span {

        font-size: 21px

    }



    .copy_wrap p {

        width: 100%;

        text-align: center;

        padding: 15px 0;
           

    }



    .social_wrap {

        float: none !important;

        text-align: center;

        margin: 0 auto 15px;

        display: table

    }



    .copy_outer {

        -webkit-flex-flow: column;

        flex-flow: column

    }



    .copy_cols.cc-cols1 {

        width: initial;

        text-align: center

    }



    .copy_cols.cc-cols2 {

        width: initial;

    }



    .copy_cols.cc-cols3 {

        width: initial;

        padding-right: 0

    }



    .social-pcilog {

        float: none;

        margin: 0 0 15px

    }



    .appdownload {

        float: none;

        display: table;

        margin: 0 auto;

        width: 100%;

        padding: 20px 0 0

    }



    .news_box {

        width: 26%

    }



    .doclinks {

        width: 80%

    }



    .pdInner {

        max-width: 90%

    }



    .pdContent p {

        font-size: 24px

    }



    .pdContent h2 {

        font-size: 36px

    }



    .pdBtn {

        margin-top: 40px

    }



    .wsContent {

        padding: 30px

    }



    .featureBox {

        width: calc(33.33% - 30px)

    }



    .icn {

        transform: scale(.6) translateX(0);

        margin-bottom: -40px

    }



    .homebannerSection {

        perspective: initial

    }



    .homebannerContent {

        width: initial

    }



    .homebannerTitle {

        font-size: 40px;

        width: 90%;

        margin: 0 auto 15px

    }



    .homebannerTitle h1 {

        font-size: 42px;

        letter-spacing: .02em

    }



    .homebannerTitle .homebannerPoints {

        font-size: 16px

    }



    .homebannerInner {

        padding: 60px 0 20px

    }



    .homebannerBadges {

        perspective: initial

    }



    .homebannerSection:after {

        height: 520px;

        top: -13px

    }



    .wsImage {

        display: none

    }



    .wsContent {

        width: initial;

        text-align: center

    }



    .welcomeSection {

        margin: 20px 0 40px

    }



    .hClientsection {

        margin: 60px 0 40px;

        perspective: initial

    }



    .hClientsectionInner {

        flex-flow: column

    }



    .hClientsectionInner .hClientsHead {

        margin: 0 auto 30px;

        max-width: initial;

        text-align: center

    }



    .hClients {

        width: initial

    }



    .hClients .hClientsList {

        width: calc(25% - 20px);

        margin: 10px 0 10px 20px;

        height: auto

    }



    .featureBox {

        width: calc(50% - 30px);

        margin-top: 40px;

        text-align: center

    }



    .featureBox:nth-of-type(3n+1) {

        margin-left: 40px

    }



    .featureBox:nth-of-type(2n+1) {

        margin-left: 0

    }



    .featureBox:nth-of-type(3) {

        /* margin-top: 40px */

    }



    .icn {

        margin-left: 50%;

        transform: scale(.6) translateX(-50%)

    }



    .ota-section .tabing {

        min-width: initial

    }



    .psBlock {

        padding: 40px 30px

    }



    .supportSectionOuter {

        flex-flow: column

    }



    .slHeader {

        width: initial;

        text-align: center;

        margin: 0 auto 60px

    }



    #trialReviews {

        width: 90%;

        padding: 30px 30px 50px

    }



    #trialReviews.owl-carousel .owl-item, #trialReviews.owl-carousel .owl-wrapper, #trialReviews.owl-carousel .owl-wrapper-outer, .trialReviews-block {

        min-height: initial

    }



    .Resourcehead h2, .cmTabsectionHeader h2, .featureHead h2, .psHeader h2, .trialReviews h2 {

        font-size: 32px

    }



    .Resourcehead h2 span, .cmTabsectionHeader h2 span, .featureHead h2 span, .psHeader h2 span, .slHeader h2 span, .trialReviews h2 span {

        font-size: 20px

    }



    .ResourcesectionOuter {

        flex-flow: column

    }



    .Resourcehead {

        width: initial;

        margin: 0 auto 50px;

        text-align: center

    }



    .ResourcesInner {

        width: initial;

        perspective: initial

    }



    .btm-ctasection:after, .btmImage {

        display: none

    }



    .btm-ctasection {

        /* background: var(--primaryColor); */

        padding: 40px 0 45px;

        margin: 0

    }



    .btm-ctaheader {

        width: 100%;

        text-align: center

    }



    .btm-ctaOuter {

        justify-content: center

    }



    .icn-otaVoucher {

        background-position: -510px -240px

    }



    .icn-ccVerification {

        background-position: -850px -230px

    }



    .hClientsList .bgclient:after {

        width: 160px;

        transform: scale(.98)

    }



    .featureBox h3, .psBlock h3 {

        font-size: 22px

    }



    .ResourceBox {

        padding: 30px 20px

    }



    .container-fluid>.navbar-header {

        float: none

    }



    .container-fluid>.navbar-collapse {

        float: none;

        margin-left: -15px;

        margin-right: -15px

    }



    .container-fluid>.navbar-collapse {

        padding-left: 15px;

        padding-right: 15px

    }



    .cnetCusNav button.navbar-toggle, button.navbar-toggle {

        display: block

    }



    .cnetCusNav button.navbar-toggle.collapsed, button.navbar-toggle.collapsed {

        /* border-color: #fff;

        background: 0 0;

        margin: 12px 10px 0 0;

        padding: 14px 10px */

    }



    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle, button.navbar-toggle.collapsed {

        background: var(--primaryColor);

        border-color: var(--lightGrey);

        margin: 12px 10px 0 0;

        padding: 14px 10px

    }



    .cenNav .cnetCusNav .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar {

        background-color: #fff

    }



    .cenNav .cnetCusNav .navbar-header, .navbar-header {

        width: initial

    }



    .cenNav .cnetCusNav .collapse, .collapse {

        display: none

    }



    .cenNav .cnetCusNav .navbar-collapse.in, .navbar-collapse.in {

        overflow-y: auto;

        display: block

    }



    div#bs-example-navbar-collapse-1 {

        background: #fff

    }



    .cenNav .cnetCusNav .navbar-nav>li>a, .cenNav .cnetCusNav .tollfree .tollnumber, .cenNav .cnetCusNav .tollfree .tollnumber a, .cenNav .cnetCusNav .tollfree .tolltext, .navbar-default .navbar-nav>li>a, .navbar-default .tollfree .tollnumber, .navbar-default .tollfree .tollnumber a, .navbar-default .tollfree .tolltext {

        color: var(--darkGrey)

    }



    .cenNav .cnetCusNav .navbar-nav>li, .navbar-default .navbar-nav>li {

        float: none

    }



    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {

        max-height: initial

    }



    ul.nav.navbar-nav.navbar-right {

        float: none !important;

        width: 100%

    }



    .navbar-collapse.collapse ul.nav.navbar-nav.navbar-right {

        height: 0;

        overflow: hidden

    }



    .navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-right {

        height: initial;

        overflow: initial

    }



    .navbar-collapse.in ul.nav.navbar-nav.navbar-right {

        height: auto

    }



    .cenNav .navbar-nav>li:first-of-type>a, .navbar-default .navbar-nav>li:first-of-type>a {

        margin-left: 0

    }



    .cenNav .cnetCusNav .navbar-nav>li>a, .navbar-default .navbar-nav>li>a {

        border-bottom: 1px solid #ccc;

        padding: 14px 0;

        margin-left: 0

    }



    .dropdown.open .dropdown-menu {

        transform: scale(1)

    }



    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: var(--primaryColor);

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }



    .navbar-nav>li>.dropdown-menu::after {

        border-color: transparent transparent var(--primaryColor) transparent;

        left: 20px;

        right: inherit

    }



    .navbar-nav .open .dropdown-menu li a {

        color: #fff !important;

        line-height: 20px

    }



    .navbar-nav .open .dropdown-menu li a:focus, .navbar-nav .open .dropdown-menu li a:hover {

        background: var(--darkGrey) !important

    }



    .cenNav .cnetCusNav .navbar-nav .dropdown.open>a, .navbar-default .navbar-nav .dropdown.open>a {

        color: var(--primaryColor) !important;

    }



    .navbar-nav>li.disnone.auditMobileBtn {

        display: block

    }



    .cenNav .cnetCusNav .navbar-nav li.dwlicon, .navbar-default .navbar-nav li.dwlicon {

        display: inline-block

    }



    .cenNav .navbar-nav li.dwlicon a, .navbar-default .navbar-nav li.dwlicon a {

        border: 0;

        padding: 14px 0;

        margin-left: 0

    }



    .cenNav .navbar.cnetCusNav .navbar-nav li.dwlicon.playstore a span:before, .navbar-default .navbar-nav li.dwlicon.playstore a span:before {

        background-position: -1164px 0

    }



    .cenNav .navbar.cnetCusNav .navbar-nav li.dwlicon.itunes a span:before, .navbar-default .navbar-nav li.dwlicon.itunes a span:before {

        background-position: -1385px 0

    }



    .homeOfferInner {

        width: 90%;

        margin-bottom: 40px

    }



    .homeOfferInner h2 {

        font-size: 32px

    }



    .homeOfferInner h2 span {

        font-size: 20px

    }



    .mobileNav {

        display: flex;

        justify-content: flex-end;

        align-items: center;

        padding: 10px

    }



    .mobileNav .trialnone {

        display: block !important;

        margin-left: 10px

    }



    .mobileNav .navbar-form {

        padding: 0;

        margin: 0;

        border: 0;

        outline: 0

    }



    .mobileNav .auditBtn {

        margin-left: 10px

    }



    .mobileNav .auditBtn a {

        color: #fff;

        background: var(--darkGrey);

        border: 1px solid var(--darkGrey);

        box-shadow: none;

        padding: 10px 12px;

        font-size: 14px;

        position: relative;

        line-height: 25px;

        height: 45px;

        margin-top: 0;

        text-decoration: none;

        transition: all ease .3s;

        white-space: normal;

        display: inline-block;

        text-align: center;

        vertical-align: middle

    }

    form.navbar-form.navbar-left .trial{
        font-size: 14px;
        margin-top: 0;
    }

    .mobileNav .auditBtn a:before {

        content: "Free";

        position: absolute;

        background: #fed33f;

        top: -7px;

        font-size: 10px;

        color: var(--darkGrey);

        text-align: center;

        line-height: 1;

        border-radius: 3px;

        left: -5px;

        padding: 3px 4px;

        font-weight: 700;

        text-transform: uppercase;

        display: table;

        margin: 0 auto;

        letter-spacing: .05em;

        animation: badgeAnime 5s ease infinite;

        pointer-events: inherit

    }



    .mobileNav .dwlicon {

        margin-left: 10px

    }



    .mobileNav .dwlicon a {

        padding: 0;

        margin: 0

    }



    /* .mobileNav .dwlicon a span {

        width: 33px;

        height: 33px;

        display: block

    } */



    .mobileNav .dwlicon a span:before {

        content: "";

        width: 90px;

        height: 100px;

        display: block;

        /* background: url(../images/homesprite.png) no-repeat -1164px 0; */

        /* transform: scale(.34); */

        transform-origin: top left

    }



    .mobileNav .dwlicon.playstore a span:before {

        /* background-position: -1164px 0; */
        background: url(../images/playstore.svg) no-repeat;
        width: 33px;
        height: 29px;
        /* transform: scale(1.1); */
    }



    .cnetCusNav .mobileNav .dwlicon.playstore a span:before {

        background-position: 0

    }



    .mobileNav .dwlicon.itunes a span:before {

        /* background-position: -1385px 0 */
        background: url(../images/ios.svg) no-repeat -3px -1px;
        width: 33px;
        height: 33px;
       
        filter: brightness(1) invert(0);

    }



    .cnetCusNav .mobileNav .dwlicon.itunes a span:before {

        background-position: -3px -1px;
        filter: brightness(0) invert(1);

    }



    .cenNav .navbar-nav>li.auditBtn, .cenNav .navbar-nav>li.disnone.trialnone {

        display: none

    }



    .topBar .container {

        width: initial;

        padding: 0

    }



    .topBarInner {

        text-align: left;

        justify-content: center;

        align-items: center

    }



    .topBarBtn {

        font-size: 13px;

        font-weight: 700;

        width: auto;

        text-align: center;

        margin: 0 0 0 15px;

        padding: 4px 6px;

        white-space: nowrap;

        display: inline-block

    }



    .topBar {

        height: 50px;

        padding: 5px 10px

    }



    .topBarInner {

        min-height: 40px

    }



    .topBarText {

        font-size: 14px;

        width: auto

    }



    .topBarBody.tbShow .oth_nav {

        margin-top: 50px

    }



    .topBarBody.tbShow .oth_nav .tbSticky {

        top: 50px

    }



    .topBarBody.removeHello .oth_nav {

        margin-top: 0

    }



    .topBarBody.removeHello .oth_nav .tbSticky {

        top: 0

    }



    .topBarContent {

        display: flex;

        align-items: center

    }



    .topBarClose {

        margin-left: 10px

    }



    .popupMint {

        display: none

    }



    .subscriptionFree .pdContent .pdWaitText {

        font-size: 36px;

        margin-bottom: 40px

    }



    .subscriptionFree .pdContent .pdWaitText img {

        max-height: 48px

    }



    .subscriptionFree .pdContent h2 {

        font-size: 34px

    }



    .popupDesign.mintLaunchExit .pdLeft .mintToptext {

        font-size: 20px

    }



    .popupDesign.mintLaunchExit .pdLeft .MintText {

        font-size: 16px

    }



    .popupDesign.mintLaunchExit .mintGuestImg {

        width: 76px

    }



}



@media (max-width:880px) {

    form.navbar-form.navbar-left {

        display: none

    }



    .mobileNav form.navbar-form.navbar-left {

        display: block

    }



    .cenNav .navbar-nav>li.auditBtn {

        display: none

    }



    body div#hs-eu-cookie-confirmation {

        position: fixed;

        bottom: 0;

        top: inherit

    }



    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {

        padding: 0 14px 0 !important

    }



    body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {

        float: none;

        text-align: center !important;

        margin: 0 auto !important;

        display: block

    }



}



@media (max-width:767px) {
    .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {
    background-size: 70%;

}
    .trialReviewsTxt {
      
        max-width: 200px;
     
    }

    footer .connect ul {
    
        flex-direction: row;
    }

    footer .connect ul li h4 {

        margin-bottom:10px;
    
     
    }

    footer .products ul.producturl li {
        width: 48%;
    }

    /* .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {margin: 15px 0 0 10px;} */

    h4.footer_head {font-size: 18px;}

    .backed-by-holiday h3 {

        font-size: 18px

    }



    .text-sm-center {

        text-align: center;

        width: 100%

    }



    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {

        max-height: 340px

    }



    .cenNav .navbar-nav li.dwlicon {

        display: inline-block

    }



    .cenNav .navbar-nav li.dwlicon a {

        border: 0;

        padding: 14px 0

    }



    .cnetCusNav button.navbar-toggle.collapsed {

        /* border-color: #fff;

        background: 0 0;

        margin-right: 15px */

    }



    ul.nav.navbar-nav.navbar-right {

        margin: 0

    }



    ul.nav.navbar-nav.navbar-right {

        height: initial;

        overflow: initial

    }



    .navbar-collapse.in ul.nav.navbar-nav.navbar-right {

        height: initial

    }



    .nav>li>a {

        border-bottom: 1px solid #ccc

    }



    .cenNav .cnetCusNav .navbar-nav>li>a, .cenNav .cnetCusNav .tollfree .tollnumber, .cenNav .cnetCusNav .tollfree .tolltext {

        color: var(--darkGrey)

    }



    .navbar-default .navbar-toggle .icon-bar {

        background: #fff

    }



    div#bs-example-navbar-collapse-1 {

        background: #fff

    }



    /* .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle, button.navbar-toggle.collapsed {

        background: var(--primaryColor);

        border-color: #07709c;

        margin-right: 15px

    } */



    .navbar-nav>li>.dropdown-menu::after {

        border-color: transparent transparent var(--primaryColor) transparent;

        left: 20px;

        right: inherit

    }



    .cenNav .navbar-nav>li>a {

        padding: 14px 0

    }



    .social_wrap {

        float: none !important

    }



    .copy_wrap p {

        float: none !important

    }



    .doclinks {

        width: 100%;

        display: table;

        margin: 15px auto;

        padding: 15px 0;

        text-align: center;

        border-bottom: 0 solid #ccc;

        border-top: 0 solid #ccc

    }



    .navbar-nav>li.disnone.auditMobileBtn {

        display: block

    }



    .pdContent h2 {

        font-size: 30px

    }



    .pdContent p {

        font-size: 22px

    }



    .cenNav .navbar-nav>li>a {

        margin-left: 0

    }



    .cenNav .cnetCusNav .navbar-nav .dropdown.open>a {

        color: var(--primaryColor) !important;

    }



    .navbar-nav .open .dropdown-menu {

        background-color: var(--primaryColor)

    }



    .navbar-nav .open .dropdown-menu li a {

        color: #fff !important

    }



    .homebannerSection:after {

        transform: rotateX(180deg);

        height: 600px

    }



    .btm-ctaheader h2 {

        font-size: 32px

    }



    .hbBadge {

        position: relative;

        background: 0 0;

        width: calc(50% - 20px);

        text-align: center

    }



    .hbBadge:before {

        content: "";

        background: #fff url(../images/homesprite.png) no-repeat 0 0;

        width: 160px;

        height: 80px;

        display: block;

        margin: 0 auto

    }



    .hbBadge.hbBadgeAirbnb:before {

        background-position: -1220px -350px

    }



    .hbBadge.hbBadgeBooking:before {

        background-position: -1400px -350px

    }



    .hbBadge.hbBadgeExpedia:before {

        background-position: -1580px -350px

    }



    .hbBadge.hbBadgeAgoda:before {

        background-position: -1760px -350px

    }



    .homebannerInner {

        padding-top: 40px

    }



    .homebannerTitle .homebannerPoints {

        line-height: 1.8;

        margin: 15px 0

    }



    .homebannerTitle .homebannerPoints span {

        margin: 0 5px

    }



    .homebannerBadgesInner {

        width: 100%

    }



    .featureBox h3, .psBlock h3 {

        font-size: 20px

    }



    #gdsClients .owl-item {

        max-width: 230px

    }



    .hClients .hClientsList {

        width: calc(33% - 20px)

    }



    #otaClients, #vacationRentalClients {

        margin: 0 auto;

        width: 80%

    }



    .psHeader {

        width: 95%;

        margin-bottom: 40px

    }



    .supportList .slImg {

        width: 80px

    }



    .supportList .slImg:before {

        transform: scale(.46)

    }



    .supportList .slText {

        font-size: 18px

    }



    .supportList {

        margin-top: 30px

    }



    .slHeader h2 {

        font-size: 28px

    }



    .slHeader {

        margin-bottom: 40px

    }



    .Resourcehead h2, .cmTabsectionHeader h2, .featureHead h2, .psHeader h2, .trialReviews h2 {

        font-size: 28px

    }



    .Resourcehead h2 {

        margin-bottom: 0

    }



    .call-bnr-btn {

        display: inline-block !important;

        margin: 20px auto 0

    }



    .homebannetBtn {

        padding: 16px 22px;

        font-weight: 400

    }



    .trialReviews {

        padding: 20px 0 40px

    }



    .trialReviews:after {

        display: none

    }



    .featureHead {

        margin-bottom: 40px

    }



    .productSection {

        padding: 40px 0

    }



    .supportSection {

        padding: 60px 0

    }



    .homebannerTitle h1 {

        font-size: 40px

    }



    .ota-section .nav-tabs>li.active>a {

        transform: rotateX(0)

    }



    .cmTabsection .ota-section .tab-content {

        padding-top: 40px

    }



    .hClientsection {

        margin: 40px 0

    }



    .cmTabsection {

        padding: 60px 0

    }



    .featureSection {

        padding: 40px 0 60px

    }



    .supportList {

        flex-direction: column;

        text-align: center

    }



    .supportList .slImg {

        width: initial;

        height: initial

    }



    .supportList .slImg:before {

        transform: scale(.8);

        transform-origin: center top;

        margin: 0 auto -40px

    }



    .supportList .slText {

        width: initial;

        font-size: 20px

    }



    .supportList .slText span {

        display: block

    }



    .appdownload {

        display: block;

        float: none;

        margin: 0;

        padding: 0

    }



    .news_box {

        display: block;

        float: none;

        margin: 0 auto

    }



    .news_wrap_outer .news_box {

        width: 100%;

        max-width: 350px

    }



    #trialReviews.owl-theme .owl-controls .owl-buttons div {

        display: none

    }



    .homeOfferSection .container {

        margin-left: -15px;

        margin-right: -15px

    }



    .homeOfferInner {

        width: 100%;

        margin: 0;

        padding: 40px 30px;

        box-shadow: none

    }



    .homeOfferInner h2 {

        font-size: 28px

    }



    .homeOfferInner h2 span {

        font-size: 20px

    }



    .homeOfferInner .btn {

        padding: 13px 20px;

        font-size: 18px

    }



    .mobileNav .auditBtn {

        display: none

    }



    .offerdiv .badges {

        display: table;

        margin: 0 auto

    }



    .topBarInner {

        text-align: left;

        justify-content: center;

        align-items: center

    }



    .topBarBtn {

        font-size: 13px;

        font-weight: 700;

        width: auto;

        text-align: center;

        margin: 0 0 0 15px;

        padding: 4px 6px

    }



    .topBar {

        height: 50px;

        padding: 5px 10px

    }



    .topBarInner {

        min-height: 40px

    }



    .topBarText {

        font-size: 13px;

        width: auto

    }



    .topBarIndia .topBarText {

        width: 100%

    }



    .topBarIndia .topBarBtn {

        width: 110px

    }



    .topBarBody.tbShow .oth_nav {

        margin-top: 50px

    }



    .topBarBody.tbShow .oth_nav .tbSticky {

        top: 50px

    }



    .topBarBody.removeHello .oth_nav {

        margin-top: 0

    }



    .topBarBody.removeHello .oth_nav .tbSticky {

        top: 0

    }



    .topBarContent {

        display: flex;

        align-items: center;

        justify-content: space-between

    }



    .topBarClose {

        margin-left: 10px

    }



    .ezeemint-section {

        padding: 40px 0 40px;

        margin: 40px 0 -60px

    }



    .ezeemint-section .row {

        display: block;

        justify-content: center;

        text-align: center

    }



    .ezeemint-left-section, .ezeemint-right-section {

        max-width: 100%

    }



    .ezeemint-img {

        max-width: 40%;

        margin: auto;

        width: 100%;

        margin-bottom: 30px

    }



}



@media (max-width:640px) {

    .ezeemint-right-section .btn {

        padding: 13px 20px;

        letter-spacing: .02em

    }



    .ezeemint-section {

        margin: 40px 0 -40px

    }



    .homebannerTitle h1 {

        font-size: 36px

    }



    #trialReviews {

        width: initial

    }



    .trialReviews-user {

        padding: 0

    }



    .featureSection {

        padding: 40px 0

    }



    .featureHead {

        margin-bottom: 40px

    }



    .featureInner {

        flex-direction: column

    }



    .featureBox {

        width: initial;

        margin: 40px 0 0

    }



    .featureBox:nth-of-type(2n+1), .featureBox:nth-of-type(3n+1) {

        margin-left: 0

    }



    .featureBox:nth-of-type(1) {

        margin-top: 0

    }



    .featureBox:nth-of-type(2), .featureBox:nth-of-type(3) {

        margin-top: 40px

    }



    #otaClients, #vacationRentalClients {

        width: 90%

    }



    .cmTabsection {

        padding: 40px 0;

        background: var(--primaryColor)

    }



    .cmTabsection:after {

        display: none

    }



    .psHeader {

        width: initial;

        margin-bottom: 20px

    }



    .psBlock {

        width: 100%;

        background: 0 0;

        border-top: 1px solid #eaeaea;

        border-bottom: 0

    }



    .psBlock:nth-of-type(1) {

        border-top: 0

    }



    .psBlock:nth-of-type(1), .psBlock:nth-of-type(2) {

        border-bottom: 0

    }



    .productInner {

        flex-direction: column

    }



    .psBlock:nth-of-type(2n+1) {

        border-right: 0

    }



    .featureBox h3, .psBlock h3 {

        font-size: 24px

    }



    .supportSection {

        padding: 40px 0;

        /* background: var(--primaryColor) */

    }



    .supportSection:after {

        transform: skewY(0);

        display: none

    }



    .productSection {

        padding: 40px 0 0

    }



    .trialReviews {

        padding: 40px 0

    }



    .trialReviews:after {

        display: none

    }



    .hClientsection {

        margin: 40px 0

    }



    .ResourceBox {

        width: 80%;

        margin: 20px auto 0

    }



    .ResourceBox:nth-of-type(1) {

        margin-top: 0

    }



    .ResourceTitle span, .btm-ctaheader h2 span {

        display: inline

    }



    .trialReviews h2 {

        margin-bottom: 40px

    }



    .trialReviews {

        padding-top: 20px

    }



    .trialReviewsOuter:before {

        font-size: 60px;

        top: 20px

    }



    .homebtnOuter .btn-primary {

        padding: 13px 20px !important;

        letter-spacing: .02em

    }



    .ota-section .nav-tabs>li.active>a {

        transform: rotateX(0)

    }



    .homebannerTitle {

        margin-bottom: 0

    }



    .homebannerTitle .homebannerPoints {

        margin: 15px 0

    }



    .faqSection-listing .faqs .faqque {

        font-size: 16px;

        line-height: 1.4

    }



    .faqSection h2 {

        font-size: 28px

    }



    .docGrid {

        flex-direction: column;

        justify-content: center;

        align-items: center

    }



    .docGrid .fhms {

        width: 280px;

        margin: 0 auto 10px

    }



    .docGrid .fhms:nth-of-type(2n+1) {

        margin-left: auto

    }



    .appdownload {

        padding-top: 10px

    }



    .mobileNav .auditBtn {

        display: none

    }



}



@media (max-width:580px) {

     footer .connect ul {
    
        flex-direction: column;
    }
    footer .products ul.producturl li {
        width: 100%;
    }
    

    .faqSection.home-backed-partners {

        padding: 0

    }



    .hiw-item .hiw-img {

        max-width: 100%;

        min-height: auto

    }



    .backed-by-holiday, .faqSection {

        padding: 30px 0

    }



    .homebannerTitle h1 {

        font-size: 30px

    }



    .homebannerTitle .homebannerPoints {

        font-size: 14px

    }



    .homebannetBtn {

        padding: 14px 20px;

        font-size: 16px

    }



    .homebannerBadgesInner {

        width: 100%

    }



    #trialReviews {

        padding: 20px 20px 50px

    }



    #otaClients, #vacationRentalClients {

        width: 100%

    }



    .cmTabsection .ota-section .tab-content p.tabBtmtext .btn {

        font-size: 16px;

        padding: 13px 20px

    }



    .Resourcehead h2, .cmTabsectionHeader h2, .faqSection h2, .featureHead h2, .psHeader h2, .slHeader h2, .trialReviews h2 {

        font-size: 26px

    }



    .Resourcehead h2 span, .cmTabsectionHeader h2 span, .featureHead h2 span, .psHeader h2 span, .slHeader h2 span, .trialReviews h2 span {

        font-size: 18px

    }



    .hClientsectionInner h2 span {

        font-size: 26px

    }



    .hClientsectionInner h2 {

        font-size: 18px

    }



    .cmTabsection .ota-section .tab-content {

        padding-top: 40px

    }



    .hClients .hClientsList {

        width: calc(50% - 20px)

    }



    .hClients .hClientsList:nth-of-type(2n+1) {

        margin-left: 0

    }



    .psBlock {

        padding: 40px 10px

    }



    .Resourcehead .btn, .psBlock a {

        padding: 13px 20px

    }



    .supportList {

        width: 100%

    }



    .supportList:nth-of-type(2) {

        margin-top: 30px

    }



    .btm-ctaheader h2 {

        font-size: 26px

    }



    .btm-ctaCols .btn-info.white {

        padding: 13px 20px

    }



    .btm-ctaCols {

        margin: 20px auto 0

    }



    .btm-ctaCols:first-of-type {

        margin-left: auto;

        margin-top: 0

    }



    #gdsClients .owl-item {

        max-width: 50%

    }



    .mobileNav .dwlicon {

        display: none

    }



    .ezeemint-right-section h2 span {

        font-size: 18px

    }
    .pdClose:hover {
        animation: none;
    }

    
    .welcomePopupclose {
        right: -1%;
    }

}



@media (max-width:535px) {

    .hiw-item.hiw-third-border {

        margin-bottom: 0

    }



    .backed-by-holiday .child-backend-row {

        display: block

    }



    .child-backend-row .col-md-4, .col-md-4 {

        width: 100%

    }



    .hiw-item {

        margin-bottom: 20px;

        display: block

    }



    .hiw-item .hiw-img {

        max-width: 35%

    }



    .hiw-item p {

        max-width: 100%;

        width: 100%;

        font-size: 14px;

        height: auto

    }



    .hiw-item.hiw-third-border .hiw-img {

        max-width: 60% !important;

        min-height: auto

    }



}



@media (max-width:520px) {

    .news_wrap:before {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        margin: 0 auto;

        background: #d8d8d8;

        width: auto;

        height: 2px;

        content: ''

    }



}



@media (max-width:500px) {

    .navftrmenu {

        text-align: left

    }



    .news_box:before {

        width: 100%

    }



    .navftrmenu li {

        margin: 5px 0;

        width: 48%;

    }



}



@media (max-width:480px) {
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle, button.navbar-toggle.collapsed {margin: 10px;}
    .mobileNav {padding: 10px 10px;}

    .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {background-size: 80% 100%;height: 70px;margin: 0px 0 0 10px;width: 210px;}
    
    .ezeemint-right-section h2 {

        font-size: 24px

    }



    .ezeemint-img {

        max-width: 50%

    }



    .ezeemint-right-section h2 span {

        font-size: 18px

    }



    .homebannerTitle .homebannerPoints {

        font-size: 13px;

        display: table;

        margin: 15px auto

    }



    .homebannerTitle h1 {

        font-size: 26px

    }



    .homebannerTitle {

        width: 95%

    }



    .homebannetBtn {

        font-weight: 400

    }



    .homebannerInner {

        padding-top: 20px

    }



    .hbBadge {

        height: 60px

    }



    .hbBadge:before {

        transform: scale(.8);

        transform-origin: center top

    }



    .homebannerSection:after {

        height: 550px

    }



    .homebannerBadgesInner {

        margin-top: 60px

    }



    .Resourcehead h2, .cmTabsectionHeader h2, .faqSection h2, .featureHead h2, .psHeader h2, .slHeader h2, .trialReviews h2 {

        font-size: 24px;

        line-height: 1.4

    }



    .Resourcehead h2 span, .cmTabsectionHeader h2 span, .featureHead h2 span, .psHeader h2 span, .slHeader h2 span, .trialReviews h2 span {

        font-size: 18px;

        margin-bottom: 5px

    }



    .homebtnOuter .btn-primary {

        margin: 15px 0 0

    }



    .featureBox p, .featureHead p, .psHeader p, p.trialReviews-text {

        font-weight: 400

    }



    .homebtnOuter {

        margin-top: 30px

    }



    .ota-section .nav-tabs>li>a {

        font-size: 16px;

        padding: 5px 10px;

        margin: 0 6px 0 0

    }



    .hClientsList a {

        max-width: 112px;

        max-height: 64px

    }



    .hClientsList .bgclient:after {

        transform: scale(.74)

    }



    .ResourcesInner {

        width: 100%

    }



    .ResourceBox {

        width: 100%

    }



    .Resourcehead {

        margin-bottom: 30px

    }



    .btm-ctaCols .btn-info.white {

        font-size: 18px;

        padding: 12px 20px

    }



    .faqSection h2 {

        margin-bottom: 20px

    }



    .faqSection-listing .faqs li p {

        font-size: 15px;

        font-weight: 400

    }



    .faqSection-listing .faqs .faqans ul li {

        font-size: 15px;

        font-weight: 400

    }



    .faqSection-listing .faqs .faqans ul {

        padding-left: 20px

    }



    div#hs-eu-cookie-confirmation {

        font-size: 12px !important

    }



    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {

        padding: 8px 14px 14px !important

    }



    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {

        font-size: 12px !important;

        margin-bottom: 12px !important;

        line-height: 15px !important

    }



    div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a, div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {

        font-size: 12px !important

    }



    .homeOfferInner h2 {

        font-size: 24px

    }



    .homeOfferInner h2 span {

        font-size: 20px

    }



    .homeOfferInner {

        padding: 30px 20px

    }



    .trialReviews h2 span {

        margin-bottom: 5px

    }



}



@media (max-width:479px) {

    .topBar {

        height: auto

    }



    .topBarBody.tbShow .cenNav .navbar-fixed-top {

        margin-top: 0;

        top: 50px;

    }



    .topBarBody.tbShow .cenNav .navbar-fixed-top .tbSticky {

        top: 0

    }



    .topBarBody.tbShow .homePage {

        margin-top: 50px

    }



    .removeHello.topBarBody.tbShow .cenNav .navbar-fixed-top {

        margin-top: 0

    }



    .removeHello.topBarBody.tbShow .cenNav .navbar-fixed-top .tbSticky {

        top: 0

    }



    .topBarInner {

        align-items: center;

        min-height: 50px

    }



    .topBarContent {

        flex-wrap: wrap

    }



    .topBarText {

        width: 100%;

        font-size: 13px

    }



    .topBarBtn {

        margin: 5px 0 0;

        width: auto;

        font-size: 12px

    }



}



@media (max-width:450px) {

    .mobileNav .trialnone {

        display: none !important

    }



}



@media (max-width:419px) {

    .topBarIndia {

        height: 50px

    }



    .topBarIndiaBody.tbShow .cenNav .navbar-fixed-top {

        margin-top: 0;

        top: 50px

    }



    .topBarIndiaBody.tbShow .cenNav .navbar-fixed-top .tbSticky {

        top: 0

    }



    .topBarIndiaBody.tbShow .homePage {

        margin-top: 50px

    }



    .removeHello.topBarIndiaBody.tbShow .cenNav .navbar-fixed-top {

        margin-top: 0

    }



    .removeHello.topBarIndiaBody.tbShow .cenNav .navbar-fixed-top .tbSticky {

        top: 0

    }



    .topBar.topBarIndia .topBarText {

        width: initial

    }



    .topBar.topBarIndia .topBarContent {

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start

    }



    .topBar.topBarIndia .topBarBtn {

        width: initial;

        margin: 5px 0 0;

        font-size: 11px

    }



    .topBar.topBarIndia .topBarInner {

        align-items: center;

        min-height: auto

    }



}



@media (max-width:400px) {

    .navftrmenu li {

        width: 100%;

    }



    .navftrmenu:before, footer ul li {

        width: 100%;

    }



    footer .connect ul li {

        min-height: initial;

    }



    .social_wrap {

        /*margin-bottom: 100px;

        clear: both*/

    }



    .social_wrap ul li a {

        margin-left: 3px;

    }



    .social_wrap ul li:first-child a {

        margin-left: 0;

    }



}



@media (max-width:359px) {

    .homebannerTitle {

        width: 100%;

    }

    .faqque:after {

        right: -10px;
      
    }



    .hbBadge:before {

        transform-origin: left top;

        transform: scale(.7);

    }



    .trialReviews {

        padding-top: 0;

    }



    .trialReviewsOuter .homebtnOuter {

        margin-top: 30px;

    }



    .featureBox, .featureBox:nth-of-type(2), .featureBox:nth-of-type(3) {

        margin-top: 30px;

    }



    .featureBox h3, .psBlock h3 {

        font-size: 22px;

    }



    .Resourcehead h2, .cmTabsectionHeader h2, .faqSection h2, .featureHead h2, .psHeader h2, .slHeader h2, .trialReviews h2 {

        font-size: 22px;

    }



    .hClientsectionInner h2 span {

        font-size: 22px;

    }



    .hClientsList .bgclient:after {

        margin-left: -5px;

    }



    .hClientsection {

        margin: 30px 0;

    }



    .psHeader {

        margin-bottom: 0;

    }



    .featureBox p, .featureHead p, .psBlock p, .psHeader p, p.trialReviews-text {

        font-weight: 400;

    }



}



@media (max-width:345px) {

    .topBarText {

        letter-spacing: normal;

    }



}



@media (max-width:340px) {

    .cenNav .navbar-brand {

        /* padding: 13px 15px 10px; */

    }
    .navbar-nav .open .dropdown-menu li a{
        padding: 5px 10px;
    }



    .cenNav .navbar-brand .navbar-brand-text {

        font-size: 22px;

    }



    .cenNav .navbar-brand .navbar-brand-text small {

        font-size: 9px;

    }



   /*  .cenNav .navbar-brand img {

        max-width: 150px;

    } */
    .cenNav .navbar-fixed-top .navbar-brand img{
        max-height: 22px;
    }


    .homebannerSection:after {

        height: 600px;

    }



    .ezeemint-right-section h2 {

        font-size: 20px;

    }
    .ota-navouter .nav.nav-tabs{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ota-section .nav-tabs>li>a{
        padding: 14px 10px;
    }

}



@media (max-width:270px) {

    .navbar-header {

        text-align: center;

    }



    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-toggle, button.navbar-toggle.collapsed {

        float: none;

        margin: 15px 0 0 0 !important;

    }



    .cenNav .navbar-brand {

        padding: 10px 0;

        display: inline-block;

        float: none;

        width: 100%;

    }



}



.txt-center {

    text-align: center;

}



.txt-center {

    text-align: center;

}



.mrg-btm {

    margin-bottom: 20px;

}



/*! CSS Used from: Embedded */

#hKOM6HV-1588051693485 {

    outline: 0 !important;

    visibility: visible !important;

    resize: none !important;

    box-shadow: none !important;

    overflow: visible !important;

    background: 0 0 !important;

    opacity: 1 !important;

    -moz-opacity: 1 !important;

    -khtml-opacity: 1 !important;

    top: auto !important;

    right: 10px !important;

    bottom: 90px !important;

    left: auto !important;

    position: fixed !important;

    border: 0 !important;

    min-height: 0 !important;

    min-width: 0 !important;

    max-height: none !important;

    max-width: none !important;

    padding: 0 !important;

    margin: 0 !important;

    -moz-transition-property: none !important;

    -webkit-transition-property: none !important;

    -o-transition-property: none !important;

    transition-property: none !important;

    transform: none !important;

    -webkit-transform: none !important;

    -ms-transform: none !important;

    width: auto !important;

    height: auto !important;

    display: none !important;

    z-index: 2000000000 !important;

    background-color: transparent !important;

    cursor: auto !important;

    float: none !important;

    border-radius: unset !important;

    pointer-events: auto !important

}



/*! CSS Used from: Embedded */

.hs-form-410b8eac-db9e-414f-bf1b-ce410fbe56a5_3d21c39b-ec6e-4349-b665-58b447c53a7a .hs-field-desc {

    width: 100%

}



/*! CSS Used from: Embedded */

.news_box form {

    margin: 10px 0 16px

}



/*! CSS Used keyframes */

@keyframes badgeAnime {

    0% {

        background-color: #ffbe4e

    }



    50% {

        background-color: #a2ef59

    }



    100% {

        background-color: #ffbe4e

    }



}



@keyframes curveMotion {

    0% {

        -webkit-transform: scaleX(1.4);

        transform: scaleX(1.4)

    }



    50% {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }



    100% {

        -webkit-transform: scaleX(1.4);

        transform: scaleX(1.4)

    }



}



@keyframes rotates {

    0% {

        transform: rotate(0)

    }



    100% {

        transform: rotate(360deg)

    }



}



/*! CSS Used fontfaces */

@font-face {

    font-family: FontAwesome;

    src: url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.eot?v=4.4.0');

    src: url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.eot#iefix&v=4.4.0') format('embedded-opentype'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: FontAwesome;

    src: url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.eot?v=4.7.0');

    src: url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.ezeecentrix.com/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');

    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');

    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');

    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');

    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');

    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');

    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Roboto;

    font-style: normal;

    font-weight: 400;

    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD

}


/*--- Mexico Country CSS ---*/
.mexicoBody {top:0 !important;}
.mexicoBody .mainbannerTitle h1 .subText {font-size: 44px;}
.mexicoBody .mainbannerTitle h1 {font-size: 54px;}
.mexicoBody .center-logo img {height: 100%;}
.mexicoBody .ota-section .tabing {height: auto !important;}
.mexicoBody .generalForm .hs-form-field label {font-size: 12px;}
.mexicoBody .cenNav .cnetCusNav .navbar-nav li a.callnow {font-size: 14px; line-height: 2.5;}

@media (max-width: 1400px) {
    .mexicoBody .extraAddon {margin: 0 23px;}
            .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {
    background-size: 100%;

}
}

@media (max-width: 1199px) {

    .mexicoBody .mainbannerTitle h1, .mexicoBody .mainbannerTitle h1 .subText {font-size: 36px;}
    .mexicoBody .mainbannerTitle .mainbannerPoints {font-size: 14px;line-height: 20px;}
    .mexicoBody .homebannerBadgesInner img {height: 60px;width: auto;}
    .mexicoBody .extraAddon {width: 20%;}

    .mexicoBody .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand {width: 170px; height: 60px;}
    .mexicoBody .cenNav .cnetCusNav .navbar-nav li a.callnow {line-height: 3;}
    .mexicoBody .cenNav .cnetCusNav .navbar-nav>li>a, .mexicoBody .cenNav .navbar-nav>li>a, .mexicoBody form.navbar-form.navbar-left .trial {font-size: 13px;}
}

@media (max-width: 991px) {
    .mexicoBody .extraAddon {width: 40%;}
    .mexicoBody .extraAddonInner {gap: 30px;}
    .mexicoBody .homebannerBadgesInner {width: 100%;}
}

@media (max-width: 680px) {
    .mexicoBody .extraAddon {width: 35%;}
}

@media (max-width: 480px) {
    .mexicoBody .mainbannerTitle h1, .mexicoBody .mainbannerTitle h1 .subText {font-size: 30px;}
}

@media (min-width: 992px) and (max-width: 1099px) {
        .cenNav .navbar-fixed-top.cnetCusNav .navbar-brand, .cenNav .navbar-fixed-top .navbar-brand {
       width: 170px;
    }
}