body {padding: 0!important;}

div.wpforms-container-full .wpforms-form label.wpforms-error {

    font-size: 15px !important

}

.tab-texs {

    margin: 0 0 30px 0;

}

h1.mbr-section-title.mbr-bold.pb-3.mbr-fonts-style.display-2 {

    margin-bottom: 25px;

}

.contact-info h2 {

    margin: 15px 0 30px 0;

}

.contact-form h2 {

    margin: 30px 0 25px 0;

}

.contact-work p {

    margin-bottom: 25px;

}

button#wpforms-submit-6684 {

    position: absolute;

    top: -51px;

    right: 43px;

    background: #292828;

    color: #fff;

    border: 1px solid #211e1e;

    border-radius: 7px

}



textarea#wpforms-6683-field_5 {

    height: 85px

}



textarea#wpforms-6680-field_7 {

    height: 110px

}



textarea#wpforms-6678-field_1 {

    height: 120px

}



textarea#wpforms-6682-field_4 {

    height: 140px

}



textarea#wpforms-6699-field_2 {

    height: 140px

}



label#wpforms-6684-field_1-error {

    position: absolute

}



.image-block.col-md-6.tes_pen {

    padding-right: 50px;

    text-align: justify

}



.screen-reader-response {

    display: none

}



.news-info ul {

    margin-bottom: 20px

}



.news-info ul li {

    margin-left: 5%;

    font-size: 18px;

    list-style: disc

}



.news-info h4 {

    color: #5a5a5a;

    margin-bottom: 10px;

    font-size: 24px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px;

    margin-top: 20px

}



.intro-footer {

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

    bottom: 0;

    left: 0;

    position: absolute;

    width: 100%

}



#sidebarform .wpcf7-not-valid-tip {

    display: inline

}



.services-main-part h4 {

    font-size: 21px;

    margin-bottom: 10px

}



.intro-footer p {

    font-size: 16px;

    margin-bottom: 0;

    margin-top: 5px;

    text-align: center

}



.intro-footer p strong {

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 40px;

    font-weight: 700;

    vertical-align: middle

}



.intro-footer p span {

    font-size: 18px

}



.intro-footer ul {

    float: right

}



.intro-footer ul li {

    float: left

}



.intro-footer ul li a {

    border-left: 1px solid #fff;

    display: inline-block;

    font-size: 15px;

    padding: 25px 15px

}



.intro-footer p,

.intro-footer ul li a {

    font-weight: 400;

    color: #fff;

    text-transform: uppercase

}



.mb-5 {

    margin-bottom: 20px

}



.suboption-but {

    border-radius: 20px;

    border: none;

    padding: 10px 100px 10px 10px !important;

    width: 100% !important;

    color: #333 !important;

    font-size: 15px !important

}



#wpcf7-f5488-o1 .wpcf7-not-valid-tip {

    position: absolute;

    top: 36px;

    margin: 0 0 0 22px

}



#wpcf7-f5488-o1 .wpcf7-response-output {

    position: relative;

    top: 14px;

    color: #ea0404;

    border: none;

    display: none

}



.subscribe-btn-fo {

    border-radius: 20px;

    border: 0;

    background: #000;

    padding: 10px;

    position: absolute;

    border: 0;

    right: 0;

    left: auto;

    width: 100px

}



.buttom-footer-sub {

    padding: 10px;

    background: #4bade1;

    background: -moz-linear-gradient(90deg, #4bade1 0, #5fbc46 100%);

    background: -webkit-linear-gradient(90deg, #4bade1 0, #5fbc46 100%);

    background: linear-gradient(90deg, #4bade1 0, #5fbc46 100%)

}



.activequ li {

    padding: 0;

    margin: 0 0 0 26px;

    line-height: 30px;

    font-size: 17px;

    text-align: justify;

    list-style: disc

}



label.captcha img {

    padding: 0 !important;

    width: auto

}



.moni1 {

    width: 70%

}



.our-services-text strong {

    color: #333b69

}



.our-services-text p {

    margin-top: 14px;

    font-size: 16px

}



#stamp_intro_form {

    width: 100%;

    margin-top: -13px;

    margin-bottom: 30px;

    display: block;

    z-index: 1000

}



.form_land {

    background: linear-gradient(180deg, #00c4ff 0, #2575ff 100%);

    border-bottom-right-radius: 15px;

    border-bottom-left-radius: 15px;

    margin: 0 auto;

    padding: 20px 20px 70px;

    width: 100%

}



.form_land h2 {

    color: #fff;

    font-weight: 400;

    line-height: 30px;

    text-align: center;

    text-transform: uppercase

}



form#contactform>div {

    display: inline-block;

    margin: 0

}



.stamp-btn {

    width: 100%;

    display: inline-block;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 10px 20px;

    font-size: 14px;

    line-height: 1.42857;

    border-radius: 4px

}



.stamp-btn-primary {

    color: #fff;

    background-color: #333

}



.fh5co-grid .image-popup .prod-title h1:after,

.fh5co-grid .image-popup .prod-title h3:after,

.site-header.has-image #primary-menu .sub-menu:before {

    display: none

}



.vid {

    height: 25%;

    width: 100%

}



.testi {

    width: 100%;

    text-align: left

}



.vid-img {

    width: 100%

}



.fh5co-grid .image-popup .prod-title {

    position: absolute;

    top: 35%;

    bottom: 20px;

    left: 0;

    right: 0;

    margin-top: -25px

}



.fh5co-grid .image-popup .prod-title h1,

.fh5co-grid .image-popup .prod-title h3 {

    margin-bottom: 10px;

    color: #fff;

    font-size: 52px;

    text-transform: uppercase

}



.fh5co-grid .image-popup .prod-title span {

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    text-transform: uppercase

}



#fh5co-wrapper,

.fh5co-offcanvas,

body.fh5co-offcanvas {

    overflow: hidden

}



a,

a:hover {

    color: #63bc46

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

ol,

p,

ul {

    color: #000;

    font-family: "Source Sans Pro", Arial, sans-serif

}



.form-group textarea,

.text-area {

    resize: none

}



textarea {

    resize: none

}



body {

    line-height: 1.4;

    font-size: 16px;

    background: #fff;

    font-weight: 500;

    overflow-x: hidden

}



a {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



a:hover {

    text-decoration: none !important

}



.carrer-info .panel-heading a,

.fh5co-nav-toggle,

.service-info .panel-heading a,

.sf-menu a {

    text-decoration: none

}



.mob-center a {

    cursor: default

}



ol,

p,

ul {

    margin-bottom: 1.5em;

    font-size: 18px

}



ul {

    padding: 0;

    margin: 0

}



ul li {

    list-style: none

}



a:active,

a:focus,

a:hover {

    outline: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

    margin: 0 0 30px

}



.h130 {

    height: 130px

}



figure {

    margin-bottom: 2em

}



::-webkit-selection {

    color: #fcfcfc;

    background: #fcc72c

}



::-moz-selection {

    color: #fcfcfc;

    background: #6dbe44

}



::selection {

    color: #fcfcfc;

    background: #6dbe44

}



#fh5co-header {

    position: relative;

    margin-bottom: 0;

    z-index: 9999999

}



.fh5co-cover,

.fh5co-hero {

    position: relative;

    height: 700px

}



.fh5co-cover img {

    width: 100%

}



.workspace-adapters-call-content {

    color: #fff

}



.request-demo-panel img {

    float: left

}



#carousel-front-page-testimonial .carousel-inner {

    max-width: 90%;

    margin: 0 auto

}



#carousel-front-page-testimonial .carousel-control-next,

#carousel-front-page-testimonial .carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 5%;

    color: #fff;

    text-align: center;

    opacity: .5

}



#carousel-front-page-testimonial .carousel-control-next img,

#carousel-front-page-testimonial .carousel-control-prev img {

    max-width: 30px

}



#carousel-front-page-testimonial .carousel-control-prev {

    left: 0

}



#carousel-front-page-testimonial .carousel-control-next {

    right: 0

}



.margin_0 {

    margin: 0 !important

}



.d_table_container {

    display: table !important

}



.d_table_cell_container {

    width: 50%;

    display: table-cell;

    vertical-align: middle;

    padding: 0 15px

}



.cms_audit_2_testimonial_container .heading-section h2 {

    padding-bottom: 25px;

    margin: 0;

    font-size: 30px;

    letter-spacing: 2px;

    position: relative;

    text-transform: uppercase

}



.cms_audit_2_testimonial_container .heading-section h2::after {

    background: #1087e3 none repeat scroll 0 0;

    z-index: 1;

    bottom: 0;

    content: "";

    height: 3px;

    left: 53%;

    margin-left: -50px;

    position: absolute;

    width: 25px

}



.cms_audit_2_testimonial_container .video-link .launch-modal img {

    max-width: 450px;

    margin: 0 auto;

    display: block

}



.cms_audit_2_testimonial_container .cms_audit_2_img_txt_container {

    text-align: center

}



.cms_audit_2_testimonial_container .cms_audit_2_img_txt_container h3 {

    margin: 0 0 10px 0

}



.cms_audit_2_testimonial_container .cms_audit_2_img_txt_container p {

    margin: 0

}



.cms_audit_2_testimonial_container .cms_audit_2_testimonial_left_container p {

    line-height: 26px

}



.cms_audit_2_testimonial_container .cms_audit_2_testimonial_left_container p:first-child {

    margin-top: 55px

}



.change_list_container {

    margin-bottom: 15px

}



.change_list_container:last-child {

    margin-bottom: 0

}



.change_list_container img.alignleft {

    margin-bottom: 0

}



.color-white {

    color: #fff

}



.cxi_summary_container {

    padding-top: 40px !important

}



.cxi_summary_container h2 {

    margin-bottom: 25px

}



.blog-inner .post .entry-cover .entry-title {

    color: #60bb46

}



.change_management_pointel_like_container,

.cms_pointel_like_container,

.genesys_adapter_pointel_like_container {

    padding: 50px 0

}



.click_enlarge_anchor,

.cms_audit_click_enlarge_anchor {

    position: relative;

    display: block

}



.click_enlarge_anchor .click_enlarge_span {

    color: #0cf;

    position: absolute;

    left: -59px;

    right: 0;

    text-align: center;

    bottom: 0;

    width: 100%;

    margin: 0 auto;

    font-weight: 700;

    font-size: 12px

}



.click_enlarge_anchor .click_enlarge_span_left {

    color: #0cf;

    position: absolute;

    left: 28%;

    right: 0;

    text-align: left;

    bottom: 89px;

    width: 100%;

    margin: 0;

    font-weight: 700;

    font-size: 12px

}



.cms_audit_click_enlarge_anchor .click_enlarge_span {

    color: #0cf;

    position: absolute;

    left: 0;

    right: 0;

    text-align: center;

    bottom: 100px;

    width: 100%;

    margin: 0 auto 0 80px;

    font-weight: 700;

    font-size: 12px

}



.cms_audit_click_enlarge_anchor .click_enlarge_span_left {

    color: #0cf;

    position: absolute;

    left: 28%;

    right: 0;

    text-align: left;

    bottom: 93px;

    width: 100%;

    margin: 0;

    font-weight: 700;

    font-size: 12px

}



.change_management_blue_container,

.cms_blue_container {

    margin: 30px 0 10px

}



@media screen and (max-width:768px) {

    .fh5co-cover,

    .fh5co-hero {

        height: 700px

    }

    .fh5co-cover {

        heifght: inherit;

        padding: 3em 0

    }

}



.fh5co-cover.fh5co-cover_2,

.fh5co-cover.fh5co-hero-2,

.fh5co-hero.fh5co-hero-2 {

    height: 600px

}



.fh5co-cover.fh5co-hero-2 .fh5co-overlay,

.fh5co-hero.fh5co-hero-2 .fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .9)

}



.fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .3)

}



.fh5co-cover {

    background-size: cover;

    position: relative

}



.fh5co-cover .btn {

    padding: 1em 5em;

    opacity: .9

}



.fh5co-blog .image-popup,

.fh5co-grid:hover .image-popup {

    opacity: 1

}



.fh5co-cover .desc {

    top: 40%;

    position: absolute;

    width: 100%;

    margin-top: -80px;

    z-index: 2;

    color: #000

}



.carousel h2,

.fh5co-cover .desc h2 {

    color: #000;

    text-transform: uppercase;

    font-size: 40px;

    margin-bottom: 15px

}



@media screen and (max-width:768px) {

    .fh5co-cover.fh5co-cover_2 {

        heifght: inherit;

        padding: 3em 0

    }

    .fh5co-cover .desc {

        padding-left: 15px;

        padding-right: 15px

    }

    .fh5co-cover .desc h2 {

        font-size: 40px

    }

}



.carousel span,

.fh5co-cover .desc span {

    display: block;

    margin-bottom: 25px;

    font-size: 28px;

    letter-spacing: 1px;

    line-height: 25px

}



.carousel span a,

.fh5co-cover .desc span a {

    color: #000

}



.carousel span a:focus,

.carousel span a:hover,

.fh5co-cover .desc span a:focus,

.fh5co-cover .desc span a:hover {

    color: #000 !important

}



.sf-menu a,

.sf-menu li.active a,

.sf-menu li.active a:focus,

.sf-menu li.active a:hover,

.sf-menu li.sfHover a,

.sf-menu li:hover a,

.sf-menu ul li.sfHover a,

.sf-menu ul li:hover a {

    color: #000

}



.carousel span a:focus.btn,

.carousel span a:hover.btn,

.fh5co-cover .desc span a:focus.btn,

.fh5co-cover .desc span a:hover.btn {

    background: 0 0 !important;

    border: 1px solid #61a300 !important

}



.fh5co-cover .desc span a.fh5co-site-name {

    padding-bottom: 2px;

    border-bottom: 1px solid rgba(110, 190, 98, .7);

    color: #000

}



.sf-menu,

.sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none

}



.sf-menu li {

    position: relative;

    white-space: nowrap;

    white-space: normal;

    -webkit-transition: background .2s;

    transition: background .2s

}



.sf-menu ul {

    position: absolute;

    display: none;

    top: 50px;

    z-index: 99;

    background: #fff;

    box-shadow: 0 1px 1px 1px #828282 !important;

    padding: 0 15px

}



.sf-menu a,

.sf-menu li.sfHover>ul,

.sf-menu li:hover>ul {

    display: block

}



.sf-menu li,

.sf-menu li.sfHover,

.sf-menu li:hover,

.sf-menu ul li,

.sf-menu ul li.sfHover,

.sf-menu ul li:hover,

.sf-menu ul ul li {

    background: 0 0

}



.sf-menu>li {

    float: left

}



.sf-menu ul ul {

    top: 0;

    left: 100%

}



.sf-menu {

    margin: 0 !important;

    float: right

}



.sf-menu ul li {

    border-bottom: 1px solid #ccc

}



.dropdown li:last-child {

    border: 0

}



.sf-menu li.sfHover,

.sf-menu li:hover {

    -webkit-transition: none;

    transition: none

}



.sf-menu ul {

    width: 12em;

    border: transparent;

    min-width: 12em

}



.sf-menu a {

    position: relative;

    padding: .75em .55em !important;

    font-weight: 400;

    border-left: none;

    border-top: none;

    zoom: 1;

    font-size: 18px;

    border-bottom: none !important

}



.sf-menu a:hover {

    border-bottom: 2px solid #60bb46 !important;

    transition: none !important

}



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    margin: 0 auto !important

}



.sf-menu ul li a,

.sf-menu ul ul li a {

    text-transform: none;

    padding: .2em .25em !important;

    letter-spacing: 1px;

    font-size: 14px

}



.sf-arrows .sf-with-ul {

    padding-right: 2.5em

}



.sf-arrows .sf-with-ul:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -3px;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top-color: #ccc

}



.sf-arrows>.sfHover>.sf-with-ul:after,

.sf-arrows>li:hover>.sf-with-ul:after,

.sf-arrows>li>.sf-with-ul:focus:after {

    border-top-color: #ccc

}



.sf-arrows ul .sf-with-ul:after {

    margin-top: -5px;

    margin-right: -3px;

    border-color: transparent transparent transparent #ccc

}



.sf-arrows ul .sfHover>.sf-with-ul:after,

.sf-arrows ul li:hover>.sf-with-ul:after,

.sf-arrows ul li>.sf-with-ul:focus:after {

    border-left-color: #ccc

}



#fh5co-primary-menu>li>.sf-with-ul:after,

#fh5co-primary-menu>li>ul li>.sf-with-ul:after {

    border: none !important;

    font-family: FontAwesome;

    speak: none;

    font-style: normal;

    font-variant: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



#fh5co-header-section {

    padding: 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 2;

    position: fixed;

    background-color: #fff

}



.nav-header {

    position: relative;

    float: right;

    width: 70%;

    margin-top: -7px

}



#fh5co-logo {

    position: relative;

    z-index: 2;

    font-size: 28px;

    text-transform: uppercase;

    margin-top: 10px;

    font-weight: 300;

    float: left;

    margin-bottom: 5px

}



#fh5co-logo a img {

    width: 230px;

    padding: 20px

}



#fh5co-logo span {

    font-weight: 700

}



.trans {

    background-color: transparent

}



.thumbnails {

    display: block;

    padding: 4px;

    margin-bottom: 19px;

    line-height: 1.42857;

    background-color: #fff;

    border-radius: 4px;

    -webkit-transition: border .2s ease-in-out;

    -o-transition: border .2s ease-in-out;

    transition: border .2s ease-in-out;

    margin: -2px;

    width: 231px

}



.white {

    background-color: #fff;

    z-index: 99999;

    box-shadow: 2px 2px 5px #888

}



.black {

    color: #000 !important

}



@media screen and (max-width:768px) {

#fh5co-header-section {

    height: 75px;

}

#fh5co-logo {

        width: 100%;

    }

}



#fh5co-logo a {

    color: #fff

}



#fh5co-logo a:focus,

#fh5co-logo a:hover {

    color: #fff !important

}



#fh5co-menu-wrap {

    position: relative;

    z-index: 2;

    display: block;

    float: right

}



#fh5co-menu-wrap .sf-menu a {

    padding: 1em .75em

}



#fh5co-primary-menu>li>ul li.active>a {

    color: #fcc72c !important

}



#fh5co-primary-menu>li>.sf-with-ul:after {

    font-weight: 400;

    text-transform: none;

    position: absolute;

    float: right;

    margin-right: -5px;

    top: 50%;

    margin-top: -7px;

    content: "\e922";

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

}



#fh5co-primary-menu>li>ul li {

    position: relative

}



#fh5co-primary-menu>li>ul li>.sf-with-ul:after {

    font-weight: 400;

    text-transform: none;

    position: absolute;

    float: right;

    margin-right: 10px;

    top: 14px;

    font-size: 16px;

    content: "\f105";

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

}



#fh5co-primary-menu .fh5co-sub-menu:after,

#fh5co-primary-menu .fh5co-sub-menu:before,

.heading-section h3:after {

    position: absolute;

    content: ''

}



#fh5co-primary-menu .fh5co-sub-menu {

    padding: 10px 7px;

    background: #fff;

    left: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    border-radius: 5px;

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

    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);

    -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);

    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);

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

}



#fh5co-primary-menu .fh5co-sub-menu>li>.fh5co-sub-menu {

    left: 100%

}



#fh5co-primary-menu .fh5co-sub-menu:before {

    top: -9px;

    left: 20px;

    width: 0;

    height: 0

}



#fh5co-primary-menu .fh5co-sub-menu:after {

    top: -8px;

    left: 21px;

    width: 0;

    height: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #fff;

    border-left: 8px solid transparent

}



#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {

    top: 6px;

    left: 100%

}



#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {

    top: 7px;

    right: 100%;

    border: none !important

}



.site-header.has-image #primary-menu .sub-menu {

    border-color: #ebebeb;

    -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);

    -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);

    -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);

    -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, .09);

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

}



#fh5co-primary-menu .fh5co-sub-menu a {

    letter-spacing: 0;

    padding: 0 15px;

    font-size: 18px;

    line-height: 34px;

    color: #575757 !important;

    text-transform: none;

    background: 0 0

}



#fh5co-primary-menu .fh5co-sub-menu a:hover {

    color: #fcc72c !important

}



#fh5co-blog-section,

#fh5co-content-section,

#fh5co-services-section,

#fh5co-work-section,

#fh5co-work-section_2 {

    padding: 3em 0

}



@media screen and (max-width:768px) {

    #fh5co-blog-section,

    #fh5co-content-section,

    #fh5co-services-section,

    #fh5co-work-section,

    #fh5co-work-section_2 {

        padding: 4em 0

    }

}



.fh5co-section-gray {

    background: rgba(0, 0, 0, .04)

}



.heading-section {

    padding-bottom: 1em;

    margin-bottom: 5em

}



.heading-section h3 {

    font-size: 30px;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 10px

}



.clienth h3:after {

    left: 53% !important

}



.fh5co-grid {

    height: 302px;

    background-size: cover;

    background-position: center center;

    margin-bottom: 30px;

    position: relative;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



@media only screen and (max-width:480px) and (min-width:320px) {

    .fh5co-grid .image-popup .prod-title h1,

    .fh5co-grid .image-popup .prod-title h3 {

        margin-bottom: 10px;

        color: #fff;

        font-size: 40px;

        text-transform: uppercase

    }

}



@media screen and (max-width:480px) {

    .fh5co-grid {

        height: 400px

    }

}



.fh5co-grid .image-popup {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, .5);

    opacity: 1;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



.fh5co-grid:hover {

    -webkit-box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42);

    -moz-box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42);

    box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42)

}



.services {

    margin-bottom: 5em

}



.services span {

    margin-bottom: 30px;

    display: block;

    width: 100%

}



.services span i {

    font-size: 50px;

    color: #fcc72c

}



.services h3 {

    font-size: 20px;

    font-weight: 400

}



#fh5co-about,

#fh5co-contact,

#fh5co-services {

    padding: 7em 0

}



@media screen and (max-width:768px) {

    #fh5co-about,

    #fh5co-contact,

    #fh5co-services {

        padding: 4em 0

    }

}



#fh5co-services .fh5co-number {

    font-size: 30px;

    color: #1fb5f6;

    position: relative;

    padding-top: 10px;

    font-style: italic;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1

}



#fh5co-services .fh5co-number:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    top: 0;

    left: 0;

    background: #1fb5f6

}



#fh5co-services .fh5co-icon {

    margin-bottom: 30px;

    margin-top: 50px;

    position: relative;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1

}



#fh5co-services .fh5co-icon i {

    font-size: 200px;

    color: #fcc72c

}



@media screen and (max-width:768px) {

    #fh5co-services .fh5co-icon {

        margin-top: 0;

        float: none

    }

    #fh5co-services .fh5co-icon i {

        font-size: 100px

    }

}



#fh5co-contact .contact-info {

    margin: 0;

    padding: 0

}



#fh5co-contact .contact-info li {

    list-style: none;

    margin: 0 0 20px;

    position: relative;

    padding-left: 40px

}



#fh5co-contact .contact-info li i {

    position: absolute;

    top: .3em;

    left: 0;

    font-size: 22px;

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

}



#fh5co-contact .contact-info li a {

    font-weight: 400 !important;

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

}



#fh5co-contact .form-control {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    border: none;

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

    font-size: 18px;

    font-weight: 400;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0

}



#fh5co-contact .form-control:active,

#fh5co-contact .form-control:focus {

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

}



#fh5co-contact input[type=text] {

    height: 50px

}



#fh5co-contact .form-group {

    margin-bottom: 30px

}



.fh5co-testimonial {

    position: relative;

    background: #fff;

    padding: 4em 0;

    border-radius: 5px;

    -webkit-box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58);

    -moz-box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58);

    box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58)

}



@media screen and (max-width:768px) {

    .fh5co-testimonial {

        border-right: 0;

        margin-bottom: 80px

    }

}



.fh5co-testimonial h2 {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 50px

}



.fh5co-testimonial figure {

    position: absolute;

    top: -50px;

    left: 50%;

    margin-left: -44px;

    margin-bottom: 20px;

    background-size: cover

}



#fh5co-page,

#fh5co-wrapper,

#map {

    position: relative

}



.fh5co-testimonial figure img {

    width: 88px;

    height: 88px;

    border: 10px solid #fff;

    background-size: cover;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%

}



.fh5co-testimonial blockquote {

    border: none;

    margin-bottom: 20px

}



.fh5co-testimonial blockquote p {

    font-style: italic;

    font-size: 26px;

    line-height: 1.6em;

    color: #555

}



.fh5co-testimonial span {

    font-style: italic

}



.fh5co-blog {

    margin-bottom: 60px

}



.fh5co-blog a img {

    margin-bottom: 30px;

    width: 100%;

    height: 300px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



.fh5co-blog .image-popup span {

    display: inline-block;

    margin-bottom: 20px

}



.fh5co-blog .image-popup span.posted_by {

    font-style: italic;

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

    font-size: 18px

}



.fh5co-blog .image-popup span.comment {

    float: right

}



.fh5co-blog .image-popup span.comment a {

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

}



.fh5co-blog .image-popup span.comment a i {

    color: #fcc72c;

    padding-left: 7px

}



.fh5co-blog .image-popup h3 {

    font-size: 26px;

    margin-bottom: 20px

}



.fh5co-blog .image-popup h3 a {

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

}



#fh5co-start-project-section {

    padding: 7em 0;

    background: #f64e8b

}



#fh5co-start-project-section h2 {

    color: #fff;

    font-size: 60px;

    text-transform: uppercase;

    font-weight: 300

}



#fh5co-start-project-section a:active,

#fh5co-start-project-section a:focus,

#fh5co-start-project-section a:hover {

    color: #fff !important

}



#map {

    width: 100%;

    height: 500px

}



@media screen and (max-width:768px) {

    .fh5co-blog {

        width: 100%

    }

    #fh5co-start-project-section h2 {

        font-size: 30px

    }

    #map {

        height: 200px

    }

    #fh5co-menu-wrap {

        display: none

    }

}



.fh5co-social-icons>a {

    padding: 4px 10px;

    color: #fcc72c

}



.fh5co-social-icons>a i {

    font-size: 26px

}



.fh5co-social-icons>a:active,

.fh5co-social-icons>a:focus,

.fh5co-social-icons>a:hover {

    text-decoration: none;

    color: #5a5a5a

}



.btn {

    text-transform: uppercase;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.btn.btn-primary {

    background: #63bc46;

    color: #fff;

    border: none !important;

    border: 1px solid transparent !important

}



.btn.btn-primary:active,

.btn.btn-primary:focus,

.btn.btn-primary:hover {

    box-shadow: none;

    background: #fcc72c;

    color: #fff !important

}



.btn:active,

.btn:focus,

.btn:hover {

    color: #060606 !important;

    outline: 0 !important

}



input.wpcf7-form-control.wpcf7-captchar {

    width: 150px;

    margin-left: 8px

}



.wpcf7 form.invalid .wpcf7-response-output,

.wpcf7 form.unaccepted .wpcf7-response-output {

    color: #ca0404

}



.btn.btn-default:active,

.btn.btn-default:focus,

.btn.btn-default:hover {

    border-color: transparent

}



.btns {

    text-transform: uppercase;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.btns.btn-story {

    background: #fff;

    color: #000;

    border: 1px solid #6ebe44;

    padding: 5px;

    font-style: normal !important

}



.btns.btn-story:active,

.btns.btn-story:focus,

.btns.btn-story:hover {

    box-shadow: none;

    background: #6ebe44;

    color: #fff !important

}



.btns:active,

.btns:focus,

.btns:hover {

    background: #6ebe44 !important;

    color: #fff;

    outline: 0 !important

}



.wpcf7 form .wpcf7-response-output {

    border: none !important

}



.js .animate-box {

    opacity: 0

}



.fh5co-offcanvas #fh5co-wrapper {

    overflow: hidden !important

}



#fh5co-page {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    z-index: 9999;

    margin-bottom: 20px

}



.fh5co-offcanvas #fh5co-page {

    -moz-transform: translateX(-240px);

    -webkit-transform: translateX(-240px);

    -ms-transform: translateX(-240px);

    -o-transform: translateX(-240px);

    transform: translateX(-240px)

}



#offcanvas-menu {

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 99;

    background: #222;

    right: -240px;

    width: 240px;

    padding: 20px;

    overflow-y: scroll !important

}



#offcanvas-menu ul {

    padding: 0;

    margin: 0

}



#offcanvas-menu ul li {

    padding: 0;

    margin: 0 0 10px;

    list-style: none

}



#offcanvas-menu ul li a {

    font-size: 18px;

    color: rgba(255, 255, 255, .6);

    border-bottom: 1px solid #333;

    display: block;

    line-height: 22px;

    padding-bottom: 10px

}



#offcanvas-menu ul li a:hover,

#offcanvas-menu ul li.active>a {

    color: #fcc72c

}



#offcanvas-menu ul li>.fh5co-sub-menu {

    margin-top: 9px;

    padding-left: 20px

}



#offcanvas-menu ul .fh5co-sub-menu {

    display: block !important

}



.fh5co-nav-toggle.active i::after,

.fh5co-nav-toggle.active i::before,

.fh5co-nav-toggle.dark.active i::after,

.fh5co-nav-toggle.dark.active i::before {

    background: #fff

}



.fh5co-nav-toggle:active,

.fh5co-nav-toggle:focus,

.fh5co-nav-toggle:hover {

    outline: 0;

    border-bottom: none !important

}



.fh5co-nav-toggle i {

    position: relative;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1;

    width: 30px;

    height: 2px;

    color: #fff;

    font: 700 14px/.4 Helvetica;

    text-transform: uppercase;

    text-indent: -55px;

    background: #fff;

    transition: all .2s ease-out

}



.gray_full_bg h4,

.gray_full_bg ul li,

.gray_full_bg ul li a {

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif

}



.glyphicon,

.gray_full_bg ul li::before {

    font-style: normal;

    line-height: 1;

    font-weight: 400

}



.fh5co-nav-toggle i::after,

.fh5co-nav-toggle i::before {

    content: '';

    width: 30px;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s

}



.fh5co-nav-toggle.dark i {

    position: relative;

    color: #000;

    background: #000;

    transition: all .2s ease-out

}



.fh5co-nav-toggle.dark i::after,

.fh5co-nav-toggle.dark i::before {

    background: #000;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s

}



.fh5co-nav-toggle i::before {

    top: -7px

}



.fh5co-nav-toggle i::after {

    bottom: -7px

}



.fh5co-nav-toggle:hover i::before {

    top: -10px

}



.fh5co-nav-toggle:hover i::after {

    bottom: -10px

}



.fh5co-nav-toggle.active i {

    background: 0 0

}



.fh5co-nav-toggle.active i::before {

    top: 0;

    -webkit-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -o-transform: rotateZ(45deg);

    transform: rotateZ(45deg)

}



.fh5co-nav-toggle.active i::after {

    bottom: 0;

    -webkit-transform: rotateZ(-45deg);

    -moz-transform: rotateZ(-45deg);

    -ms-transform: rotateZ(-45deg);

    -o-transform: rotateZ(-45deg);

    transform: rotateZ(-45deg)

}



.fh5co-nav-toggle {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999;

    margin: 0 auto;

    display: none;

    cursor: pointer

}



@media screen and (max-width:480px) {

    .col-xxs-12 {

        float: none;

        width: 100%

    }

}



.row-bottom-padded-lg {

    padding-bottom: 7em

}



.vmenu h4 {

    width: 100%

}



.row-top-padded-lg {

    padding-top: 7em

}



@media screen and (max-width:768px) {

    .fh5co-nav-toggle {

        display: block;

        top: 0;

        margin-top: 2em

    }

    .row-bottom-padded-lg {

        padding-bottom: 2em

    }

    .row-top-padded-lg {

        padding-top: 2em

    }

}



.row-bottom-padded-md {

    padding-bottom: 4em

}



.row-top-padded-md {

    padding-top: 4em

}



.row-bottom-padded-sm {

    padding-bottom: 2em

}



.row-top-padded-sm {

    padding-top: 2em

}



@media screen and (max-width:768px) {

    .row-bottom-padded-md {

        padding-bottom: 2em

    }

    .row-top-padded-md {

        padding-top: 2em

    }

    .row-bottom-padded-sm {

        padding-bottom: 2em

    }

    .row-top-padded-sm {

        padding-top: 2em

    }

}



.border-bottom {

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

}



.lead {

    line-height: 1.8

}



.no-js #loader {

    display: none

}



.js #loader {

    display: block;

    position: absolute;

    left: 100px;

    top: 0

}



.fh5co-loader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999

}



.blog-container {

    background: url(https://www.pointel.com/wp-content/uploads/2021/06/blog-bg.jpg) no-repeat fixed;

    padding: 50px 0;

    width: 100%;

    z-index: 0;

    background-size: cover

}



.blog-item {

    float: left;

    margin-bottom: 30px;

    position: relative;

    width: 100%

}



.blog-head h3 {

    font-size: 30px;

    line-height: 10px;

    text-transform: uppercase;

    text-align: center;

    color: #fff

}



.blog-head p {

    text-align: center;

    color: #fff

}



.query_form th,

th {

    text-align: left

}



.blog-item:last-of-type {

    margin-bottom: 0

}



.blog-item .blog-img {

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

    float: left;

    margin-right: 30px;

    width: 28%

}



.blog-item .blog-img img {

    border: 10px solid #2b78bd;

    display: block;

    width: 100%;

    height: 200px

}



.blog-content {

    float: left;

    padding-left: 25px;

    padding-top: 40px;

    width: 65%

}



.blog-content p {

    color: #fff;

    font-weight: 100;

    margin-bottom: 5px;

    position: relative

}



.blog-content>p::before {

    background: #fff;

    content: "";

    display: block;

    height: 1px;

    left: -105px;

    position: absolute;

    top: 10px;

    width: 100px

}



.blog-content .blog-footer,

.gray_full_bg {

    width: 100%;

    float: left

}



.blog-content h3 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 5px

}



.blog-content .blog-footer p {

    float: left;

    font-size: 17px;

    margin-right: 15px

}



footer {

    background-color: #333

}



.gray_full_bg {

    margin: 60px 0 30px

}



.gray_full_bg h4 {

    color: #ccc;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 10px

}



.gray_full_bg ul li,

.gray_full_bg ul li a {

    color: #ccc;

    font-size: 12px;

    padding: 3px 0;

    list-style: none

}



.gray_full_bg ul li::before {

    content: "\f101";

    display: inline-block;

    font-family: FontAwesome;

    font-feature-settings: normal;

    font-kerning: auto;

    font-language-override: normal;

    font-size: inherit;

    font-size-adjust: none;

    font-stretch: normal;

    font-synthesis: weight style;

    font-variant: normal;

    padding-right: 5px;

    text-rendering: auto

}



.member-logo img {

    margin: 40px 0 40px 16%;

    width: 60%

}



.need_website h3 {

    color: #ccc;

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 16px;

    text-transform: uppercase

}



.query_form th {

    color: #ccc;

    font-size: 12px;

    font-weight: 400;

    padding: 5px 0

}



.query_form th span {

    color: red;

    padding-left: 3px

}



.query_form td input.txt {

    margin-bottom: 4px;

    width: 360px

}



.query_form td textarea.txta {

    border: 2px solid #eaeaea;

    margin-top: 3px;

    width: 360px

}



.bg_colored_but01 {

    background-color: #4cb848;

    border: 1px solid #61a300;

    border-radius: 3px;

    color: #fff;

    margin-top: 5px;

    padding: 5px 20px

}



.bg_colored_but01:hover {

    background-color: transparent;

    border: 1px solid #61a300

}



.footer-about,

.footer-sub {

    color: #fff

}



.footer-about h4,

.footer-about p,

.footer-sub h4 {

    color: #ccc;

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif

}



.footer-about h4,

.footer-sub h4 {

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 18px

}



.footer-about .thin-line-fabout,

.footer-sub .thin-line-fsub {

    background-color: #ccc;

    height: 3px;

    margin: -10px 0 10px 30px;

    width: 20px

}



.footer-about p {

    font-size: 12px

}



.footer-sub form {

    margin-top: 16px

}



.footer-sub input {

    color: #000;

    float: left;

    margin-right: 5px;

    padding: 5px;

    width: 71%

}



.footer-sub .subbtn {

    background-color: #4cb848;

    border: 1px solid #61a300;

    border-radius: 3px;

    color: #fff;

    padding: 6px 20px;

    width: 100px

}



.copy a,

.copyright {

    color: #ccc;

    font-size: 14px

}



.footer-sub .subbtn:hover {

    background-color: transparent

}



.copy {

    background-color: #666

}



.social_media a {

    border: 1px solid;

    background: 0 0 !important;

    padding: 2px 6px !important;

    font-size: 19px !important;

    color: #fff !important;

    border-radius: 6px !important

}



.social_media a:hover {

    border: 1px solid #6dbe44;

    color: #6dbe44 !important

}



.gray_full_bg .download-tn {

    background: #0685d2;

    border-radius: 25px;

    color: #fff !important;

    font-size: 12px

}



.gray_full_bg .download-tn:hover {

    background: #fff;

    color: #000

}



footer .copy {

    border-top: 1px solid #666;

    padding-top: 20px !important;

    padding-bottom: 20px !important;

    background: 0 0 !important

}



footer .copyright {

    color: #fff

}



footer .footer-bottom-center {

    text-align: right

}



footer .copy a {

    color: #fff;

    font-size: 15px;

    padding-right: 5px;

    padding-left: 5px;

    border-right: 0

}



footer .part_ml {

    margin-left: 0

}



.partner img {

    width: auto

}



.copy {

    padding: 10px;

    width: 100%

}



.copyright {

    margin-right: 90px;

    float: left

}



.copy a {

    cursor: pointer

}



.social_media {

    margin: 20px 0

}



.social_media a {

    border-radius: 4px;

    clear: inherit;

    color: #e8e8e8;

    font-size: 12px;

    margin-right: 8px;

    padding: 5px;

    text-align: center

}



.social_media a:hover {

    background-color: #5dbb46

}



.sf-menu .active a:after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 80%;

    width: 30px;

    margin-left: -50px;

    height: 2px;

    background: #60bb46

}



.sf-menu li.current-menu-ancestor,

.sf-menu li.current-menu-item,

.sf-menu li.current-menu-parent,

.sf-menu li.current_page_item,

.sf-menu li.current_page_parent {

    border-bottom: 2px solid #60bb46

}



.sf-menu li.current-menu-ancestor a:hover,

.sf-menu li.current-menu-item a:hover,

.sf-menu li.current-menu-parent a:hover,

.sf-menu li.current_page_item a:hover,

.sf-menu li.current_page_parent a:hover {

    border-bottom: none !important

}



.search {

    padding-top: 10px

}



.quick-links .carrer-sitemap,

.quick-links .search {

    float: right

}



.quick-links .carrer-sitemap {

    margin-right: 10px;

    margin-top: 8px

}



.quick-links .search-bar {

    background: rgba(0, 0, 0, 0);

    border: 1px solid #68bc45;

    float: left;

    margin-top: 10px;

    padding-left: 5px

}



.quick-links .search i {

    color: #fff;

    vertical-align: middle;

    margin-top: 10px;

    padding: 8.5px 6px;

    -webkit-padding-before: 8px;

    -webkit-padding-after: 8px;

    background-color: #63bc46

}



.quick-links .carrer-sitemap ul {

    padding: 0;

    margin: 0

}



.quick-links .carrer-sitemap ul li {

    list-style: none;

    display: inline

}



.quick-links .carrer-sitemap span {

    font-size: 16px

}



.quick-links .carrer-sitemap ul li a {

    color: #333;

    font-size: 16px

}



.quick-links .carrer-sitemap ul li:first-child::after {

    content: "|";

    padding-left: 5px;

    font-size: 16px

}



.carousel-control .glyphicon-menu-left,

.carousel-control .icon-prev {

    margin-left: -15px;

    left: 15%

}



.carousel-control .glyphicon-menu-left,

.carousel-control .glyphicon-menu-right,

.carousel-control .icon-next,

.carousel-control .icon-prev {

    font-size: 30px;

    height: 30px;

    width: 30px;

    display: inline-block;

    margin-top: -10px;

    position: absolute;

    top: 50%;

    z-index: 5

}



.carousel-control .glyphicon-menu-right,

.carousel-control .icon-prev {

    right: 15%

}



.glyphicon {

    display: inline-block;

    font-family: "Glyphicons Halflings";

    position: relative;

    top: 1px

}



.carousel-control.left,

.carousel-control.right {

    background-image: none

}



.carousel-indicators {

    top: 80%

}



.carousel-caption {

    padding-bottom: 12% !important;

    left: 20% !important

}



.carousel h2 {

    color: #fff

}



.carousel p {

    color: #fff;

    margin-bottom: 20px;

    line-height: 20px

}



.carouseltxt {

    background: rgba(41, 117, 187, .8);

    padding: 20px;

    height: 48%;

    margin-bottom: 120px;

    border-radius: 5px;

    width: 62%

}



.carousel-indicators li {

    background-color: #6cc051

}



.multi-item-carousel .carousel-inner>.item {

    -webkit-transition: .5s ease-in-out left;

    transition: .5s ease-in-out left

}



.multi-item-carousel .carousel-inner .active.left {

    left: -33%

}



.multi-item-carousel .carousel-inner .active.right,

.multi-item-carousel .carousel-inner .next {

    left: 33%

}



.multi-item-carousel .carousel-inner .prev {

    left: -33%

}



@media all and (transform-3d),

(-webkit-transform-3d) {

    .multi-item-carousel .carousel-inner>.item {

        -webkit-transition: .5s ease-in-out all;

        transition: .5s ease-in-out all;

        -webkit-backface-visibility: visible;

        backface-visibility: visible;

        -webkit-transform: none !important;

        transform: none !important

    }

}



.multi-item-carousel .carouse-control.left,

.multi-item-carousel .carouse-control.right {

    background-image: none

}







.casestudy::after,

.news::after,

.video-area::after {

    border-color: #fff rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);

    border-width: 10px;

    margin-left: -10px

}



.casestudy::before,

.news::before,

.video-area::before {

    border-color: #ccc rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);

    border-width: 11px;

    margin-left: -11px

}



.news {

    border: 1px solid #939497;

    background-color: #939497

}



.casestudy {

    border: 1px solid #ac8c77;

    background-color: #ac8c77

}



.video-area {

    background-color: #da4e56

}



.news h4 {

    background-color: #727375

}



.casestudy h4 {

    background-color: #836d5e

}



.casestudy h4,

.news h4 {

    padding: 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    text-transform: uppercase;

    color: #fff;

    font-size: 26px

}



.casestudy h5,

.news h5 {

    margin-bottom: 5px;

    font-size: 18px

}



.casestudy ul,

.news ul {

    padding: 0;

    margin: 0;

    text-align: left

}



.casestudy ul li,

.news ul li {

    list-style: none;

    border-bottom: 1px solid #ddd;

    padding: 10px 15px;

    font-size: 14px

}



.casestudy ul li:nth-child(3),

.news ul li:nth-child(3) {

    border: 0

}



.newslink {

    font: .875em;

    padding: 5px 10px;

    background-color: #63bc46;

    color: #fff;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    float: right;

    margin: 10px 15px

}



.newslink:hover {

    background-color: transparent;

    color: #fff

}



.nevent:hover {

    color: #118917

}



.casestudy h5 a,

.news h5 a {

    color: #fff

}



.casestudy p,

.news p {

    font-size: 15px;

    text-align: justify;

    line-height: 24px;

    margin-bottom: 5px;

    color: #fff

}



.casestudy h5 a:hover,

.news h5 a:hover {

    color: #000

}



.read_more {

    color: #51aa00;

    float: right

}



.read_more:hover {

    color: #5a5a5a

}



.read_mores {

    color: #fff;

    float: right

}



.read_mores:hover {

    color: #000

}



.col-centered {

    float: none;

    margin: 0 auto

}



.video-area h4,

.video-part h5 {

    margin-bottom: 10px;

    color: #fff

}



.video-area {

    border: 1px solid #da4e56

}



.video-area h4 {

    border-bottom: 1px solid #c7374c;

    padding: 10px;

    text-transform: uppercase;

    background-color: #c7374c;

    font-size: 26px

}



.video-part {

    padding: 10px 15px

}



.video-part h5 {

    text-align: left;

    font-size: 18px

}



.video-part>p {

    text-align: center

}



.video-part .thin-line-video {

    background-color: #118917;

    height: 2px;

    margin: -10px auto 10px;

    width: 80px

}



.video-area a {

    font: .875em;

    padding: 5px 10px;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    float: right;

    margin: 10px 15px;

    background-color: #63bc46;

    color: #fff

}



.video-area a:hover {

    background-color: transparent;

    color: #fff

}



.updates {

    padding: 50px 0

}



.tweeter-update ul {

    padding: 10px

}



.tweeter-update p {

    font-size: 16px;

    margin-bottom: 10px

}



.events-update h4,

.tweeter-update h4 {

    font-size: 26px;

    margin-bottom: 10px;

    padding: 10px;

    text-align: center;

    text-transform: uppercase

}



.tweeter-update a {

    color: #118917

}



.tweeter-update h4 {

    color: #fff

}



.fb {

    border: 1px solid #195fad

}



.twitter {

    border: 1px solid #008ef1

}



.fb h4 {

    background-color: #195fad;

    border-bottom: 1px solid #195fad

}



.twitter h4 {

    background-color: #008ef1;

    border-bottom: 1px solid #008ef1

}



.events-update h4 {

    background-color: #f8a050;

    border-bottom: 1px solid #ccc;

    color: #fff

}



.events-update li {

    margin-bottom: 45px

}



.events-update li:last-child {

    border: 0

}



.events-update .date {

    font-size: 16px

}



.events-update h6 {

    margin-bottom: 5px;

    font-size: 18px

}



.events-update img {

    float: left;

    margin-right: 12px;

    margin-top: 5px

}



.events-update h6 a {

    color: #000;

    font-size: 15px

}



.events-update h6 a:hover {

    color: #666

}



.events-update span a,

.r_more a {

    color: #118917

}



.events-update p {

    font-size: 16px;

    margin: 0

}



.profocus p {

    font-size: 16px;

    text-align: center;

    margin-bottom: 0

}



.r_more a {

    font: .875em;

    padding: 5px 10px;

    background-color: transparent;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 10px;

    margin-left: 0;

    line-height: 3em

}



.r_more a:hover {

    background-color: #63bc46;

    color: #fff

}



.blog_more {

    float: right;

    padding-top: 4%

}



.pad-none {

    padding: 0 !important

}



.shrink-nav-header {

    margin-top: 0 !important

}



.shrink-menu {

    padding: .25em .75em !important;

    transition: all .15s linear 0

}



.shrink-logo {

    width: 180px !important;

    transition: all .15s ease 0;

    padding: 0 !important

}



.shrink-search {

    display: none

}



.frmore {

    float: right;

    color: #63bc46

}



.frmore:hover {

    color: #fff

}



.contact-banner {

    background-size: cover;

    height: 300px;

    text-align: center

}



.contact-banner .contact-banner-title h2 {

    text-align: center;

    padding-top: 180px;

    color: #000;

    font-size: 40px;

    margin-bottom: 10px;

    text-transform: uppercase

}



.contact-banner .contact-banner-title p {

    color: #000;

    font-size: 28px

}



.careers-form h2,

.carrer-info h2,

.contact-form h2,

.contact-info h2 {

    text-transform: uppercase;

    position: relative;

    font-size: 26px

}



.contact-info h2::after,

.contact-work h2:after,

.intrest-prod h2:after,

.map h2:after,

.prod-support h2:after {

    background: #60bb46;

    bottom: -5px;

    content: "";

    height: 3px;

    left: 16%;

    position: absolute;

    width: 25px

}



.map h2:after {

    left: 8%;

    width: 25px

}



.intrest-prod h2:after {

    left: 28%;

    width: 25px

}



.prod-support h2:after {

    left: 20%;

    width: 25px

}



.contact-work h2:after {

    left: 15%;

    width: 25px

}



.carrer-info h2::after {

    left: 40%;

    width: 50px

}



.careers-form h2 {

    color: #fff

}



.contact-info .contact-detail p {

    margin: 0

}



.contact-info .contact-detail a,

.contact-info .contact-detail a:hover {

    color: #63bc46

}



.contact-form {

    padding-bottom: 0px;

    overflow: auto

}



.contact-form .required {

    color: red

}



.contact-form .form-control {

    border-radius: 0;

    border-color: #ddd;

    font-size: 16px;

    color: #000

}



.contact-form .btn-primary,

.contact-work a {

    font-size: 14px;

    padding: .85em 3em;

    text-transform: uppercase

}



.contact-form .form-control:focus {

    border: 1px solid #63bc46

}



.contact-form .btn-primary {

    background-color: transparent;

    border: 1px solid #63bc46 !important;

    border-radius: 5px;

    color: #118917

}



.contact-form .btn-primary:hover {

    background-color: #63bc46 !important

}



.intrest-prod img {

    width: 100%

}



.intrest-prod a,

.prod-support a {

    color: #63bc46

}



.contact-work,

.prod-support {

    margin-top: 30px

}



.contact-work a {

    background-color: transparent;

    border: 1px solid #2a78bd !important;

    border-radius: 5px;

    color: #2a78bd

}



.contact-work a:hover {

    background-color: #2a78bd;

    color: #fff

}



.contact-detail p {

    margin: 0

}



.contact-info hr {

    margin: 5px 0

}



.errs,

span.error {

    color: #ff0000f0 !important;

    font-size: 16px !important;

    clear: both;

    display: block

}



.footer-sub .error {

    color: #ff0000f0 !important

}



.h10 {

    height: 10px

}



.h20 {

    height: 20px

}



.h30 {

    height: 30px

}



.h40 {

    height: 40px

}



.inner-page p,

.service-info p {

    text-align: justify;

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 10px !important

}



.inner-page h3,

.service-info h3 {

    color: #000;

    font-size: 22px;

    margin: 15px 0

}



.inner-page h4 {

    font-size: 22px;

    margin-bottom: 20px;

    color: #000

}



.inner-page h5 {

    font-size: 18px;

    margin-bottom: 10px;

    color: #000

}



.inner-page img {

    border: 1px solid #51b3e6;

    width: 100%;

    padding: 15px

}



.inner-page .lists>ul {

    padding-left: 30px

}



.carrer-info .panel-default>.panel-heading,

.service-info .panel-default>.panel-heading {

    border: 1px solid #63bc46;

    border-radius: 0

}



.carrer-info .panel-heading .glyphicon,

.service-info .panel-heading .glyphicon {

    float: right;

    color: #63bc46;

    font-size: 14px

}



.carrer-info .panel-default>.panel-heading+.panel-collapse>.panel-body,

.service-info .panel-default>.panel-heading+.panel-collapse>.panel-body {

    border: 1px solid #63bc46;

    border-radius: 0;

    border-top: 0

}



.carrer-info .panel-body p,

.service-info .panel-body p {

    margin: 0;

    font-size: 16px

}



.carrer-info .panel-heading h4,

.service-info .panel-heading h4 {

    margin-bottom: 0

}



.service-info .panel-body>ul {

    margin-bottom: 0;

    font-size: 16px

}



.service-info .panel-body>ul li {

    font-size: 16px

}



.careers-form,

.services-form {

    padding: 5px 20px;

    overflow: auto;

    background-color: #307dc2

}



.careers-form,

.services-form h2 {

    color: #fff;

    margin-bottom: 20px

}



.careers-form .required,

.services-form .required {

    color: red

}



.services-form .form-group label {

    text-align: right;

    color: #fff

}



.services-form .form-group {

    margin-bottom: 0;

    padding-bottom: 5px

}



.services-form .form-group .form-control {

    padding: 0;

    height: auto;

    float: right;

    background-color: transparent;

    border-bottom: 1px solid #fff;

    border-top: 0;

    border-left: 0;

    border-right: 0;

    box-shadow: none;

    color: #fff;

    font-size: 16px

}



.form-group select {

    background: url(images/select-arrow.png) 510px 12px no-repeat;

    cursor: pointer

}



.careers-form .form-control,

.services-form .form-control {

    border-radius: 0;

    border-color: #ddd;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-t-appearance: none;

    margin-bottom: 5px;

    font-size: 16px;

    color: #000

}



.careers-form .form-control:focus,

.services-form .form-control:focus {

    border: 1px solid #fff

}



.careers-form .btn-primary,

.services-form .btn-primary {

    background-color: transparent;

    border: 1px solid #fff !important;

    border-radius: 5px;

    color: #fff;

    font-size: 14px;

    padding: 5px 10px;

    text-transform: uppercase;

    margin-top: 10px

}



.services-form .btn-primary {

    float: right

}



div#wpcf7-f235-p187-o1 .btn-primary {

    float: left

}



.careers-form .btn-primary:hover,

.services-form .btn-primary:hover {

    background-color: #63bc46 !important;

    border: 1px solid #63bc46 !important

}



.service-list {

    text-align: center;

    padding-bottom: 60px;

    font-size: 16px

}



.profocus h4,

.service-list h4 {

    background-color: #fff;

    margin-bottom: 10px;

    padding-top: 10px;

    text-align: center;

    text-transform: uppercase

}



.service-list .btn.btn-primary {

    background-color: transparent;

    border: 1px solid #63bc46 !important;

    border-radius: 5px;

    color: #118917;

    font-size: 14px;

    padding: 5px 10px;

    text-transform: uppercase

}



.service-list .btn.btn-primary:hover {

    background-color: #63bc46 !important

}



.service-list p {

    font-size: 16px

}



.inner-banner {

    position: relative

}



.inner-banner-title {

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

    position: absolute;

    bottom: 0;

    width: 100%

}



.inner-banner .inner-banner-title h2 {

    color: #fff;

    font-size: 30px;

    padding: 5px 0;

    margin-bottom: 0;

    text-transform: uppercase

}



.breadcrumb a,

.breadcrumb span {

    font-size: 16px

}



.breadcrumb {

    background-color: #fff !important;

    margin-bottom: 5px;

    margin-top: 5px;

    padding: 8px 0

}



.breadcrumb a {

    color: #63bc46

}



.footer-bottom-center ul {

    margin: -5px 0 0

}



.footer-bottom-center ul li {

    display: inline

}



.footer-bottom-center ul li:after {

    content: '|';

    color: #ccc;

    padding-left: 5px;

    font-size: 14px

}



#cd-timeline::before,

.footer-bottom-center ul li:last-child:after {

    content: ''

}



.lists {

    margin-bottom: 10px;

    margin-left: 5%

}



.lists li {

    font-size: 18px;

    list-style: disc

}



.lists li::before {

    display: inline-block;

    font-family: FontAwesome;

    font-feature-settings: normal;

    font-kerning: auto;

    font-language-override: normal;

    font-size-adjust: none;

    font-stretch: normal;

    font-style: normal;

    font-synthesis: weight style;

    font-variant: normal;

    font-weight: 400;

    line-height: 1;

    text-rendering: auto;

    margin-right: 5px;

    font-size: 16px;

    color: #63bc46

}



.news-info h2,

.news-info h3 {

    color: #5a5a5a;

    margin-bottom: 10px

}



.services-form h2 {

    font-size: 26px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase

}



label {

    font-weight: 400;

    color: #fff

}



.contact-form label {

    font-weight: 400;

    color: #131212

}



.news-info h3 {

    font-size: 20px

}



.news-info h2 {

    font-size: 24px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px

}



.news_sidebar ul li,

.newsborder {

    border-bottom: 1px solid #ccc

}



.news-info h3 a {

    color: #000;

    font-size: 20px

}



.feature_img img {

    width: 100%;

    height: 155px;

    border: 1px solid #ccc;

    padding: 2px

}



.currents,

.pages {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    position: relative

}



.news-info p {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 10px !important;

    text-align: justify

}



.news-info span {

    font-size: 16px;

    margin-bottom: 10px 0;

    color: #5390c9

}



.news_sidebar ul {

    margin-bottom: 20px

}



.news_sidebar h3 {

    background-color: #f6f5f4;

    padding: 8px 5px;

    margin-bottom: 10px;

    text-transform: uppercase

}



.news_sidebar ul li a {

    color: #000;

    font-size: 18px

}



.news_sidebar ul li a:hover {

    color: #5a5a5a

}



.cleaner {

    clear: both;

    display: block

}



img.alignright {

    float: right;

    margin: 0 0 1em 1em

}



img.alignleft {

    float: left;

    margin: 0 1em 1em 0

}



.aligncenter,

img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.alignright {

    float: right

}



.alignleft {

    float: left

}



.wp-pagenavi {

    width: 100%;

    clear: both;

    text-align: right;

    height: auto;

    margin: 0 auto;

    padding: 1em 0

}



.pages {

    height: auto;

    color: #e86a4d;

    background-color: #e2e2e2;

    border-radius: 3px;

    font-size: 12px;

    margin: 0 3px 0 0;

    border-width: 0;

    border-style: none;

    padding: 4px 8px

}



.currents,

.wp-pagenavi a {

    height: auto;

    width: auto;

    margin: 0;

    font-size: 12px;

    padding: 4px 8px;

    border-width: 0;

    border-style: none;

    text-decoration: none

}



.currents {

    background-color: #2abdc3;

    font-weight: 400;

    color: #fff;

    border-radius: 3px

}



.wp-pagenavi a {

    display: inline;

    color: #128e90;

    background-color: #e2e2e2;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}



.wp-pagenavi a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #2abdc3

}



.page_demo a {

    font: .875em;

    padding: 0 5px;

    background-color: #63bc46;

    color: #fff;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 16px;

    margin-top: 15px;

    margin-bottom: 10px;

    float: right;

    margin-left: 10px

}



.page_demo a:hover {

    background-color: transparent;

    color: #118917

}



.page_demo a:focus {

    text-decoration: none

}



.timeline-Header-title {

    color: #5a5a5a !important

}



.cse .gsc-search-button input.gsc-search-button-v2,

input.gsc-search-button-v2 {

    border-radius: 0 !important;

    height: auto !important;

    margin-left: 0 !important;

    margin-top: 4px !important;

    min-width: 35px !important;

    padding: 5px 10px !important

}



.gsc-control-cse {

    background-color: transparent !important

}



.cse .gsc-control-cse,

.gsc-control-cse {

    border: none !important;

    padding: 0 !important

}



input.gsc-search-button,

input.gsc-search-button:focus,

input.gsc-search-button:hover {

    background-color: none !important

}



.cse input.gsc-search-button,

input.gsc-search-button {

    background-color: none !important;

    background-image: none !important;

    border: 1px solid #63bc46 !important

}



.gsc-input {

    line-height: 0 !important

}



.gsc-search-box-tools .gsc-search-box .gsc-input {

    padding-right: 0 !important

}



.gsc-input-box,

.gsc-input-box-focus,

.gsc-input-box-hover,

input.gsc-input {

    border-color: #63bc46 !important

}



.gsc-input-box-focus,

.gsc-search-box .gsc-input>input:focus {

    box-shadow: none !important;

    border-color: #63bc46 !important;

    outline: 0 !important

}



.gsc-result .gs-title {

    height: auto !important

}



.float_l {

    float: left

}



.float_r {

    float: right

}



.table>thead>tr>th {

    border-bottom: 2px solid #4a87bf

}



.table.table-hover td {

    border-bottom: 1px solid #4a87bf

}



#disqus_thread {

    position: relative

}



#disqus_thread:after {

    content: "";

    display: block;

    height: 55px;

    width: 100%;

    position: absolute;

    bottom: 0;

    background: #fff

}



.cd-timeline-img img {

    border: 0;

    padding: 0

}



#cd-timeline {

    position: relative;

    padding: 2em 0;

    margin-top: 2em;

    margin-bottom: 2em

}



#cd-timeline::before {

    position: absolute;

    top: 0;

    left: 18px;

    height: 100%;

    width: 4px;

    background: #d7e4ed

}



.cd-timeline-block:after,

.cd-timeline-content:after {

    content: "";

    clear: both

}



@media only screen and (min-width:1170px) {

    #cd-timeline::before {

        left: 50%;

        margin-left: -2px

    }

}



.cd-timeline-block {

    position: relative;

    margin: 2em 0

}



.cd-timeline-block:after {

    display: table

}



.cd-timeline-block:first-child {

    margin-top: 0

}



.cd-timeline-block:last-child {

    margin-bottom: 0

}



@media only screen and (min-width:1170px) {

    .cd-timeline-block {

        margin: 0

    }

    .cd-timeline-block:first-child {

        margin-top: 0

    }

    .cd-timeline-block:last-child {

        margin-bottom: 0

    }

}



.cd-timeline-img {

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0 0 0 4px #fff, 0 2px 0 rgba(0, 0, 0, .08) inset, 0 3px 0 4px rgba(0, 0, 0, .05);

    height: 24px;

    left: 8px;

    position: absolute;

    top: 16px;

    width: 24px

}



.cd-timeline-img img {

    display: block;

    width: 24px;

    height: 24px;

    position: relative;

    left: 50%;

    top: 50%;

    margin-left: -12px;

    margin-top: -12px

}



.cd-timeline-img.cd-movie {

    background: #c03b44

}



.cd-timeline-img.cd-location {

    background: #f0ca45

}



@media only screen and (min-width:1170px) {

    .cd-timeline-img {

        width: 24px;

        height: 24px;

        left: 50%;

        margin-left: -12px;

        -webkit-transform: translateZ(0);

        -webkit-backface-visibility: hidden

    }

    .cssanimations .cd-timeline-img.is-hidden {

        visibility: hidden

    }

    .cssanimations .cd-timeline-img.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-1 .6s;

        -moz-animation: cd-bounce-1 .6s;

        animation: cd-bounce-1 .6s

    }

}



@-webkit-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2)

    }

    100% {

        -webkit-transform: scale(1)

    }

}



@-moz-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -moz-transform: scale(.5)

    }

    60% {

        opacity: 1;

        -moz-transform: scale(1.2)

    }

    100% {

        -moz-transform: scale(1)

    }

}



@keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5);

        -moz-transform: scale(.5);

        -ms-transform: scale(.5);

        -o-transform: scale(.5);

        transform: scale(.5)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2)

    }

    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1)

    }

}



.cd-timeline-content {

    position: relative;

    margin-left: 60px;

    border-radius: .25em;

    padding: 1em

}



.cd-timeline-content:after {

    display: table

}



.cd-timeline-content h4 {

    color: #303e49;

    margin-bottom: 10px;

    padding: 10px 0;

    position: relative;

    text-transform: uppercase

}



.cd-timeline-content .cd-date,

.cd-timeline-content .cd-read-more {

    display: inline-block

}



.cd-timeline-content p {

    margin: 1em 0;

    line-height: 1.6

}



.cd-timeline-content .cd-read-more {

    float: right;

    padding: .8em 1em;

    background: #acb7c0;

    color: #fff;

    border-radius: .25em

}



.no-touch .cd-timeline-content .cd-read-more:hover {

    background-color: #bac4cb

}



.cd-timeline-content .cd-date {

    float: left;

    padding: .8em 0;

    opacity: .7

}



.cd-timeline-content::before {

    content: '';

    position: absolute;

    top: 16px;

    right: 100%;

    height: 0;

    width: 0;

    border: 7px solid transparent;

    border-right: 7px solid #edf2f5

}



@media only screen and (min-width:768px) {

    .cd-timeline-content h2 {

        font-size: 20px

    }

    .cd-timeline-content .cd-date,

    .cd-timeline-content .cd-read-more {

        font-size: 14px;

        font-size: .875rem

    }

}



@media only screen and (min-width:1170px) {

    .cd-timeline-content {

        margin-left: 0;

        padding: 5px 15px;

        width: 45%

    }

    .cd-timeline-content::before {

        top: 24px;

        left: 100%;

        border-color: transparent transparent transparent #edf2f5

    }

    .cd-timeline-content .cd-read-more {

        float: left

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content,

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

        float: right

    }

    .cd-timeline-content .cd-date {

        position: absolute;

        width: 100%;

        left: 122%;

        top: 6px;

        font-size: 16px;

        font-size: 1rem

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

        top: 24px;

        left: auto;

        right: 100%;

        border-color: transparent #edf2f5 transparent transparent

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {

        left: auto;

        right: 122%;

        text-align: right

    }

    .cssanimations .cd-timeline-content.is-hidden {

        visibility: hidden

    }

    .cssanimations .cd-timeline-content.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-2 .6s;

        -moz-animation: cd-bounce-2 .6s;

        animation: cd-bounce-2 .6s

    }

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {

        -webkit-animation: cd-bounce-2-inverse .6s;

        -moz-animation: cd-bounce-2-inverse .6s;

        animation: cd-bounce-2-inverse .6s

    }

}



.crm-funtions-list ul li,

.resources-list {

    

}

.has-text-align-center {

    margin-bottom: 20px;

}

@-webkit-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(20px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}



@keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -moz-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        -o-transform: translateX(-100px);

        transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px);

        -moz-transform: translateX(20px);

        -ms-transform: translateX(20px);

        -o-transform: translateX(20px);

        transform: translateX(20px)

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(-20px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}



@keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px);

        -moz-transform: translateX(100px);

        -ms-transform: translateX(100px);

        -o-transform: translateX(100px);

        transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px);

        -moz-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        -o-transform: translateX(-20px);

        transform: translateX(-20px)

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

}



.inner-baner-img img {

    background-color: #ccc;

    padding-top: 75px;

    width: 100%

}



.inner-banner-title img {

    border-radius: 100%

}



.crm-content p,

.crm-functions-content p {

    text-align: justify

}



.crm-functions-content h3 {

    margin-bottom: 0

}



.crm-function-part {

    margin: 30px 0

}



.crm-functions-img img {

    width: 100%

}



.crm-funtions-list {

    margin: 10px 0

}



.resources {

    border-top: 1px dashed #63bc46;

    padding: 30px 0

}



.resources-news-title i {

    color: #63bc46;

    padding-right: 8px;

    font-size: 26px

}



.resources-list {

    margin-top: 20px

}



.resources-inner-title h5 {

    margin-bottom: 15px;

    font-weight: 700;

    font-size: 16px

}



.resources-btn,

.resources-list .resources-inner-content p {

    font-size: 14px

}



.resources-inner-title h5 a {

    color: #000

}



.resources-inner-title h5 a:hover {

    color: #5a5a5a

}



.resources-btn {

    background-color: transparent;

    border: 1px solid #63bc46;

    border-radius: 5px;

    color: #60bb46;

    float: right;

    margin: 10px 0;

    padding: 5px 10px;

    text-transform: uppercase

}



.resources-btn:hover {

    background-color: #63bc46;

    color: #fff

}



.crm-footer {

    margin-top: 50px

}



.crm-footer .crm-footer-part {

    margin: 60px 0

}



.crm-footer .crm-footer-part h2 {

    color: #fff;

    position: relative

}



.crm-footer .crm-footer-form label,

.crm-footer .crm-footer-part p {

    color: #ccc

}



.crm-footer .crm-footer-form .form-control:focus+.crm-footer .crm-footer-form label {

    font-size: 12px

}



.crm-footer .crm-footer-form .form-control {

    background-color: transparent;

    border-color: -moz-use-text-color -moz-use-text-color #555;

    border-image: none;

    border-radius: 0;

    border-style: none none solid;

    border-width: 0 0 1px;

    box-shadow: none;

    color: #fff;

    height: 30px;

    padding: 5px;

    font-size: 16px

}



.crm-footer .crm-footer-form textarea {

    height: 70px !important

}



.crm-footer .crm-footer-form .btn-primary {

    background-color: #63bc46 !important;

    border: 1px solid #63bc46 !important

}



.crm-footer .crm-footer-form .btn-primary:hover {

    border: 1px solid #555 !important;

    background-color: transparent !important

}



.service-list-col img:hover {

    opacity: .7

}



.services-main {

    background-attachment: fixed;

    background-image: url(images/services/service-bg.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff

}



.service-main-title h2,

.services-main-list,

.services-main-list h4 {

    text-align: center

}



.services-main-list h4 {

    font-size: 21px;

    margin-bottom: 10px

}



.media-body,

home-service {

    margin-bottom: 20px

}



.analytics-feature-list h4,

.services-main-list .media-body p {

    margin-bottom: 10px

}



.media-body a {

    color: #2e70b7

}



.analytics-feature-list {

    background-color: #f4f4f4;

    padding: 20px;

    border-left: 3px solid #307dc2

}



.analytics-feature-list ul {

    padding-left: 20px

}



.analytics-feature-img img {

    margin-top: 40px;

    width: auto;

    display: block

}



.analytics-resources {

    margin: 50px 0

}



.analytics-resources h3::after {

    background: #60bb46;

    bottom: 0;

    content: "";

    height: 3px;

    left: 51%;

    margin-left: -30px;

    position: absolute;

    width: 25px

}



.analytics-resources h3 {

    font-size: 30px;

    letter-spacing: 2px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

    text-align: center

}



.analytics-resources-title {

    margin-top: 20px

}



.genesys-cti-solution-part-list {

    padding: 16px;

    max-height: height:512px

}



.genesys-cti-solution-part-list p {

    color: #000;

    text-align: justify;

    margin-bottom: 0;

    font-size: 16px

}



.genesys-cti-solution-part-title.gvp {

    background-image: url(images/services/cti/gvp-title-bg.jpg);

    height: 100px

}



.genesys-cti-solution-part-title.grs {

    background-image: url(images/services/cti/grs-title-bg.jpg);

    height: 100px

}



.genesys-cti-solution-part-title.ocs {

    background-image: url(images/services/cti/ocs-title-bg.jpg);

    height: 100px

}



.genesys-cti-solution-part-title h3 {

    padding: 30px 0 30px 25px;

    color: #fff;

    font-size: 20px

}



.genesys-cti-solution {

    margin: 50px 0

}



.genesys-cti-feature-list {

    background-color: #f4f4f4;

    padding: 20px;

    border-left: 3px solid #307dc2

}



.genesys-cti-feature-list h4 {

    margin-bottom: 10px

}



.genesys-cti-feature-list ul {

    padding-left: 20px

}



.genesys-cti-feature-img img {

    margin-top: 40px;

    width: auto;

    display: block

}



.genesys-cti-solution-two-part-view {

    margin-bottom: 50px

}



.genesys-cti-solution-two-part-content p {

    text-align: inherit;

    margin-bottom: 5px;

    color: #000;

    word-spacing: 3px

}



.genesys-cti-solution-two-part-title h3 {

    color: #fff

}



.genesys-cti-solution-two-part-title.cca,

.genesys-cti-solution-two-part-title.gus,

.genesys-cti-solution-two-part-title.mcr,

.genesys-cti-solution-two-part-title.pth,

.genesys-cti-solution-two-part-title.sip,

.genesys-cti-solution-two-part-title.sps {

    background-image: url(images/services/cti/mcr-title-bg.jpg);

    height: 75px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center

}



.genesys-cti-solution-two-part-title.gus {

    background-image: url(images/services/cti/gus-title-bg.jpg)

}



.genesys-cti-solution-two-part-title.sip {

    background-image: url(images/services/cti/sip-title-bg.jpg)

}



.genesys-cti-solution-two-part-title.sps {

    background-image: url(images/services/cti/sps-title-bg.jpg)

}



.genesys-cti-solution-two-part-title.cca {

    background-image: url(images/services/cti/genesys-reporting-solutions.jpg)

}



.genesys-cti-solution-two-part-title.pth {

    background-image: url(images/services/cti/pth-title-bg.jpg)

}



.genesys-cti-solution-two-part-title.cca h3,

.genesys-cti-solution-two-part-title.gus h3,

.genesys-cti-solution-two-part-title.mcr h3,

.genesys-cti-solution-two-part-title.pth h3,

.genesys-cti-solution-two-part-title.sip h3,

.genesys-cti-solution-two-part-title.sps h3 {

    padding: 25px 15px

}



.genesys-cti-solution-two-part-content {

    padding: 20px;

    max-height: 648px

}



.genesys-cti-solution-two-part-title.cca small {

    font-size: 12px;

    color: #fff

}



.genesys-cti-solution-three-part {

    margin-bottom: 30px;

    overflow: auto

}



.genesys-cti-solution-two-part-mcr {

    background-color: #ed625f;

    overflow: auto;

    margin-bottom: 30px

}



.genesys-cti-solution-two-part-sip {

    background-color: #84bc39

}



.genesys-cti-solution-two-part-sps {

    background-color: #2ba28c;

    max-height: 648px

}



.genesys-cti-solution-two-part-cca {

    background-color: #e45f98

}



.genesys-cti-solution-two-part-gus {

    background-color: #2a92c9;

    min-height: 221px;

    overflow: auto

}



.genesys-cti-solution-two-part-pth {

    background-color: #fba91f

}



.voice-self-service-why {

    background-image: url(images/services/voice-self-service/voice-self-service.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}



.voice-self-service-voice-part,

.voice-self-service-why-part {

    margin: 50px 0

}



.voice-self-service-voice-part-title h3::after,

.voice-self-service-why-part-title h3::after {

    margin-left: -100px;

    width: 25px;

    bottom: -5px;

    content: "";

    height: 3px

}



.voice-self-service-voice-part {

    margin-bottom: 0

}



.voice-self-service-why-part-title h3::after {

    background: #fff;

    left: 57.5%;

    position: absolute

}



.voice-self-service-voice-part-title h3,

.voice-self-service-why-part-title h3 {

    text-align: center;

    color: #fff;

    position: relative

}



.voice-self-service-voice-part-title h3::after {

    background: #60bb46;

    left: 58%;

    position: absolute

}



.voice-self-service-voice-part-title h3 {

    color: #5a5a5a;

    position: relative

}



.voice-self-service-why-part-title-content .lists {

    margin: 0

}



.voice-self-service-why-part-title-content .lists li {

    color: #fff

}



.voice-self-service-content p {

    margin-bottom: 5px;

    text-align: justify

}



.voice-self-service-why {

    margin-top: 0

}



.voice-self-service-list {

    background-color: #f4f4f4;

    padding: 20px;

    border: 0

}



.voice-self-service-list h4 {

    margin-bottom: 10px

}



.voice-self-service-list ul {

    padding-left: 20px

}



.voice-self-service-img img {

    margin-top: 40px;

    width: auto;

    display: block

}



.genesys-softphone-img img {

    width: 100%;

    margin-top: 45px

}



.genesys-softphone-features {

    background-image: url(images/softphones.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}



.genesys-softphone-features-part {

    margin: 50px 0

}



.genesys-softphone-features-title h3 {

    text-align: center;

    color: #fff;

    position: relative

}



.genesys-softphone-features-title h3::after {

    background: #60bb46;

    bottom: -5px;

    content: "";

    height: 3px;

    left: 54%;

    margin-left: -100px;

    position: absolute;

    width: 100px

}



.genesys-softphone-features-content .lists {

    margin: 0

}



.genesys-softphone-features-content .lists li {

    color: #fff

}



.genesys-wfm {

    text-align: justify

}



.genesys-wfm-tab .nav-tabs {

    border-bottom: 0 none

}



.genesys-wfm-tab .nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    background-color: #63bc46;

    color: #fff

}



.genesys-wfm-tab .nav-tabs>li>a {

    background-color: #41a4db;

    color: #fff;

    text-align: center;

    border-radius: 0;

    font-size: 22px;

    font-weight: 500

}



.genesys-wfm-tab.nav-tabs>li>a:hover {

    background-color: #41a4db

}



.nav-tabs>li:first-child a {

    background-color: #d34c67 !important

}



.nav-tabs>li:nth-child(2) a {

    background-color: #41a4db !important

}



.nav-tabs>li:nth-child(3) a {

    background-color: #63bc46 !important

}



.nav-tabs>li:nth-child(4) a {

    background-color: #ed7a49 !important

}



.genesys-wfm-tab-1,

.genesys-wfm-tab-2,

.genesys-wfm-tab-3,

.genesys-wfm-tab-4 {

    padding: 20px

}



.genesys-wfm-tab-1 {

    background-color: #d34c67

}



.genesys-wfm-tab-2 {

    background-color: #42a4d9

}



.genesys-wfm-tab-3 {

    background-color: #63bc46

}



.genesys-wfm-tab-4 {

    background-color: #ed7a49

}



.genesys-wfm-tab-1 h3,

.genesys-wfm-tab-2 h3,

.genesys-wfm-tab-3 h3,

.genesys-wfm-tab-4 h3 {

    text-align: center !important;

    color: #fff

}



.genesys-wfm-tab-1 h4,

.genesys-wfm-tab-1 p,

.genesys-wfm-tab-2 h4,

.genesys-wfm-tab-2 p,

.genesys-wfm-tab-3 h4,

.genesys-wfm-tab-3 p,

.genesys-wfm-tab-4 h4,

.genesys-wfm-tab-4 p {

    color: #fff;

    text-align: justify

}



.genesys-wfm-benefit h4:after,

.genesys-wfm-tab-1 h4:nth-child(2):after,

.genesys-wfm-tab-2 h4::after,

.genesys-wfm-tab-2 h4:nth-child(2):after,

.genesys-wfm-tab-3 h4:nth-child(2):after,

.genesys-wfm-tab-4 h4::after,

.genesys-wfm-tab-4 h4:nth-child(2):after,

.gwfms h4:after {

    background: #fff;

    bottom: -5px;

    content: "";

    height: 3px;

    left: 22%;

    margin-left: -50px;

    position: absolute;

    width: 25px

}



.genesys-wfm-benefit h4:after {

    bottom: -3px;

    left: 6.5%;

    width: 25px

}



.gwfms h4:after {

    bottom: -3px;

    left: 13%;

    width: 25px

}



.genesys-wfm-benefit h4,

.genesys-wfm-tab-1 h4:nth-child(2),

.genesys-wfm-tab-2 h4:nth-child(2),

.genesys-wfm-tab-3 h4:nth-child(2),

.genesys-wfm-tab-4 h4:nth-child(2) {

    position: relative

}



.genesys-wfm-tab-1 p:last-child,

.genesys-wfm-tab-2 p:last-child,

.genesys-wfm-tab-3 p:last-child,

.genesys-wfm-tab-4 p:last-child {

    margin-bottom: 0

}



.genesys-wfm-tab-1 h3,

.genesys-wfm-tab-2 h3,

.genesys-wfm-tab-3 h3,

.genesys-wfm-tab-4 h3 {

    margin-bottom: 20px

}



.genesys-wfm-tab-1 h4,

.genesys-wfm-tab-2 h4,

.genesys-wfm-tab-3 h4,

.genesys-wfm-tab-4 h4 {

    font-size: 20px;

    margin-bottom: 15px;

    position: relative

}



.genesys-wfm-benefit {

    margin-top: 20px

}



.genesys-wfm-tab-1-img,

.genesys-wfm-tab-3-img {

    margin-top: 40px;

    margin-left: 40px

}



.genesys-wfm-tab-2-img {

    margin-top: 40px;

    margin-left: 150px

}



.genesys-wfm-tab-4-img {

    margin-top: 40px;

    margin-left: 100px

}



.down-demo-button a {

    background: #aac330;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase

}



.down-demo-button a:hover {

    background-color: #9cb22c

}



.understand-the-health {

    background-image: url(images/cms.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    min-height: 400px;

    position: relative

}



.genesys-cms-content {

    margin-bottom: 50px;

    margin-top: 20px;

}



.genesys-cms-content p:last-child {

    margin-bottom: 0

}



.genesys-cms .down-demo-button {

    margin: 40px 0;

    text-align: center

}



.demo-btn a,

.genesys-cms .down-demo-button a {

    border: 1px solid transparent;

    margin-right: 20px;

    color: #fff;

    font-weight: 500;

    padding: 15px 40px;

    text-transform: uppercase

}



.blue-tn {

    font-weight: 500

}



.blue-tn:hover {

    background-color: #d60358 !important

}



.genesys-cms .down-demo-button a {

    background: #aac330;

    border-radius: 3px

}



.genesys-cms .down-demo-button a:hover {

    background-color: #9cb22c

}



.demo-btn a {

    background: #aac330;

    border-radius: 3px;

    float: right

}



.demo-btn a:hover {

    background-color: #9cb22c

}



.genesys-cms .genesys-cms-content p,

.tools-alerts-part-one p,

.tools-alerts-part-three p,

.tools-alerts-part-two p,

.understand-the-health p {

    text-align: justify

}



.easily-audit-your {

    background-image: url(images/services/easily-audit-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover

}



.easily-audit-your-bg,

.tools-alerts-img {

    height: 300px;

    background-repeat: no-repeat

}



.easily-audit-your-content h3,

.tools-alerts-part-one h3,

.understand-the-health h3 {

    text-align: center;

    margin-bottom: 35px

}



.easily-audit-your-part,

.empower-achieve-part {

    margin: 50px 0

}



.easily-audit-your-bg {

    margin-left: 100px;

    margin-bottom: 30px

}



.easily-audit-your-content p,

.easily-audit-your-para1 h4,

.easily-audit-your-para1 p {

    text-align: justify

}



.understand-the-health-part {

    margin: 50px 0

}



.tools-alerts-part-one {

    margin-top: 50px

}



.tools-alerts-part-three {

    margin-bottom: 50px

}



.tools-alerts-img {

    margin-left: 100px

}



.understand-the-health-part h3,

.understand-the-health-part p {

    color: #fff

}



.understand-the-health-part p:last-child {

    margin-bottom: 0

}



.genesys-cms-summary {

    background-color: #8b2ecd

}



.genesys-cms-summary-title-bg {

    background-image: url(images/summary-title-bg.png);

    background-repeat: no-repeat;

    height: 70px

}



.genesys-cms-summary-title {

    margin-top: 20px

}



.genesys-cms-summary-title h3 {

    color: #fff

}



.genesys-cms-summary-part {

    margin: 30px 0

}



.genesys-cms-summary-part p:last-child {

    margin-bottom: 0

}



.genesys-cms-summary-part h3 {

    margin-bottom: 20px

}



.genesys-cms-summary-part h3,

.genesys-cms-summary-part p {

    color: #fff;

    text-align: justify

}



.genesys-cms-summary-part a {

    background: #aac330;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase;

    float: right;

    font-weight: 500

}



.easily-audit-your-bg img,

.tools-alerts-img img {

    margin-left: 20px;

    margin-top: 18px

}



.modal-header {

    border: 0

}



.modal-content {

    background: rgba(0, 0, 0, .7)

}



.modal-dialog {

    width: 900px !important;


}



.empower-achieve-img img,

.icon i,

.modal-body img,

.workspace-adapters-integrate-img img {

    width: 100%

}



.modal-body img {

    margin-left: 0;

    margin-top: 0

}



@-webkit-keyframes zoom {

    from {

        -webkit-transform: scale(0)

    }

    to {

        -webkit-transform: scale(1)

    }

}



@keyframes zoom {

    from {

        transform: scale(0)

    }

    to {

        transform: scale(1)

    }

}



.close {

    position: absolute;

    top: 0;

    right: 15px;

    color: #ddd;

    font-size: 40px;

    font-weight: 700;

    transition: .3s

}



.close:focus,

.close:hover {

    color: #bbb;

    text-decoration: none;

    cursor: pointer

}



@media only screen and (max-width:700px) {

    .modal-content {

        width: 100%

    }

}



.click-enlarge {

    font-size: 12px;

    color: #555;

    position: absolute;

    bottom: 96px;

    left: 50%

}



.wa-down-demo-button {

    margin-top: 40px

}



.wa-down-demo-button a {

    background: #aac330;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase

}



.dccm-contact-center,

.dccm-two-bg,

.empower-achieve,

.workspace-adapters-call-bg,

.workspace-adapters-summary {

    background-repeat: no-repeat;

    background-size: cover

}



.blue-tn {

    background-color: #e6045f !important

}



.workspace-adapters-call-content p,

.workspace-adapters-content p,

.workspace-adapters-integrate-content-part p {

    text-align: justify

}



.workspace-adapters-integrate-title h3 {

    text-align: center

}



.workspace-adapters-call-part,

.workspace-adapters-integrate-content-part {

    margin: 50px 0

}



.workspace-adapters-integrate-content-bg {

    background-image: url(images/system-bg.png);

    background-repeat: no-repeat;

    margin-left: 100px;

    height: 300px

}



.workspace-adapters-integrate-content-bg img {

    margin-left: 20px;

    margin-top: 18px

}



.workspace-adapters-integrate-content-bg .modal-body img {

    margin-left: 0;

    margin-top: 0

}



.workspace-adapters-call-bg {

    background-image: url(images/services/workspace-adapter-call-bg.jpg);

    min-height: 360px;

    overflow: auto;

    padding: 20px 0

}



.dccm-feature-list,

.key-features-list {

    background-color: #f4f4f4;

    border-left: 3px solid #307dc2;

    padding: 20px

}



.dccm-feature-list ul,

.key-features-list ul {

    padding-left: 20px

}



.workspace-adapters-call-title h3 {

    text-align: center;

    color: #fff

}



.workspace-adapters-call-content p {

    color: #fff

}



.key-features-img img {

    margin-left: 50px;

    margin-top: 10px

}



.workspace-adapters-summary {

    background-image: url(images/services/workspace-adapter-bg.jpg);

    margin-top: 50px

}



.workspace-adapters-summary-part {

    margin: 30px 0

}



.workspace-adapters-summary-content p:last-child {

    margin-bottom: 0

}



.morectnt span {

    display: none

}



.morectnt a:focus,

.morectnt a:hover {

    color: #fcc72c;

    text-decoration: none

}



.showmoretxt {

    text-decoration: none

}



.dccm-content {

    margin-bottom: 20px

}



.dccm-content h3 {

    margin-bottom: 10px

}



.dccm-content p:last-child {

    margin-bottom: 0

}



.dccm-content p,

.dccm-feature-list ul li,

.dccm-summary-content p,

.dccm-two-content p,

.empower-achieve-content p {

    text-align: justify

}



.dccm-feature-part {

    margin: 50px 0

}



.dccm-feature-img img {

    display: block;

    margin-top: 40px;

    width: 100%

}



.entry-date,

.post-date,

.read-more,

.sitemap ul ul li::before {

    display: inline-block

}



.dccm-contact-center {

    background-image: url(images/services/contact-center-challenge-bg.png);

    background-position: center center

}



.dccm-contact-center-part,

.dccm-feature-part,

.dccm-summary-part {

    margin: 50px 0

}



.dccm-contact-center-title h3 {

    color: #fff;

    position: relative;

    text-align: center

}



.dccm-contact-center-content p {

    color: #fff;

    text-align: justify

}



.empower-achieve {

    background-image: url(images/services/easily-audit-bg.jpg)

}



.empower-achieve-content h3 {

    margin-bottom: 35px;

    text-align: center

}



.empower-achieve-img-bg {

    background-image: url(images/system-bg.png);

    background-repeat: no-repeat;

    height: 300px;

    margin-left: 100px

}



.empower-achieve-img-bg img {

    margin-left: 20px;

    margin-top: 18px

}



.empower-achieve-content:nth-child(2) {

    margin: 50px 0

}



.empower-achieve-content:nth-child(2) h4 {

    margin-bottom: 20px

}



.dccm-two-part,

.dccn-two-part {

    margin: 50px 0

}



.dccm-two-bg {

    background-image: url(images/services/workspace-adapter-call-bg.jpg);

    min-height: 380px;

    overflow: auto;

    padding: 20px 0

}



.dccm-two-title h3 {

    color: #fff;

    text-align: center

}



.dccm-two-content p {

    color: #fff

}



.dccm-summary {

    border-top: 3px solid #60bb46;

    background-color: #eee

}



.date,

.icon i {

    background-color: #e74c3c

}



.blog-inner {

    margin-left: -15px;

    margin-right: -15px

}



.post {

    margin-bottom: 50px;

    min-height: 415px

}



.entry-date {

    color: #fff;

    margin-right: 5px;

    text-align: center

}



.date {

    height: 98px;

    margin-bottom: 5px

}



.date h2 {

    border-bottom: 1px solid #fff;

    font-weight: 700;

    line-height: 50px;

    margin-bottom: 0;

    margin-top: 0;

    color: #fff;

    padding: 0 7px

}



.date h4 {

    line-height: 30px;

    color: #fff;

    margin-top: 5px;

    text-transform: uppercase

}



.icon i {

    font-size: 24px;

    line-height: 50px;

    margin-bottom: 5px;

    text-align: center

}



.entry-cover {

    float: right;

    width: 300px

}



.entry-cover img {

    width: 100%;

    height: 150px;

    border: 1px solid #e74c3c

}



.entry-cover .entry-title {

    color: #000;

    display: inline-block;

    font-size: 18px;

    margin: 10px 0

}



.post-date {

    font-size: 14px;

    margin-bottom: 10px;

    width: 100%

}



.post-item,

.sitemap ul ul li:first-child {

    margin-bottom: 0

}



.post-item {

    text-align: justify;

    font-size: 16px

}



.post-date .entry-date {

    margin-right: 0

}



.entry-cover .comments-link a::after,

.entry-cover .comments-link a::before {

    content: "|";

    margin-left: 9px;

    margin-right: 9px

}



.post-date .comments-link a,

.post-date .entry-date {

    width: auto

}



.entry-cover .comments-link a,

.entry-cover .entry-date,

.entry-cover .post-views {

    color: #454545;

    font-size: 14px

}



.read-more {

    background-color: #eee;

    border-radius: 50px;

    color: #000;

    font-size: 12px;

    height: 39px;

    line-height: 39px;

    margin-top: 30px;

    text-align: center;

    text-transform: uppercase;

    width: 120px

}



.no-l-padding {

    padding-left: 0

}



.footer-about p {

    text-align: justify

}



.mob-partner {

    float: left;

    text-align: center;

    width: 48%

}



.sitemap ul li {

    padding-left: 15px

}



.sitemap ul li a {

    margin-top: 10px;

    background-color: transparent;

    box-shadow: none;

    color: #333;

    text-align: left;

    padding: 0

}



.sitemap ul ul li::before {

    color: #63bc46;

    content: "\f105 ";

    font: 16px/1 FontAwesome;

    margin-right: 5px;

    text-rendering: auto;

    margin-left: 20px

}



#userform::after,

.request::after {

    content: ""

}



.sitemap ul ul li a,

.text-area {

    font-size: 16px

}



.sitemap-h50 {

    height: 30px

}



.event_border {

    border-top: 1px dotted #ccc

}



.social_border {

    border-top: 1px solid #555

}



.thin-lines {

    background-color: #ccc;

    height: 3px;

    margin: -20px 0 10px 50px;

    width: 25px

}



#userform::after {

    background-color: #2975bb;

    bottom: 5px;

    height: 480px;

    left: -10px;

    position: absolute;

    width: 10px

}



#userform {

    background-color: #3280c2;

    padding: 15px;

    position: relative;

    margin-bottom: 50px

}



.request::after {

    height: 97% !important

}



.request .form-control {

    height: 35px !important;

    padding: 0

}



.request select {

    -moz-appearance: none;

    -webkit-appearance: none;

    background: url(images/down-arrow.png) 475px 15px no-repeat rgba(0, 0, 0, 0) !important

}



.text-area {

    background-color: #fff;

    border-bottom: 1px solid #fff;

    border-left: 0;

    border-right: 0;

    border-top: 0;

    height: 60px;

    color: #000;

    display: block;

    line-height: 1.42857;

    padding: 10px 20px;

    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0;

    width: 100%

}



.request-demo .btn-primary {

    background-color: transparent;

    border: 1px solid #fff !important

}



.request-demo .btn-primary:hover {

    background-color: #63bc46 !important;

    border: 1px solid #63bc46 !important

}



.part_ml {

    margin-left: 10%

}



.featured-quote {

    background-attachment: scroll, scroll;

    background-clip: border-box, border-box;

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

    background-image: url(images/quote-open.png), url(images/quote-close.png);

    background-origin: padding-box, padding-box;

    background-position: left top, right top;

    background-repeat: no-repeat, no-repeat;

    background-size: 55px auto;

    display: block;

    font-size: 24px;

    font-style: italic;

    font-weight: 300;

    line-height: 1.3em;

    margin: 0;

    padding: 0 80px

}



.cd-timeline-content p:nth-child(3) {

    font-weight: 500

}



.prod-title5 h3 {

    font-size: 30px !important

}



.social_media a:nth-child(1):hover {

    background-color: #3b5998

}



.social_media a:nth-child(2):hover {

    background-color: #54abee

}



.social_media a:nth-child(3):hover {

    background-color: #0e76a8

}



.product_inner h3 a {

    color: #63bc46

}



.product_inner h3 a:hover {

    color: #fcc72c

}



#menu-footer-menu-1 li a:hover,

#menu-footer-menu-2 li a:hover {

    color: #63bc46

}



#fh5co-menu-wrap .sf-menu a:hover,

.sf-menu ul li a:hover {

    border-bottom: 1px solid #63bc46 !important;

    color: #63bc46 !important

}



.suboption {

    background-color: #3280c2 !important

}



.genesys-imp h4 {

    font-size: 16px

}



.understand-the-health-overlay {

    background: rgba(139, 46, 205, .7);

    bottom: 0;

    position: absolute;

    width: 100%

}



.inner-banner-caption {

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

    border-bottom-left-radius: 50px;

    border-right: 5px solid #5aba46;

    border-top-left-radius: 50px;

    box-shadow: 0 2px 2px #ccc;

    left: 48%;

    padding-bottom: 20px;

    padding-left: 40px;

    padding-top: 20px;

    position: absolute;

    top: 50%;

    width: 600px

}



.inner-banner-caption>p {

    color: #fff;

    font-size: 22px;

    font-weight: 500;

    margin-bottom: 0

}



.morectnt1 span,

.morectnt2 span,

.morectnt3 span,

.morectnt4 span,

.morectnt5 span,

.morectnt6 span {

    display: none

}



.morectnt4 a {

    color: #1b4961

}



.test-part {

    margin: 30px 0

}



.test-content>img {

    margin-bottom: 20px;

    margin-left: 125px;

    margin-top: 5px;

    width: 50%

}



.row::after {

    clear: none !important

}



.testimg {

    position: relative

}



.cs_hover,

.cs_hover a {

    display: inline-block;

    position: absolute;

    text-align: center;

    vertical-align: middle

}



.testimg img {

    width: 100%;

    float: right

}



.cs_hover:hover {

    opacity: 1

}



.cs_hover {

    background: rgba(0, 0, 0, .6);

    height: 100%;

    left: 0;

    opacity: 0;

    top: 0;

    transition: all .3s ease 0;

    width: 100%

}



.cs_hover a {

    background: rgba(0, 0, 0, .5);

    border: 1px solid #6ebf44;

    border-radius: 5px;

    color: #fff;

    font-size: 14px;

    height: auto;

    left: 50%;

    line-height: normal;

    margin: -25px 0 0 -77px;

    overflow: hidden;

    padding: .5em 1em;

    text-transform: uppercase;

    top: 50%;

    width: auto

}



.testm p {

    line-height: 15px;

    margin-bottom: 15px !important;

    margin-top: 15px

}



.cs_hover a:hover {

    background-color: #63bc46

}



.testcontainerbg {

    margin: 20px 0;

    background-color: #333;

    padding: 40px 0

}



.testcontainerbg p {

    color: #fff

}



.wsa-custom-class {

    left: auto;

    padding-right: 20px;

    right: 14%;

    width: auto

}



.servpadl {

    padding: 20px !important

}



.nomargin {

    margin: 0 !important;

    word-spacing: -2px

}



.prodfont2 {

    font-family: 'Eras Light ITC'

}



.prodfont3,

.prodfont4 {

    font-size: 40px !important

}



.prodfont4 {

    font-family: 'Levenim MT'

}



.testmimg {

    border-radius: 50%;

    height: 130px;

    border: 1px solid #ababab

}



.testmd {

    margin-top: 18px

}



.testmd p {

    margin-bottom: 5px !important;

    font-weight: 400;

    text-align: justify

}

section.stamp-cct {

    margin-top: 40px;

    margin-bottom: 40px;

}

.stamp-title {

    margin-bottom: 25px;

}

section.summery {

    margin-top: 30px;

}

.service-info h1 {

    text-align: left !important;

    margin: 0 0 15px 0;

}

.voice-self-service-why-part-title {

    margin-bottom: 25px;

}

.voice-self-service-voice-part-title {

    margin-bottom: 30px;

}

.crm-functions-content h4 {

    margin-bottom: 15px;

}

.blogpostp {

    font-size: 15px !important

}



.nomargb {

    margin-bottom: 0 !important

}



.h120 {

    height: 120px

}



.casestitle {

    font-size: 20px !important;

    margin-bottom: 10px !important;

    font-weight: 600;

}



.powerd {

    color: #ccc

}



.cursp {

    cursor: pointer !important

}



.flex-container a:focus,

.flex-container a:hover,

.flex-slider a:focus,

.flex-slider a:hover {

    outline: 0

}



.flex-control-nav,

.flex-direction-nav,

.slides,

.slides>li {

    list-style: none;

    margin: 0;

    padding: 0

}



.flex-pauseplay span {

    text-transform: capitalize

}



.flexslider {

    padding: 0;

    background: #fff;

    border: 4px solid #fff;

    border-radius: 4px;

    margin: 0 0 40px;

    position: relative

}



.flexslider .slides>li {

    display: none

}



.flexslider .slides::after {

    clear: both;

    content: " ";

    display: block;

    height: 0;

    line-height: 0;

    visibility: hidden

}



html[xmlns] .flexslider .slides {

    display: block

}



* html .flexslider .slides {

    height: 1%

}



.no-js .flexslider .slides>li:first-child {

    display: block

}



.flexslider .slides img {

    display: block;

    width: 100%;

    height: auto

}



.flex-viewport {

    max-height: 2000px;

    transition: all 1s ease 0

}



.loading .flex-viewport {

    max-height: 300px

}



.carousel li {

    margin-right: 5px

}



.flex-direction-nav a {

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

    cursor: pointer;

    display: block;

    height: 40px;

    margin: -20px 0 0;

    overflow: hidden;

    position: absolute;

    text-decoration: none;

    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);

    top: 50%;

    width: 40px;

    z-index: 10

}



.flex-direction-nav a::before {

    content: url(images/bx-left-arrow.png)

}



.flex-direction-nav a.flex-next::before {

    content: url(images/bx-right-arrow.png)

}



.flex-direction-nav .flex-prev {

    left: 0

}



.flex-direction-nav .flex-next {

    right: 0;

    text-align: right

}



.fa-fw,

.fa-li,

.flex-control-nav {

    text-align: center

}



.flexslider:hover .flex-direction-nav .flex-prev {

    left: 0;

    opacity: .7

}



.flexslider:hover .flex-direction-nav .flex-prev:hover {

    opacity: 1

}



.flexslider:hover .flex-direction-nav .flex-next {

    opacity: .7;

    right: 0

}



.flexslider:hover .flex-direction-nav .flex-next:hover {

    opacity: 1

}



.flex-direction-nav .flex-disabled {

    cursor: default;

    opacity: 0 !important

}



.flex-pauseplay a {

    bottom: 5px;

    color: #000;

    cursor: pointer;

    display: block;

    height: 20px;

    left: 10px;

    opacity: .8;

    overflow: hidden;

    position: absolute;

    width: 20px;

    z-index: 10

}



.flex-pauseplay a::before {

    content: "";

    display: inline-block;

    font-family: flexslider-icon;

    font-size: 20px

}



.flex-pauseplay a:hover {

    opacity: 1

}



.flex-pauseplay a .flex-play::before {

    content: ""

}



.flex-control-nav {

    bottom: -40px;

    margin-left: -15px;

    position: absolute;

    width: 100%

}



.flex-control-nav li {

    display: inline-block;

    margin: 0 6px

}



.flex-control-paging li a {

    background: #63bc46;

    border-radius: 20px;

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

    cursor: pointer;

    display: block;

    height: 11px;

    text-indent: -9999px;

    width: 11px

}



.flex-control-paging li a:hover {

    background: #000

}



.flex-control-paging li a.flex-active {

    background: #000;

    cursor: default

}



.flex-control-thumbs {

    margin: 5px 0 0;

    overflow: hidden;

    position: static

}



.flex-control-thumbs li {

    float: left;

    margin: 0;

    width: 25%

}



.fa.fa-pull-left,

.fa.pull-left {

    margin-right: .3em

}



.flex-control-thumbs img {

    cursor: pointer;

    display: block;

    height: auto;

    opacity: .7;

    transition: all 1s ease 0;

    width: 100%

}



.fa,

.fa-stack {

    display: inline-block

}



.flex-control-thumbs img:hover {

    opacity: 1

}



.flex-control-thumbs .flex-active {

    cursor: default;

    opacity: 1

}



@media screen and (max-width:860px) {

    .flex-direction-nav .flex-prev {

        left: 10px;

        opacity: 1

    }

    .flex-direction-nav .flex-next {

        opacity: 1;

        right: 10px

    }

}



@font-face {

    font-family: FontAwesome;

	font-display: swap;

    src: url(fonts/fontawesome-webfont.eot?v=4.6.3);

    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");

    font-weight: 400;

    font-style: normal

}



.fa {

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-fw {

    width: 1.28571429em

}



.fa-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none

}



.fa.fa-pull-right,

.fa.pull-right {

    margin-left: .3em

}



.fa-ul>li {

    position: relative

}



.fa-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: .14285714em

}



.fa-li.fa-lg {

    left: -1.85714286em

}



.fa-border {

    padding: .2em .25em .15em;

    border: .08em solid #eee;

    border-radius: .1em

}



.fa-pull-left {

    float: left

}



.fa-pull-right,

.pull-right {

    float: right

}



.pull-left {

    float: left

}



.fa-spin {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    -webkit-animation: fa-spin 1s infinite steps(8);

    animation: fa-spin 1s infinite steps(8)

}



@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fa-rotate-90 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fa-rotate-180 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.fa-rotate-270 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1)

}



:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-rotate-90 {

    filter: none

}



.fa-stack {

    position: relative;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}



.fa-stack-1x,

.fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-calendar-o:before {

    content: "\f133"

}



.fa-facebook:before {

    content: "\f09a"

}



.fa-twitter:before {

    content: "\f099"

}



.fa-linkedin:before {

    content: "\f0e1"

}



.fa-instagram:before {

    content: "\f16d"

}



.fa-youtube-square:before {

    content: "\f166"

}



.fa-angle-double-right:before {

    content: "\f101"

}



.fa-angle-right:before {

    content: "\f105"

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto

}



.survey-sec h5 {

    color: #fff;

    font-size: 16px;

    text-align: center;

    margin-top: -20px

}



.survey-part li {

    color: #fff

}



.survey-sec {

    background: url(https://www.pointel.com/wp-content/uploads/2021/06/bg-survey.png) !important;

    background-position: center center !important;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    min-height: 500px !important;

    position: relative !important

}



.survey-sec-overlay {

    background: rgba(139, 46, 205, .7) none repeat scroll 0 0 !important;

    bottom: 0 !important;

    position: absolute !important;

    width: 100% !important

}



.genesys-cms-summary-title-bg {

    background: url(https://www.pointel.com/wp-content/uploads/2021/06/summry-part.png) !important;

    background-repeat: no-repeat !important;

    height: 70px !important

}



.survey-summary {

    background-color: #8b2ecd !important

}



.survay-solution-part {

    text-align: center

}



.why-survay-solution-sec {

    padding: 50px 0;

    background: #f4f3ec

}



.survay-solution-part h3 {

    font-weight: 700

}



.top-heading-sec h4 {

    color: #fff;

    padding-top: 50px

}



.top-heading-sec {

    background: #000 none repeat scroll 0 0;

    border-radius: 50%;

    min-height: 150px;

    width: 150px

}



.content-part {

    padding: 10px;

    text-align: left

}



.survay-page-list>li {

    font-size: 16px;

    padding-bottom: 8px

}



.inner-sec {

    float: left;

    width: 20%

}



.solution-section {

    padding-top: 30px

}



.blue-sec {

    background: #002060 none repeat scroll 0 0

}



.orange-sec {

    background: #ff4b4b

}



.orange-sec>h4 {

    padding-top: 65px

}



.green-sec {

    background: #4f6228

}



.perfomace-sec {

    background: #632523

}



.customer-exp {

    background: #d1cc00

}



.green-sec>h4 {

    padding-top: 65px

}



.perfomace-sec>h4 {

    padding-top: 65px

}



.slider-img-sec>h3 {

    font-weight: 700;

    text-align: center

}



.slider-sec {

    padding: 50px 0

}



.slider-sec h3 {

    text-align: center;

    font-weight: 700

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGKhisFFF-0ifc-Simo8uwJs.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGNJvocFWY_5VFjYFbAOOIik.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSanasPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGLGN1mc631ObjHzqJB_dFFA.woff2) format("woff2");

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: 'Source Sans Pro';

	font-display: swap;

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGI3P6ux3HwbL10a8ofNXGLA.woff2) format("woff2");

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: 'Source Sans Pro';

	font-display: swap;

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGD_j0nMiB9fPhg_k1wdK2h0.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: 'Source Sans Pro';

	font-display: swap;

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGDRVvBvQIc1z78c__uoBcyI.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

	font-display: swap;

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format("woff2");

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

}



a,

a:hover {

    color: #63bc46

}



body,

h1,

h2,

h3,

h4,

h5,

h6,

ol,

p,

ul {

    color: #000;

    font-family: "Source Sans Pro", Arial, sans-serif

}



.form-group textarea,

.text-area {

    resize: none

}



body {

    line-height: 1.4;

    font-size: 16px;

    background: #fff;

    font-weight: 500;

    overflow-x: hidden

}



a {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



a:hover {

    text-decoration: none !important

}



.carrer-info .panel-heading a,

.fh5co-nav-toggle,

.service-info .panel-heading a,

.sf-menu a {

    text-decoration: none

}



.mob-center a {

    cursor: default

}



ol,

p,

ul {

    margin-bottom: 1.5em;

    font-size: 18px

}



ul {

    padding: 0;

    margin: 0

}



ul li {

    list-style: none

}



a:active,

a:focus,

a:hover {

    outline: 0

}



.h130 {

    height: 130px

}



figure {

    margin-bottom: 2em

}



::-webkit-selection {

    color: #fcfcfc;

    background: #fcc72c

}



::-moz-selection {

    color: #fcfcfc;

    background: #6dbe44

}



::selection {

    color: #fcfcfc;

    background: #6dbe44

}



@media screen and (max-width:768px) {

    .fh5co-cover,

    .fh5co-hero {

        height: 700px

    }

    .fh5co-cover {

        heifght: inherit;

        padding: 3em 0

    }

}



.fh5co-cover.fh5co-cover_2,

.fh5co-cover.fh5co-hero-2,

.fh5co-hero.fh5co-hero-2 {

    height: 600px

}



.fh5co-cover.fh5co-hero-2 .fh5co-overlay,

.fh5co-hero.fh5co-hero-2 .fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .9)

}



.fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .3)

}



.fh5co-cover {

    background-size: cover;

    position: relative

}



.fh5co-cover .btn {

    padding: 1em 5em;

    opacity: .9

}



.fh5co-blog .image-popup,

.fh5co-grid:hover .image-popup {

    opacity: 1

}



.fh5co-cover .desc {

    top: 40%;

    position: absolute;

    width: 100%;

    margin-top: -80px;

    z-index: 2;

    color: #000

}



.carousel h2,

.fh5co-cover .desc h2 {

    color: #000;

    text-transform: uppercase;

    font-size: 40px;

    margin-bottom: 15px

}



@media screen and (max-width:768px) {

    .fh5co-cover.fh5co-cover_2 {

        heifght: inherit;

        padding: 3em 0

    }

    .fh5co-cover .desc {

        padding-left: 15px;

        padding-right: 15px

    }

    .fh5co-cover .desc h2 {

        font-size: 40px

    }

}



.carousel span,

.fh5co-cover .desc span {

    display: block;

    margin-bottom: 25px;

    font-size: 28px;

    letter-spacing: 1px;

    line-height: 25px

}



.carousel span a,

.fh5co-cover .desc span a {

    color: #fff

}



.carousel span a:focus,

.carousel span a:hover,

.fh5co-cover .desc span a:focus,

.fh5co-cover .desc span a:hover {

    color: #000 !important

}



.sf-menu a,

.sf-menu li.active a,

.sf-menu li.active a:focus,

.sf-menu li.active a:hover,

.sf-menu li.sfHover a,

.sf-menu li:hover a,

.sf-menu ul li.sfHover a,

.sf-menu ul li:hover a {

    color: #000

}



.carousel span a:focus.btn,

.carousel span a:hover.btn,

.fh5co-cover .desc span a:focus.btn,

.fh5co-cover .desc span a:hover.btn {

    background: 0 0 !important;

    border: 1px solid #61a300 !important

}



.fh5co-cover .desc span a.fh5co-site-name {

    padding-bottom: 2px;

    border-bottom: 1px solid rgba(110, 190, 98, .7);

    color: #000

}



.sf-menu,

.sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none

}



.sf-menu li {

    position: relative;

    white-space: nowrap;

    white-space: normal;

    -webkit-transition: background .2s;

    transition: background .2s

}



.sf-menu ul {

    position: absolute;

    display: none;

    top: 50px;

    z-index: 99;

    background: #fff;

    box-shadow: 0 1px 1px 1px #828282 !important;

    padding: 0 15px

}



.sf-menu a,

.sf-menu li.sfHover>ul,

.sf-menu li:hover>ul {

    display: block

}



.sf-menu li,

.sf-menu li.sfHover,

.sf-menu li:hover,

.sf-menu ul li,

.sf-menu ul li.sfHover,

.sf-menu ul li:hover,

.sf-menu ul ul li {

    background: 0 0

}



.sf-menu>li {

    float: left

}



.sf-menu ul ul {

    top: 0;

    left: 100%

}



.sf-menu {

    margin: 0 !important;

    float: right

}



.sf-menu ul li {

    border-bottom: 1px solid #ccc

}



.dropdown li:last-child {

    border: 0

}



.sf-menu li.sfHover,

.sf-menu li:hover {

    -webkit-transition: none;

    transition: none

}



.sf-menu ul {

    width: 12em;

    border: transparent;

    min-width: 12em

}



.sf-menu a {

    position: relative;

    padding: .75em .55em !important;

    font-weight: 400;

    border-left: none;

    border-top: none;

    zoom: 1;

    font-size: 18px;

    border-bottom: none !important

}



.sf-menu a:hover {

    border-bottom: 2px solid #60bb46 !important;

    transition: none !important

}



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    margin: 0 auto !important

}



.sf-menu ul li a,

.sf-menu ul ul li a {

    text-transform: none;

    padding: .2em .25em !important;

    letter-spacing: 1px;

    font-size: 14px

}



.sf-arrows .sf-with-ul {

    padding-right: 2.5em

}



.sf-arrows .sf-with-ul:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -3px;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top-color: #ccc

}



.sf-arrows>.sfHover>.sf-with-ul:after,

.sf-arrows>li:hover>.sf-with-ul:after,

.sf-arrows>li>.sf-with-ul:focus:after {

    border-top-color: #ccc

}



.sf-arrows ul .sf-with-ul:after {

    margin-top: -5px;

    margin-right: -3px;

    border-color: transparent transparent transparent #ccc

}



.sf-arrows ul .sfHover>.sf-with-ul:after,

.sf-arrows ul li:hover>.sf-with-ul:after,

.sf-arrows ul li>.sf-with-ul:focus:after {

    border-left-color: #ccc

}



.fh5co-grid {

    height: 302px;

    background-size: cover;

    background-position: center center;

    margin-bottom: 30px;

    position: relative;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



@media screen and (max-width:480px) {

    .fh5co-grid {

        height: 400px

    }

}



.fh5co-grid .image-popup {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, .5);

    opacity: 1;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



.fh5co-grid:hover {

    -webkit-box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42);

    -moz-box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42);

    box-shadow: 10px 15px 14px -4px rgba(0, 0, 0, .42)

}



.services {

    margin-bottom: 5em

}



.services span {

    margin-bottom: 30px;

    display: block;

    width: 100%

}



.services span i {

    font-size: 50px;

    color: #fcc72c

}



.services h3 {

    font-size: 20px;

    font-weight: 400

}



#fh5co-about,

#fh5co-contact,

#fh5co-services {

    padding: 7em 0

}



@media screen and (max-width:768px) {

    #fh5co-about,

    #fh5co-contact,

    #fh5co-services {

        padding: 4em 0

    }

}



#fh5co-services .fh5co-number {

    font-size: 30px;

    color: #1fb5f6;

    position: relative;

    padding-top: 10px;

    font-style: italic;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1

}



#fh5co-services .fh5co-number:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    top: 0;

    left: 0;

    background: #1fb5f6

}



#fh5co-services .fh5co-icon {

    margin-bottom: 30px;

    margin-top: 50px;

    position: relative;

    display: -moz-inline-stack;

    display: inline-block;

    zoom: 1

}



#fh5co-services .fh5co-icon i {

    font-size: 200px;

    color: #fcc72c

}



@media screen and (max-width:768px) {

    #fh5co-services .fh5co-icon {

        margin-top: 0;

        float: none

    }

    #fh5co-services .fh5co-icon i {

        font-size: 100px

    }

}



#fh5co-contact .contact-info {

    margin: 0;

    padding: 0

}



#fh5co-contact .contact-info li {

    list-style: none;

    margin: 0 0 20px;

    position: relative;

    padding-left: 40px

}



#fh5co-contact .contact-info li i {

    position: absolute;

    top: .3em;

    left: 0;

    font-size: 22px;

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

}



#fh5co-contact .contact-info li a {

    font-weight: 400 !important;

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

}



#fh5co-contact .form-control {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    border: none;

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

    font-size: 18px;

    font-weight: 400;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0

}



#fh5co-contact .form-control:active,

#fh5co-contact .form-control:focus {

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

}



#fh5co-contact input[type=text] {

    height: 50px

}



#fh5co-contact .form-group {

    margin-bottom: 30px

}



.fh5co-testimonial {

    position: relative;

    background: #fff;

    padding: 4em 0;

    border-radius: 5px;

    -webkit-box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58);

    -moz-box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58);

    box-shadow: 0 18px 88px -22px rgba(0, 0, 0, .58)

}



@media screen and (max-width:768px) {

    .fh5co-testimonial {

        border-right: 0;

        margin-bottom: 80px

    }

}



.fh5co-testimonial h2 {

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 50px

}



.fh5co-testimonial figure {

    position: absolute;

    top: -50px;

    left: 50%;

    margin-left: -44px;

    margin-bottom: 20px;

    background-size: cover

}



.fh5co-testimonial figure img {

    width: 88px;

    height: 88px;

    border: 10px solid #fff;

    background-size: cover;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%

}



.fh5co-testimonial blockquote {

    border: none;

    margin-bottom: 20px

}



.fh5co-testimonial blockquote p {

    font-style: italic;

    font-size: 26px;

    line-height: 1.6em;

    color: #555

}



.fh5co-testimonial span {

    font-style: italic

}



.fh5co-blog {

    margin-bottom: 60px

}



.fh5co-blog a img {

    margin-bottom: 30px;

    width: 100%;

    height: 300px;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    border-radius: 7px

}



.fh5co-blog .image-popup span {

    display: inline-block;

    margin-bottom: 20px

}



.fh5co-blog .image-popup span.posted_by {

    font-style: italic;

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

    font-size: 18px

}



.fh5co-blog .image-popup span.comment {

    float: right

}



.fh5co-blog .image-popup span.comment a {

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

}



.fh5co-blog .image-popup span.comment a i {

    color: #fcc72c;

    padding-left: 7px

}



.fh5co-blog .image-popup h3 {

    font-size: 26px;

    margin-bottom: 20px

}



.fh5co-blog .image-popup h3 a {

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

}



#fh5co-start-project-section {

    padding: 7em 0;

    background: #f64e8b

}



#fh5co-start-project-section h2 {

    color: #fff;

    font-size: 60px;

    text-transform: uppercase;

    font-weight: 300

}



#fh5co-start-project-section a:active,

#fh5co-start-project-section a:focus,

#fh5co-start-project-section a:hover {

    color: #fff !important

}



#map {

    width: 100%;

    height: 500px

}



@media screen and (max-width:768px) {

    .fh5co-blog {

        width: 100%

    }

    #fh5co-start-project-section h2 {

        font-size: 30px

    }

    #map {

        height: 200px

    }

    #fh5co-menu-wrap {

        display: none

    }

}



.fh5co-social-icons>a {

    padding: 4px 10px;

    color: #fcc72c

}



.fh5co-social-icons>a i {

    font-size: 26px

}



.fh5co-social-icons>a:active,

.fh5co-social-icons>a:focus,

.fh5co-social-icons>a:hover {

    text-decoration: none;

    color: #5a5a5a

}



.js .animate-box {

    opacity: 0

}



.gray_full_bg h4,

.gray_full_bg ul li,

.gray_full_bg ul li a {

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif

}



.glyphicon,

.gray_full_bg ul li::before {

    font-style: normal;

    line-height: 1;

    font-weight: 400

}



.fh5co-nav-toggle i::after,

.fh5co-nav-toggle i::before {

    content: '';

    width: 30px;

    height: 3px;

    background: #fff;

    position: absolute;

    left: 0;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s

}



.fh5co-nav-toggle.dark i {

    position: relative;

    color: #000;

    background: #000;

    transition: all .2s ease-out

}



.fh5co-nav-toggle.dark i::after,

.fh5co-nav-toggle.dark i::before {

    background: #000;

    -webkit-transition: .2s;

    -o-transition: .2s;

    transition: .2s

}



.fh5co-nav-toggle i::before {

    top: -7px

}



.fh5co-nav-toggle i::after {

    bottom: -7px

}



.fh5co-nav-toggle:hover i::before {

    top: -10px

}



.fh5co-nav-toggle:hover i::after {

    bottom: -10px

}



.fh5co-nav-toggle.active i {

    background: 0 0

}



.fh5co-nav-toggle.active i::before {

    top: 0;

    -webkit-transform: rotateZ(45deg);

    -moz-transform: rotateZ(45deg);

    -ms-transform: rotateZ(45deg);

    -o-transform: rotateZ(45deg);

    transform: rotateZ(45deg)

}



.fh5co-nav-toggle.active i::after {

    bottom: 0;

    -webkit-transform: rotateZ(-45deg);

    -moz-transform: rotateZ(-45deg);

    -ms-transform: rotateZ(-45deg);

    -o-transform: rotateZ(-45deg);

    transform: rotateZ(-45deg)

}



.fh5co-nav-toggle {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999;

    margin: 0 auto;

    display: none;

    cursor: pointer

}



@media screen and (max-width:480px) {

    .col-xxs-12 {

        float: none;

        width: 100%

    }

}



.row-bottom-padded-lg {

    padding-bottom: 7em

}



.row-top-padded-lg {

    padding-top: 7em

}



@media screen and (max-width:768px) {

    .fh5co-nav-toggle {

        display: block;

        top: 0;

        margin-top: 2em

    }

    .row-bottom-padded-lg {

        padding-bottom: 2em

    }

    .row-top-padded-lg {

        padding-top: 2em

    }

}



.row-bottom-padded-md {

    padding-bottom: 4em

}



.row-top-padded-md {

    padding-top: 4em

}



.row-bottom-padded-sm {

    padding-bottom: 2em

}



.row-top-padded-sm {

    padding-top: 2em

}



@media screen and (max-width:768px) {

    .row-bottom-padded-md {

        padding-bottom: 2em

    }

    .row-top-padded-md {

        padding-top: 2em

    }

    .row-bottom-padded-sm {

        padding-bottom: 2em

    }

    .row-top-padded-sm {

        padding-top: 2em

    }

}



.border-bottom {

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

}



.lead {

    line-height: 1.8

}



.no-js #loader {

    display: none

}



.js #loader {

    display: block;

    position: absolute;

    left: 100px;

    top: 0

}



.fh5co-loader {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 9999

}



.blog-container {

    background: url(https://www.pointel.com/wp-content/uploads/2021/06/blog-bg.jpg) no-repeat fixed;

    padding: 50px 0;

    width: 100%;

    z-index: 0;

    background-size: cover

}



.blog-item {

    float: left;

    margin-bottom: 30px;

    position: relative;

    width: 100%

}



.blog-head h3 {

    font-size: 30px;

    line-height: 10px;

    text-transform: uppercase;

    text-align: center;

    color: #fff

}



.blog-head p {

    text-align: center;

    color: #fff

}



.query_form th,

th {

    text-align: left

}



.thin-line-blog {

    background-color: #fff;

    height: 3px;

    margin: 15px auto 10px;

    width: 25px

}



.blog-item:last-of-type {

    margin-bottom: 0

}



.blog-item .blog-img {

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

    float: left;

    margin-right: 30px;

    width: 28%

}



.blog-item .blog-img img {

    border: 10px solid #2b78bd;

    display: block;

    width: 100%;

    height: 200px

}



.blog-content {

    float: left;

    padding-left: 25px;

    padding-top: 40px;

    width: 65%

}



.blog-content p {

    color: #fff;

    font-weight: 100;

    margin-bottom: 5px;

    position: relative

}



.blog-content>p::before {

    background: #fff;

    content: "";

    display: block;

    height: 1px;

    left: -105px;

    position: absolute;

    top: 10px;

    width: 100px

}



.blog-content .blog-footer,

.gray_full_bg {

    width: 100%;

    float: left

}



.blog-content h3 {

    color: #fff;

    font-size: 18px;

    margin-bottom: 5px

}



.blog-content .blog-footer p {

    float: left;

    font-size: 17px;

    margin-right: 15px

}



footer {

    background-color: #333

}



.gray_full_bg {

    margin: 60px 0 30px

}



.gray_full_bg h4 {

    color: #ccc;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 10px

}



.gray_full_bg ul li,

.gray_full_bg ul li a {

    color: #ccc;

    font-size: 12px;

    padding: 3px 0;

    list-style: none

}



.gray_full_bg ul li::before {

    content: "\f101";

    display: inline-block;

    font-family: FontAwesome;

    font-feature-settings: normal;

    font-kerning: auto;

    font-language-override: normal;

    font-size: inherit;

    font-size-adjust: none;

    font-stretch: normal;

    font-synthesis: weight style;

    font-variant: normal;

    padding-right: 5px;

    text-rendering: auto

}



.member-logo img {

    margin: 40px 0 40px 16%;

    width: 60%

}



.need_website h3 {

    color: #ccc;

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 16px;

    text-transform: uppercase

}



.query_form th {

    color: #ccc;

    font-size: 12px;

    font-weight: 400;

    padding: 5px 0

}



.query_form th span {

    color: red;

    padding-left: 3px

}



.query_form td input.txt {

    margin-bottom: 4px;

    width: 360px

}



.query_form td textarea.txta {

    border: 2px solid #eaeaea;

    margin-top: 3px;

    width: 360px

}



.bg_colored_but01 {

    background-color: #4cb848;

    border: 1px solid #61a300;

    border-radius: 3px;

    color: #fff;

    margin-top: 5px;

    padding: 5px 20px

}



.bg_colored_but01:hover {

    background-color: transparent;

    border: 1px solid #61a300

}



.footer-about,

.footer-sub {

    color: #fff

}



.footer-about h4,

.footer-about p,

.footer-sub h4 {

    color: #ccc;

    font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif

}



.footer-about h4,

.footer-sub h4 {

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 18px

}



.footer-about .thin-line-fabout,

.footer-sub .thin-line-fsub {

    background-color: #ccc;

    height: 3px;

    margin: -10px 0 10px 30px;

    width: 20px

}



.copy a,

.copyright {

    color: #ccc;

    font-size: 14px

}



.footer-sub .subbtn:hover {

    background-color: transparent

}



.copy,

.social_media a {

    background-color: #666

}



.partner img {

    width: auto

}



.copy {

    padding: 10px;

    width: 100%

}



.copyright {

    margin-right: 90px;

    float: left

}



.copy a {

    cursor: pointer

}



.multi-item-carousel .carousel-inner>.item {

    -webkit-transition: .5s ease-in-out left;

    transition: .5s ease-in-out left

}



.multi-item-carousel .carousel-inner .active.left {

    left: -33%

}



.multi-item-carousel .carousel-inner .active.right,

.multi-item-carousel .carousel-inner .next {

    left: 33%

}



.multi-item-carousel .carousel-inner .prev {

    left: -33%

}



@media all and (transform-3d),

(-webkit-transform-3d) {

    .multi-item-carousel .carousel-inner>.item {

        -webkit-transition: .5s ease-in-out all;

        transition: .5s ease-in-out all;

        -webkit-backface-visibility: visible;

        backface-visibility: visible;

        -webkit-transform: none !important;

        transform: none !important

    }

}



.multi-item-carousel .carouse-control.left,

.multi-item-carousel .carouse-control.right {

    background-image: none

}



.casestudy,

.news,

.video-area {

    position: relative

}



.pages,

.video-part img {

    width: auto

}



.our-servies a {

    padding: 1em 5em;

    color: #fff;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    background-color: #63bc46;

}



.our-servies a:hover {

    background-color: transparent;

    color: #118917

}



.h-no-bottom {

    margin-bottom: 15px !important

}



.casestudy::after,

.news::after,

.video-area::after {

    border-color: #fff rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);

    border-width: 10px;

    margin-left: -10px

}



.casestudy::before,

.news::before,

.video-area::before {

    border-color: #ccc rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);

    border-width: 11px;

    margin-left: -11px

}



.news {

    border: 1px solid #939497;

    background-color: #939497

}



.casestudy {

    border: 1px solid #ac8c77;

    background-color: #ac8c77

}



.video-area {

    background-color: #da4e56

}



.news h4 {

    background-color: #727375

}



.casestudy h4 {

    background-color: #836d5e

}



.casestudy h4,

.news h4 {

    padding: 10px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 10px;

    text-transform: uppercase;

    color: #fff;

    font-size: 26px

}



.casestudy h5,

.news h5 {

    margin-bottom: 5px;

    font-size: 18px

}



.casestudy ul,

.news ul {

    padding: 0;

    margin: 0;

    text-align: left

}



.casestudy ul li,

.news ul li {

    list-style: none;

    border-bottom: 1px solid #ddd;

    padding: 10px 15px;

    font-size: 14px

}



.casestudy ul li:nth-child(3),

.news ul li:nth-child(3) {

    border: 0

}



.newslink {

    font: .875em;

    padding: 5px 10px;

    background-color: #63bc46;

    color: #fff;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    float: right;

    margin: 10px 15px

}



.newslink:hover {

    background-color: transparent;

    color: #fff

}



.nevent:hover {

    color: #118917

}



.casestudy h5 a,

.news h5 a {

    color: #fff

}



.casestudy p,

.news p {

    font-size: 15px;

    text-align: justify;

    line-height: 24px;

    margin-bottom: 5px;

    color: #fff

}



.casestudy h5 a:hover,

.news h5 a:hover {

    color: #000

}



.read_more {

    color: #51aa00;

    float: right

}



.read_more:hover {

    color: #5a5a5a

}



.read_mores {

    color: #fff;

    float: right

}



.read_mores:hover {

    color: #000

}



.col-centered {

    float: none;

    margin: 0 auto

}



.video-area h4,

.video-part h5 {

    margin-bottom: 10px;

    color: #fff

}



.video-area {

    border: 1px solid #da4e56

}



.video-area h4 {

    border-bottom: 1px solid #c7374c;

    padding: 10px;

    text-transform: uppercase;

    background-color: #c7374c;

    font-size: 26px

}



.video-part {

    padding: 10px 15px

}



.video-part h5 {

    text-align: left;

    font-size: 18px

}



.video-part>p {

    text-align: center

}



.video-part .thin-line-video {

    background-color: #118917;

    height: 2px;

    margin: -10px auto 10px;

    width: 80px

}



.video-area a {

    font: .875em;

    padding: 5px 10px;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    float: right;

    margin: 10px 15px;

    background-color: #63bc46;

    color: #fff

}



.video-area a:hover {

    background-color: transparent;

    color: #fff

}



.updates {

    padding: 50px 0

}



.tweeter-update ul {

    padding: 10px

}



.tweeter-update p {

    font-size: 16px;

    margin-bottom: 10px

}



.events-update h4,

.tweeter-update h4 {

    font-size: 26px;

    margin-bottom: 10px;

    padding: 10px;

    text-align: center;

    text-transform: uppercase

}



.tweeter-update a {

    color: #118917

}



.tweeter-update h4 {

    color: #fff

}



.fb {

    border: 1px solid #195fad

}



.twitter {

    border: 1px solid #008ef1

}



.fb h4 {

    background-color: #195fad;

    border-bottom: 1px solid #195fad

}



.twitter h4 {

    background-color: #008ef1;

    border-bottom: 1px solid #008ef1

}



.events-update h4 {

    background-color: #f8a050;

    border-bottom: 1px solid #ccc;

    color: #fff

}



.events-update li {

    margin-bottom: 45px

}



.events-update li:last-child {

    border: 0

}



.events-update .date {

    font-size: 16px

}



.events-update h6 {

    margin-bottom: 5px;

    font-size: 18px

}



.events-update img {

    float: left;

    margin-right: 12px;

    margin-top: 5px

}



.events-update h6 a {

    color: #000;

    font-size: 15px

}



.events-update h6 a:hover {

    color: #666

}



.events-update span a,

.r_more a {

    color: #118917

}



.events-update p {

    font-size: 16px;

    margin: 0

}



.profocus p {

    font-size: 16px;

    text-align: center;

    margin-bottom: 0

}



.r_more a {

    font: .875em;

    padding: 5px 10px;

    background-color: transparent;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 10px;

    margin-left: 0;

    line-height: 3em

}



.r_more a:hover {

    background-color: #63bc46;

    color: #fff

}



.blog_more {

    float: right;

    padding-top: 4%

}



.blog_more h3:hover {

    color: #52b4e6

}



.pad-none {

    padding: 0 !important

}



.shrink-nav-header {

    margin-top: 0 !important

}



.shrink-menu {

    padding: .25em .75em !important;

    transition: all .15s linear 0

}



.shrink-logo {

    width: 180px !important;

    transition: all .15s ease 0;

    padding: 0 !important

}



.shrink-search {

    display: none

}



.frmore {

    float: right;

    color: #63bc46

}



.frmore:hover {

    color: #fff

}



.contact-banner {

    background-size: cover;

    height: 300px;

    text-align: center

}



.contact-banner .contact-banner-title h2 {

    text-align: center;

    padding-top: 180px;

    color: #000;

    font-size: 40px;

    margin-bottom: 10px;

    text-transform: uppercase

}



.contact-banner .contact-banner-title p {

    color: #000;

    font-size: 28px

}



.careers-form h2,

.carrer-info h2,

.contact-form h2,

.contact-info h2 {

    text-transform: uppercase;

    position: relative;

    font-size: 26px

}



.contact-info h2::after,

.contact-work h2:after,

.intrest-prod h2:after,

.map h2:after,

.prod-support h2:after {

    background: #60bb46;

    bottom: -5px;

    content: "";

    height: 3px;

    left: 16%;

    position: absolute;

    width: 25px

}



.map h2:after {

    left: 8%;

    width: 25px

}



.intrest-prod h2:after {

    left: 28%;

    width: 25px

}



.prod-support h2:after {

    left: 20%;

    width: 25px

}



.contact-work h2:after {

    left: 15%;

    width: 25px

}



.carrer-info h2::after {

    left: 40%;

    width: 50px

}



.careers-form h2 {

    color: #fff

}



.contact-info .contact-detail p {

    margin: 0

}



.contact-info .contact-detail a,

.contact-info .contact-detail a:hover {

    color: #63bc46

}







.contact-form .required {

    color: red

}



.contact-form .form-control {

    border-radius: 0;

    border-color: #ddd;

    font-size: 16px;

    color: #000

}



.contact-form .btn-primary,

.contact-work a {

    font-size: 14px;

    padding: .85em 3em;

    text-transform: uppercase

}



.contact-form .form-control:focus {

    border: 1px solid #63bc46

}



.contact-form .btn-primary {

    background-color: transparent;

    border: 1px solid #63bc46 !important;

    border-radius: 5px;

    color: #118917

}



.contact-form .btn-primary:hover {

    background-color: #63bc46 !important

}



.intrest-prod img {

    width: 100%

}



.intrest-prod a,

.prod-support a {

    color: #63bc46

}



.contact-work,

.prod-support {

    margin-top: 30px

}



.contact-work a {

    background-color: transparent;

    border: 1px solid #2a78bd !important;

    border-radius: 5px;

    color: #2a78bd

}



.contact-work a:hover {

    background-color: #2a78bd;

    color: #fff

}



.contact-detail p {

    margin: 0

}



.contact-info hr {

    margin: 5px 0

}



.errs,

span.error {

    color: #ff0000f0 !important;

    font-size: 16px !important;

    clear: both;

    display: block

}



.h10 {

    height: 10px

}



.h20 {

    height: 20px

}



.h30 {

    height: 30px

}



.h40 {

    height: 40px

}



.inner-page p,

.service-info p {

    text-align: justify;

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 10px !important

}



.inner-page h3,

.service-info h3 {

    color: #000;

    font-size: 22px;

    margin: 15px 0

}



.carrer-info .panel-default>.panel-heading,

.service-info .panel-default>.panel-heading {

    border: 1px solid #63bc46;

    border-radius: 0

}



.carrer-info .panel-heading .glyphicon,

.service-info .panel-heading .glyphicon {

    float: right;

    color: #63bc46;

    font-size: 14px

}



.carrer-info .panel-default>.panel-heading+.panel-collapse>.panel-body,

.service-info .panel-default>.panel-heading+.panel-collapse>.panel-body {

    border: 1px solid #63bc46;

    border-radius: 0;

    border-top: 0

}



.carrer-info .panel-body p,

.service-info .panel-body p {

    margin: 0;

    font-size: 16px

}



.carrer-info .panel-heading h4,

.service-info .panel-heading h4 {

    margin-bottom: 0

}



.service-info .panel-body>ul {

    margin-bottom: 0;

    font-size: 16px

}



.service-info .panel-body>ul li {

    font-size: 16px

}



.careers-form,

.services-form {

    padding: 5px 20px;

    overflow: auto;

    background-color: #307dc2

}



.careers-form .required,

.services-form .required {

    color: red

}



.lists {

    margin-bottom: 10px;

    margin-left: 5%

}



.lists li {

    font-size: 18px;

    list-style: disc

}



.lists li::before {

    display: inline-block;

    font-family: FontAwesome;

    font-feature-settings: normal;

    font-kerning: auto;

    font-language-override: normal;

    font-size-adjust: none;

    font-stretch: normal;

    font-style: normal;

    font-synthesis: weight style;

    font-variant: normal;

    font-weight: 400;

    line-height: 1;

    text-rendering: auto;

    margin-right: 5px;

    font-size: 16px;

    color: #63bc46

}



.news-info h2,

.news-info h3 {

    color: #5a5a5a;

    margin-bottom: 10px

}



.news-info h3 {

    font-size: 20px

}



.news-info h2 {

    font-size: 24px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 10px

}



.news_sidebar ul li,

.newsborder {

    border-bottom: 1px solid #ccc

}



.news-info h3 a {

    color: #000;

    font-size: 20px

}



.feature_img img {

    width: 100%;

    height: 155px;

    border: 1px solid #ccc;

    padding: 2px

}



.currents,

.pages {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    position: relative

}



.news-info p {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 10px !important;

    text-align: justify

}



.news-info span {

    font-size: 16px;

    margin-bottom: 10px 0;

    color: #5390c9

}



.news_sidebar ul {

    margin-bottom: 20px

}



.news_sidebar h3 {

    background-color: #f6f5f4;

    padding: 8px 5px;

    margin-bottom: 10px;

    text-transform: uppercase

}



.news_sidebar ul li a {

    color: #000;

    font-size: 18px

}



.news_sidebar ul li a:hover {

    color: #5a5a5a

}



.cleaner {

    clear: both;

    display: block

}



img.alignright {

    float: right;

    margin: 0 0 1em 1em

}



img.alignleft {

    float: left;

    margin: 0 1em 1em 0

}



.aligncenter,

img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.alignright {

    float: right

}



.alignleft {

    float: left

}



.wp-pagenavi {

    width: 100%;

    clear: both;

    text-align: right;

    height: auto;

    margin: 0 auto;

    padding: 1em 0

}



.pages {

    height: auto;

    color: #e86a4d;

    background-color: #e2e2e2;

    border-radius: 3px;

    font-size: 12px;

    margin: 0 3px 0 0;

    border-width: 0;

    border-style: none;

    padding: 4px 8px

}



.currents,

.wp-pagenavi a {

    height: auto;

    width: auto;

    margin: 0;

    font-size: 12px;

    padding: 4px 8px;

    border-width: 0;

    border-style: none;

    text-decoration: none

}



.currents {

    background-color: #2abdc3;

    font-weight: 400;

    color: #fff;

    border-radius: 3px

}



.wp-pagenavi a {

    display: inline;

    color: #128e90;

    background-color: #e2e2e2;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px

}



.wp-pagenavi a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #2abdc3

}



.page_demo a {

    font: .875em;

    padding: 0 5px;

    background-color: #63bc46;

    color: #fff;

    border: 1px solid #63bc46;

    border-radius: 5px;

    text-transform: uppercase;

    font-size: 16px;

    margin-top: 15px;

    margin-bottom: 10px;

    float: right;

    margin-left: 10px

}



.page_demo a:hover {

    background-color: transparent;

    color: #118917

}



.page_demo a:focus {

    text-decoration: none

}



.timeline-Header-title {

    color: #5a5a5a !important

}



.cse .gsc-search-button input.gsc-search-button-v2,

input.gsc-search-button-v2 {

    border-radius: 0 !important;

    height: auto !important;

    margin-left: 0 !important;

    margin-top: 4px !important;

    min-width: 35px !important;

    padding: 5px 10px !important

}



.gsc-control-cse {

    background-color: transparent !important

}



.cse .gsc-control-cse,

.gsc-control-cse {

    border: none !important;

    padding: 0 !important

}



input.gsc-search-button,

input.gsc-search-button:focus,

input.gsc-search-button:hover {

    background-color: none !important

}



.cse input.gsc-search-button,

input.gsc-search-button {

    background-color: none !important;

    background-image: none !important;

    border: 1px solid #63bc46 !important

}



.gsc-input {

    line-height: 0 !important

}



.gsc-search-box-tools .gsc-search-box .gsc-input {

    padding-right: 0 !important

}



.gsc-input-box,

.gsc-input-box-focus,

.gsc-input-box-hover,

input.gsc-input {

    border-color: #63bc46 !important

}



.gsc-input-box-focus,

.gsc-search-box .gsc-input>input:focus {

    box-shadow: none !important;

    border-color: #63bc46 !important;

    outline: 0 !important

}



.gsc-result .gs-title {

    height: auto !important

}



.float_l {

    float: left

}



.float_r {

    float: right

}



.table>thead>tr>th {

    border-bottom: 2px solid #4a87bf

}



.table.table-hover td {

    border-bottom: 1px solid #4a87bf

}



#disqus_thread {

    position: relative

}



#disqus_thread:after {

    content: "";

    display: block;

    height: 55px;

    width: 100%;

    position: absolute;

    bottom: 0;

    background: #fff

}



.cd-timeline-img img {

    border: 0;

    padding: 0

}



#cd-timeline {

    position: relative;

    padding: 2em 0;

    margin-top: 2em;

    margin-bottom: 2em

}



#cd-timeline::before {

    position: absolute;

    top: 0;

    left: 18px;

    height: 100%;

    width: 4px;

    background: #d7e4ed

}



.cd-timeline-block:after,

.cd-timeline-content:after {

    content: "";

    clear: both

}



@media only screen and (min-width:1170px) {

    #cd-timeline::before {

        left: 50%;

        margin-left: -2px

    }

}



.cd-timeline-block {

    position: relative;

    margin: 2em 0

}



.cd-timeline-block:after {

    display: table

}



.cd-timeline-block:first-child {

    margin-top: 0

}



.cd-timeline-block:last-child {

    margin-bottom: 0

}



@media only screen and (min-width:1170px) {

    .cd-timeline-block {

        margin: 0

    }

    .cd-timeline-block:first-child {

        margin-top: 0

    }

    .cd-timeline-block:last-child {

        margin-bottom: 0

    }

}



.cd-timeline-img {

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0 0 0 4px #fff, 0 2px 0 rgba(0, 0, 0, .08) inset, 0 3px 0 4px rgba(0, 0, 0, .05);

    height: 24px;

    left: 8px;

    position: absolute;

    top: 16px;

    width: 24px

}



.cd-timeline-img img {

    display: block;

    width: 24px;

    height: 24px;

    position: relative;

    left: 50%;

    top: 50%;

    margin-left: -12px;

    margin-top: -12px

}



.cd-timeline-img.cd-movie {

    background: #c03b44

}



.cd-timeline-img.cd-location {

    background: #f0ca45

}



@media only screen and (min-width:1170px) {

    .cd-timeline-img {

        width: 24px;

        height: 24px;

        left: 50%;

        margin-left: -12px;

        -webkit-transform: translateZ(0);

        -webkit-backface-visibility: hidden

    }

    .cssanimations .cd-timeline-img.is-hidden {

        visibility: hidden

    }

    .cssanimations .cd-timeline-img.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-1 .6s;

        -moz-animation: cd-bounce-1 .6s;

        animation: cd-bounce-1 .6s

    }

}



@-webkit-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2)

    }

    100% {

        -webkit-transform: scale(1)

    }

}



@-moz-keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -moz-transform: scale(.5)

    }

    60% {

        opacity: 1;

        -moz-transform: scale(1.2)

    }

    100% {

        -moz-transform: scale(1)

    }

}



@keyframes cd-bounce-1 {

    0% {

        opacity: 0;

        -webkit-transform: scale(.5);

        -moz-transform: scale(.5);

        -ms-transform: scale(.5);

        -o-transform: scale(.5);

        transform: scale(.5)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        transform: scale(1.2)

    }

    100% {

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1)

    }

}



.cd-timeline-content {

    position: relative;

    margin-left: 60px;

    border-radius: .25em;

    padding: 1em

}



.cd-timeline-content:after {

    display: table

}



.cd-timeline-content h4 {

    color: #303e49;

    margin-bottom: 10px;

    padding: 10px 0;

    position: relative;

    text-transform: uppercase

}



.cd-timeline-content .cd-date,

.cd-timeline-content .cd-read-more {

    display: inline-block

}



.cd-timeline-content p {

    margin: 1em 0;

    line-height: 1.6

}



.cd-timeline-content .cd-read-more {

    float: right;

    padding: .8em 1em;

    background: #acb7c0;

    color: #fff;

    border-radius: .25em

}



.no-touch .cd-timeline-content .cd-read-more:hover {

    background-color: #bac4cb

}



.cd-timeline-content .cd-date {

    float: left;

    padding: .8em 0;

    opacity: .7

}



.cd-timeline-content::before {

    content: '';

    position: absolute;

    top: 16px;

    right: 100%;

    height: 0;

    width: 0;

    border: 7px solid transparent;

    border-right: 7px solid #edf2f5

}



@media only screen and (min-width:768px) {

    .cd-timeline-content h2 {

        font-size: 20px

    }

    .cd-timeline-content .cd-date,

    .cd-timeline-content .cd-read-more {

        font-size: 14px;

        font-size: .875rem

    }

}



@media only screen and (min-width:1170px) {

    .cd-timeline-content {

        margin-left: 0;

        padding: 5px 15px;

        width: 45%

    }

    .cd-timeline-content::before {

        top: 24px;

        left: 100%;

        border-color: transparent transparent transparent #edf2f5

    }

    .cd-timeline-content .cd-read-more {

        float: left

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content,

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

        float: right

    }

    .cd-timeline-content .cd-date {

        position: absolute;

        width: 100%;

        left: 122%;

        top: 6px;

        font-size: 16px;

        font-size: 1rem

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

        top: 24px;

        left: auto;

        right: 100%;

        border-color: transparent #edf2f5 transparent transparent

    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {

        left: auto;

        right: 122%;

        text-align: right

    }

    .cssanimations .cd-timeline-content.is-hidden {

        visibility: hidden

    }

    .cssanimations .cd-timeline-content.bounce-in {

        visibility: visible;

        -webkit-animation: cd-bounce-2 .6s;

        -moz-animation: cd-bounce-2 .6s;

        animation: cd-bounce-2 .6s

    }

    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {

        -webkit-animation: cd-bounce-2-inverse .6s;

        -moz-animation: cd-bounce-2-inverse .6s;

        animation: cd-bounce-2-inverse .6s

    }

}



.crm-funtions-list ul li,

.resources-list {

   

}



@-webkit-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(20px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}



@keyframes cd-bounce-2 {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px);

        -moz-transform: translateX(-100px);

        -ms-transform: translateX(-100px);

        -o-transform: translateX(-100px);

        transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(20px);

        -moz-transform: translateX(20px);

        -ms-transform: translateX(20px);

        -o-transform: translateX(20px);

        transform: translateX(20px)

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

}



@-webkit-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(-20px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}



@keyframes cd-bounce-2-inverse {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px);

        -moz-transform: translateX(100px);

        -ms-transform: translateX(100px);

        -o-transform: translateX(100px);

        transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-20px);

        -moz-transform: translateX(-20px);

        -ms-transform: translateX(-20px);

        -o-transform: translateX(-20px);

        transform: translateX(-20px)

    }

    100% {

        -webkit-transform: translateX(0);

        -moz-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

}



.crm-content p,

.crm-functions-content p {

    text-align: justify

}



.crm-functions-content h3 {

    margin-bottom: 0

}



.crm-function-part {

    margin: 30px 0

}



.crm-functions-img img {

    width: 100%

}



.crm-funtions-list {

    margin: 10px 0

}



.resources {

    border-top: 1px dashed #63bc46;

    padding: 30px 0

}



.resources-news-title i {

    color: #63bc46;

    padding-right: 8px;

    font-size: 26px

}



.resources-list {

    margin-top: 20px

}



.resources-inner-title h5 {

    margin-bottom: 15px;

    font-weight: 700;

    font-size: 16px

}



.resources-btn,

.resources-list .resources-inner-content p {

    font-size: 14px

}



.resources-inner-title h5 a {

    color: #000

}



.resources-inner-title h5 a:hover {

    color: #5a5a5a

}



.resources-btn {

    background-color: transparent;

    border: 1px solid #63bc46;

    border-radius: 5px;

    color: #60bb46;

    float: right;

    margin: 10px 0;

    padding: 5px 10px;

    text-transform: uppercase

}



.resources-btn:hover {

    background-color: #63bc46;

    color: #fff

}



.crm-footer {

    margin-top: 50px

}



.crm-footer .crm-footer-part {

    margin: 60px 0

}



.crm-footer .crm-footer-part h2 {

    color: #fff;

    position: relative

}



.crm-footer .crm-footer-form label,

.crm-footer .crm-footer-part p {

    color: #ccc

}



.crm-footer .crm-footer-form .form-control:focus+.crm-footer .crm-footer-form label {

    font-size: 12px

}



.crm-footer .crm-footer-form .form-control {

    background-color: transparent;

    border-color: -moz-use-text-color -moz-use-text-color #555;

    border-image: none;

    border-radius: 0;

    border-style: none none solid;

    border-width: 0 0 1px;

    box-shadow: none;

    color: #fff;

    height: 30px;

    padding: 5px;

    font-size: 16px

}



.crm-footer .crm-footer-form textarea {

    height: 70px !important

}



.crm-footer .crm-footer-form .btn-primary {

    background-color: #63bc46 !important;

    border: 1px solid #63bc46 !important

}



.crm-footer .crm-footer-form .btn-primary:hover {

    border: 1px solid #555 !important;

    background-color: transparent !important

}



.service-list-col img:hover {

    opacity: .7

}



.services-main {

    background-attachment: fixed;

    background-image: url(images/services/service-bg.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    color: #fff

}



.services-main .services-main-part {

    margin: 50px 0;

    text-align: center

}



.service-main-title h2,

.services-main-list,

.services-main-list h4 {

    text-align: center

}



.services-main-list h4 {

    font-size: 21px;

    margin-bottom: 10px

}



.right-border {

    border-right: 1px solid #307dc2;

    height: 350px

}

.service-list-col.col-md-3.col-sm-6 {

    height: 350px;

} 

.media-body a.pull-right {

    position: absolute;

    bottom: -5px;

    right: 10px

}



.media-body,

home-service {

    margin-bottom: 20px

}



.analytics-feature-list h4,

.services-main-list .media-body p {

    margin-bottom: 10px

}



.media-body a {

    color: #2e70b7

}



.analytics-feature-list {

    background-color: #f4f4f4;

    padding: 20px;

    border-left: 3px solid #307dc2

}



.analytics-feature-list ul {

    padding-left: 20px

}



.analytics-feature-img img {

    margin-top: 40px;

    width: auto;

    display: block

}



.analytics-resources {

    margin: 50px 0

}



.analytics-resources h3::after {

    background: #60bb46;

    bottom: 0;

    content: "";

    height: 3px;

    left: 51%;

    margin-left: -30px;

    position: absolute;

    width: 25px

}



.analytics-resources h3 {

    font-size: 30px;

    letter-spacing: 2px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

    text-align: center

}



.analytics-resources-title {

    margin-top: 20px

}



.voice-self-service-why {

    background-image: url(images/services/voice-self-service/voice-self-service.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}



.voice-self-service-voice-part,

.voice-self-service-why-part {

    margin: 50px 0

}



.voice-self-service-voice-part-title h3::after,

.voice-self-service-why-part-title h3::after {

    margin-left: -100px;

    width: 25px;

    bottom: -5px;

    content: "";

    height: 3px

}



.voice-self-service-voice-part {

    margin-bottom: 0

}



.voice-self-service-why-part-title h3::after {

    background: #fff;

    left: 57.5%;

    position: absolute

}



.voice-self-service-voice-part-title h3,

.voice-self-service-why-part-title h3 {

    text-align: center;

    color: #fff;

    position: relative

}



.voice-self-service-voice-part-title h3::after {

    background: #60bb46;

    left: 58%;

    position: absolute

}



.voice-self-service-voice-part-title h3 {

    color: #5a5a5a;

    position: relative

}



.voice-self-service-why-part-title-content .lists {

    margin: 0

}



.voice-self-service-why-part-title-content .lists li {

    color: #fff

}



.voice-self-service-content p {

    margin-bottom: 5px;

    text-align: justify

}



.voice-self-service-why {

    margin-top: 0

}



.voice-self-service-list {

    background-color: #f4f4f4;

    padding: 20px;

    border: 0

}



.voice-self-service-list h4 {

    margin-bottom: 10px

}



.voice-self-service-list ul {

    padding-left: 20px

}



.voice-self-service-img img {

    margin-top: 40px;

    width: auto;

    display: block

}



.genesys-softphone-img img {

    width: 100%;

    margin-top: 45px

}



.genesys-softphone-features {

    background-image: url(images/softphones.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center

}



.genesys-softphone-features-part {

    margin: 50px 0

}



.genesys-softphone-features-title h3 {

    text-align: center;

    color: #fff;

    position: relative

}



.genesys-softphone-features-title h3::after {

    background: #60bb46;

    bottom: -5px;

    content: "";

    height: 3px;

    left: 54%;

    margin-left: -100px;

    position: absolute;

    width: 100px

}



.genesys-softphone-features-content .lists {

    margin: 0

}



.genesys-softphone-features-content .lists li {

    color: #fff

}



.genesys-wfm {

    text-align: justify

}



.genesys-wfm-tab .nav-tabs {

    border-bottom: 0 none

}



.genesys-wfm-tab .nav-tabs>li.active>a,

.nav-tabs>li.active>a:focus,

.nav-tabs>li.active>a:hover {

    background-color: #63bc46;

    color: #fff

}



.genesys-wfm-tab .nav-tabs>li>a {

    background-color: #41a4db;

    color: #fff;

    text-align: center;

    border-radius: 0;

    font-size: 22px;

    font-weight: 500

}



.genesys-wfm-tab.nav-tabs>li>a:hover {

    background-color: #41a4db

}



.nav-tabs>li:first-child a {

    background-color: #d34c67 !important

}



.nav-tabs>li:nth-child(2) a {

    background-color: #41a4db !important

}



.nav-tabs>li:nth-child(3) a {

    background-color: #63bc46 !important

}



.nav-tabs>li:nth-child(4) a {

    background-color: #ed7a49 !important

}



.understand-the-health-part {

    margin: 50px 0

}



.tools-alerts-part-one {

    margin-top: 50px

}



.tools-alerts-part-three {

    margin-bottom: 50px

}



.tools-alerts-img {

    margin-left: 100px

}



.understand-the-health-part h3,

.understand-the-health-part p {

    color: #fff

}



.understand-the-health-part p:last-child {

    margin-bottom: 0

}



.genesys-cms-summary {

    background-color: #8b2ecd

}



.genesys-cms-summary-title-bg {

    background-image: url(images/summary-title-bg.png);

    background-repeat: no-repeat;

    height: 70px

}



.genesys-cms-summary-title {

    margin-top: 20px

}



.genesys-cms-summary-title h3 {

    color: #fff

}



.genesys-cms-summary-part {

    margin: 30px 0

}



.genesys-cms-summary-part p:last-child {

    margin-bottom: 0

}



.genesys-cms-summary-part h3 {

    margin-bottom: 20px

}



.genesys-cms-summary-part h3,

.genesys-cms-summary-part p {

    color: #fff;

    text-align: justify

}



.genesys-cms-summary-part a {

    background: #aac330;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase;

    float: right;

    font-weight: 500

}



.wa-down-demo-button {

    margin-top: 40px

}



.wa-down-demo-button a {

    background: #aac330;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase

}



.dccm-contact-center,

.dccm-two-bg,

.empower-achieve,

.workspace-adapters-call-bg,

.workspace-adapters-summary {

    background-repeat: no-repeat;

    background-size: cover

}



.blue-tn {

    background-color: #e6045f !important

}



.workspace-adapters-call-content p,

.workspace-adapters-content p,

.workspace-adapters-integrate-content-part p {

    text-align: justify

}



.workspace-adapters-integrate-title h3 {

    text-align: center

}



.workspace-adapters-call-part,

.workspace-adapters-integrate-content-part {

    margin: 50px 0

}



.workspace-adapters-integrate-content-bg {

    background-image: url(images/system-bg.png);

    background-repeat: no-repeat;

    margin-left: 100px;

    height: 300px

}



.workspace-adapters-integrate-content-bg img {

    margin-left: 20px;

    margin-top: 18px

}



.workspace-adapters-integrate-content-bg .modal-body img {

    margin-left: 0;

    margin-top: 0

}



.workspace-adapters-call-bg {

    background-image: url(images/services/workspace-adapter-call-bg.jpg);

    min-height: 360px;

    overflow: auto;

    padding: 20px 0

}



.dccm-feature-list,

.key-features-list {

    background-color: #f4f4f4;

    border-left: 3px solid #307dc2;

    padding: 20px

}



.dccm-feature-list ul,

.key-features-list ul {

    padding-left: 20px

}



.workspace-adapters-call-title h3 {

    text-align: center;

    color: #fff

}



.workspace-adapters-call-content p {

    color: #fff

}



.key-features-img img {

    margin-left: 50px;

    margin-top: 10px

}



.workspace-adapters-summary {

    background-image: url(images/services/workspace-adapter-bg.jpg);

    margin-top: 50px

}



.workspace-adapters-summary-part {

    margin: 30px 0

}



.workspace-adapters-summary-content p:last-child {

    margin-bottom: 0

}



.morectnt span {

    display: none

}



.morectnt a:focus,

.morectnt a:hover {

    color: #fcc72c;

    text-decoration: none

}



.showmoretxt {

    text-decoration: none

}



.dccm-content {

    margin-bottom: 20px

}



.dccm-content h3 {

    margin-bottom: 10px

}



.dccm-content p:last-child {

    margin-bottom: 0

}



.dccm-content p,

.dccm-feature-list ul li,

.dccm-summary-content p,

.dccm-two-content p,

.empower-achieve-content p {

    text-align: justify

}



.dccm-feature-part {

    margin: 50px 0

}



.dccm-feature-img img {

    display: block;

    margin-top: 40px;

    width: 100%

}



.entry-date,

.post-date,

.read-more,

.sitemap ul ul li::before {

    display: inline-block

}



.dccm-contact-center {

    background-image: url(images/services/contact-center-challenge-bg.png);

    background-position: center center

}



.dccm-contact-center-part,

.dccm-feature-part,

.dccm-summary-part {

    margin: 50px 0

}



.dccm-contact-center-title h3 {

    color: #fff;

    position: relative;

    text-align: center

}



.dccm-contact-center-content p {

    color: #fff;

    text-align: justify

}



.empower-achieve {

    background-image: url(images/services/easily-audit-bg.jpg)

}



.empower-achieve-content h3 {

    margin-bottom: 35px;

    text-align: center

}



.empower-achieve-img-bg {

    background-image: url(images/system-bg.png);

    background-repeat: no-repeat;

    height: 300px;

    margin-left: 100px

}



.empower-achieve-img-bg img {

    margin-left: 20px;

    margin-top: 18px

}



.empower-achieve-content:nth-child(2) {

    margin: 50px 0

}



.empower-achieve-content:nth-child(2) h4 {

    margin-bottom: 20px

}



.dccm-two-part,

.dccn-two-part {

    margin: 50px 0

}



.dccm-two-bg {

    background-image: url(images/services/workspace-adapter-call-bg.jpg);

    min-height: 380px;

    overflow: auto;

    padding: 20px 0

}



.dccm-two-title h3 {

    color: #fff;

    text-align: center

}



.dccm-two-content p {

    color: #fff

}



.dccm-summary {

    border-top: 3px solid #60bb46;

    background-color: #eee

}



.date,

.icon i {

    background-color: #e74c3c

}



.blog-inner {

    margin-left: -15px;

    margin-right: -15px

}



.post {

    margin-bottom: 50px;

    min-height: 415px

}



.entry-date {

    color: #fff;

    margin-right: 5px;

    text-align: center

}



.date {

    height: 98px;

    margin-bottom: 5px

}



.date h2 {

    border-bottom: 1px solid #fff;

    font-weight: 700;

    line-height: 50px;

    margin-bottom: 0;

    margin-top: 0;

    color: #fff;

    padding: 0 7px

}



.date h4 {

    line-height: 30px;

    color: #fff;

    margin-top: 5px;

    text-transform: uppercase

}



.icon i {

    font-size: 24px;

    line-height: 50px;

    margin-bottom: 5px;

    text-align: center

}



.entry-cover {

    float: right;

    width: 300px

}



.entry-cover img {

    width: 100%;

    height: 150px;

    border: 1px solid #e74c3c

}



.entry-cover .entry-title {

    color: #000;

    display: inline-block;

    font-size: 18px;

    margin: 10px 0

}



.post-date {

    font-size: 14px;

    margin-bottom: 10px;

    width: 100%

}



.post-item,

.sitemap ul ul li:first-child {

    margin-bottom: 0

}



.post-item {

    text-align: justify;

    font-size: 16px

}



.post-date .entry-date {

    margin-right: 0

}



.entry-cover .comments-link a::after,

.entry-cover .comments-link a::before {

    content: "|";

    margin-left: 9px;

    margin-right: 9px

}



.post-date .comments-link a,

.post-date .entry-date {

    width: auto

}



.entry-cover .comments-link a,

.entry-cover .entry-date,

.entry-cover .post-views {

    color: #454545;

    font-size: 14px

}



.read-more {

    background-color: #eee;

    border-radius: 50px;

    color: #000;

    font-size: 12px;

    height: 39px;

    line-height: 39px;

    margin-top: 30px;

    text-align: center;

    text-transform: uppercase;

    width: 120px

}



.no-l-padding {

    padding-left: 0

}



.footer-about p {

    text-align: justify

}



.mob-partner {

    float: left;

    text-align: center;

    width: 48%

}



.sitemap ul li {

    padding-left: 15px

}



.sitemap ul li a {

    margin-top: 10px;

    background-color: transparent;

    box-shadow: none;

    color: #333;

    text-align: left;

    padding: 0

}



.sitemap ul ul li::before {

    color: #63bc46;

    content: "\f105 ";

    font: 16px/1 FontAwesome;

    margin-right: 5px;

    text-rendering: auto;

    margin-left: 20px

}



#userform::after,

.request::after {

    content: ""

}



.sitemap ul ul li a,

.text-area {

    font-size: 16px

}



.sitemap-h50 {

    height: 30px

}



.event_border {

    border-top: 1px dotted #ccc

}



.social_border {

    border-top: 1px solid #555

}



#userform::after {

    background-color: #2975bb;

    bottom: 5px;

    height: 480px;

    left: -10px;

    position: absolute;

    width: 10px

}



#userform {

    background-color: #3280c2;

    padding: 15px;

    position: relative;

    margin-bottom: 50px

}



.request::after {

    height: 97% !important

}



.request-demo {

    margin-bottom: 0

}



.request-demo label {

    color: #fff;

    margin: 10px 0 8px 0

}



.request-demo label span {

    color: #df0000

}



.request-demo .form-control {

    background-color: #3280c2 !important;

    border-color: -moz-use-text-color -moz-use-text-color #fff;

    border-radius: 0;

    border-style: none none solid;

    border-width: 0 0 1px;

    box-shadow: none;

    color: #fff;

    font-size: 16px

}



.request-demo .btn-primary {

    background-color: transparent;

    border: 1px solid #fff !important

}



.request-demo .btn-primary:hover {

    background-color: #63bc46 !important;

    border: 1px solid #63bc46 !important

}



#wpcf7-f5488-o2 .wpcf7-not-valid-tip {

    color: #dc3232;

    font-size: 1em;

    font-weight: 400;

    display: inline-block;

    position: absolute;

    right: 125px;

    width: 215px;

    top: 40px

}



.wpcf7 form .wpcf7-response-output {

    display: inline-block

}



.sent .wpcf7-response-output {

    color: #fff

}



.invalid .wpcf7-response-output {

    display: none !important

}



.part_ml {

    margin-left: 10%

}



.featured-quote {

    background-attachment: scroll, scroll;

    background-clip: border-box, border-box;

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

    background-image: url(images/quote-open.png), url(images/quote-close.png);

    background-origin: padding-box, padding-box;

    background-position: left top, right top;

    background-repeat: no-repeat, no-repeat;

    background-size: 55px auto;

    display: block;

    font-size: 24px;

    font-style: italic;

    font-weight: 300;

    line-height: 1.3em;

    margin: 0;

    padding: 0 80px

}



.cd-timeline-content p:nth-child(3) {

    font-weight: 500

}



.prod-title5 h3 {

    font-size: 30px !important

}



.social_media a:nth-child(1):hover {

    background-color: #3b5998

}



.social_media a:nth-child(2):hover {

    background-color: #54abee

}



.social_media a:nth-child(3):hover {

    background-color: #0e76a8

}



.product_inner h3 a {

    color: #63bc46

}



.product_inner h3 a:hover {

    color: #fcc72c

}



.hblog_title {

    color: #fff

}



.hblog_title:hover {

    color: #fff

}



#menu-footer-menu-1 li a:hover,

#menu-footer-menu-2 li a:hover {

    color: #63bc46

}



#fh5co-menu-wrap .sf-menu a:hover,

.sf-menu ul li a:hover {

    border-bottom: 1px solid #63bc46 !important;

    color: #63bc46 !important

}



.suboption {

    background-color: #3280c2 !important

}



.genesys-imp h4 {

    font-size: 16px

}



.understand-the-health-overlay {

    background: rgba(139, 46, 205, .7);

    bottom: 0;

    position: absolute;

    width: 100%

}



section#features4-l {

    margin-top: 0;

    background-size: cover;

}



#wpcf7-f241-p355-o2 textarea {

    min-height: 140px;

    background: #fff;

    color: #afaaaa

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGKhisFFF-0ifc-Simo8uwJs.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGNJvocFWY_5VFjYFbAOOIik.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSanasPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGLGN1mc631ObjHzqJB_dFFA.woff2) format("woff2");

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGI3P6ux3HwbL10a8ofNXGLA.woff2) format("woff2");

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGD_j0nMiB9fPhg_k1wdK2h0.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGDRVvBvQIc1z78c__uoBcyI.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 300;

    src: local('Source Sans Pro Light'), local(SourceSansPro-Light), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGOode0-EuMkY--TSyExeINg.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlAC5S7WFEeHRqL6ObGQGT8o.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMgmx_L9kV4w6g8dYQOLFUI.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlMODs9238LZG2v64UiBIjng.woff2) format("woff2");

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlFjqPhnWKseBf12Mt9_m7kc.woff2) format("woff2");

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 400;

    src: local('Source Sans Pro Regular'), local(SourceSansPro-Regular), url(https://fonts.gstatic.com/s/sourcesanspro/v11/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGH2tx1iQUBYLA4fTJZSoO3U.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGJaoTU19aO7Bfv-FLfOt5YM.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGHvBSgOUtlSCpvi6_8Wv308.woff2) format("woff2");

    unicode-range: U+1F00-1FFF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGO4f2SQTi4oYi3kh3bYmG2Y.woff2) format("woff2");

    unicode-range: U+0370-03FF

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGDovqjS_dXPZszO_XltPdNg.woff2) format("woff2");

    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGFxe-GPfKKFmiXaJ_Q0GFr8.woff2) format("woff2");

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

}



@font-face {

    font-family: 'Source Sans Pro';

    font-style: normal;

    font-weight: 700;

    src: local('Source Sans Pro Bold'), local(SourceSansPro-Bold), url(https://fonts.gstatic.com/s/sourcesanspro/v11/toadOcfmlt9b38dHJxOBGEo0As1BFRXtCDhS66znb_k.woff2) format("woff2");

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

}



.fh5co-cover.fh5co-cover_2,

.fh5co-cover.fh5co-hero-2,

.fh5co-hero.fh5co-hero-2 {

    height: 600px

}



.fh5co-cover.fh5co-hero-2 .fh5co-overlay,

.fh5co-hero.fh5co-hero-2 .fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .9)

}



.fh5co-overlay {

    position: absolute !important;

    width: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

    background: rgba(66, 64, 64, .3)

}



.fh5co-cover {

    background-size: cover;

    position: relative

}



.fh5co-cover .btn {

    padding: 1em 5em;

    opacity: .9

}



.fh5co-blog .image-popup,

.fh5co-grid:hover .image-popup {

    opacity: 1

}



.fh5co-cover .desc {

    top: 40%;

    position: absolute;

    width: 100%;

    margin-top: -80px;

    z-index: 2;

    color: #000

}



.carousel h2,

.fh5co-cover .desc h2 {

    color: #000;

    text-transform: uppercase;

    font-size: 40px;

    margin-bottom: 15px

}



@media screen and (max-width:768px) {

    .fh5co-cover.fh5co-cover_2 {

        heifght: inherit;

        padding: 3em 0

    }

    .fh5co-cover .desc {

        padding-left: 15px;

        padding-right: 15px

    }

    .fh5co-cover .desc h2 {

        font-size: 40px

    }

}



.carousel span,

.fh5co-cover .desc span {

    display: block;

    margin-bottom: 25px;

    font-size: 28px;

    letter-spacing: 1px;

    line-height: 25px

}



.carousel span a,

.fh5co-cover .desc span a {

    color: #000

}



.carousel span a:focus,

.carousel span a:hover,

.fh5co-cover .desc span a:focus,

.fh5co-cover .desc span a:hover {

    color: #000 !important

}



.sf-menu a,

.sf-menu li.active a,

.sf-menu li.active a:focus,

.sf-menu li.active a:hover,

.sf-menu li.sfHover a,

.sf-menu li:hover a,

.sf-menu ul li.sfHover a,

.sf-menu ul li:hover a {

    color: #000

}



.carousel span a:focus.btn,

.carousel span a:hover.btn,

.fh5co-cover .desc span a:focus.btn,

.fh5co-cover .desc span a:hover.btn {

    background: 0 0 !important;

    border: 1px solid #61a300 !important

}



.fh5co-cover .desc span a.fh5co-site-name {

    padding-bottom: 2px;

    border-bottom: 1px solid rgba(110, 190, 98, .7);

    color: #000

}



.sf-menu,

.sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none

}



.sf-menu li {

    position: relative;

    white-space: nowrap;

    white-space: normal;

    -webkit-transition: background .2s;

    transition: background .2s

}



.sf-menu ul {

    position: absolute;

    display: none;

    top: 50px;

    z-index: 99;

    background: #fff;

    box-shadow: 0 1px 1px 1px #828282 !important;

    padding: 0 15px

}



.sf-menu a,

.sf-menu li.sfHover>ul,

.sf-menu li:hover>ul {

    display: block

}



.sf-menu li,

.sf-menu li.sfHover,

.sf-menu li:hover,

.sf-menu ul li,

.sf-menu ul li.sfHover,

.sf-menu ul li:hover,

.sf-menu ul ul li {

    background: 0 0

}



.sf-menu>li {

    float: left

}



.sf-menu ul ul {

    top: 0;

    left: 100%

}



.sf-menu {

    margin: 0 !important;

    float: right

}



.sf-menu ul li {

    border-bottom: 1px solid #ccc

}



.dropdown li:last-child {

    border: 0

}



.sf-menu li.sfHover,

.sf-menu li:hover {

    -webkit-transition: none;

    transition: none

}



.sf-menu ul {

    width: 12em;

    border: transparent;

    min-width: 12em

}



.sf-menu a {

    position: relative;

    padding: .75em .55em !important;

    font-weight: 400;

    border-left: none;

    border-top: none;

    zoom: 1;

    font-size: 18px;

    border-bottom: none !important

}



.sf-menu a:hover {

    border-bottom: 2px solid #60bb46 !important;

    transition: none !important

}



.carousel-inner>.item>a>img,

.carousel-inner>.item>img {

    margin: 0 auto !important

}



.sf-menu ul li a,

.sf-menu ul ul li a {

    text-transform: none;

    padding: .2em .25em !important;

    letter-spacing: 1px;

    font-size: 14px;

    line-height: 20px !important

}



.sf-arrows .sf-with-ul {

    padding-right: 2.5em

}



.sf-arrows .sf-with-ul:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -3px;

    height: 0;

    width: 0;

    border: 5px solid transparent;

    border-top-color: #ccc

}



.sf-arrows>.sfHover>.sf-with-ul:after,

.sf-arrows>li:hover>.sf-with-ul:after,

.sf-arrows>li>.sf-with-ul:focus:after {

    border-top-color: #ccc

}



.sf-arrows ul .sf-with-ul:after {

    margin-top: -5px;

    margin-right: -3px;

    border-color: transparent transparent transparent #ccc

}



.sf-arrows ul .sfHover>.sf-with-ul:after,

.sf-arrows ul li:hover>.sf-with-ul:after,

.sf-arrows ul li>.sf-with-ul:focus:after {

    border-left-color: #ccc

}







.orcel-bg {

    background: url(images/services/workspace-adapter-call-bg.jpg);

    min-height: 485px !important

}



.oracle-integrate {

    padding-top: 30px

}



.rollup-page {

    background: url(images/services/workspace-adapter-call-bg.jpg)

}



.rollup-page-list>li {

    color: #fff;

    padding: 5px 0

}



.rollup-contect-part {

    padding: 50px 0 0

}



.rollup-page-sec {

    padding-bottom: 50px

}



.rollup-page-btn {

    margin-bottom: 40px

}



.features-tool>h2 {

    font-weight: 600;

    margin-top: 40px;

    text-align: center !important

}



.products {

    margin: 50px 0;

    height: 250px;

    background-color: #f7f7f7

}



.product-list a {

    color: #000

}



.product-list a:hover {

    color: #3080c2

}



.product-list ul {

    list-style: square outside;

    margin-left: 20px;

    padding-left: 0

}



.stamp-services-list {

    margin: 10px 0;

    border: 2px solid #3baea8;

    padding: 15px;

    min-height: 300px;

    text-align: left

}



.stamp-service-lst {

    margin: 10px 0;

    padding: 15px;

    min-height: 300px

}



body a:hover {

    text-decoration: none

}



.devls_team_grid1_pos ul li,

a,

input[type=reset],

input[type=submit] {

    -webkit-transition: .5s ease-in;

    -moz-transition: .5s ease-in;

    -ms-transition: .5s ease-in;

    -o-transition: .5s ease-in;

    transition: .5s ease-in

}



.dev_agile_logo img {

    margin-bottom: 10px;

    margin-top: 15px

}



.banner,

.banner1 {

    padding: 2em 0 0

}



.banner {

    background: url(https://www.pointel.com/wp-content/uploads/2021/06/configuration-management-solution-cms.jpg) no-repeat 0 0;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    -ms-background-size: cover;

    min-height: 650px;

    position: relative

}



.dev_agile_logo {

    float: left

}



.dev_agile_logo h1 a {

    font-size: 1.5em;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    letter-spacing: 5px

}



.dev_agile_logo h1 a span {

    display: block;

    font-size: .3em;

    border-top: 1px solid;

    border-bottom: 1px solid;

    width: 50%;

    color: #95f347

}



.social-icons {

    display: inline-block

}



.social-icons li {

    clear: none;

    display: inline-block;

    float: left;

    line-height: 70px;

    vertical-align: top;

    width: auto

}



.he_social.ico-facebook {

    color: #337ab7;

    border: 2px solid #337ab7

}



.he_social.ico-facebook:hover {

    color: #3b5998;

    border: 2px solid #3b5998;

    background-color: #fff

}



.he_social {

    border-radius: 50%;

    display: block;

    font-size: 15px;

    height: 36px;

    line-height: 32px;

    margin: 0 4px;

    text-align: center;

    text-decoration: none;

    transition: all 250ms ease-in-out 0;

    width: 36px

}



.he_social.ico-twitter {

    color: #337ab7;

    border: 2px solid #337ab7

}



.he_social.ico-twitter:hover {

    color: #00a9ed;

    border: 2px solid #00a9ed;

    background-color: #fff

}



.he_social.ico-linked-in {

    color: #337ab7;

    border: 2px solid #337ab7

}



.he_social.ico-linked-in:hover {

    color: #0073b0;

    border: 2px solid #0073b0;

    background-color: #fff

}



.logo-part {

    padding-bottom: 10px;

    padding-top: 15px

}



.text-right {

    margin-top: 25px

}



#intro_description {

    color: #fff;

    margin-top: 130px

}



#intro_description h1 {

    font-size: 40px;

    margin-bottom: 30px

}



#intro_description h2 {

    font-size: 30px;

    margin-bottom: 30px

}



.intro_feature {

    margin-bottom: 20px

}



.intro_feature h4 {

    font-weight: 600

}



.intro_feature i {

    margin-right: 5px

}



.intro_feature p {

    font-family: "Source Sans Pro", Arial, sans-serif;

    font-size: 20px;

    font-weight: 400

}



#intro_form {

    padding-left: 100px;

    margin-top: 50px

}



footer .demoCall {

    background: #00d0c3;

    background: -moz-linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    background: -webkit-linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    background: linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    padding: 15px

}



.form_register {

    background: -moz-linear-gradient(180deg, #00c4ff 0, #2575ff 100%);

    border-radius: 15px;

    margin: 0 auto;

    padding: 20px 20px 25px;

    width: 100%

}



.form_register h2 {

    color: #fff;

    font-weight: 300;

    line-height: 30px;

    text-align: center;

    text-transform: uppercase

}



.form_register .form-control {

    border: 1px solid #ddd;

    border-radius: 0;

    margin-bottom: 20px

}



input[type=email],

input[type=text],

textarea {

    color: #444;

    transition: all .3s ease-in-out 0

}



.form-control {

    box-shadow: none;

    color: #666

}



.form_register textarea {

    min-height: 140px

}



.features-tool>h2 {

    color: #3080c2;

    font-weight: 600;

    margin-bottom: 40px;

    text-align: center

}



.features {

    padding: 25px 0 20px

}



.img-details {

    padding: 30px 0;

    text-align: center

}



.img-part {

    text-align: center

}



.img-details h4 {

    color: #3080c2;

    padding-bottom: 10px;

    font-size: 21px

}



.clienth h3::after {

    left: 53%

}



.heading-section h3::after {

    background: #1087e3 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 3px;

    left: 53%;

    margin-left: -36px;

    position: absolute;

    width: 25px;

    z-index: 5

}



.heading-section h3 {

    font-size: 30px;

    letter-spacing: 2px;

    padding-bottom: 15px;

    position: relative;

    text-transform: uppercase;

    margin-bottom: 15px;

}

span.r_more.text-center {

    position: relative;

    top: 15px;

}

.copy {

    background-color: #666;

    padding: 10px;

    width: 100%

}



.copyright {

    color: #ccc;

    font-size: 14px

}



.mob-center {

    text-align: center

}



.landing-testimonial {

    background-color: #f1f1f1;

    padding: 50px 0

}



.stamp-landing-testimonial {

    padding: 11px 0

}



span.error {

    color: #fff;

    font-size: 15px

}



.btn.btn-primary.btn-lg {

    margin-top: 16px

}



.alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d;

    font-size: 15px;

    margin: 16px;

    padding: 3px

}



@font-face {

    font-family: FontAwesome;

	font-display: swap; 

    src: url(fonts/fontawesome-webfont.eot?v=4.6.3);

    src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(fonts/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(fonts/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(fonts/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");

    font-weight: 400;

    font-style: normal

}



.fa {

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-fw {

    width: 1.28571429em

}



.fa-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none

}



.fa.fa-pull-right,

.fa.pull-right {

    margin-left: .3em

}



.fa-ul>li {

    position: relative

}



.fa-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: .14285714em

}



.fa-li.fa-lg {

    left: -1.85714286em

}



.fa-border {

    padding: .2em .25em .15em;

    border: .08em solid #eee;

    border-radius: .1em

}



.fa-pull-left {

    float: left

}



.fa-pull-right,

.pull-right {

    float: right

}



.pull-left {

    float: left

}



.fa-spin {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    -webkit-animation: fa-spin 1s infinite steps(8);

    animation: fa-spin 1s infinite steps(8)

}



@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fa-rotate-90 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fa-rotate-180 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.fa-rotate-270 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1)

}



:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-rotate-90 {

    filter: none

}



.fa-stack {

    position: relative;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}



.fa-stack-1x,

.fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-calendar-o:before {

    content: "\f133"

}



.fa-facebook:before {

    content: "\f09a"

}



.fa-twitter:before {

    content: "\f099"

}



.fa-linkedin:before {

    content: "\f0e1"

}



.fa-angle-double-right:before {

    content: "\f101"

}



.fa-angle-right:before {

    content: "\f105"

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto

}



.cms-down-button {

    background: #e6045f none repeat scroll 0 0;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase

}



.cms-down-button:hover {

    color: #fff

}



.cms-demo-button {

    background: #aac330 none repeat scroll 0 0;

    border: 1px solid transparent;

    border-radius: 3px;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase

}



.cms-demo-button:hover {

    color: #fff

}



.cmsfreedemo {

    margin-bottom: 42px;

    text-align: center

}



.banner-cx18 img {

    width: 100%

}



.cx18-content {

    padding: 50px 0

}



.genesys-top h1 {

    text-align: center;

    padding: 10px;

    color: #000;

    font-weight: 600

}



.genesys-top h2 {

    text-align: center;

    padding: 10px;

    color: #000

}



.cx-button {

    text-align: center;

    margin-top: 30px

}



.cx-button a {

    background-color: #fff;

    border-radius: 50em;

    border: 2px solid #ff4f1f;

    font-weight: 400;

    color: #ff4f1f;

    padding: .6em 3em;

    text-decoration: none;

    font-size: 16px

}



.genesys-top p {

    font-size: 18px;

    padding: 9px 0;

    text-align: center

}



.cx-button a:hover {

    background-color: #ff4f1f;

    color: #fff;

    border: none !important

}



.genesys-bottom {

    padding: 26px 0 0

}



.genesys-bottom p {

    padding: 10px 0

}



.footer-top {

    background: #000 none repeat scroll 0 0;

    padding: 2px 0

}



.footer-top h3 {

    color: #fff;

    float: left;

    font-size: 20px;

    padding: 13px

}



.footer-bottom {

    padding: 30px 0

}



.genesys-bottom1 p {

    padding: 5px 0 8px

}



.genesys-top1 p {

    font-size: 18px;

    padding: 9px 0

}



.genesys-top1 h1 {

    text-align: center;

    padding: 10px;

    color: #000;

    font-weight: 600

}



.genesys-top1 h2 {

    text-align: center;

    padding: 10px;

    color: #000

}



.genesys-top1 {

    padding: 5px 0 20px

}



.event-cx18 {

    margin: 10px 0 0 !important

}



.event-cx-icon {

    font-size: 15px !important;

    line-height: 30px !important;

    width: 30px !important;

    height: 30px !important

}



.landing-expect {

    padding: 6px 0

}



.footer-social-icon {

    padding-left: 45px

}



.stamp-prod {

    background-color: #307dc2;

    color: #fff;

    width: 80%;

    margin: 0 auto

}



.stamp {

    background-color: #307dc2;

    color: #fff

}



.stamp-by-pointel {

    background-color: #21979d;

    width: 95%;

    color: #fff;

    text-align: justify

}



.stamp-modal-body {

    position: relative;

    padding: 38px;

    text-align: justify

}



.stamp-intro p {

    font-family: "Source Sans Pro", Arial, sans-serif;

    font-size: 14px;

    font-weight: 200

}



.stamp .modal-header {

    border-bottom: 1px solid #fff

}



.stamp .modal-body p {

    font-size: 16px

}



.stamp .close {

    color: #fff;

    opacity: .6

}



.contact-center {

    padding: 0

}



.contact-center img {

    min-height: 500px;

    object-fit: cover;

    width: 100%

}



.stamp-contact-center img {

    object-fit: cover;

    width: 60%

}



.stamp-new-footer img {

    object-fit: cover;

    width: 83%;

    padding-top: 20px

}



.contact-center-text {

    background-color: #f1f1f1;

    min-height: 555px;

    padding: 50px

}



.stamp-aboutus-bg {

    background-color: #21979d;

    min-height: 500px;

    padding: 25px

}



.new-stamp-aboutus-bg {

    background-color: #fff;

    min-height: 379px;

    padding: 0 16px;

    font-color: 18px

}



.stamp-fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.stamp-fa-star:before {

    content: "\f005"

}



.download-bg {

    background-color: #3baea8;

    min-height: 50px;

    padding: 25px

}



.text-grad {

    background: -o-linear-gradient(bottom, #4d6e88 5%, #2e4054 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #4d6e88), color-stop(1, #2e4054));

    background: -moz-linear-gradient(center top, #4d6e88 5%, #2e4054 100%);

    background: -o-linear-gradient(top, #4d6e88, [B] 2e4054[/B]);

    border: 0 solid #fff;

    text-align: center;

    border-width: 0 0 1px 1px;

    font-size: 14px;

    font-family: Verdana;

    font-weight: 700;

    color: #fff

}



.gradient-color {

    font-size: 54px;

    background: -o-linear-gradient(bottom, #2c78bd 5%, #4eb848 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2c78bd), color-stop(.15, #2c78bd), color-stop(.3, #337ab7), color-stop(.45, #33b7a5), color-stop(.6, #34b7a5), color-stop(.75, #4eb848), color-stop(.9, #08c40e), color-stop(1, #08c40e));

    background-image: gradient(linear, left top, right top, color-stop(0, #2c78bd), color-stop(.15, #2c78bd), color-stop(.3, #337ab7), color-stop(.45, #33b7a5), color-stop(.6, #34b7a5), color-stop(.75, #4eb848), color-stop(.9, #08c40e), color-stop(1, #08c40e));

    color: transparent;

    -webkit-background-clip: text;

    background-clip: text

}



.stamp-new-dnld-bg {

    background-color: background: #08c40e;

    background: -moz-linear-gradient(left, #08c40e 0, #1aaaab 100%);

    background: -webkit-gradient(left top, right top, color-stop(0, #08c40e), color-stop(100%, #1aaaab));

    background: -webkit-linear-gradient(left, #08c40e 0, #1aaaab 100%);

    background: -o-linear-gradient(left, #08c40e 0, #1aaaab 100%);

    background: -ms-linear-gradient(left, #08c40e 0, #1aaaab 100%);

    background: linear-gradient(to right, #08c40e 0, #1aaaab 100%);

    min-height: 50px;

    padding: 25px

}



.contact-center-system {

    margin-bottom: 0

}



.load img {

    min-height: 95px;

    object-fit: cover;

    padding-top: 20px;

    width: 100%

}



.fun-section,

.stress-section {

    background-color: #f1f1f1;

    padding: 50px 0

}



.heart-section,

.reg-section {

    padding: 50px 0

}



.load-testing {

    margin-bottom: 50px

}



.challen h3 {

    margin-bottom: 10px

}



.manual img {

    min-height: 550px;

    object-fit: cover;

    width: 100%

}



.stamp-fun,

.stamp-key {

    background-color: #fff;

    margin: 80px auto

}



.stamp-fun h3,

.stamp-key h3 {

    margin-bottom: 20px

}



.list-key {

    background-color: #f4f4f4;

    border-left: 3px solid #307dc2;

    padding: 40px

}



.no-padding {

    padding: 0

}



.stamp-fun img {

    max-height: 280px;

    object-fit: cover;

    width: 100%

}



.down-demo-button {

    margin: 20px

}



.down-demo-button a {

    border: 1px solid transparent;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase;

    background: #aac330 none repeat scroll 0 0;

    border-radius: 3px

}



.copy a,

.copyright {

    color: #ccc;

    font-size: 14px

}



.blue-tn {

    background-color: #e6045f !important

}



.download-tn {

    background-color: #fff !important

}



.download-tn a {

    border: 1px solid transparent;

    color: #fff;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase;

    background: #fff none repeat scroll 0 0;

    border-radius: 3px

}



.download-demo-button a {

    border: 1px solid transparent;

    color: #3baea8;

    font-weight: 500;

    margin-right: 20px;

    padding: 15px 40px;

    text-transform: uppercase;

    background: #aac330 none repeat scroll 0 0;

    border-radius: 3px

}



.powerd {

    color: #ccc

}



.devims {

    text-align: right

}



.intro-stamp {

    background: rgba(236, 226, 226, .79) none repeat scroll 0 0;

    height: 325px;

    padding-top: 35px

}



.intro-stamp1 {

    background-color: #ffffffd1;

    height: 250px;

    padding-top: 35px;

    z-index: 100;

    border: 15px solid rgba(255, 255, 255, .28)

}



.intro-stamp-new {

    background: rgba(255, 255, 255, .85) none repeat scroll 0 0;

    height: 325px;

    padding-top: 35px

}



.landing-title {

    margin-top: 10px;

    color: #000

}



.products {

    margin-bottom: 50px

}



.product-list a {

    color: #000

}



.product-list a:hover {

    color: #3080c2

}



#stamp_intro_form {

    width: 100%;

    margin-top: 150px;

    z-index: 1000;

    display: block

}



.stamp-form-regtr textarea {

    min-height: none

}



.stamp-form-regtr h2 {

    color: #fff;

    font-weight: 300;

    line-height: 30px;

    text-align: center;

    text-transform: uppercase

}



.stamp-form-regtr .stamp-form-control {

    border: 1px solid #ddd;

    border-radius: 0;

    margin-top: 20px

}



.stamp-form-control {

    display: block;

    width: 100%;

    height: 42px;

    padding: 10px;

    font-size: 12px;

    line-height: 1.42857;

    color: #555;

    background-color: #fff;

    background-image: none

}



.stamp-btn {

    margin-top: none;

    width: 100%;

    display: inline-block;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 10px 20px;

    font-size: 14px;

    line-height: 1.42857;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.stamp-btn-primary {

    color: #fff;

    background-color: gray

}



.stamp-form-register textarea {

    min-height: none

}



.form_register textarea {

    min-height: 0

}



.stamp_form_register {

    background: #08c40e none repeat scroll 0 0

}



.stamp-footer-btn {

    width: -webkit-fill-available

}



\* footer dropdown menu css * * {

    margin: 0;

    padding: 0

}



nav {

    width: 100%;

    font-family: arial, georgia, helvetica;

    line-height: 1.5

}



.vmenu h4 {

    background: #d6d6d6;

    color: #000;

    font-size: large;

    font-weight: 500;

    padding: 10px 25px;

    border-radius: 10px;

    border: 1px solid #666;

    margin-bottom: 2px

}



.vmenu h4 a {

    text-decoration: none;

    color: #000;

    width: 100%;

    display: block

}



.vmenu h4:hover {

    color: #fff;

    background: #08c40e

}



.vmenu ol {

    font-size: 13px;

    font-height: 30px;

    list-style-type: none;

    padding: 0;

    overflow: hidden;

    height: 0;

    transition: height 1s ease;

    background: #fff;

    margin-bottom: .1em

}



.vmenu ol a {

    color: #000;

    text-decoration: none;

    width: 100%;

    margin-left: 19px;

    font-size: 14px;

    height: 30px

}



.vmenu li {

    border-bottom: solid 2px #eee

}



.vmenu li:hover {

    background: #4eb848

}



.vmenu:hover #s2 {

    height: 50px

}



.stamp-new-copyright1 {

    color: #fff;

    font-size: 14px;

    font-weight: 100

}



.carousels {

    margin-bottom: 0;

    padding: 0

}



.carousels-control {

    left: -5px;

    width: 4%;

    margin-top: 50px;

    font-size: 94px

}



.carousels-control.right {

    right: -5px;

    margin-top: 50px;

    font-size: 94px;

    background-image: none

}



.carousels-control.left {

    background-image: none;

    background-image: none;

    background-image: none;

    background-repeat: none

}



.carousels-indicators {

    right: 50%;

    top: auto;

    bottom: 0;

    margin-right: -19px

}



.carousels-indicators li {

    background: silver

}



.carousels-indicators .active {

    background: #333

}



.well-stamp {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: none;

    border: none;

    border-radius: none

}



#fh5co-header-section {

    padding: 0;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 2;

    position: fixed;

    background-color: #fff

}



.quick-links .carrer-sitemap,

.quick-links .search {

    float: right

}



.nav-header {

    position: relative;

    float: right;

    width: 70%;

    margin-top: -7px

}



.search {

    padding-top: 10px

}



.stamp-feat-box {

    border: 1px solid #fff;

    border-radius: 15px;

    background-color: #2b7bbf;

    padding: 20px;

    text-align: justify;

    min-height: 200px

}



.stamp-feat-box1 {

    background-color: #08c312;

    border: 1px solid #fff;

    border-radius: 15px;

    padding: 20px;

    text-align: justify;

    min-height: 200px

}



.stamp-services-bene {

    margin: 10px 0;

    padding: 15px;

    min-height: 400px;

    text-align: left

}



.cid-rupnexroz5 {

    padding-top: 120px;

    padding-bottom: 120px;

    background-image: url(https://www.pointel.com/wp-content/uploads/2021/06/background4.jpg)

}



.cid-rupnexroz5 .mbr-media span {

    font-size: 48px;

    cursor: pointer;

    background-color: #fff;

    border-radius: 50%;

    width: 6rem;

    height: 6rem;

    line-height: 6rem;

    position: relative;

    display: inline-block;

    transition: all .25s;

    color: #353535

}



.cid-rupnexroz5 .mbr-media span.mbri-play:before {

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-35%);

    -moz-transform: translateX(-35%);

    -ms-transform: translateX(-35%);

    -o-transform: translateX(-35%);

    transform: translateX(-35%)

}



.cid-rupnexroz5 .modalWindow {

    position: fixed;

    z-index: 5000;

    left: 0;

    top: 0;

    background-color: rgba(61, 61, 61, .65);

    width: 100%;

    height: 100%

}



.cid-rupnexroz5 .modalWindow .modalWindow-container {

    display: table-cell;

    vertical-align: middle

}



.cid-rupnexroz5 .modalWindow .modalWindow-video {

    height: calc(44.9943757vw);

    width: 80vw;

    margin: 0 auto

}



.cid-rupnexroz5 a.close {

    position: absolute;

    right: 4vw;

    top: 4vh;

    color: #fff;

    z-index: 5000000;

    font-size: 37px;

    background: #000;

    padding: 20px;

    border-radius: 50%

}



.cid-rupnexroz5 a.close:hover {

    color: #fff

}



.cximb-60 {

    margin-bottom: 60px

}



.cxiservices-inner {

    border: 2px solid #48c7ec;

    transition: .3s

}



.cxiour-services-img {

    float: left;

    margin-left: -36px;

    margin-right: 22px;

    margin-top: 28px

}



.cxiour-services-text {

    overflow: hidden;

    padding: 28px;

    text-align: center

}



.cxiour-services-text h4 {

    color: #222;

    font-size: 18px;

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 8px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase

}



.cxiour-services-text h4::before {

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 35px

}



.cxiour-services-wrapper:hover .services-inner {

    background: #fff none repeat scroll 0 0;

    border: 2px solid transparent;

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

}



.cxiour-services-text p {

    margin-bottom: 0

}



.cxicard-box:hover {

    box-shadow: 0 0 0 0 transparent;

    transition: box-shadow .3s

}



.cxicard-boxs {

    background-color: #fff;

    padding: 1rem;

    margin: 0;

    border: 1px solid #d4dfeb

}



.cxicard-boxs:hover {

    background-color: #47c5ff;

    box-shadow: 0 0 0 0 transparent;

    transition: box-shadow .3s

}



.CXi-box {

    margin: 25px;

    border: 1px solid #000;

    padding: 36px 13px 6px;

    text-align: center

}



.CXi-box:hover {

    background: #fff none repeat scroll 0 0;

    border: 2px solid #000;

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

}



.mb-60 {

    margin-bottom: 60px

}



.services-inner {

    transition: .3s

}



.our-services-img {

    float: left;

    margin-left: -36px;

    margin-right: 22px;

    margin-top: 28px

}



.our-services-text {

    overflow: hidden;

    padding: 28px;

    text-align: center

}



.our-services-text h4 {

    color: #222;

    font-size: 18px;

    letter-spacing: 1px;

    margin-bottom: 8px;

    padding-bottom: 10px;

    position: relative;

}



.our-services-text h4::before {

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 35px

}



.our-services-wrapper:hover .services-inner {

    background: #fff none repeat scroll 0 0;

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

}



.our-services-text p {

    margin-bottom: 0

}



.card-box:hover {

    box-shadow: 0 0 0 0 transparent;

    transition: box-shadow .3s

}



.card-boxs {

    background-color: #fff;

    padding: 1rem;

    margin: 0;

    border: 1px solid #d4dfeb

}



.card-boxs:hover {

    background-color: #47c5ff;

    box-shadow: 0 0 0 0 transparent;

    transition: box-shadow .3s

}



.cid-ruq0PRYvv1a {

    padding-top: 20px;

    padding-bottom: 20px

}

.space {

    margin: 0 0 30px;

}

.cid-ruq0PRYvv1 {

    padding-top: 20px;

    padding-bottom: 20px;

    background-color: #f7f7f7;

}



.cid-ruq0PRYvv1 .card-box {

    background-color: #fff;

    padding: 1rem;

    border: 1px solid #d4dfeb

}



.cid-ruq0PRYvv1 h4 {

    font-weight: 500;

    margin-bottom: 0;

    text-align: left

}



.cid-ruq0PRYvv1 p {

    color: #767676;

    text-align: justify

}



.cid-ruq0PRYvv1 .card-wrapper {

    position: relative;

    box-shadow: 0 0 0 0 transparent;

    transition: box-shadow .3s

}



.cid-ruq0PRYvv1 .card-wrapper:hover {

    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);

    transition: box-shadow .3s

}



.cid-ruq0PRYvv1 .card-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    overflow: hidden

}



.feature-box-03-bg-1 {

    background: #01bdc9;

    border-radius: 20px;

    border: 2px solid #fff;

    height: 225px;

    padding: 30px 50px

}



.feature-box-03-bg-2 {

    background: #00a7d4;

    border-radius: 20px;

    border: 2px solid #fff;

    height: 225px;

    padding: 30px 50px

}



.feature-box-03-bg-3 {

    background: #019cdf;

    border-radius: 20px;

    border: 2px solid #fff;

    height: 303px;

    padding: 30px 50px

}



.feature-box-03-bg-4 {

    background: #0283c9;

    border-radius: 20px;

    border: 2px solid #fff;

    height: 303px;

    padding: 30px 50px

}



.page-section-ptb {

    padding: 0 0 30px

}



.mb-2 {

    margin-bottom: 20px;

    font-family: 'Source Sans Pro', sans-serif

}



body,

html {

    font-size: 100%;

    font-family: 'Source Sans Pro', sans-serif;

    margin: 0

}



ol li,

p,

ul li {

    margin: 0;

    font-size: 17px;

    font-family: 'Source Sans Pro', sans-serif

}



.page-section-ptb {

    padding: 30px 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-weight: 400;

    margin: 0 0 0

}



.vmenus {

    background: #00d0c3;

    background: -moz-linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    background: -webkit-linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    background: linear-gradient(270deg, #00d0c3 0, #009de5 100%);

    padding: 17px 8px 17px 18px;

    margin: 5px;

    border-radius: 10px

}



.vmenus h4 {

    width: 600px;

    color: #fff;

    font-size: large;

    font-weight: 500;

    padding: 7px 0;

    border-color: #ddd

}



.vmenus h4 a {

    text-decoration: none;

    color: #fff;

    width: 500px;

    height: 6px

}



.vmenus ol {

    background-color: #02396f;

    font-size: 13px;

    font-height: 30px;

    list-style-type: none;

    padding: 0;

    overflow: hidden;

    height: 0;

    transition: height 1s ease

}



.vmenus ol a {

    color: #fff;

    text-decoration: none;

    width: 400px;

    margin-left: 50px;

    font-size: large;

    height: 30px

}



.vmenus li {

    border-bottom: solid 2px #eee

}



.vmenus li:hover {

    background: orange

}



.vmenus:hover #s3 {

    height: 44px

}



.vmenus:hover #s4 {

    height: 124px

}



.boxu {

    margin: 15px 0

}



.boxu li {

    margin: 5px 0

}



@media (min-width:992px) {

    .moni1 {

        width: 70%

    }

}



@media (min-width:1200px) {

    .moni1 {

        width: 70%

    }

}



@media (min-width:576px) {

    .moni1 {

        width: 70%

    }

}



img.moni1 {

    margin: 25px 0 0 0

}



.activequ li {

    padding: 0;

    margin: 2px;

    line-height: 30px;

    font-size: 17px;

    text-align: justify;

    list-style: disc

}



.image-block.col-md-6.tes_pen {

    padding: 0 50px 0 0

}

section#post-6032 .container {

    width: 750px;

}

.work-card {
    margin: 10px;
    padding: 24px 20px;
    max-height: 151px;
    text-align: center;
    min-height: 143px;
    border-radius: 8px 40px 8px 40px;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
    box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
}
.cd1{background:#70e4e8;}.cd2{background:#f5eb92;}.cd3{background:#a3ffe2;}.cd4{background:#ffbc7a;}.cd5{background:#e3ff8e;}.cd6{background:#ffa0c6;}
.cd7{background:#f3a6ff;}.cd8{background:#97ffaf;}.cd9{background:#6cfffa;}.cd10{background:#77baff;}.cd11{background:#ffefd4;}.cd12{background:#7affdb;}
.work-card span a {
    color: #000;
}
.col-xs-12.inner-page.search-page img {
    display: none;
}
.col-xs-12.inner-page.search-page .date {
    display: none;
}
.col-xs-12.inner-page.search-page .author {
    display: none;
}
.col-xs-12.inner-page.search-page .post-edit-link {
    display: none;
}
.col-xs-12.inner-page.search-page .post {
    min-height: auto;
}
.col-xs-12.inner-page.search-page h1 {
    font-size: 25px;
    margin: 20px 0 25px 0;
}
.search-page h2 a {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.search-page .page, .post {
    padding: 15px;
    border: 1px solid #ccc;
    margin: 0 0 14px 0;
}