@charset "UTF-8";
/* CSS Document */
.per100 {width: 100%;overflow: hidden}

.contact-form-trigger::after, .fp-address-wrapper li span:after, .share-map ul li a i {background: url(../images/find-partner-v2-sprite@2x.png) no-repeat;background-size: 300px 150px;}

/*Profile page*/
.find-partner-search{width: 700px;text-align: left}
.fp-search-frame{margin-bottom: 40px}
.find-partner-search h4{float: left;width: 25%;margin: 8px 0;border-right: 1px solid #333;box-sizing: border-box;}
.find-partner-search .search-frame{float: left;width: 70%;margin: 0 0 0 5%;box-sizing: border-box;position: relative}

.profile-wrapper{width: 1160px;max-width: 90%;margin: 60px auto 0;}
.profile-wrapper p{font-size: 14px!important; margin-bottom: 5px;}
.pp-bar-text {border-bottom: 1px solid #f3b82b;}
.fp-back-btn{background: #f3b82b;display: inline-block;}
.fp-back-btn a {color: #333;padding: 10px 15px 9px 15px;font-size: 12px;text-transform: uppercase;font-family: var(--zf-primary-semibold);display: block}
.profile-wrapper h5{font-size: 11px;display: inline-block;margin: 0 0 0 10px;}
.partner-detail-frame{width: 100%;position: relative}
.profile-left{float: left;width: calc(100% - 440px);padding: 60px 0}
.profile-right{float: right;width: 400px;box-sizing: border-box;}
.partner-logos{max-width: 550px;overflow: hidden;display: table;width: 90%;}
.partner-logos span{width: 50%;box-sizing: border-box;padding: 0 30px 0 0;display: table-cell;vertical-align: middle;}
.partner-logos span:last-child{padding: 0 0px 0 30px;border-left: 1px solid #ddd;}
.partner-description {position: relative;}
.partner-description.showFull {max-height: inherit}
.partner-description h2{margin: 40px 0 10px 0;font-size: 30px;font-family: var(--zf-primary-bold);}
.partner-description ol, .partner-description ul {margin: 20px 0;padding: 0 0 0 20px}
.partner-description ol li, .partner-description ul li {margin-bottom: 5px;list-style: disc;line-height: 24px;}
.partner-description b {font-family: var(--zf-primary-semibold);margin-bottom: 5px;}
.partner-description a {color: #1976D3}

.info-rows{margin: 20px 0 40px 0;}
.info-rows h3{text-transform: uppercase;font-size: 20px!important;font-family: var(--zf-primary-bold)}
.info-rows h3:before{content: '';display: block;width: 40px;height: 2px;background: #333;margin-bottom: 5px}
.info-rows ul{padding: 20px 0 0 0;}
.info-rows ul li{float: left}
.info-experience span{font-size: 40px;font-family: var(--zf-primary-bold);display: block;}
.info-experience li{padding: 0 50px;border-right: 1px solid #ddd;font-size: 16px}
.info-experience li:first-child{padding-left: 0;}
.info-experience li:last-child{padding-right: 0;border-right: none}
.info-language li, .info-expertise li, .info-industry li{border: 1px solid #ddd;border-radius: 5px;margin: 0 15px 15px 0;padding: 8px 15px;cursor: pointer}
/*.info-language li:hover, .info-expertise li:hover, .info-industry li:hover{border: 1px solid #333}*/
.info-apps li:first-child{margin-left: 0;}
.info-apps li{margin: 0 15px 0 0;text-align: center;text-transform: uppercase;font-size: 11px;font-family: var(--zf-primary-bold);letter-spacing: 0;}
.top-zoho-apps li {font-family: var(--zf-primary-bold)!important;color: #333;line-height: 15px;margin-bottom: 30px}
/*.info-apps li:hover span{box-shadow: none;}*/
.info-apps li span{box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 10px;display: block;margin-bottom: 10px;border-radius: 5px;border: 1px solid #e8e8e8;cursor: pointer;width: 50px;margin: 0 auto 10px}
.info-apps li span:after{content: '';width: 50px;height: 50px;background: url(../images/portal-prd-icons-sprite@2x.png) no-repeat;background-size: 500px 300px;display: block}
.info-apps li span[data-product="analytics"]:after{background-position: 0 0}
.info-apps li span[data-product="sprints"]:after{background-position: -50px 0}
.info-apps li span[data-product="workerly"]:after{background-position: -100px 0}
.info-apps li span[data-product="autogarage"]:after{background-position: -150px 0}
.info-apps li span[data-product="meeting"]:after{background-position: -200px 0}
.info-apps li span[data-product="social"]:after{background-position: -250px 0}
.info-apps li span[data-product="bookings"]:after{background-position: -300px 0}
.info-apps li span[data-product="teamdrive"]:after{background-position: -350px 0}
.info-apps li span[data-product="recruit"]:after{background-position: -400px 0}
.info-apps li span[data-product="store"]:after{background-position: -450px 0}
.info-apps li span[data-product="zia"]:after{background-position: 0 -50px}
.info-apps li span[data-product="vault"]:after{background-position: -50px -50px}
.info-apps li span[data-product="orchestly"]:after{background-position: -100px -50px}
.info-apps li span[data-product="projects"]:after{background-position: -150px -50px}
.info-apps li span[data-product="bugtracker"]:after{background-position: -200px -50px}
.info-apps li span[data-product="mail"]:after{background-position: -250px -50px}
.info-apps li span[data-product="crm"]:after{background-position: -450px -50px}
.info-apps li span[data-product="crmplus"]:after, .info-apps li span[data-product="crmplus"]:after, .info-apps li span[data-product="crm plus"]:after{background-position: -100px -100px}
.info-apps li span[data-product="books"]:after{background-position: -350px -50px}
.info-apps li span[data-product="campaigns"]:after{background-position: -300px -50px}
.info-apps li span[data-product="inventory"]:after{background-position: -400px -50px}
.info-apps li span[data-product="creator"]:after{background-position: 0px -100px}
.info-apps li span[data-product="one"]:after{background-position: -50px -100px}
.info-apps li span[data-product="workplace"]:after{background-position: -150px -100px}
.info-apps li span[data-product="financeplus"]:after{background-position: -200px -100px}
.info-apps li span[data-product="it"]:after{background-position: -250px -100px}
.info-apps li span[data-product="people"]:after{background-position: -300px -100px}
.info-apps li span[data-product="desk"]:after{background-position: -350px -100px}
.info-apps li span[data-product="people plus"]:after{background-position: -400px -100px}
.info-apps li span[data-product="salesiq"]:after{background-position: -450px -100px}
.info-apps li span[data-product="invoice"]:after{background-position: 0px -150px}
.info-apps li span[data-product="assist"]:after{background-position: -50px -150px}
.info-apps li span[data-product="sign"]:after{background-position: -100px -150px}
.partner-contact-form {width: 500px;max-width: 100%}
.partner-contact-form form {margin-top: 40px}
.partner-contact-form form input, .partner-contact-form form textarea {border: none;border-bottom: 1px solid #ddd;outline: none;padding: 7px 0!important;margin-bottom: 30px;float: left;width: 100%;font-size: 16px;font-family: var(--zf-primary-semibold);}
.partner-contact-form .error {border-bottom: 1px solid red;}
.partner-contact-form form input::placeholder, .partner-contact-form form textarea::placeholder {color: #999}
.partner-contact-form .halfWidth input {width: 45%}
.partner-contact-form .halfWidth input:first-child {margin: 0 10% 0 0;}
.cf-mail-sent, #sf-share-btn, .cf-submit {background: #f4b82b;color: #333;font-family: var(--zf-primary-bold);text-transform: uppercase;font-size: 15px;border: none;padding: 10px 20px 9px;border-radius: 5px;letter-spacing: 1px;cursor: pointer;display: inline-block;cursor: pointer;}
.cf-mail-sent {display: none;}
.more-items-txt i {margin-top: 30px;width: 100%;text-transform: initial;font-size: 15px;font-family: var(--zf-primary-regular);color: #006dba;display: block;cursor: pointer}
.share-overlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,.6);z-index: 999;opacity: 0;visibility: hidden;transition: all .3s ease;text-align: center;z-index: 9999999}
.share-overlay.active {visibility: visible;opacity: 1}
.share-overlay:before {content: " ";height: 100%;}
.share-form, .share-overlay:before {position: relative;vertical-align: middle;display: inline-block;}
.share-form{background: #fff;padding:50px;width: 300px;max-width: 90%;z-index: 9;border-radius: 2px;text-align: center;transition: all .3s ease;transform: scale(.9);}
.share-overlay.active .share-form {transform: scale(1);}
.share-form h3 {font-size: 16px!important;text-transform: uppercase;letter-spacing: .5px;margin: 0 0 10px 0;font-family: var(--zf-primary-bold)}
.share-form #sf-toemail {border: 1px solid #e0eaf3;width: 100%;padding: 10px 15px;font-size: 16px;border-radius: 3px;box-sizing: border-box;}
.share-form #sf-toemail.error {border: 1px solid red;}
.share-form h2 {display: none;}
.share-form h2 {font-size: 18px;}
.form-close {position: absolute;display: block;cursor: pointer;top: 15px;right: 15px;z-index: 11;width: 12px;}
#sf-share-btn {font-size: 13px;margin-top: 10px;cursor: pointer}

.share-map {margin-top: 40px}

.profile-frame{background: #f4b82b;height: 100%;padding: 100px 50px 50px 50px;box-sizing: border-box;text-align: right}
.profile-image img {width: 220px;border-radius: 5px;}
.profile-frame h3 {font-size: 30px!important;font-family: var(--zf-primary-bold);margin-top: 50px;}
.profile-frame h4 {font-family: var(--zf-primary-regular);font-size: 17px;}
.fp-address-wrapper {margin-top: 30px;}
.fp-address-wrapper li {margin-bottom: 15px;}
.fp-address-wrapper li span {display: block;position: relative;padding: 0 30px 0 0;}
.fp-address-wrapper li span, .fp-address-wrapper li a {font-size: 16px;color: #333;line-height: 26px;}
.fp-address-wrapper li span:after {content: '';height: 20px;width: 20px;position: absolute;right: 0;top: 3px;}
.fp-address-wrapper li .prof-email, .fp-address-wrapper li .prof-web {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fp-address-wrapper li .prof-phone:after {background-position: 0px -2px;}
.fp-address-wrapper li .prof-email:after {background-position: -25px -2px}
.fp-address-wrapper li .prof-web:after {background-position: -51px -2px}
.fp-address-wrapper li .prof-address:after {background-position: -75px -2px;}
.prof-address strong {font-size: 19px;}
.profile-map-frame {float: right;box-shadow: 0 0 20px rgba(0,0,0,.4);border-radius: 5px;overflow: hidden;margin-top: 40px;background: #fff;display: none}
.map-frame iframe {display: block}
.share-map, .branches-location, .coupon-code {float: right}
.branches-location h3, .coupon-code h3 {margin-top: 40px;}
.share-map ul li {float: left;margin: 0 0 0 10px}
.share-map ul li a {border: 1px solid #333;line-height: 27px;color: #333;font-size: 16px;display: block;border-radius: 20px;overflow: hidden;padding: 4px 10px;}
.share-map ul li:first-child a {padding: 5px}
.share-map ul li a i {height: 25px;float: left}
.share-map ul li a.map-in i {width: 25px;background-position: -49px -20px;}
.share-map ul li a.map-email i {width: 20px;background-position: -4px -18px;}
.share-map ul li a.map-share i {width: 20px;background-position: -30px -19px;}
.branches-location ul li {float: right;margin: 0px 0px 15px 15px;background: #fff;opacity: .7;padding: 10px 20px;display: block;border-radius: 5px;cursor: pointer;line-height: 20px;}
.branches-location ul li.active, .branches-location ul li:hover {opacity: 1}
.branches-location h3, .coupon-code h3 {text-transform: uppercase;font-size: 20px!important;font-family: var(--zf-primary-bold);margin-bottom: 30px;position: relative;padding: 10px 0 0 0;}
.branches-location h3:before, .coupon-code h3:before {content: '';display: block;width: 40px;height: 2px;background: #333;position: absolute;right: 0;top: 0;}

.partner-case-study {margin: 20px 0 30px 0;padding: 0 0 0px 60px;position: relative;}
.partner-case-study:before {content: '';position: absolute;left: 0;background: url('../images/casestudies-icon.svg') no-repeat;height: 40px;width: 40px;background-size: contain}
.partner-case-study h4 {font-size: 18px;font-family: var(--zf-primary-bold);line-height: 26px!important;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.partner-case-study .cs-links span {display: inline-block;margin: 0 10px 0px 0px;border-right: 1px solid #ddd;padding: 0 10px 0 0;color: #676767;cursor: pointer;}
.partner-case-study .cs-links span:last-child {border: none;}

.coupon-code #coupon-txt a {font-size: 20px;border: 1px dashed #cca11e;padding: 10px 20px;font-family: var(--zf-primary-light);cursor: pointer;background: #fff;text-align: center;display: inline-block;}


.partner-profile-mobile {padding: 30px 0;display: none;}
.partner-profile-mobile .pp-partner-name, .partner-description h2 {font-size: 25px!important;}
.partner-profile-mobile .info-rows h3, .partner-profile-mobile .branches-location h3, .partner-profile-mobile .coupon-code h3{font-size: 15px!important}
.partner-profile-mobile .branches-location h3, .coupon-code h3 {margin-bottom: 10px;}
.partner-profile-mobile .profile-frame {margin-bottom: 40px}
.partner-profile-mobile .info-rows {margin: 20px 0 35px 0;}
.partner-profile-mobile .info-rows ul {padding: 0;}
.partner-profile-mobile .partner-contact-form .halfWidth input {width: 100%;margin: 0 0 15px 0}
.partner-profile-mobile .info-rows ul li {margin-top: 15px!important;margin-bottom: 0}
.partner-profile-mobile .partner-case-study h4 {font-size: 16px;margin-bottom: 0px}
.partner-profile-mobile .cs-links span {font-size: 12px}
.partner-profile-mobile .partner-case-study {margin: 20px 0;}
.partner-profile-mobile .partner-contact-form form textarea {margin-bottom: 20px}
.partner-profile-mobile .partner-contact-form form {margin-top: 10px;}
.partner-profile-mobile .partner-contact-form form input, .partner-contact-form form textarea {padding: 10px 0!important}
.contact-form-trigger::after {content: '';display: block;float: right;height: 10px;width: 18px;background-position: -119px -5px;margin-top: 3px;transition: all .5s ease}
.contact-form-trigger.active::after {transform: rotate(180deg)}
.contact-form-trigger {cursor: pointer;}
.mobile-pc-form {display: none;}
.partner-profile-mobile .branches-location h3, .partner-profile-mobile .coupon-code h3 {margin-top: 20px;}
.see-more-desc {cursor: pointer;margin: 10px 0 0 0;display: none}
.see-more-desc:after {content: 'See more ...';font-family: var(--zf-primary-semibold);color: #0f6fb7;}
.see-more-desc.see-less:after {content: 'See less ...'}

/*Map page*/
.suggestion-box {position: absolute;width: 100%;overflow: scroll;max-height: 315px;border: 1px solid #e0eaf6;}
.suggestions {cursor: pointer}
.close-icon {top: 0px;right: 0;margin: 23px;height: 15px;width: 15px}
.link-icon {position: absolute;top: 0px;right: 60px;z-index: 11;}
.link-icon .copy-status {float: left;margin: 20px 15px;padding: 5px 10px;background: #565454;font-size: 10px;border-radius: 3px;color: #fff;opacity: 0;visibility: hidden}
.link-icon .l-icon {padding: 18px 0;height: 24px;width: 24px;display: block;cursor: pointer;opacity: .7;float: left}
.link-icon:hover > .copy-status {opacity: 1;visibility: visible}
i#search-icon {top: 17px;left: 25px;z-index: 2!important}
.list-tick li {font-size: 14px;line-height: 18px}
.map-frame h1{position: relative}
.map-frame h1:after{content: '';display: block;width: 40px;height: 1px;background: #000;margin: 20px auto}

/*Results page*/
.search-results-wrapper{width: 1160px;max-width: 90%;margin: 80px auto 0;}
.filter-wrapper{float: left;width: 15%;border-right: 1px solid #e0eaf3;box-sizing: border-box}
.results-wrapper{float: left;width: 85%;box-sizing: border-box;padding: 0 0 0 40px;}
.filter-wrapper h4{border-bottom: 1px solid #e0eaf3;padding-bottom: 10px;font-size: 14px;font-family: var(--zf-primary-black);}
.filters {padding: 10px 10px 10px 0;border-bottom: 1px solid #e0eaf3;position: relative;}
.filters ul {max-height: 150px;overflow: auto;}
.filters input {border: 1px solid #e0eaf3;outline: none;padding: 6px 30px 6px 10px;width: 100%;box-sizing: border-box;font-size: 15px;margin-bottom: 10px;font-size: 14px;border-radius: 3px;}
.search-filter-box{position: relative;}
.filters .search-filter-box:after{display:block;background:url('../images/icon-martketing-sprite@2x.png') no-repeat;background-size: 127px 94px;opacity: .7;content: '';display: block;height: 20px;width: 20px;position: absolute;z-index: 4;background-position: 0px -20px;right: 6px;top: 5px;transform: scale(.7);}
.filters:last-child {border-bottom: none}
.filter-sets h3{font-size: 13px!important;text-transform: uppercase;font-family: var(--zf-primary-extrabold);padding: 5px 0 10px 0;}
#filter-country h3 {padding: 10px 10px 5px 0}
.filter-sets input[type="checkbox"]{display: none;}
.filter-sets label{font-size: 13px;cursor: pointer;padding: 0px 0 0px 25px;display: block;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;letter-spacing: .5px;line-height: 16px;}
.filter-sets .checkmark {position: absolute;height: 16px;width: 16px;display: block;cursor: pointer;float: left;border: 1px solid #c3c2c9;left: 0;margin: 0;border-radius: 2px;box-sizing: border-box;}
.filter-sets .checkbox input:checked ~ .checkmark{background: #e71f1d;border: 1px solid #e71f1d;}
.filter-sets .checkmark:after {content: "";position: absolute;display: none;}
.filter-sets .checkbox .checkmark:after {left: 5px;top: 2px;width: 3px;height: 7px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.filter-sets .checkbox input:checked ~ .checkmark:after {display: block;}
.filters span {margin: 5px 0 0 20px;display: block;font-size: 12px;font-family: var(--zf-primary-bold);color: #1a6bb4;cursor: pointer}
.filters ul li {margin-bottom: 10px}
#filter-categories li {overflow: hidden;}
#filter-categories input {margin:0 10px 0 1px;width: auto;float: left;}
#filter-categories label {padding: 0;float: left;}
#filter-categories-order li {overflow: hidden;}
#filter-categories-order input {margin:0 10px 0 1px;width: auto;float: left;}
#filter-categories-order label {padding: 0;float: left;}
.filtered-category {display: none}
.showResults {display: block}

#dotted-loading-spinner {width: 80px;text-align: center;transition: all .3s ease;position: absolute;top: 100px;left: 0;right: 0;margin: auto;height: 20px;opacity: 0;visibility: hidden;}
#dotted-loading-spinner.show {opacity: 1;visibility: visible;}
#dotted-loading-spinner > div {width: 15px;height: 15px;background-color: #333;border-radius: 50%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
#dotted-loading-spinner [dot-color="red"] {background: #c82335}
#dotted-loading-spinner [dot-color="green"] {background: #0c9053}
#dotted-loading-spinner [dot-color="blue"] {background: #009ad5}
#dotted-loading-spinner [dot-color="yellow"] {background: #ea9523}
#dotted-loading-spinner .bounce1 {-webkit-animation-delay: -0.64s;animation-delay: -0.64s;}
#dotted-loading-spinner .bounce2 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
#dotted-loading-spinner .bounce3 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.results-frame{width: 100%;margin: 40px 0;position: relative;}
.results-wrapper h4{font-size: 14px;font-family: var(--zf-primary-regular);}
.fp-results {text-align: center}
.fp-results ul {text-align: left}
.fp-results ul li {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fp-results > ul > li {width: 300px;background: #fff;border: 1px solid #e0eaf3;border-radius: 5px;height: 350px;float: left;overflow: hidden;cursor: pointer;display: none;margin: 0 8px 20px 5px;}
.fp-results > ul > li.show:nth-of-type(-n+3) {display: block}
.fp-results.showall > ul > li.show {display: block}
/*.fp-results > ul > li.show {display: block;}*/
.fp-results > ul > li:hover {box-shadow: 0 0 20px rgba(0,0,0,.1)}
.fp-results > ul > li .result-top-bar {height: 200px;position: relative;}
.fp-results > ul > li .result-bottom-bar {background: #f4f9fd;height: 150px;padding: 20px;box-sizing: border-box;border-top: 1px solid #e0eaf3;}
.res-other-countries span:after{content: ' | ';display: inline-block;margin: 0 5px}
.res-other-countries span:last-child:after {display: none;}
/*.res-primary-country {font-family: var(--zf-primary-bold);}*/
.view-more-results {text-align: center;border: 1px solid #e0eaf3;color: #106eb7;display: inline-block;padding: 10px 30px;border-radius: 20px;font-family: var(--zf-primary-bold);cursor: pointer;margin-bottom: 40px;}
.view-more-results:after {content: '→';display: inline-block;margin-left: 5px;transition: all .5s ease;position: relative;margin: 0px 0 0px 10px;top: 1px;transition: all .3s ease;left: 0;}
.view-more-results:hover:after {left: 10px;}
.res-name strong {font-size: 16px;display: block;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.res-name {margin: 0!important}
.res-details {margin: 10px 0 0 0!important;font-size: 12px!important;line-height: 22px;}
.res-details a {color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.res-experience {position: absolute;right: 15px;font-size: 10px;top: 15px;text-align: center}
.res-experience span {display: block;background: #e86f6e;color: #fff;text-align: center;padding: 7px;margin: 2px 0;font-family: var(--zf-primary-bold);font-size: 16px;}
.res-badge {position: absolute;left: 15px;top: 15px;}
.res-badge img {height: 25px}
/*system integrator*/


.distributor-results li[data-partner-id="t08642c13579"] .res-experience{
    display: none;
}
.distributor-results li[data-partner-id="t08642c13579"] .result-top-bar::after{
    width: 66px;
    height: 81px;
    background-repeat: no-repeat;
    right: 5px;
    top: 0;
    background-size: 100%;
    background-image: url(../partners/images/sys-integrator-badge.png);
    content:"";
    position: absolute;
}
.distributor-results li[data-partner-id="t08642c13579"] .result-top-bar{
    position: relative;
}
.tcs .partner-description p{
    margin-bottom: 15px;
    max-width: 700px;
}
.tcs .mT40,
.tcs .rating-average-container{
    display: none;
}
.tcs .partner-description{
    margin-bottom: 40px;
}
.tcs .other-branches .other-location-tab{
       position: relative;
    padding-left: 32px;
}
.tcs .other-branches .other-location-tab:after{
    background: url(../images/find-partner-v2-sprite@2x.png) no-repeat;
    background-size: 300px 150px;
        content: '';
    height: 20px;
    width: 20px;
    position: absolute;
        left: 8px;
    top: 9px;
        background-position: -51px -2px;
}
.tcs .head-office .other-location-tab{
    cursor: auto;
}
.res-partner-logo {position: absolute;top: 40px;left: 0;bottom: 0;right: 0;margin: auto;max-height: 90px;padding: 0 40px;box-sizing: border-box;}
.results-top-bar {width: 100%;border-bottom: 1px solid #e0eaf3;}
.selected-filter {margin: 10px 0;display: none}
.selected-filter.show{display: block}
.selected-filter li {float: left;border: 1px solid #e0eaf3;padding: 4px 8px 4px 20px;color: #333;border-radius: 5px;font-size: 12px;letter-spacing: .5px;margin: 0 5px 5px 0px;position: relative}
.selected-filter li i {background: url(../images/find-partner-v2-sprite@2x.png) no-repeat;background-size: 300px 150px;height: 10px;width: 10px;background-position: -97px 1px;position: absolute;left: 0;top: 0;padding: 6px;cursor: pointer}

.crm-consultans-content {width: 100%;text-align: center;padding: 80px 0;background: #03a9f5;box-sizing: border-box;display: none}
.crm-consultans-content-frame {width: 1160px;max-width: 90%;margin: 0 auto}
.crm-consultans-content h2 {font-size: 36px;font-family: var(--zf-primary-bold);margin-bottom: 10px;color: #fff;}
.crm-consultans-content p {color: #fff!important;letter-spacing: 0;font-size: 18px!important;}

.fp-suggestion-list {background: #fff;border: 1px solid #e0eaf5;position: absolute;width: 100%;z-index: 1;border-radius: 5px;top: 44px;box-sizing: border-box;padding: 10px 0;letter-spacing: .5px;box-shadow: 0 5px 10px rgba(47, 137, 213, 0.1);display: none}
.fp-suggestion-list ul {overflow: scroll;max-height: 250px;}
.fp-suggestion-list ul li {padding: 10px 20px;}
.fp-suggestion-list ul li.fp-suggestion {cursor: pointer;font-size: 15px}
.fp-suggestion-list ul li.fp-suggestion:hover {background: #f4f9fd;}
.fp-suggestion-list ul li:nth-child(2) {background: #f4f9fd;}
.fp-suggestion-list ul li strong {text-transform: uppercase;font-size: 11px;font-family: var(--zf-primary-bold);color: #333;position: relative;padding-left: 10px;}
.fp-suggestion-list ul li strong:before {content: '';display: block;height: 100%;width: 2px;background: #333;position: absolute;left: 0;top: 0}

.fp-no-results {text-align: center;display: none;}
.fp-no-results h3 {font-size: 20px; font-family: var(--zf-primary-semibold)}
.fp-no-results .no-result-box{background: #ffecbe;padding: 20px;line-height: 20px;}
.showFilters {float: right;font-family: var(--zf-primary-semibold);margin: 7px 0 0px 0;display: none;cursor: pointer}
.closeFilters {position: absolute;background: url('https://www.zoho.com/images/close-icon.svg') no-repeat;height: 15px;width: 15px;top: 30px;right: 30px;cursor: pointer;display: none;}

@media screen and (max-width: 767px)
{
	.profile-right, .profile-left {width: 100%;float: none;}
	.find-partner-search h4 {float: none;width: 100%;text-align: center;border: none;}
	.find-partner-search .search-frame {float: none;width: 100%;margin: 0}
	.outer-frame {margin-top: 80px}
	.filter-wrapper {width: 100%;position: fixed;top: 0;left: 0;background: #fff;z-index: 999;overflow: auto;padding: 30px;height: 100%;transform: translate3d(0,-100%,0);transition: all .3s;opacity: 0;}
	.filter-wrapper.show {transform: translate3d(0,0,0);opacity: 1;}
	.closeFilters {display: block}
	.results-wrapper {width: 100%;float: right;padding: 0;text-align: center}
	.fp-results > ul > li {margin: 0 auto 20px;float: none;}
	.showFilters {display: block;}
	.partner-detail-frame {display: none;}
	.partner-profile-mobile {display: block;}
	.fp-address-wrapper li span {padding: 0 0 0 30px;}
	.fp-address-wrapper li span:after {left: 0;right:auto;}
	.profile-frame {text-align: left}
	.branches-location ul li {float: left;margin: 0px 15px 15px 0;}
	.share-map, .branches-location, .coupon-code {float: left;}
	.share-map ul li {margin: 0 10px 0 0}
	.branches-location h3:before, .coupon-code h3:before {left: 0;right: auto;}
	.profile-frame {padding: 50px 40px;}
	.partner-description.maxHeight:after {content:'';display:block;height: 60px;width: 100%;background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.5),#fff,#fff);position: absolute;bottom: -30px;}
	.partner-description {max-height: 210px;overflow: hidden;}
	.partner-description h2 {margin: 0 0 10px 0!important}
}


/* customer review - start */
/* common styles - start */
.form-container textarea {
  border: none;
  border-bottom: 1px solid #ddd;
  width: 100%;
  resize: vertical;
  font-size: 16px;
  padding: 10px 0!important;
}

.zs-link {
  position: relative;
  display: inline-block;
  color: inherit;
  margin-bottom: 1px;
  -webkit-transition: width 1s;
  line-height: 24px;
  transition: width 1s;
  cursor: pointer;
}

.zs-link:hover {
  text-decoration: none;
}

.zs-link::after {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  bottom: 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background: #ccc;
  width: 100%;
  margin-left: 0;
}

.zs-link:not(.disabled):not([disabled]):hover::after {
  background: #222;
  width: 50%;
  margin-left: 25%;
}

.zs-input-container {
  margin-bottom: 25px;
}

.zs-input-container.zs-two-col {
  width: calc(50% - 10px);
  float: left;
  margin-right: 20px;
}

.zs-input-container.zs-two-col:nth-child(even) {
  margin-right: 0;
}

.zs-input {
  border: none;
  border-bottom: 1px solid #ddd;
  outline: none;
  padding: 7px 0!important;
  width: 100%;
  font-size: 16px;
}

.zs-select-container {
  position: relative;
}

.zs-select {
  -webkit-appearance: none;
  border: 1px solid #ddd;
  font-size: 16px;
  padding: 10px 25px 10px 10px;
}

.zs-select-container::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  border: 5px solid transparent;
  border-top-color: #111;
}

.zs-switch-container, .zs-switch {
  display: inline-block;
}

.zs-switch-container input {
  display: none;
}

.zs-switch {
  position: relative;
  width: 40px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
}

.zs-switch::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 0;
  border-radius: 10px;
  width: 40px;
  height: 14px;
  background-color: #cbcbcb;
}

.zs-switch::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #979797;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.zs-switch-container input:checked + .zs-switch::before {
  background-color: #fedd90;
}

.zs-switch-container input:checked + .zs-switch::after {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  background-color: #f4b82b;
}

.zs-input-error-message {
  color: red;
  font-size: 14px;
  margin-top: 5px;
  display: block;
}

.zs-input-label {
  margin-bottom: 10px;
}

.zs-alert {
  display: none;
  padding: 10px 20px;
  margin: 20px 0;
  color: #004085;
  background-color: #cce5ff;
}

.zs-alert.success {
  color: #155724;
  background-color: #d4edda;
}

.zs-alert.error {
  color: #721c24;
  background-color: #f8d7da;
}

.secondary-button {
  border: 1px solid #f4b82b;
  background: transparent;
}

.hide {
  display: none;
}

.cf-submit[disabled] {
  opacity: 0.6;
  cursor: default;
}

.toggle-all-options-button {
  font-size: 13px;
}

.toggle-all-options-button span {
  color: #ab7c0e;
  font-weight: bold;
  cursor: pointer;
}
/* common styles - start */

/* star icon shape - start */
.zs-icon-star-container {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 17px;
}

.zs-icon-star-shape {
  display: inline-block;
  width: 360px;
  height: 340px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  border-color: #fff;
  -webkit-transform: scale(0.05);
  transform: scale(0.05);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
}

.zs-icon-star-shape i, .zs-icon-star-shape i::after, .zs-icon-star-shape i::before {
  position: absolute;
}

.zs-icon-star-shape .shape1, .zs-icon-star-shape .shape1::before {
  top: 0;
  border-style: solid;
  border-color: inherit;
  border-left-width: 70px;
  border-right-width: 70px;
  border-top-width: 65px;
  border-bottom-width: 65px;
}

.zs-icon-star-shape .shape1 {
  left: 0;
}

.zs-icon-star-shape .shape1::before {
  content: '';
  right: -290px;
  top: -65px;
}

.zs-icon-star-shape .shape1::after {
  content: '';
  top: -65px;
  left: 70px;
  border-right: 40px solid;
  border-left: 40px solid;
  border-bottom: 130px solid transparent;
  border-right-color: inherit;
  border-left-color: inherit;
}

.zs-icon-star-shape .shape2 {
  bottom: 0px;
  left: 70px;
  border-right: 110px solid transparent;
  border-left: 110px solid transparent;
  border-bottom: 80px solid;
  border-bottom-color: inherit;
}

.zs-icon-star-shape .shape3, .zs-icon-star-shape .shape4 {
  bottom: 0;
  border-style: solid;
  border-color: inherit;
  border-left-width: 35px;
  border-right-width: 35px;
  border-top-width: 78px;
  border-bottom-width: 78px;
}

.zs-icon-star-shape .shape3 {
  left: 0;
}

.zs-icon-star-shape .shape4 {
  right: 0;
}

.zs-icon-star-shape .shape3::before, .zs-icon-star-shape .shape4::before {
  content: '';
  bottom: -30px;
  border-bottom: 100px solid;
  border-bottom-color: inherit;
}

.zs-icon-star-shape .shape3::before {
  left: -114px;
  border-left: 130px solid transparent;
  border-right: 160px solid transparent;
  -webkit-transform: rotate(75deg);
  transform: rotate(75deg);
}

.zs-icon-star-shape .shape4::before {
  right: -114px;
  border-right: 130px solid transparent;
  border-left: 160px solid transparent;
  -webkit-transform: rotate(-75deg);
  transform: rotate(-75deg);
}

.zs-icon-star-shape .filler-bg, .zs-icon-star-shape .filler-value {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #e1e1e1;
}

.zs-icon-star-shape .filler-value {
  background-color: #F4B82D;
  width: 0;
}

.zs-icon-star-container.full .filler-value {
  width: 100%;
}
/* star icon shape - end */

/* modal component - start */
body.modal-opened {
  overflow: hidden;
}

.modal-component-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: auto;
  padding: 70px 20px 50px;
  z-index: 999999;
}

.modal-wrapper {
  position: relative;
  max-width: 500px;
  min-height: 100px;
  margin: 0 auto;
  background: #fff;
  font-size: 16px;
  box-sizing: border-box;
}

.modal-wrapper .modal-close-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #bfbfbf;
  border: 1px solid;
  border-radius: 50px;
  width: 23px;
  height: 23px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 1;
}

.modal-wrapper .modal-close-icon:hover {
  color: #aaa;
}

.modal-wrapper .modal-actions {
  text-align: center;
}

@-webkit-keyframes modal-open-animation {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

@keyframes modal-open-animation {
  from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

.modal-open-animation {
  -webkit-animation: modal-open-animation .5s both;
  animation: modal-open-animation .5s both;
}

.all-reviews-modal-content, .feedback-form-modal-content {
  display: none;
}

.all-reviews-modal {
  max-width: 1000px;
  padding-top: 0;
}

.all-reviews-modal .modal-content-container {
  padding: 30px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.all-reviews-modal .info-rows {
  margin-bottom: 0;
}

.all-reviews-modal .customer-review-title {
  float: left;
  margin-bottom: 15px;
}

.all-reviews-modal .review-box {
  background: #f5f5f5;
  box-shadow: none;
}

.all-reviews-modal .review-box:last-child {
  margin-bottom: 0;
}

.all-reviews-modal .review-box .more-text {
  background: linear-gradient(to left, #f5f5f5 70%, rgba(245, 245, 245, .1));
}

.all-reviews-modal .zs-icon-star-shape{
  border-color: #f5f5f5;
}

.all-reviwes-header-right-section {
  float: right;
  margin-left: 15px;
  text-align: right;
}

.show-my-reviews-container {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
}

.sort-reviews-dropdown-container {
  display: inline-block;
  margin-left: 15px;
}

.review-box-container.all-reviews {
  padding-top: 15px;
}

.feedback-form-modal {
  padding: 30px;
}

.feedback-form-modal .info-rows {
  margin: 0;
}

.alert-modal {
  padding: 25px;
  line-height: 24px;
}

.modal-button {
  margin: 20px 20px 0 0;
}
/* modal component - end */

.customer-review-container #dotted-loading-spinner {
  position: relative;
  top: 0;
  margin: 20px auto;
}

.no-review-content, .has-review-content {
  display: none;
}

.overall-rating-container {
  float: left;
  min-width: 200px;
  margin: 15px 0;
}

.overall-rating-container .overall-rating {
  font-size: 18px;
  font-weight: bold;
}

.rating-bar-container {
  padding: 20px 0 10px 0;
  display: none;
}

.rating-bar-container .rating-row {
  margin-bottom: 5px;
}

.rating-bar-container .rating {
  display: inline-block;
  width: 30px;
  text-align: right;
  margin-right: 5px;
}

.rating-bar-container .rating-bar {
  display: inline-block;
  width: 100px;
  height: 7px;
  background: #e1e1e1;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 5px;
}

.rating-bar-container .rating-bar .rating-fill {
  background-color: #f4b82b;
  height: 100%;
  float: left;
}

.rating-bar-container .zs-icon-star-container {
  margin-bottom: -2px;
}

.write-review-button-container {
  float: right;
}

.no-review-content .write-review-button-container {
  float: none;
  text-align: center;
  margin-top: 25px;
}

/* TODO - remove without login button */
.no-review-content .write-review-button, .no-review-content .write-review-button-without-login {
  margin-top: 20px;
}

.review-box-container.less-reviews {
  padding-top: 20px;
}

.show-all-reviews-button-container {
  text-align: right;
  padding-bottom: 20px;
}

.review-box {
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  padding: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.review-box .top-content {
  overflow: hidden;
  margin-bottom: 10px;
}

.review-box .left-content {
  float: left;
  width: calc(100% - 60px); /* 60px space for .right-content */
}

.review-box.my-review .left-content {
  width: calc(100% - 130px); /* 130px space for .right-content */
}

.review-box .right-content {
  float: right;
  text-align: right;
}

.review-box .edit-review-button {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.review-box .review-date {
  font-weight: bold;
}

.review-box .review-name {
  font-weight: bold;
}

.review-box .star-container {
  display: inline-block;
  margin-top: 10px;
}

.review-box .service-list-container {
  margin-bottom: 10px;
}

.review-box .service-list-container .section-title {
  font-weight: bold;
}

.review-box .service-list-item {
  display: inline-block;
  margin: 0 7px 7px 0;
  border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 10px;
}

.rating-input-container {
  padding: 20px 0 5px;
}

.rating-input-label {
  font-size: 16px;
  margin-bottom: 20px;
}

.rating-input-stars {
  display: inline-block;
}

.rating-input-button {
  cursor: pointer;
  margin-right: 15px;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}

.rating-input-button.star-selected {
  -webkit-animation: star-selected .8s both;
  animation: star-selected .8s both;
}

@-webkit-keyframes star-selected {
  50% {
    -webkit-transform: scale3d(1.9, 1.9, 1.9);
    transform: scale3d(1.9, 1.9, 1.9);
  }
}

@keyframes star-selected {
  50% {
    -webkit-transform: scale3d(1.9, 1.9, 1.9);
    transform: scale3d(1.9, 1.9, 1.9);
  }
}

.rating-average-container {
  display: inline-block;
  position: relative;
  margin-left: 15px;
}

.pp-bar-text .rating-average-container::before {
  content: '';
  position: absolute;
  top: 4px;
  left: -10px;
  border-left: 1px solid #ccc;
  height: 18px;
}

.rating-average-box {
  display: inline-block;
  vertical-align: -2px;
}

.reply-button-container {
  margin-top: 15px;
}

.reply-button {
  color: #0c84c9;
  cursor: pointer;
}

.reply-box {
  border-left: 2px solid #b8b8b8;
  padding: 7px 0 7px 15px;
  margin-top: 10px;
}

.reply-box-top {
  overflow: auto;
  margin-bottom: 8px;
}

.reply-name-container {
  font-weight: bold;
  display: inline-block;
}

.reply-form-container .reply-comment-textarea {
  border: 1px solid #ddd;
  resize: none;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 15px 20px !important;
  font-size: 14px;
}

.reply-buttons-container {
  text-align: right;
}

.reply-buttons-container button {
  margin-left: 5px;
}

.reply-form-container .zs-input-container {
  margin-bottom: 10px;
}

.edit-reply-button {
  display: inline-block;
  cursor: pointer;
  color: #0c84c9;
}

.delete-reply-button {
  float: right;
  cursor: pointer;
}

.reply-content-container, .reply-form-container {
  display: none;
}

.reply-form-container {
  margin-top: 15px;
}

.reply-content-wrapper:not(.show-reply-form) .reply-content-container, .reply-content-wrapper.show-reply-form .reply-form-container {
  display: block;
}

.dot-divider {
  display: inline-block;
  width: 12px;
  height: 15px;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.dot-divider::after {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  left: calc(50% - 2px);
  border: 2px solid #858585;
  border-radius: 50%;
}

.text-button {
  display: inline-block;
  cursor: pointer;
  background-color: transparent;
  line-height: 18px;
  padding: 5px;
  border: none;
  color: #0c84c9;
  text-transform: capitalize;
  font-size: 14px;
}

.cf-submit.small-button {
  padding: 3px 20px;
  border-radius: 3px;
}

/* more content toggle - start */
.more-content-container {
  position: relative;
  line-height: 20px;
  word-break: break-word;
  overflow: hidden;
}

.more-content-container .more-text {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #3b82da;
  background: linear-gradient(to left, #fff 70%, rgba(255, 255, 255, .1));
  padding-left: 30px;
}

.more-content-container.expanded-manually {
  padding-bottom: 15px;
}

.has-more-content {
  cursor: pointer;
}

.has-more-content .more-text {
  display: block;
}
/* more content toggle - end */

/* sprite icons - start*/
.zs-icon {
  display: inline-block;
  background: url(../images/find-partner-v2-sprite@2x.png) no-repeat;
  vertical-align: middle;
}

.zs-write-icon {
  vertical-align: -6px;
  background-position: -160px -53px;
  width: 24px;
  height: 24px;
}

.zs-edit-icon {
  background-position: -208px -58px;
  width: 15px;
  height: 15px;
}

.zs-delete-icon {
  background-position: -251px -57px;
  width: 11px;
  height: 14px;
}

.zs-reply-icon {
  background-position: -282px -11px;
  width: 18px;
  height: 15px;
}
/* sprite icons - end*/

/* select2 dropdown - start */
.service-input-container .select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
  border-bottom: 1px solid #ddd;
}

.select2-dropdown {
  border: 1px solid #ddd !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #fff;
  border-color: #ddd;
}

.select2-container--open {
  z-index: 9999991;
}
/* select2 dropdown - end */

/* alert modal - start */
.alert-modal {
  max-width: 450px;
}

.alert-modal .modal-actions {
  text-align: right;
}

.alert-modal .modal-button {
  margin-left: 10px;
  margin-right: 0;
}

.alert-modal .modal-close-icon {
  display: none;
}

.disable-actions {
  pointer-events: none;
}
/* alert modal - end */

/* find partner page - start*/
.fp-results > ul > li .result-top-bar {
  height: 230px;
}

.fp-results .res-partner-logo {
  bottom: 30px;
}

.fp-results .result-top-bar .rating-average-container {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
/* find partner page - end*/

@media screen and (max-width: 767px) {
  .pp-bar-text .rating-average-container {
    display: block;
    text-align: right;
    margin: 10px 0;
  }

  .pp-bar-text .rating-average-container::before {
    display: none;
  }

  .zs-input-container.zs-two-col {
    width: 100%;
    float: none;
    margin: 0 0 25px 0;
  }
}

@media screen and (max-width: 480px) {
  .review-box.my-review .left-content {
    width: calc(100% - 60px); /* 130px space for .right-content */
  }

  .review-box .edit-review-button {
    display: block;
    margin: 0 0 10px 0;
  }
}
/* customer review - end */


/*top banner*/
.z25-outer {
    background: #fcefd8;
    width: 100%;
    padding: 16px 10px;
    position: relative;
    text-align: center;
   animation: 1s banner_animation forwards;
}

.z25-outer a {
    font-family: var(--zf-primary-semibold);
    color: #000;
    display: inline-block;
    margin-top: 5px;
    position: relative;
    margin: 0 auto
}

.z25-outer p {
    margin-bottom: 0
}

.z25-outer a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 1px
}

@keyframes banner_animation{
    0%{
        opacity: 0;
        transform: translateY(-50px);
    }
    100%{
        opacity: 1;
        transform: translateY(0px);
    }
}
@media only screen and (max-width: 767px) {
    .z25-outer{
        top: 51px; 
    }
       
}

@media only screen and (max-width: 480px) {
    .z25-outer a::after {
        bottom:2px
    }
    
}