
:root {
    --primaryColor: #2F5FBB;
    --primaryDarkColor: #162870;
    --primaryLightColor: #6C9AE2;
    --secondaryColor: #3c3c3c;
    --graybuttonColor: #f4f4f7;
    --lightBlue: #6C9AE2;
    --graybuttonBorderColor: #cbcbda;
    --highlightbuttonColor: #FFCB31;
    --highlightbuttonTextColor: #233413;
    --whiteColor: #FFFFFF;
    --blackColor: var(--secondaryColor)000;
    --blackColor1: #222222;
    --blackColor2: #333333;
    --blackColor3: #4b4f65;
    --primaryFontfamily: 'Poppins', sans-serif;
    --secondaryFontfamily: 'Inter', sans-serif;
    --Fontawesome: 'FontAwesome';
    --paragraphFontsize: 1rem;
    --logoSubtitle: #98dcff;
    --logoSubtitleWhitebg: #4b4f65;
    --yellowbuttonColor: #FFCB31;
}


* { margin: 0; padding: 0 }

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

p { font-weight: 400; font-size: 16px; color: var(--secondaryColor) }

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

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

@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 }

}

#ccbar_container.ccbar_pos_bottom { height: 42px !important }

.model_cnt h3 { color: var(--primaryColor) }

.api-bnr.inr_head_big h2 { padding: 10px 30px 25px; position: absolute; left: 50%; top: 50%; padding: 25px 30px; width: auto; background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, .7), 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .7), 0 2px 5px rgba(0, 0, 0, .2); z-index: 12; text-align: center; text-shadow: none }

.api-bnr { background-repeat: no-repeat !important }

.api-bnr.inr_head_big h2 small { display: block; font-size: 14px; margin-top: 10px; color: #fff; line-height: 1.4 }

.api-bnr.inr_head_big h2 a { color: var(--primaryColor) !important; margin-bottom: 10px !important; border-bottom: 2px solid var(--primaryColor) !important }

.center { text-align: center }

.inline { display: inline-block }

.text-center { text-align: center }

.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 }

.btn-primary:hover { background: var(--primaryColor); border-color: var(--primaryColor) }

.btn-primary.focus, .btn-primary:focus { background: #286090; border-color: #286090 }

.zouter { position: relative; z-index: 10 }

.btn-info.white { color: #fff; border: 1px solid #d8d8d8; background: 0 0 }

.model_cnt .feature_wrap { float: left; width: 100%; padding: 30px 0; position: relative }

.single_loc { background: #f8f8f8 }

.form-group label.txt_label { position: relative; width: 100%; height: 100%; left: 0; top: 4px; margin: 0; font-size: 14px; color: #666; transition: all ease .3s; font-weight: 400 }

#reqsubmit { font-size: 18px }

#reqsubmit span.msgline { display: block; font-size: 13px; opacity: .7 }

#frmdownload { margin-bottom: 20px }

#frmdownload .form-group { margin-bottom: 20px }

#frmdownload .form-group:last-child { margin-bottom: 0 }

.form-group label.txt_label .req { color: #ff6f6f; margin-left: 3px; vertical-align: top; font-size: 13px }

.trial_form #frmdownload .form-group span.form_icn { display: none }

.trial_form #frmdownload .form-group label.txt_label { color: #33475b; font-weight: 500 }

.trial_form #frmdownload .parsley-errors-list li { background: #f98181 }

.trial_form #frmdownload .form-group.form-select { position: relative; margin: 0 }

.trial_form #frmdownload .form-group.form-select:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 10px; top: 13px; z-index: 3; line-height: 1; transform: translateY(0); pointer-events: none }

.form-group input[type=email], .form-group input[type=password], .form-group input[type=text], .form-group textarea, select#country { border: 0; height: 30px; background: 0 0; box-shadow: none; padding-right: 30px; border-bottom: 2px solid #e2dee3; width: 100% }

form#frmdownload select#country { padding: 0; font-size: 14px }

input:focus, select:focus, textarea:focus { outline: 0 }

.form-group span.form_icn { position: absolute; right: 0; top: 0; line-height: 1; color: var(--primaryColor); width: 25px; text-align: center; background: #fff; font-size: 18px }

form#frmdownload input, form#frmdownload select, form#frmdownload textarea { width: 100% }

.trial_form { display: inline-block; max-width: 350px; width: 100%; padding: 35px 20px; background: #fff; position: relative; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: all ease .5s; z-index: 2; text-align: left }

.request_form { padding: 20px 0 10px }

.request_form .form-group, .trial_form .form-group { margin-bottom: 20px; width: 100%; display: inline-block }

.request_form .form-group select#countrycallback, .trial_form .form-group select#country, form#frmdownload select#country { margin: 5px 0 }

.form-group label.txt_label.focused { font-size: 11px !important; top: -22px !important; left: 0 !important; color: var(--primaryColor) }

.freetrial { padding: 0; margin: 0 }

.free-trial { float: left; width: 100% }

.freetrial-left { flex: initial; padding: 40px 0 0; text-align: center; width: 100%; float: left; position: relative }

.freetrial-left .trail_cnt { color: #fff; z-index: 10; max-width: 100%; margin: 20px auto }

.free_trial-bg { position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background-color: #f8f8f8; display: inline-block; border-top: 1px solid #ddd }

.freetrial-left .trail_cnt .trail_cnt-title { font-size: 38px; margin-top: 0; color: var(--primaryColor); line-height: 1.2 }

.freetrial-left .trail_cnt .trail_cnt-title small { display: block; font-size: 18px; font-weight: 400; margin: 15px 0 15px; color: var(--secondaryColor) }

.freetrial-left .trail_cnt .trail_cnt-title small h1 { display: inline-block; font-size: inherit; font-weight: inherit; color: var(--secondaryColor); margin: 0 }

.freetrial-left .trail_cnt p.ft-text { margin: 10px auto 0; font-size: 16px; font-weight: 400; line-height: 1.7em; max-width: 100% }

.freetrial-left .trail_cnt p.ft-text strong { font-weight: 600 }

.freetrial-right { flex: 1; padding: 20px 0 50px; width: 100%; float: right; position: relative }

.freetrial-right .live_demo_form { position: relative; z-index: 10; margin: 0 auto; left: 0; right: 0; display: inherit; padding-bottom: 10px; padding: 0 }

.freetrial-right .live_demo_form #frmdownload { margin-bottom: 0 }

.freetrial-right .live_demo_form #frmdownload .reqsubmit { margin-top: 10px; font-size: 18px }

.gForm { padding: 0 }

.generalForm { padding: 30px 25px; min-height: 400px }

.modalForm .generalForm { padding: 0 10px 10px; min-height: 350px }

.banner .guideform .guideformInner.gForm { min-width: 400px }

.banner .guideform .guideformInner.gForm .subtitle { margin: 30px 25px 0 }

.banner .guideform .guideformInner.gForm .generalForm { padding: 10px 25px 30px; min-height: 320px }

.generalForm .hs-form-field { margin: 13px 0 35px; text-align: left; position: relative; transition: all .3s ease }

.generalForm .hs-form-field:last-of-type { margin-bottom: 0 }

.generalForm .hs-dependent-field { margin-bottom: 35px }

.generalForm .hs-message { margin-bottom: 25px }

.generalForm .hs-form-field.hs-fieldtype-booleancheckbox { margin-bottom: 0 }

.generalForm .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msgs { padding-top: 0; margin-top: 0; position: relative }

.generalForm .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msg { padding-top: 0 }

.generalForm .hs-fieldtype-booleancheckbox label { display: flex; flex-flow: row; left: 0; padding: 0; position: relative;align-items: flex-start; }

.generalForm .hs-fieldtype-booleancheckbox .hs-input { flex: 0 0 24px }

.hs-form-field label { padding: 0 4px 4px; margin: 0; font-weight: 500; font-size: 14px; line-height: initial; display: flex; vertical-align: middle; color: #33475b; position: absolute; top: -10px; left: 6px; z-index: 3; background: #fff; transition: all .3s ease }

.generalForm .hs-form-field.hs-fieldtype-select label { font-size: 14px }

.generalForm .hs-form-field.hs-fieldtype-select .input { position: relative }

.generalForm .hs-form-field.hs-fieldtype-select .input:before { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 10px; top: 50%; z-index: 3; transform: translateY(-50%); pointer-events: none }

.generalForm .hs-form-field label .hs-form-required { color: #f98181; margin-left: 5px; vertical-align: top; font-size: 11px }

.generalForm .hs-input { padding: 15px 15px 9px; border-radius: 0; border: 1px solid #cbd4de; font-size: 14px; line-height: 1.2em; transition: all .3s ease; background-color: #fff; color: #33475b; display: block; text-align: left; vertical-align: middle; width: 100% }

.generalForm .hs-input { outline: 0 }

.generalForm .hs-form-field .input textarea.hs-input { min-height: 100px }

.generalForm .hs-form-field select.hs-input { border-radius: 0 !important }

.generalForm .hs-form-field:last-of-type { margin-bottom: 25px }

.secondform_popup .generalForm .hs-form-field { margin: 0 0 25px }

.secondform_popup .generalForm { padding: 20px; min-height: 280px }

.secondform_popup .gForm h3 { margin: 0 }

.generalForm .hs-form-field.hs-fieldtype-checkbox label, .generalForm .hs-form-field.hs-fieldtype-radio label { font-weight: 700; color: var(--secondaryColor); position: relative; left: 0; top: 0; font-size: 14px; padding: 0 0 5px }

.generalForm .inputs-list { display: inline-block; margin: 0; padding: 0; list-style: none; width: 100%; text-align: left }

.generalForm .inputs-list .hs-form-checkbox, .generalForm .inputs-list .hs-form-radio { text-align: left; margin: 0 15px 0 0; display: inline-block }

.generalForm .inputs-list .hs-form-checkbox label, .generalForm .inputs-list .hs-form-radio label { position: relative; left: 0; top: 0; margin: 0; padding: 0; display: flex; color: var(--secondaryColor) }

.generalForm .inputs-list .hs-form-checkbox label .hs-input, .generalForm .inputs-list .hs-form-radio label .hs-input { outline: 0; width: 20px; margin: 4px 5px 0 0; padding: 0; text-align: left; background: 0 0 }

.generalForm .inputs-list .hs-form-checkbox label span, .generalForm .inputs-list .hs-form-radio label span { display: inline-block; width: calc(100% - 20px); font-size: 14px; font-weight: 500 }

.hs_error_rollup .hs-error-msgs { padding: 0 .375rem; line-height: initial; margin: 5px 0 0; list-style: none; animation: animeLeft .5s ease; width: 100% }

.hs_error_rollup .hs-error-msgs li { margin: 0; line-height: 100% }

.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 }

.submitted-message { text-align: left }

.submitted-message p { font-size: 14px; line-height: 1.62857; margin: 0 0 10px; color: var(--secondaryColor) }

.submitted-message p strong { font-size: 18px; font-weight: 600; color: #000 }

.generalForm .hs-form-field .hs-error-msgs { padding: 0 .375rem; line-height: initial; margin: 0; list-style: none; animation: animeLeft .5s ease; position: absolute; top: 100%; left: 0 }

.generalForm .hs-form-field .hs-error-msgs li { line-height: 100%; margin: 0; padding: 0 }

.generalForm .hs-form-field .hs-error-msgs label { padding: 0; margin: 0; color: #f98181; font-size: 12px; line-height: 1.2em; font-weight: 400; position: relative; left: 0; top: 0; transition: all .3s ease }

.banner .guideform .guideformInner.gForm .generalForm .hs-form-field .hs-error-msgs label { color: #ffaeae }

.generalForm .hs-submit { margin: 20px 0 0 }

.generalForm .hs-submit .hs-button { padding: 13px 20px; border-radius: 0; border: 1px solid var(--primaryColor); background: var(--primaryColor); color: #fff; font-size: 18px; line-height: 1.2em; width: 100%; font-weight: 400; transition: all .4s ease }

.generalForm .hs-submit .hs-button:focus, .generalForm .hs-submit .hs-button:hover { background: #f97541; border-color: #f97541; outline: 0; outline: 0 auto -webkit-focus-ring-color; outline-offset: 0px }

.contactfrm .generalForm { background: #fff; border-radius: 6px; max-width: 360px; margin: 0 auto }

@keyframes animeUp {

	0% { transform: translateY(5px); opacity: 0 }

	100% { transform: translateY(0); opacity: 1 }

}

@keyframes animeLeft {

	0% { transform: translateX(5px); opacity: 0 }

	100% { transform: translateX(0); opacity: 1 }

}

.fullsection { padding: 40px }

.graybg { background: #f8f8f8 }

.mainfeature { text-align: center }

.mainfeature h2 { color: #354dcc; font-size: 36px }

a, a:focus, a:hover { text-decoration: none; color: var(--primaryColor); outline: 0 }

.text-center { text-align: center }

.otalist { text-align: center }

.ota-section .wdt .pad { height: inherit }

.ota-section .channellist, .ota-section .gdslist, .ota-section .vrentals { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 }

.ota-section .ota-navouter { border-bottom: 0 solid var(--primaryColor); margin: 0 auto; width: 100% }

.ota-section .nav.nav-tabs { border-bottom: 0 solid var(--primaryColor); margin: 0 auto; display: table }

.ota-section .nav-tabs>li { margin-bottom: 0 }

.ota-section .nav-tabs>li>a { color: #666; background-color: #f5f5f5; border-color: #f5f5f5; font-weight: 400; font-size: 15px; position: relative; padding: 8px 20px; margin: 0 10px 0 0; border: 0; border-radius: 30px; outline: 0; transition: all .3s ease }

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

.ota-section .nav-tabs>li.active>a { color: #fff; border: 0; background: #3e4154 }

.ota-section .nav-tabs>li.active>a:after { content: ""; border-left: 10px solid transparent; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid var(--primaryColor); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; display: none }

.ota-section .tab-content { padding: 60px 0 40px }

.ota-section .tab-content .otalist { display: inline-block; width: 100% }

.chlist-title { color: var(--primaryColor); font-size: 28px; margin-bottom: 27px }

.ota-section .tabing { min-width: 1000px }

.ota-section .tab-content .chlist-title { margin: 40px 0 30px; display: none }

.ota-section .tab-content #home .chlist-title { margin: 0 0 30px; display: block }

.ota-section .tab-content #home .belist .chlist-title, .ota-section .tab-content #home .channelmanagerlist .chlist-title, .ota-section .tab-content #home .gdslist .chlist-title, .ota-section .tab-content #home .metasearch .chlist-title, .ota-section .tab-content #home .ongoing .chlist-title, .ota-section .tab-content #home .pmssearch .chlist-title, .ota-section .tab-content #home .vrentals .chlist-title { margin: 40px 0 30px }

.otalist .chlist img { width: 202px; height: 57px }

.beInlist, .chmanInlist, .gdsInlist, .metaInlist, .otlist, .pmsInlist, .vportalInlist { display: inline-block; margin: 0 6px 20px; box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .1); padding: 2px; border: 1px solid #e6e6e6; background: #fff; vertical-align: top; -webkit-transition: all .3s ease; transition: all .3s ease }

.pmsInlist h5 { font-size: 34px; color: #245bbe }

.beInlist:hover, .chmanInlist:hover, .gdsInlist:hover, .metaInlist:hover, .otlist:hover, .pmsInlist:hover, .vportalInlist:hover { border: 1px solid #d6d6d6; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .15) }

.beInlist span, .chmanInlist span, .gdsInlist span, .metaInlist span, .otlist span, .pmsInlist span, .vportalInlist span { display: block; margin: 10px 0 0; font-size: 15px; color: #666; -webkit-transition: all .3s ease; transition: all .3s ease; background: #f7f7f7; height: 30px; line-height: 30px }

.beInlist:hover span, .chmanInlist:hover span, .gdsInlist:hover span, .metaInlist:hover span, .otlist:hover span, .pmsInlist:hover span, .vportalInlist:hover span { color: #000 }

.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 }

.beInlist .chlist:hover, .chmanInlist .chlist:hover, .gdsInlist .chlist:hover, .metaInlist .chlist:hover, .otlist .chlist:hover, .pmsInlist .chlist:hover, .vportalInlist .chlist:hover { box-shadow: none; -webkit-box-shadow: none; border: 0 }

.chlist { min-width: 202px; min-height: 57px; border: 1px solid #eaeaea; margin: 15px 9px; padding: 3px; display: inline-block; background-color: #fff; box-shadow: 0 4px 14px -5px rgba(0, 0, 0, .2); -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:hover { box-shadow: 0 8px 26px -7px rgba(0, 0, 0, .2); border: 1px solid #dadada }

.chlist img { width: 57px }

.gdsinfo { margin: 10px 0 20px }

.gdsinfo a { display: inline-block; border: 1px dashed #aaa; box-shadow: 0 1px 3px rgba(50, 50, 50, .14); margin-right: 8px }

.gdstbl { margin: 20px 0 }

.vrentals { border-bottom: 1px solid #ddd }

.text-center { text-align: center !important }

.clientstypes .tabbtn { padding: 11px 25px; color: #fff; box-shadow: none; border: 1px solid var(--primaryColor); box-shadow: none; border-left: 1px solid #6dbada; font-size: 18px }

.orbtn { border: 3px solid #fff; background: var(--primaryColor); border-radius: 50%; height: 40px; position: absolute; top: 8px; left: 50%; z-index: 100; margin-left: -25px; width: 40px; text-align: center; padding-top: 5px; text-transform: uppercase; color: #fff }

.clientstypes .bt-active { outline: 0; background: #115f80 }

.fixed-tab .pad { height: 70px }

.bggray { background-color: #f8f8f8; margin: 50px 0 0; padding: 50px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }

select { border-radius: 0 !important; position: relative; z-index: 2; appearance: none; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none }

.select-caret { position: absolute; right: 10px; top: 8px; z-index: 1 }

.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0 }

.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 }

.cm-trialbtn { margin: 0 0 0 20px }

.home-partner { text-align: center; padding: 50px 0 40px; border-top: 1px solid #ddd; clear: both; position: relative; background: #fff; }

.cmPage .home-partner { border-top: 0; padding: 30px 0; border-bottom: 1px solid #ececec }

.cmPage .home-partner h2 { margin: 0 0 40px; font-size: 30px; font-weight: 600 }

.cmPage #hellobox { display: none !important }

.cmPage .cenNav { display: none }

.cmFreetrialPage .cmLogo {
    background: url(../images/ezeecentrix-logo-white.svg) no-repeat left center;
    width: 207px;
    height: 70px;
    margin: 0;
    max-width: 100%;
    background-size: 100%;
    padding: 0;
	display: inline-block;
}


.cmLogo { /*height: 50px; font-size: 18px; line-height: 20px; display: table; margin: 20px 0; padding: 0 */}

.cmLogo img { /*max-width: 50px; display: inline-block; vertical-align: middle */}

.cmLogo .cmLogo-text { /*font-weight: 400; margin: 0; display: inline-block; vertical-align: middle; font-size: 30px; color: #fff; margin-top: 5px */}

.cmLogo .cmLogo-text small {/* display: block; font-size: 12px; color: rgba(255, 255, 255, .8); padding-left: 2px */}

.cmPage .cenNav .navbar-default .navbar-collapse ul.nav.navbar-nav.navbar-right, .cmPage .ftr_links, .cmPage .news_wrap { display: none }

.cmPage footer { padding-top: 0; border: 0 }

.cmPage footer .copy_outer { justify-content: center; align-items: center; padding: 10px 0 }

.cmPage .copy_wrap .copy_cols.cc-cols2, .cmPage .copy_wrap .copy_cols.cc-cols3 { display: none }

.cmMainbanner { position: relative; background: var(--primaryColor); background: -moz-linear-gradient(top, var(--primaryDarkColor) 0, var(--primaryColor) 100%); background: -webkit-linear-gradient(top, var(--primaryDarkColor) 0, var(--primaryColor) 100%); background: linear-gradient(to bottom, var(--primaryDarkColor) 0, var(--primaryColor) 100%) }

.cmMainbanner:before { content: ""; background: url("../images/main-banner.webp") no-repeat; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; background-size: cover; opacity: .2 }

.cmMainbanner .container { position: relative; z-index: 1 }

.cmMainbannerInner { display: flex; min-height: 600px;}

.cmMainbannerContent { width: calc(100% - 430px); color: #fff;}

.cmMainbannerText { margin: 60px 0 0 }

.cmMainbannerTextInner { min-height: 210px; }

.cmMainbanner-title { color: #fff; margin: 0 0 15px; font-weight: 700; line-height: 1.2em; /*text-shadow: 0 2px 5px rgba(0, 0, 0, .8)*/ }

.cmMainbanner-subtitle { color: var(--yellowbuttonColor); margin: 0; font-size: 20px; font-weight: 500; letter-spacing: .03em; /*text-shadow: 0 1px 3px rgba(0, 0, 0, .8)*/ }

.cmMainbanner-partners { margin: 60px 0 0; padding: 0; display: flex; flex-flow: row wrap; align-items: center }

.cmpImg { width: calc(50% - 15px); max-width: 280px; margin: 0 0 20px 20px; overflow: hidden; border-radius: 3px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .4); transition: all .3s ease }

.cmpImg:hover { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .5) }

.cmpImg:nth-of-type(2n+1) { margin-left: 0 }

.cmpImg img { max-width: 100% }

.cmMainbannerForm { width: 380px; padding: 20px 0 40px; margin: 0 0 0 50px }

.cmMainbannerForm .generalForm { padding: initial }

.cmMainbannerForm form { background: #fff; padding: 20px 30px; box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1); border-radius: 6px }

.cmPage .generalForm .hs-submit .hs-button { border: 1px solid var(--primaryColor); background: var(--primaryColor); font-size: 18px; font-weight: 500; border-radius: 0; transition: all .3s ease }

.cmPage .generalForm .hs-submit .hs-button:focus, .cmPage .generalForm .hs-submit .hs-button:hover { background: #254e9d; border-color: #254e9d }

.cmForm-terms { margin: 15px 0 0; line-height: 1.2em; font-size: 13px; letter-spacing: .015em; text-align: center }

.cmForm-terms span { display: block; font-size: 14px; line-height: 1; margin: 0 0 5px; font-weight: 600; letter-spacing: .02em; color: #ff5722; text-transform: uppercase }

.cmComparison { background: #f5f5f5; position: relative; padding: 60px 0; overflow: hidden }

.cmComparison .container { position: relative; z-index: 2 }

.cmComparisonHeader { text-align: center; margin: 0 auto 30px }

.cmPage .cmComparisonHeader h2 { margin: 0 0 15px; font-size: 36px; font-weight: 600; line-height: 1.3em; text-shadow: 0 2px 0 #fff, 0 4px 6px rgba(0, 0, 0, .2) }

.cmPage .btn:focus, .cmPage .btn:hover { color: #fff; background-color: #254e9d; border-color: #254e9d }

.cmTabsection { padding: 60px 0 50px; border-bottom: 1px solid #efefef; margin-bottom: 0; position: relative; overflow: hidden; background: var(--primaryColor); background: -moz-linear-gradient(top, var(--primaryDarkColor) 0, var(--primaryColor) 100%); background: -webkit-linear-gradient(top, var(--primaryDarkColor) 0, var(--primaryColor) 100%); background: linear-gradient(to bottom, var(--primaryDarkColor) 0, var(--primaryColor) 100%) }

.cmTabsection:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/bgimg-01.webp") no-repeat; background-size: cover; opacity: .4; animation: bgAnime linear 30s infinite }

@keyframes bgAnime {

	0% { transform: scale(1) translateY(0) }

	50% { transform: scale(1.2) translateY(-20px) }

	100% { transform: scale(1) translateY(0) }

}

.cmTabsection .container { position: relative; z-index: 1 }

.cmTabsection .ota-section .tab-content { padding: 60px 0 0 }

.cmTabsection .ota-section .tab-content .tab-pane { text-align: center }

.cmTabsection .ota-section .tab-content .tab-pane .btn { margin: 20px auto 0; background: 0 0; color: #fff; border-color: #fff }

.cmTabsection .ota-section .tab-content .tab-pane .btn:focus, .cmTabsection .ota-section .tab-content .tab-pane .btn:hover { background: #fff; color: var(--primaryColor); border-color: #fff; box-shadow: 0 6px 10px rgba(0, 0, 0, .3) }

.cmTabsection .ota-section .tab-content p.tabBtmtext { color: #fff; text-align: center; margin: 0; position: relative; z-index: 10 }

.cmTabsectionHeader h2 { margin: 0 0 50px; font-weight: 600; color: #fff; /*text-shadow: 0 3px 6px rgba(0, 0, 0, .6);*/ text-align: center }

.cmTabsection .beInlist, .cmTabsection .chmanInlist, .cmTabsection .gdsInlist, .cmTabsection .metaInlist, .cmTabsection .otlist, .cmTabsection .pmsInlist, .cmTabsection .vportalInlist { box-shadow: 0 6px 14px -7px rgba(0, 0, 0, .8); border-radius: 2px }

.cmTabsection .beInlist:focus, .cmTabsection .beInlist:hover, .cmTabsection .chmanInlist:focus, .cmTabsection .chmanInlist:hover, .cmTabsection .gdsInlist:focus, .cmTabsection .gdsInlist:hover, .cmTabsection .metaInlist:focus, .cmTabsection .metaInlist:hover, .cmTabsection .otlist:focus, .cmTabsection .otlist:hover, .cmTabsection .pmsInlist:focus, .cmTabsection .pmsInlist:hover, .cmTabsection .vportalInlist:focus, .cmTabsection .vportalInlist:hover { box-shadow: 0 10px 20px -6px rgba(0, 0, 0, .8) }

.chlist img { width: 202px; height: 57px }

.cmTabsection .wlcm_box { margin: 20px 0 0 }

.cmFeatures { background: #f5f5f5; padding: 50px 0 60px }

.cmFeatures .cmFeaturesHeader { margin: 0 auto 60px; text-align: center }

.cmFeatures .cmFeaturesHeader h2 { font-size: 30px; font-weight: 600; line-height: 1.2em; margin: 0 0 10px }

.cmFeatures .cmFeaturesHeader p { margin: 0; font-weight: 400; font-size: 14px; line-height: 1.8em; color: var(--secondaryColor) }

.cmPage .featureBoxOuter { display: flex; flex-flow: row wrap }

.cmPage .featureBox { position: relative; width: calc(50% - 15px); margin: 30px 0 0 30px; padding: 30px; background: #fff; box-shadow: 0 3px 9px -3px rgba(0, 0, 0, .1); border-radius: 6px; transition: all .3s ease; border: 1px solid #ececec; display: flex; flex-flow: row wrap }

.cmPage .featureBox:hover { box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .2) }

.cmPage .featureBox:nth-of-type(2n+1) { margin-left: 0 }

.cmPage .featureBox:nth-of-type(1), .cmPage .featureBox:nth-of-type(2) { margin-top: 0 }

.featureText { width: calc(100% - 140px) }

.cmPage .featureBox .featureBoxImg { width: 120px; margin: 0 20px 0 0 }

.cmPage .featureBox .featureBoxImg img { max-width: 100% }

.cmPage .featureBox h3 { margin: 0 0 6px; font-size: 18px; font-weight: 600; line-height: 1.3em; transition: all .3s ease }

.cmPage .featureBox:hover h3 { color: var(--primaryColor) }

.cmPage .featureBox p { margin: 0; font-weight: 400; font-size: 14px; line-height: 1.6em }

.cmFeaturesBtm { margin: 0; padding: 40px 0; text-align: center }

.cmFeaturesBtn { margin: 30px 0 0 }

.cmFeaturesBtn .btn { background: var(--primaryColor); border: 0; box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5); padding: 15px 30px }

.cmFeaturesBtn h2 { margin: 0 0 20px; font-size: 26px; font-weight: 600 }

.ctaSections { background: var(--primaryColor); padding: 40px; color: #fff; text-align: center }

.ctaSections h2 { color: #fff; margin: 0 0 30px; font-size: 30px; font-weight: 600 }

.ctaSections .btn { background: #fff; color: #000; font-weight: 600; letter-spacing: .02em }

.cmAppSection { position: relative; padding: 40px 0 20px; color: #fff; background: var(--primaryColor); background: -moz-linear-gradient(to left, var(--primaryDarkColor) 0%, var(--primaryColor) 80%); background: -webkit-linear-gradient(to left, var(--primaryDarkColor) 0%, var(--primaryColor) 80%); background: linear-gradient(to left, var(--primaryDarkColor) 0%, var(--primaryColor) 80%); overflow: hidden }

.cmAppSection:before { content: ""; background: url(../images/revolt-snap.webp) no-repeat center; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: .1; transform-origin: center; transform: scale3d(1.5, 1.5, 1) skewX(6deg) translateY(0) translateX(50px); animation: pmobile 100s linear infinite }

@keyframes pmobile {

	0% { transform: scale3d(1.5, 1.5, 1) skewX(6deg) translateY(0) translateX(50px) }

	50% { transform: scale3d(1.5, 1.5, 1) skewX(6deg) translateY(-50px) translateX(0) }

	100% { transform: scale3d(1.5, 1.5, 1) skewX(6deg) translateY(0) translateX(50px) }

}

.cmAppInner { position: relative; z-index: 1; display: flex; align-items: center }

.cmAppInner .cmAppContent { width: calc(100% - 360px) }

.cmAppSection h2 { margin: 0 0 20px; font-size: 34px; font-weight: 600; /*text-shadow: 0 2px 4px rgba(0, 0, 0, .3);*/ letter-spacing: .01em; color: #fff }

.cmAppSection p { margin: 0; font-size: 16px; line-height: 2em; font-weight: 400; letter-spacing: .04em; color: #fff }

.cmAppSection .btn { margin: 30px 0 0; background: #fff; color: var(--primaryColor); padding: 15px 30px; box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5) }

.cmAppSection .btn:focus, .cmAppSection .btn:hover { background: #fff; color: var(--primaryColor); box-shadow: 0 11px 20px -12px rgba(0, 0, 0, .5) }

.cmAppImg { width: 300px; text-align: right; margin: 0 0 0 60px }

.cmAppImgInner { margin-bottom: -50px }

.cmSupport { padding: 40px 0 }

.cmPage .supportSectionInner { width: 100%; padding: 0 }

.cmPage .supportSectionInner .slHeader { margin: 0 auto 60px; text-align: center }

.cmPage .supportSectionInner .slHeader h2 { margin: 0; font-size: 30px; font-weight: 600 }

.cmPage .supportlistOuter { display: flex; flex-flow: row wrap }

.cmPage .supportList { width: 25%; text-align: center; margin: 0; padding: 20px; box-sizing: border-box }

.cmPage .supportList .slImg { display: block; width: 150px; margin: 0 auto; border: 1px solid #d8d8d8; border-radius: 50%; padding: 6px; box-shadow: 0 3px 12px -2px rgba(0, 0, 0, .2); transition: all .3s ease; transform: scale(1) }

.cmPage .supportList:hover .slImg { box-shadow: 0 8px 20px -5px rgba(0, 0, 0, .3); transform: scale(1.1) }

.cmPage .supportList .slImg img { max-width: 100%; margin: 0 }

.cmPage .supportList .slText { display: block; font-size: 18px; color: var(--secondaryColor); font-weight: 600; line-height: 1.4em; margin: 30px auto 0; transition: color .3s ease }

.cmPage .supportList .slText { /*color: #000 */}

.cmPage .supportList .slText span { display: block }

.cmPage .trialReviews { padding: 40px 0 50px; text-align: center; background: #f4f5f7; border-bottom: 1px solid #eaedf3; border-top: 1px solid #eaedf3; position: relative }

.cmPage .trialReviewsOuter { position: relative }

.cmPage .trialReviewsOuter:before { content: "\f10d"; font-family: fontAwesome; font-size: 120px; color: rgba(167, 172, 199, .1); position: absolute; top: 30px; left: 0 }

.trialbtnOuter .btn { background: var(--primaryColor); border: 0; box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5); padding: 15px 30px }

.cmPage .trialReviews .container { position: relative; z-index: 1 }

.cmPage .trialReviews-block { max-height: 300px }

.cmPage #trialReviews.owl-carousel .owl-wrapper-outer { max-height: 300px; z-index: 1 }

.cmPage #trialReviews.owl-carousel .owl-wrapper { max-height: 300px; overflow: hidden }

.cmPage #trialReviews.owl-carousel .owl-item { max-height: 300px; overflow: hidden }

.cmPage .trialReviews h2 { font-size: 28px; font-weight: 600; margin: 0 0 60px; position: relative; letter-spacing: .01em }

.cmPage #trialReviews { position: relative; background: #fff; width: 75%; padding: 30px 50px 50px; margin: 0 auto; box-shadow: 0 5px 20px -4px rgba(0, 0, 0, .2); border-radius: 10px }

.cmPage .trialReviews-ratings { margin: 0 auto 5px }

.cmPage .trialReviews-ratings em { font-size: 18px; margin: 0 5px 0 0; color: #f1b400; vertical-align: top }

.cmPage .trialReviews-ratings em:first-of-type { margin-left: -5px }

.cmPage .trialReviews-title { font-size: 22px; font-weight: 600; line-height: 1.4em; margin: 0 0 15px; color: var(--primaryColor) }

.cmPage .otaClientsContainers { text-align: center; overflow: hidden }

.cmPage .homepartner_container { padding-bottom: 50px; text-align: center; overflow: hidden }

.cmPage .otaClientsContainers.owl-carousel .owl-wrapper-outer { width: auto; display: table; margin: 0 auto; z-index: 2 }

.cmPage #gdsClients .owl-wrapper-outer .owl-wrapper { width: initial !important }

.cmPage #trialReviews.owl-theme .owl-controls, .cmPage .homepartner_container.owl-theme .owl-controls, .cmPage .otaClientsContainers.owl-theme .owl-controls { display: block; margin: 0 auto !important; position: absolute; left: 0; right: 0; top: 0; height: 100% }

.cmPage .owl-pagination { position: absolute; left: 0; right: 0; bottom: 5px }

.cmPage #trialReviews.owl-theme .owl-controls .owl-page span, .cmPage .homepartner_container.owl-theme .owl-controls .owl-page span, .cmPage .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 }

.cmPage #trialReviews.owl-theme .owl-controls .owl-page.active span, .cmPage #trialReviews.owl-theme .owl-controls.clickable .owl-page:hover span, .cmPage .homepartner_container.owl-theme .owl-controls .owl-page.active span, .cmPage .homepartner_container.owl-theme .owl-controls.clickable .owl-page:hover span, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-page.active span, .cmPage .otaClientsContainers.owl-theme .owl-controls.clickable .owl-page:hover span { border-color: var(--primaryColor); transform: scale(1.4) }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div, .cmPage .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 }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div:before, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div:before, .cmPage .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 }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev { left: -20px }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next { right: -20px }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev:before, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f060"; transform: scale(0) translateX(50px) }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-prev:hover:before { transform: scale(1) translateX(0) }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next:before, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next:before, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f061"; transform: scale(0) translateX(-50px) }

.cmPage #trialReviews.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before, .cmPage .homepartner_container.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before, .cmPage .otaClientsContainers.owl-theme .owl-controls .owl-buttons div.owl-next:hover:before { transform: scale(1) translateX(0) }

.cmPage p.trialReviews-text { margin: 0; font-size: 15px }

.cmPage p.trialReviews-text strong { font-weight: 600; color: #000 }

.cmPage .trialReviews-user { font-size: 18px; font-weight: 600; line-height: 1; margin: 30px 0 0; display: flex; flex-flow: row; justify-content: center; align-items: center; background: 0 0 }

.cmPage .trialReviewsTxt { font-size: 18px; text-align: left; margin: 0 }

.cmPage .trialReviewsTxt h4 { font-size: 17px; font-weight: 400; line-height: 1 }

.cmPage .trialReviewsTxt span { display: block; font-size: 13px; margin: 10px 0 0; color: #8f919c; font-weight: 400; letter-spacing: .01em }

.cmPage .tiralReviewsImg { width: 80px; margin: 0 20px 0 }

.cmPage .tiralReviewsImg img { max-width: 100% }

.cmPage .trialBanner_partners { margin: 30px 0 0; padding: 0; display: flex; flex-flow: row wrap; align-items: center }

.cmPage .tbp-img { width: calc(25% - 15px); max-width: 175px; margin: 0 0 0 20px; overflow: hidden }

.cmPage .tbp-img img { margin: 0 }

.cmPage .tbp-img:nth-of-type(1) { margin-left: 0 }

.cmPage .tbp-img.tbp-img-capterra, .cmPage .tbp-img.tbp-img-frontrunner { max-height: inherit }

.cmPage .tbp-img.tbp-img-customerchoice, .cmPage .tbp-img.tbp-img-highestquality { background: #fff; border-radius: 4px }

.cmPage .tbp-img iframe#softwaresuggest { margin: -8px 0 0 -8px; padding: 0; border: none; box-shadow: none; outline: 0; pointer-events: none }

.cmPage .clients_wrap { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef }

.cmPage .ota-section .wdt .pad { overflow: initial }

.cmPage .ota-section .nav-tabs>li { position: relative }

.cmPage .ota-section .nav-tabs>li>a { font-size: 16px; font-weight: 400; letter-spacing: .03em; border-radius: 0; background-color: transparent; box-shadow: none; color: #fff }

.cmPage .ota-section .nav-tabs>li.active>a { background: #fff; color: var(--primaryColor); border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3); position: relative }

.cmPage .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 auto; transform: translateX(-5px) }

.cmPage .clients_wrap { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; background: var(--primaryColor); border: 0; color: #fff; padding: 40px 0 }

.cmPage .clients_wrap .client-title h2 { color: #fff; font-size: 30px; font-weight: 600; text-shadow: 0 3px 3px rgba(0, 0, 0, .2) }

.cmPage .clients_wrap .client-title p { color: #fff; margin: 0 0 40px }

.cmPage .clients_wrap .cli-btns button.btn.tab-btn { transition: all .3s ease; padding: 10px 20px; border-radius: 3px }

.cmPage .clients_wrap .cli-btns button.btn.tab-btn:hover { color: #fff }

.cmPage .clients_wrap .cli-btns button.btn.tab-btn.tab-active, .cmPage .clients_wrap .cli-btns button.btn.tab-btn.tab-active:hover { background: #fff; color: var(--primaryColor); border-radius: 3px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3) }

.cmPage .clients_wrap .cli-btns button.btn.tab-btn.tab-active:before { display: none }

.cmPage .clients_wrap .cli-btns button.btn.tab-btn.tab-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 auto }

.cmPage .clients_wrap .clients-home { border: 0; padding: 0; margin: 30px 0 0 }

.cmPage .clients_wrap .prop-type .logos { padding: 1px; margin: 12px 9px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3); background: #fff; transition: all .3s ease; width: initial }

.cmPage .clients_wrap .prop-type .logos:focus, .cmPage .clients_wrap .prop-type .logos:hover { box-shadow: 0 8px 14px -4px rgba(0, 0, 0, .5) }

.cmPage .clients_wrap .prop-type .logos:nth-of-type(6) { display: none }

.cmPage .clients_wrap .prop-type .logos a img { transform: scale(1); transition: all .3s ease }

.cmPage .clients_wrap .prop-type .logos:hover a img { transform: scale(1.2) }

.cmPage .clients_wrap .prop-type .figcaption .title { font-weight: 600; color: var(--primaryColor); text-transform: none; font-size: 14px; letter-spacing: .02em }

.cmPage .clients_wrap .prop-type .figcaption .desc { color: var(--secondaryColor); font-size: 13px; font-weight: 400 }

.cmBtmCta { padding: 40px 0 47px; background: var(--primaryColor); color: #fff }

.cmBtmCtainner { display: flex; justify-content: space-evenly; align-items: center }

.cmBtmCta h2 { margin: 0; color: #fff; width: calc(100% - 250px); font-size: 28px; font-weight: 600 }

.cmPage .cmBtmCta .btn { background: #fff; color: var(--primaryColor); border-color: #fff; padding: 10px 15px; margin: 0 0 0 30px }

.cmFreetrialPage .cmMainbanner-title { font-size: 48px; /*min-height: 170px; */}

.cmFreetrialPage .cmMainbanner-subtitle { line-height: 1.2em }

.cmFreetrialPage .cmMainbanner-subtitle2 { color: var(--yellowbuttonColor); font-size: 20px; font-weight: 500; letter-spacing: .03em; text-shadow: 0 1px 3px rgba(0, 0, 0, .8); margin: 5px 0 0 130px }

.cmFreetrialPage .cmFeaturesBtnOuter { margin: 60px auto 0; text-align: center }

.cmFreetrialPage .cmFeaturesBtnOuter .btn { margin: 0; background: var(--primaryColor); border: 0; box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5); padding: 15px 30px }

.cmFreetrialPage .cmFeatures .cmFeaturesHeader h2 { margin: 0 0 15px }

.cmFeatures .cmFeaturesHeader .btn { margin: 30px 0 0; background: var(--primaryColor); border: 0; box-shadow: 0 8px 10px -7px rgba(0, 0, 0, .5); padding: 15px 30px }

.cmFreetrialPage .carousel.carousel-fade .item { -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity: 0 }

.cmFreetrialPage .carousel.carousel-fade .active.item { opacity: 1 }

.cmFreetrialPage .carousel.carousel-fade .active.left, .cmFreetrialPage .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0 }

.cmFreetrialPage .carousel.carousel-fade .next, .cmFreetrialPage .carousel.carousel-fade .prev { left: 0; z-index: 1 }

.cmFreetrialPage .cmBannerTestimonials { margin: 60px 0 0; padding: 0; min-height: 140px;}

.cmFreetrialPage .cmBannerTestimonials .carousel-inner {min-height: 140px; }

.cmFreetrialPage .cmTblock { display: flex; background: rgba(0, 0, 0, .31); padding: 0; border-radius: 60px 6px 6px 60px; margin: 10px; align-items: center; box-shadow: 0 0 6px 0 rgba(255, 255, 225, .2) }

.cmFreetrialPage .cmTblock-img { width: 120px; margin: 0 20px 0 0; transform: scale(1.1); border: 2px solid #fff; border-radius: 50%; background: #fff; padding: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5) }

.cmFreetrialPage .cmTblock-img img { max-width: 100%; border-radius: 50% }

.cmFreetrialPage .cmTblock-content { color: #fff; position: relative; padding: 0 30px }

.cmFreetrialPage .cmTblock-content:before { content: "\f10d"; font-family: FontAwesome; position: absolute; left: 0; top: -5px; font-size: 24px; line-height: 1; opacity: .2 }

.cmFreetrialPage .cmTblock-img { width: 120px; margin: 0 30px 0 0 }

.cmFreetrialPage .cmTblock-heading { font-size: 20px; font-weight: 500; line-height: 1.2em; color: inherit; /*text-shadow: 0 2px 3px rgba(0, 0, 0, .5);*/ letter-spacing: .01em; margin: 0 0 5px }

.cmFreetrialPage .cmMainbanner-title span { color: var(--yellowbuttonColor) }

.cmFreetrialPage .cmTblock-text { font-size: 16px; font-weight: 400; letter-spacing: .03em; color: inherit; /*text-shadow: 0 2px 3px rgba(0, 0, 0, .5);*/ margin: 0 }

.cmFreetrialPage .cmTblock-text span { color: var(--primaryLightColor) }

.cmFreetrialPage .form-group.form-select:after { content: "\f0d7"; font-family: FontAwesome; position: absolute; right: 10px; bottom: 10px; z-index: 3; line-height: 1; transform: translateY(0); pointer-events: none }

.cmFreetrialPage .form-group span.form_icn { display: none }

.cmFreetrialPage .form-group label.txt_label { font-weight: 400 }

.cmFreetrialPage .form-group.form-select { position: relative }

.cmFreetrialPage .form-group.form-select .form-control.countrylist { margin: 0 }

.cmFreetrialPage form#frmdownload select#country { margin: 10px 0 0; padding-bottom: 10px; font-weight: 400; font-size: 14px; color: #666 }

.cmFreetrialPage .reqsubmit { border: 1px solid #1aab1e; background: #1aab1e; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.2em; border-radius: 0; transition: all .3s ease; padding: 10px 20px; box-shadow: none }

.cmFreetrialPage .reqsubmit:focus, .cmFreetrialPage .reqsubmit:hover { background: #0e9011; border-color: #0e9011; color: #fff }

.cmFreetrialPage .cmSupport { background: #f4f5f7; border-top: 1px solid #eaedf3 }

.cmFreetrialPage .supportList .slImg { background: #fff }

.cmFreetrialPage .cmFeaturesBtmInner h2 { margin: 0 0 20px; font-size: 28px; font-weight: 600; color: var(--primaryColor) }

.cmFreetrialPage .cmFeaturesBtmInner .cmFeaturesBtn h2 { font-size: 24px; font-weight: 600; color: var(--secondaryColor) }

.cmFreetrialPage .cmBtmCta h2 { width: calc(100% - 350px); line-height: 1.3em }

.cmFreetrialPage .cmBtmCta .btn { box-shadow: 0 6px 14px -5px rgba(0, 0, 0, .5) }

.cmFreetrialPage .cmTabsection { padding: 40px 0 }

.cmFreetrialPage .cmTabsectionHeader h2 { margin-left: auto; margin-right: auto; line-height: 1.4em }

.cmFreetrialPage .home-partner { padding: 30px 0 20px }

.cmFreetrialPage .cmFeaturesBtm { padding: 40px 0 47px }

.cmFreetrialPage .copy_wrap p { font-weight: 400 }

.cmFreetrialPage .copy_wrap a, .cmFreetrialPage .copy_wrap span { display: none }

.cmFreetrialPage .otaClientsContainers.owl-carousel .owl-wrapper-outer { padding-bottom: 20px }

.cmFreetrialPage .otaClientsContainers.owl-carousel.owl-theme .owl-controls .owl-page span { border-color: #fff }

.cmFreetrialPage .owl-pagination { z-index: 2 }

.cmFreetrialPage .owl-carousel .owl-wrapper-outer { z-index: 3 }

@-webkit-keyframes autofill {

	to { color: #333; background: 0 0 }

}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both }

.exitPopup, .exitPopup.modal { z-index: 2000000002 }

.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px) }

.trialTouchfree { position: relative; padding: 50px 0 }

.trialTouchfreeInner { text-align: center }

.trialTouchfree h2 { margin: 0 0 20px; font-size: 30px; font-weight: 600 }

.trialTouchfree p { margin: 0 }

.mobileNav { display: none }


.cmPage .homepartner_container .owl-wrapper {
    display: flex !important;
    align-items: center;
}
.cmFreetrialPage .home-partner { padding: 60px 0 50px; }

.homepartnerlogo a { display: block; }

.homepartnerlogo a img { max-width: 100%; width: auto; height: auto; }

.cmPage .trialFooter { width: 100%; background: #eee; font-size: 13px; color: var(--secondaryColor); text-align: center; padding: 15px 0;}


.popupDesign.mintLaunchExit {background: #fff; color: #222;}
.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);}
.pdClose { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; transform-origin: center; z-index: 11;}
.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 {animation: rotates .6s ease;}
.pdClose:hover:after, .pdClose:hover:before {background: #aaa;}
.popupDesign.mintLaunchExit .pdInner { flex-direction: row; text-align: initial; justify-content: space-between; }
.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;}
.popupDesign.mintLaunchExit .pdLeft {width: 55%;}
.popupDesign.mintLaunchExit .pdLeft .mintMaintitle { margin: 30px 0; font-size: 38px; font-weight: 600; line-height: 1.3; color: var(--secondaryColor); letter-spacing: .01em;}
.popupDesign.mintLaunchExit .mintHighlight {color: var(--primaryColor);}
.popupDesign.mintLaunchExit .pdLeft .MintText { font-size: 18px; font-weight: 600; line-height: 1.2; padding-right: 10px; color: #555;}
.popupDesign.mintLaunchExit .pdLeft p {margin: 0;}
.popupDesign.mintLaunchExit .pdBtn.mintButton { background: #337ab7; 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%); border: 1px solid var(--primaryColor);}
.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: 600; transition: all .3s ease; min-width: 210px;}
.pdexitbtn { display: block; margin: 10px 0 0; max-width: 240px; text-align: center; color: #6d6d6d; transition: all .3s ease;}
.popupDesign.mintLaunchExit .pdRight { width: 310px; display: flex; flex-direction: column; justify-content: space-between;}
.popupDesign.mintLaunchExit .pdRight img {max-width: 100%;}
@keyframes rotates {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@media (max-width: 1450px) {
.popupDesign.mintLaunchExit .pdInner {max-width: 950px;}
.popupDesign.mintLaunchExit .pdLeft {width: 60%;	}
.popupDesign.mintLaunchExit .pdLeft .mintMaintitle {font-size: 3.5rem;}
.popupDesign.mintLaunchExit .pdLeft .MintText {font-size: 2.1rem;}
}
@media (max-width: 991px) {
.popupDesign.mintLaunchExit .pdInner {flex-direction: column; max-width: 70%;}
.popupDesign.mintLaunchExit .pdLeft {justify-content: center; align-items: center;}
.popupDesign.mintLaunchExit .pdLeft, .popupDesign.mintLaunchExit .pdRight {width: 70%; text-align: center;}
.pdexitbtn {margin: 0 auto;}
}
@media (max-width: 767px) {
.popupDesign.mintLaunchExit .pdInner { max-width: 80%;}
}
@media (max-width: 680px) {
	.popupDesign.mintLaunchExit .pdInner { max-width: 100%;}
	.popupDesign.mintLaunchExit .pdLeft, .popupDesign.mintLaunchExit .pdRight {width: 80%;}
}
@media (max-width: 480px) {
	.popupDesign.mintLaunchExit .pdLeft, .popupDesign.mintLaunchExit .pdRight {width: 100%;}
}


/* Media Query  */

@media (max-width:1200px) {
	div#owl-testimonials .rightpane { width: 90% }
	div#owl-testimonials .item .content { margin-top: 9px }
}

@media (max-width:1199px) {

	.cmFeatures .cmFeaturesHeader h2, .cmPage .home-partner h2, .trialTouchfree h2, .cmTabsectionHeader h2, .cmPage .supportSectionInner .slHeader h2 {font-size: 28px;}
	.cmAppSection h2 {font-size: 32px;}
	 
	.generalForm { padding: 20px }

	.bannercontent .banner-title h1 { font-size: 42px }

	.cmMainbanner-title { font-size: 34px }

	.cmMainbanner-title span.typed { font-size: 29px }

	.cmMainbanner-subtitle { line-height: 1.3em }

	.cmPage .otaClientsContainers { padding-bottom: 30px }

	.cmPage .cmTabsection .owl-pagination { bottom: -3px }

	.cmPage .cmTabsection { padding: 40px 0 30px }

	.cmFreetrialPage .cmTabsection { padding: 30px 0 40px }

	.cmPage .otaClientsContainers.owl-theme .owl-controls .owl-page span { border-color: #fff }

	.cmPage .otaClientsContainers.owl-theme .owl-controls .owl-page.active span { border-color: #fff }

	.cmAppSection { padding: 20px 0 }

	.cmPage .supportList { padding: 15px }

	.cmPage .clients_wrap .prop-type .logos:nth-of-type(5) { display: none }

	.cmFreetrialPage .cmMainbanner-title { font-size: 34px;}

	.cmFreetrialPage .cmMainbanner-title, 

	.cmMainbannerTextInner,

	.cmFreetrialPage .cmBannerTestimonials,

	.cmFreetrialPage .cmBannerTestimonials .carousel-inner,

	.cmMainbannerInner {min-height: initial;}

	.cmFreetrialPage .cmBannerTestimonials { margin-top: 30px }

	.cmFreetrialPage .cmTblock { flex-direction: column; border-radius: 6px; padding: 20px; margin: 0 }

	.cmFreetrialPage .cmTblock-img { transform: scale(1); margin: 0 auto 30px }

	.cmFreetrialPage .cmTblock-content { text-align: center }

	.cmFreetrialPage .cmTblock-heading { font-size: 20px }

	.cmFreetrialPage .cmTblock-text { font-size: 15px }

	.cmFreetrialPage .cmMainbannerText { margin-top: 40px }

}

@media (min-width:768px) and (max-width:991px) {
	.generalForm .hs-form-field.hs-fieldtype-booleancheckbox { margin-bottom: 60px }
	.generalForm .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msgs { margin-top: 15px }

}

@media (max-width:991px) {

	.freetrial-right .live_demo_form.trial_form { max-width: 350px }

	.freetrial-left .trail_cnt p.ft-text { max-width: 100% }

	.btm-ctaCols { margin: 0 15px }

	.btm-ctaheader h2 { font-size: 28px }

	.cmMainbannerInner { flex-direction: column }

	.cmMainbannerContent { width: 100%; text-align: center }

	.cmMainbannerForm { margin: 0 auto }

	.cmMainbanner-partners { justify-content: center; margin: 60px auto 0 }

	.cmLogo { /*margin: 20px auto*/ }

	.cmMainbannerText { margin-top: 40px }

	.cmMainbanner-title, .cmMainbanner-title span.typed { font-size: 30px }

	.cmComparison { padding: 40px 0 }

	.cmPage .cmComparisonHeader h2 { font-size: 28px; line-height: 1.3em }

	.cmComparisonInner { flex-direction: column; padding-top: 20px }

	.cmCompbox.cmCompboxWith { transform: rotate(0) translateX(0); padding-top: 50px }

	.cmCompbox.cmCompboxWith h3 { transform: rotate(0) translateX(0) }

	.cmCompbox.cmCompboxWith .cmCompboxInner { transform: rotate(0) translateX(0) }

	.cmCompbox.cmCompboxWithout { padding-bottom: 50px }

	.cmCircle { position: relative; margin: -70px 0 -30px }

	.cmCircle:after { border-left: 30px solid #ff9800; border-bottom: 15px solid transparent; border-top: 15px solid transparent; border-right: none; bottom: 35px; left: auto; right: -25px }

	.cmPage .ota-section .tabing { min-width: initial }

	.cmPage .featureBox { flex-direction: column }

	.cmPage .featureBox .featureBoxImg { margin: 0 auto 20px;text-align: center; }

	.featureText { width: 100%; text-align: center }

	.cmAppImgInner { margin-bottom: -60px }

	.cmAppInner .cmAppContent { width: calc(100% - 330px) }

	.cmAppImg { margin-left: 30px }

	.cmAppSection h2, .cmCompbox h3, .cmFeatures .cmFeaturesHeader h2, .cmPage .clients_wrap .client-title h2, .cmTabsectionHeader h2, .cmPage .home-partner h2 { font-size: 24px; font-weight: 600 }

	.cmAppSection { padding: 40px 0 }

	.cmPage #trialReviews { width: 85% }

	.cmPage .clients_wrap .prop-type .logos:nth-of-type(5) { display: inline-block }

	.cmPage .clients_wrap .ar-left, .cmPage .clients_wrap .ar-right { background: #002b3e; color: #fff }

	.cmPage .wdt .ar-left, .cmPage .wdt .ar-right { background: #002b3e; color: #fff; display: none }

	.cmBtmCtainner { flex-direction: column; text-align: center }

	.cmBtmCta h2 { width: 90%; font-size: 24px; line-height: 1.3em; margin: 0 auto 20px }

	.cmFreetrialPage .cmBtmCta h2 { width: 90% }

	.cmFreetrialPage .cmFeaturesBtmInner h2 { font-size: 26px }

	.cmFreetrialPage .cmBannerTestimonials { display: table; margin: 30px auto 0 }

	.cmFreetrialPage .cmBtmCta .btn { margin: 0 }

}

@media (max-width:980px) {
	.trialnone { display: none !important }
	.mobileNav .trialnone { display: block !important }

}

@media (max-width:767px) {

	.bannercontent { top: 30px; width: 100%; padding: 0 15px; margin-top: 0; position: relative }

	.btm-ctaOuter { flex-direction: column }

	.btm-ctaCols { margin: 40px auto 0 }

	.btm-ctaCols:first-child { margin-top: 0 }

	.btm-ctaheader h2 { font-size: 24px; font-weight: 600; line-height: 1.4em }

	.cmCompboxContent li { font-size: 17px }

	.cmMainbanner-subtitle { font-size: 18px }

	.cmAppImg { display: none }

	.cmAppInner .cmAppContent { width: auto; text-align: center; margin: 0 10px }

	.cmAppSection p { line-height: 1.6em }

	.cmFeatures .cmFeaturesHeader { margin-bottom: 40px }

	.cmPage .faqSection-listing .faqs li { transition: all ease .2s }

	.cmPage .faqSection-listing .faqs li.shdw-more .faqans, .cmPage .faqSection-listing .faqs li.shdw-more .faqque { padding-left: 0; transition: all .5s linear }

	.cmPage .faqSection-listing .faqs li .faqque { line-height: 1.4em }

	.cmPage .faqSection-listing .faqs li.shdw-more .faqque:after { display: none }

	.cmPage .ota-section .nav-tabs>li:last-of-type>a { margin-right: 0 }

	.cmPage .trialReviewsOuter:before { font-size: 60px; top: 30px }

	.cmBtmCta h2 { font-size: 22px }

	.cmBtmCta { padding: 40px 0 47px }

	.cmAppSection:before, .cmMainbanner:before, .cmPage .faqSection .faqVector, .cmTabsection:before { display: none }

	.cmFreetrialPage .cmFeaturesBtmInner h2, .cmPage .supportSectionInner .slHeader h2 { font-size: 24px }

	.cmFeaturesBtm { padding: 40px 0 47px }

	.trialTouchfree { padding: 40px 0 }

	.trialTouchfree h2 { font-size: 24px; line-height: 1.2 }

}

@media(max-width:580px) {
	.cmFreetrialPage .cmMainbanner-title {font-size: 28px;}
	.cmMainbanner-title, .cmMainbanner-title span.typed { font-size: 24px }
	.cmFreetrialPage .cmFeaturesBtmInner .cmFeaturesBtn h2 {font-size: 22px;}
	.cmFreetrialPage .cmBtmCta h2 {width: 100%;}
	.cmPage .featureBox {padding: 20px;}

	.cmPage .featureBox .featureBoxImg, .cmPage .featureBox .featureBoxImg img { max-width: 80px; height: auto; }

	.cmMainbanner-subtitle { font-size: 16px; width: 90%; margin: 0 auto }

	.cmMainbanner-partners { margin-top: 30px }

	.cmAppSection h2, .cmCompbox h3, .cmFeatures .cmFeaturesHeader h2, .cmFeaturesBtn h2, .cmPage .clients_wrap .client-title h2, .cmPage .cmComparisonHeader h2, .cmPage .faqSection h2, .cmPage .home-partner h2, .cmPage .supportSectionInner .slHeader h2, .cmPage .trialReviews h2, .cmTabsectionHeader h2 { font-size: 24px }

	.cmFeatures { padding: 40px 0 }

	.cmPage .featureBox { width: 100%; margin: 30px 0 0 }

	.cmPage .featureBox:nth-of-type(2) { margin-top: 30px }

	.cmPage #trialReviews { width: 100%; padding: 30px 30px 50px }

	.cmPage #trialReviews.owl-carousel .owl-item, .cmPage #trialReviews.owl-carousel .owl-wrapper, .cmPage #trialReviews.owl-carousel .owl-wrapper-outer, .cmPage .trialReviews-block { max-height: initial }

	.cmPage #trialReviews { margin-bottom: 40px }

	.cmPage .trialReviews { padding-bottom: 40px }

	.cmPage .supportList { width: 50% }

	.cmBtmCta { padding: 30px 0 37px }

	.cmFreetrialPage .cmBtmCta { padding: 30px 0 47px }

	.cmBtmCta h2 { width: 100% }

	.cmFreetrialPage .cmFeaturesBtnOuter { margin-top: 40px }

	

}

@media(max-width:520px) {
	.generalForm { padding: 20px }
	.generalForm .submitted-message p strong { font-size: 16.4px }

}

@media(max-width:480px) {

	.cmpImg { width: auto; margin: 0 0 10px }

	.cmMainbanner-title span.typed { font-size: 20px }

	.cmMainbanner-subtitle { width: 100% }

	.cmMainbannerForm { width: 100% }

	.cmMainbannerForm form { padding: 20px }

	.cmComparisonInner { margin: 0 -15px; padding-bottom: 40px }

	.cmCompbox { padding: 30px 20px }

	.cmCompbox.cmCompboxWith { padding: 50px 20px 30px }

	.cmCompbox h3 { font-size: 22px }

	.cmPage .supportList {width: 100%;}

	.cmCompboxContent li { font-size: 16px }

	.cmAppSection h2, .cmCompbox h3, .cmFeatures .cmFeaturesHeader h2, .cmFeaturesBtn h2, .cmPage .clients_wrap .client-title h2, .cmPage .cmComparisonHeader h2, .cmPage .faqSection h2, .cmPage .home-partner h2, .cmPage .supportSectionInner .slHeader h2, .cmPage .trialReviews h2, .cmTabsectionHeader h2 { font-size: 22px; line-height: 1.4em }

	.cmPage .ota-section .nav-tabs>li>a { padding: 5px 10px; font-size: 14px; margin-right: 5px }

	.cmFreetrialPage .cmFeaturesBtmInner .cmFeaturesBtn h2 { font-size: 21px }

	.cmFreetrialPage .cmMainbanner-title { font-size: 24px }

	.generalForm .inputs-list .hs-form-checkbox, .generalForm .inputs-list .hs-form-radio { width: calc(100% - 30px); margin: 0 }

	.generalForm .hs-form-field.hs-fieldtype-checkbox label, .generalForm .hs-form-field.hs-fieldtype-radio label { padding: 0 0 5px; font-size: 14px }

	.generalForm .hs-form-field, .generalForm .hs-form-field.hs-fieldtype-checkbox, .generalForm .hs-form-field.hs-fieldtype-radio { margin-bottom: 35px }

}

@media(max-width:400px) {

	.cm-trialbtn { margin: 5px 0 0; display: block }

	.generalForm .hs-form-field label span:first-child { display: inline-block; overflow: hidden; max-width: 105px; height: 20px }

	.generalForm .hs-submit { margin: 30px 0 0 }

	.generalForm .hs-fieldtype-textarea.hs-form-field label span:first-child { max-width: initial }

	.generalForm .hs-form-field label span:first-child { display: inline-block; overflow: hidden; max-width: 102px; height: 20px; font-size: 14px; font-weight: 500 }

	.generalForm .hs-submit { margin: 30px 0 0 }

	.generalForm .hs-fieldtype-textarea.hs-form-field label span:first-child { max-width: initial }

	.generalForm .hs-fieldtype-checkbox label span:first-child, .generalForm .hs-fieldtype-radio label span:first-child { max-width: initial; height: initial }

	.generalForm .hs-submit .hs-button { white-space: normal; padding: 13px 15px; font-weight: 600 }

	.freetrial-right .live_demo_form #frmdownload .reqsubmit { font-size: 16px }

}

@media(max-width:360px) {
	.generalForm .hs-form-field.hs-fieldtype-booleancheckbox { margin-bottom: 60px }
	.generalForm .hs-form-field.hs-fieldtype-booleancheckbox .hs-error-msgs { margin-top: 15px }

}

@media(max-width:340px) {
	.cmMainbanner-title { min-height: 120px }

}
