@import url('/fonts_googleapis_com/css/index.html');


html,
body,

.view {
    height      : 100%;
    font-family : 'Source Sans Pro', sans-serif;
    }

body{
    overflow-x: hidden;
}

.container {
    max-width : 1200px;
    padding   : 0 15px !important;
    }

.tab-left-ali {

    text-align : left;
    }


.navbar {
    background-color : rgba(0, 0, 0, 0.2);
    }

.top-nav-collapse {
    background-color : #1C2331;
    }


@media only screen and (max-width : 768px) {
    .navbar {
        background-color : #1C2331;
        }
    }



ul {
    padding-left : 0;
    }


footer a {
    position : relative;
    }

footer a:before {
    content    : '';
    width      : 0%;
    height     : 2px;
    background : #e84c3d;
    display    : block;
    position   : absolute;
    bottom     : -5px;

    }

footer a:hover, footer.page-footer a:hover {
    color : #e84c3d;
    }

footer a:hover:before {
    width              : 100%;
    -webkit-transition : all 0.5s ease-in-out;
    -moz-transition    : all 0.5s ease-in-out;
    -o-transition      : all 0.5s ease-in-out;
    transition         : all 0.5s ease-in-out;
    }

.contact-social a:before, .contact-social a:hover:before {
    content : '';
    width   : 0%;
    }

nav .navbar-brand {
    margin-left : -90px;
    }

.navbar-brand {
    width : 120px;
    }

.navbar {
    background-color : transparent;
    box-shadow       : none;
    padding-top      : 15px !important;
    }

.navbar.fixed-top {
    position : absolute;
    }

.navbar.top-nav-collapse, .navbar .scrolling-navbar .top-nav-collapse {
    background     : #fff;
    box-shadow     : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    padding-top    : 10px !important;
    padding-bottom : 10px !important;
    }

.navbar .nav-item .nav-link {
    padding : 10px 14px;
    }

.top-nav-collapse .navbar-brand {
    width : 85px;
    }

.top-nav-collapse .navbar-brand img {
    width : 100%;
    }

.navbar {
    padding-left : 6%;
    }

.navbar a {
    color       : #444;
    font-size   : 15px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

nav a {
    display         : block;
    
    padding         : 0 15px 0;
    transition      : color .2s ease-in-out;
    color           : #424242;
    font-size       : 14px;
    font-weight     : 700;
    
    text-decoration : none;
    cursor          : pointer;
    }

.nav-flex-icons .nav-item {
    margin : 0 10px;
    }

.nav-flex-icons .nav-item a {
    width       : 120px;
    text-align  : center;
    font-size   : 21px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 700;
    padding     : 13px 10px;
    }

.nav-item .btn-bg {
    background    : url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    border-radius : 3px;
    color         : #fff;
    }

.nav-item .login {
    color         : #E84C3C;
    border        : 1px solid #E84C3C;
    border-radius : 3px;
    }

.btn {
    }

.btn-w {
    background        : #fff;
    color             : #000;
    border-radius     : 5px;
    -webkit-transform : perspective(1px) translateZ(0);
    transform         : perspective(1px) translateZ(0)
    }

.btn-w:hover {
    color : #fff;

    }

.top-nav-collapse .btn-w {
    background : #e64d25;
    color      : #fff;
    }

.top-nav-collapse .navbar-brand {
    margin-left : 0;
    }

.nav-item {
    position : relative;
    }

.nav-item .submenu {
    position         : absolute;
    top              : 35px;
    right            : 0;
    left             : 0;
    width: 217px;
    height           : auto;
    margin           : auto;
    padding-left     : 15px;
    transform        : translateY(-10px);
    transition       : transform .15s ease-in-out, opacity .15s ease-in-out;
    border-radius    : 3px;
    background-color : white;
    box-shadow       : 0 0 0 1px rgba(0, 0, 0, 0.03), 0 3px 30px rgba(0, 0, 0, 0.08);
    opacity          : 0;
    overflow         : visible;
    z-index          : 3;
    padding-left     : 0px;
    pointer-events   : none;
    }

.nav-item:hover .nav-link + .submenu {
    transform      : translateY(0);
    opacity        : 1;
    pointer-events : auto;
    }

.submenu li {
    list-style : none;
    border-top : 1px dotted rgba(0, 0, 0, 0.03);

    }

.submenu li a {
    display           : block;
    height            : 40px;
    padding           : 0;

    padding-right     : 0px;
    padding-left      : 6px;
    transition        : box-shadow .2s ease-in-out, color .2s ease-in-out;
    font-size         : 13px;
    font-weight       : 500;
    line-height       : 40px;
    text-overflow     : ellipsis;
    white-space       : nowrap;
    box-shadow        : inset 0 0 0 white;
    overflow          : hidden;
    -webkit-transform : perspective(1px) translateZ(0);
    transform         : perspective(1px) translateZ(0);
    overflow          : hidden;
    }

.submenu li a:before {
    content                            : "";
    position                           : absolute;
    z-index                            : -1;
    left                               : 51%;
    right                              : 51%;
    bottom                             : 0;
    background                         : #E84C3C;
    height                             : 2px;
    -webkit-transition-property        : left, right;
    transition-property                : left, right;
    -webkit-transition-duration        : 0.3s;
    transition-duration                : 0.3s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function         : ease-out;
    }

.submenu li a:hover {
    color : #E84C3C;
    }

.submenu li a:hover:before {
    left  : 0;
    right : 0;
    }


.banner-text {
    }

.lap-bg, .lap-bg img {
    display : none;
    }

.banner-text h1 {
    font-size   : 46px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    color       : #3b3838;
    }

.banner-text h1 span {
    font-size   : 42px;
    font-weight : 800;
    font-family : 'Open Sans', sans-serif;
    color       : #3c3a39;
    }

.banner-text h1 + .d-md-block {
    color         : #7d7d7d;
    font-size     : 18px;
    font-family   : 'Source Sans Pro', sans-serif;
    font-weight   : 400;
    padding-right : 80px;
    }

.video-btn {
    padding           : .8rem;
    color             : #E84C3C;
    border            : 1px solid #E84C3C;
    border-radius     : 5px;
    text-align        : center;
    font-size         : 14px;
    margin-right      : 20px;
    width             : 160px;
    display           : inline-block;
    text-align        : center;
    -webkit-transform : perspective(1px) translateZ(0);
    transform         : perspective(1px) translateZ(0);
    }

.video-btn:before, .btn-w:before, .login:before {
    content                            : "";
    position                           : absolute;
    z-index                            : -1;
    top                                : 0;
    left                               : 0;
    right                              : 0;
    bottom                             : 0;
    background                         : #E84C3d;
    -webkit-transform                  : scaleX(0);
    transform                          : scaleX(0);
    -webkit-transform-origin           : 0 50%;
    transform-origin                   : 0 50%;
    -webkit-transition-property        : transform;
    transition-property                : transform;
    -webkit-transition-duration        : 0.3s;
    transition-duration                : 0.3s;
    -webkit-transition-timing-function : ease-out;
    transition-timing-function         : ease-out;
    }

.video-btn:hover, .login:hover {
    color : #fff;
    }

.video-btn:hover:before, .btn-w:hover:before, .login:hover:before {
    -webkit-transform : scaleX(1);
    transform         : scaleX(1);
    }

.video-btn i {
    font-size      : 20px;
    vertical-align : middle;
    margin-right   : 10px;
    }

.btn-fill, .btn-fill:hover {
    padding       : .8rem;
    color         : #fff;
    background    : #E84C3d;
    border        : 3px solid #E84C3C;
    border-radius : 3px;
    font-family   : 'Open Sans', sans-serif;
    text-align    : center;
    font-size     : 13px;
    font-weight   : 700;
    width         : 180px;
    display       : inline-block;
    text-align    : center;
    }

.small-text {
    font-family : 'Source Sans Pro', sans-serif;
    font-size   : 14px;
    color       : #565b5b;
    }




.company {
    }

.company h3 {
    font-size   : 20px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.company .company-log {
    display   : flex;
    flex-flow : row wrap;
    }

.company li {
    display         : flex;
    flex            : 1 1 120px;
    align-items     : center;
    justify-content : center;
    padding         : 10px 0;
    }

.company li a {
    display       : block;
    position      : relative;
    width         : 120px;
    
    transition    : background-color .2s ease-in-out;
    border-radius : 5px;
    }

.company li a img + img {
    display : none;
    }

.company li a:hover img {
    display : none;
    }

.company li a:hover img + img {
    display : block;
    }




.feature {
    background          : url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    background-position : top center;
    background-repeat   : no-repeat;
    background-size     : 100%;
    }

.card1 {
    -webkit-box-shadow : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow         : 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border             : 0;
    background-color   : #fff;
    display            : table;
    width              : 80%;
    position           : relative;
    padding            : 15px 10px;
    margin             : auto;
    }

.card-icon {
    margin-left : -60px;
    display     : inline-block !important;
    border      : 1px solid #a6a6a6;

    }

.card-icon, .card-image {
    width          : 150px;
    height         : 150px;
    display        : table-cell;
    vertical-align : middle;
    }

.card-icon img, .card-image img {
    max-width : 100%;
    }

.card-image {

    }

.card-center {
    display        : table-cell;
    vertical-align : middle;
    padding-left   : 30px;
    }

.card1 {
    -webkit-box-shadow : 0 1px 30px 1px rgba(0, 0, 0, .10);
    box-shadow         : 0 1px 30px 1px rgba(0, 0, 0, .10);
    border             : 0;
    background-color   : #fff;
    display            : table;
    width              : 75%;
    position           : relative;
    padding            : 25px 10px;
    border-radius      : 5px;
    margin             : 100px auto;

    }

.rightcard {
    margin : 130px auto;
    }

.card-icon {
    margin-left : -75px;
    display     : inline-block !important;
    border      : 0;
    box-shadow  : 0 0px 20px 1px rgba(0, 0, 0, 0.10);
    background  : #fff;
    }

.rightcard .card-icon {
    margin-left : 0;
    box-shadow  : none;
    }

.rightcard .card-image {
    margin-right : -75px;
    display      : inline-block;
    border       : 0;
    box-shadow   : 0 0px 20px 1px rgba(0, 0, 0, 0.10);
    background   : #fff;
    }

.card-icon, .card-image {
    width          : 170px;
    height         : 170px;
    display        : table-cell;
    vertical-align : middle;
    padding        : 10px;
    border-radius  : 5px;
    }

.card-icon img, .card-image img {
    max-width : 100%;
    }

.card-image {
    padding : 0;
    }

.card-center {
    display        : table-cell;
    vertical-align : middle;
    }

.card-des span {
    padding       : 5px 20px;
    background    : #2aa9da;
    border-radius : 20px;
    }

.card-tit {
    color       : #414c4e;
    font-size   : 30px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.card-subtit {
    color         : #565b5b;
    font-size     : 18px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    margin-bottom : 0;
    }

.card-des {
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 500;
    font-size   : 16px;
    color       : #565b5b;
    }





.intergartion {
    position : relative;
    margin   : -300px 0 50px;
    overflow : hidden;
    }

.intergartion .title {
    position : absolute;
    top      : 130px;
    left     : 10%;
    }

.intergartion .title h3 {
    margin-right   : 0;
    padding-bottom : 0;
    font-size      : 35px;
    font-weight    : 700;
    line-height    : 35px;
    text-align     : left;
    font-family    : 'Open Sans', sans-serif;
    margin-bottom  : 0;

    }

.intergartion .title h3 span {
    display     : block;
    margin-top  : -5px;
    color       : #7F7F7F;
    font-size   : 15px;
    font-family : 'Open Sans', sans-serif;
    }

.intergartion .title .tooltip {
    opacity        : 1;
    display        : block;
    margin-top     : -5px;
    position       : relative;
    color          : rgba(0, 0, 0, 0.33);
    text-align     : right;
    text-transform : lowercase;
    }

.intergartion .wrap {
    max-width    : 100%;
    padding-left : 100px;
    padding      : 0 40px;
    }

.wrid {
    display   : flex;
    position  : relative;
    flex-flow : row wrap;
    }

.wrid li {
    display         : flex;
    position        : relative;
    flex            : 1 1 33.3333%;
    align-items     : center;
    justify-content : center;
    min-width       : 140px;
    padding         : 5px 0 5px 100px;
    }

.wrid li:nth-child(6n+1), .wrid li:nth-child(6n+2), .wrid li:nth-child(6n+3) {
    justify-content : flex-start;
    padding-left    : 0;
    }

.wrid li a {
    display         : flex;
    flex-flow       : column nowrap;
    align-items     : center;
    justify-content : space-between;
    width           : 130px;
    height          : 100px;
    transform       : scale(1);
    transition      : transform 0.33s cubic-bezier(0.8, -0.5, 0.2, 1.4);
    color           : rgba(0, 0, 0, 0.75);
    font-weight     : 700;
    }

.wrid li a:hover {
    transform        : scale(1.8);
    transform-origin : 50% 50%;
    cursor           : pointer;
    }

.wrid li:nth-child(7) a, .wrid li:nth-child(8) a, .wrid li:nth-child(9) a, .wrid li:nth-child(7) a .ico, .wrid li:nth-child(8) a .ico, .wrid li:nth-child(9) a .ico {
    height : 70px;
    }

.wrid li:nth-child(10) a + a {
    padding-left : 160px
    }

.wrid li:nth-child(11) a {
    transform : scale(2.6) translateY(-10px);
    cursor    : default;
    }

.wrid li a .ico {
    width       : 100px;
    height      : 100px;
    display     : flex;
    align-items : center;
    }

.wrid li a .ico img {
    max-width : 100%;
    }




.call-forward {
    display             : block;
    text-align          : center;
    background-image    : url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7'), url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    background-position : center top, left 90%;
    background-repeat   : no-repeat;
    padding-top         : 45px;
    }

.forward-nav {
    background      : #ffffff;
    border-radius   : 3px;
    display         : flex;
    justify-content : space-between;
    padding         : 30px;
    width           : 80%;
    margin          : auto auto 80px;
    }

.forward-nav ul {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    list-style      : none;
    margin          : 0;
    }

.forward-nav ul li {
    padding-right : 40px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    font-size     : 13px;
    color         : #8F8F8F;
    }

.forward-nav ul li.active {
    color : #e84c3c;
    }

.forward-nav ul li:not(:last-child):after {
    content        : "\f105";
    font           : normal normal normal 14px/1 FontAwesome;
    font-size      : inherit;
    text-rendering : auto;
    padding-left   : 10px;
    }

.forward-nav .n-help {
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    font-size   : 13px;
    color       : #8F8F8F;
    }

.h-call-forward {
    display : none;
    }

.forward-head {
    width  : 55%;
    margin : auto;
    }

.forward-head h3 {
    color       : #414c4e;
    font-size   : 32px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600
    }

.forward-head p {
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 500;
    font-size   : 16px;
    color       : #565b5b;
    margin      : 25px 0;
    }




.bubble {
    padding : 10px 0 30px;
    }

.balls {
    background : url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7') no-repeat center right;
    width      : 100%;
    height     : 200px;
    display    : block;
    }





.performance {
    
    padding         : 0 0 45px 0;
    background-size : contain;
    }

.performance .performance-haed {
    display       : flex;
    align-items   : center;
    margin-bottom : 40px;
    }

.performance-haed .card-icon {
    margin-left  : 0;
    margin-right : 35px;
    width        : 140px;
    height       : 140px;
    }

.performance-haed h4 {
    font-size   : 44px;
    color       : #414C4E;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    line-height : 50px;
    }

.performance-haed h4 span {
    display   : block;
    font-size : 25px;
    }

.performance p {
    color         : #565B5B;
	font-family: basis-grotesque,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight   : 500;
    margin-bottom : 25px;
    line-height   : 30px;
    }

.performance p span {
    color : #E84C3C;
    }

.performance ul {
    
    list-style : none;
    margin-top : 30px;

    }

.performance ul li {
    width         : 49%;
    display       : inline-block;
    
    margin-bottom : 25px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 500;
    font-size     : 16px;
    }

.performance ul li:before {
    content      : "\f111";
    font         : normal normal normal 14px/1 FontAwesome;
    font-size    : inherit;
    color        : #E84C3C;
    font-size    : 10px;
    margin-right : 20px;
    }




.call-setup {
    padding : 0px 0;
    }

.call-setup h4 {
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    font-size     : 32px;
    color         : #3b3838;
    margin-bottom : 20px;
    line-height   : 30px;
    }

.call-setup p {
    color       : #565B5B;
    font-family : 'Open Sans', sans-serif;
    font-weight : 500;
    line-height : 26px;
    }

.call-setup p span {
    color : #E84C3C;
    }

.call-setup .row {
    align-items : center;
    }





.letter-form {
    display    : inline-block;
    width      : 95%;
    padding    : 33px 0 48px 0;
    text-align : left;
    }

.letter-form .title {
    text-align     : center;
    padding-bottom : 9px;
    }

.letter-form .title h3 {
    font-size     : 42px;
    color         : #3b3838;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    margin-bottom : 25px;
    }

.letter-form .title h4 {
    font-size   : 18px;
    color       : #565b5b;
    font-family : 'Open Sans', sans-serif;
    font-weight : 400;
    }

.letter-text {
    display        : inline-block;
    text-align     : left;
    font-size      : 18px;
    vertical-align : middle;
    }

.letter-text h3 {
    color       : #565b5b;
    font-size   : 18px;
    font-weight : 600;
    font-family : 'Source Sans Pro', sans-serif;
    }

.letter-text h3 + div {
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 400;
    color       : #565b5b;
    font-size   : 16px;
    }

.letter-text h3 + div a {
    color : #e84c3d;
    }

.letter-btn {
    display      : inline-block;
   
    }

.letter-btn .btn {
    background  : #e84c3d;
    color       : #fff;
    font-size   : 15px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.letter-btn input {
    width          : 280px;
    padding        : 13px;
    border         : 1px solid #d0d0d0;
    font-family    : 'Source Sans Pro', sans-serif;
    font-size      : 15px;
    color          : #818484;
    vertical-align : middle;
    margin-right   : 28px;
    }





.column {
    flex-direction : column;
    }

.call-tab {
    display     : flex;
    width       : 100%;
    box-shadow  : 0 10px 20px 0 #efefef;
    padding-top : 0px;
    }

.call-tab ul {
    display         : flex;
    justify-content : space-between;
    list-style      : none;
    width           : 100%;
    margin          : auto;
    border          : 0;
    }

.call-tab ul li {
    flex            : 1;
    justify-content : center;
    align-items     : center;
    display         : flex;
    font-size       : 15px !important;
    font-family     : 'Open Sans', sans-serif !important;
    font-weight     : 600;
    color           : #A4A4A4 !important;
    position        : relative;

    }

.call-tab ul li a {
    font-size   : 15px !important;
    font-family : 'Open Sans', sans-serif !important;
    font-weight : 600;
    color       : #A4A4A4 !important;
    padding     : 15px;
    border      : 0 !important;
	padding-right: 289px;
    }

.call-tab ul li a.active, .call-tab ul li a:hover9 {
    border : 0 !important;
    }

.call-tab ul li a.active:before {
    content       : '';
    border-bottom : 3px solid #e84c3c;
    color         : #444444;
    width         : 100%;
    position      : absolute;
    bottom        : 0;
    left          : 0;
    }

.features-banner {
    padding     : 50px 0;
    align-items : center;
    }

.features-banner h2 {
    font-size     : 20px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    color         : #3B3838;
    margin-bottom : 20px;
    }

.features-banner .banner p {
    font-family   : 'Source Sans Pro', sans-serif;
    font-weight   : 500;
    color         : #565B5B;
    line-height   : 26px;
    margin-bottom : 50px;
    }

.software-info {
    padding         : 0;
    background      : url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat center top;
    background-size : 100%;
    }

.software-info > h3 {
    font-size       : 32px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    font-family     : 'Open Sans', sans-serif;
    font-weight     : 500;
    color           : #3B3838;
    width           : 55%;
    margin          : auto;
    text-align      : center;
    line-height     : 50px;
    margin-bottom   : 20px;
    }

.software-info > p {
    font-family     : 'Source Sans Pro', sans-serif;
    font-weight     : 600;
    font-size       : 18px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : #3B3838;
    }

.software-box {
    width         : 80%;
    margin        : 120px auto;
    box-shadow    : 0 0 60px 0 #eee;
    background    : #ffffff;
    border-radius : 15px;

    }

.list-item {
    padding        : 80px;
    padding-top    : 50px;
    padding-bottom : 15px;
    }

.list-title {
    font-size       : 18px;
    font-family     : 'Source Sans Pro', sans-serif;
    font-weight     : 600;
    color           : #F46D60;
    display         : flex;
    align-items     : center;
    justify-content : center;
    }

.list-item ul {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    }

.list-item li {
    display        : flex;
    flex           : 50%;
    flex-direction : column;
    margin-top     : 70px;
    max-width      : 300px;
    padding        : 10px 15px;
    border-radius  : 5px;
    transition     : box-shadow .5s cubic-bezier(0.34, 0.4, 0.44, 0.63);
    }

.list-item li:hover {
    box-shadow : 0 0 1px 0 #ccc, 0 3px 10px 0 #eee;
    }


.list-item li a > div {
    display       : flex;
    align-items   : center;
    margin-bottom : 15px;
    }

.list-item li a > div span:nth-of-type(1) {
    width               : 45px;
    height              : 45px;
    border-radius       : 50%;
    margin-right        : 20px;
    background-position : center;
    background-repeat   : no-repeat;

    }

.list-item li a > div span:nth-of-type(2) {
    font-size   : 18px;
    font-family : 'Source Sans Pro', sans-serif;
    color       : #565B5B;
    font-weight : 600;
    }

.list-item li a > span {
    color       : #818484;
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 500;
    font-size   : 16px;
    }




.call-center {
    display          : block;
    max-width        : none;
    background-color : #fbdfdc;
    position         : relative;
    flex-direction   : row;
    align-items      : center;
    justify-content  : space-between;
    width            : 100%;
    margin           : 0 auto;
    padding          : 120px 20px;
    z-index          : 101;
    box-sizing       : border-box;
    }

.call-center .call-content {
    display         : flex;
    position        : relative;
    flex-direction  : row;
    align-items     : center;
    justify-content : space-between;
    width           : 80%;
    margin          : 0 auto;
    z-index         : 2;
    box-sizing      : border-box;
    }

.call-center .content-text {
    flex    : 8;
    width   : auto;
    margin  : 0;
    z-index : 2;
    }

.call-center .content-text h2 {
    color          : rgba(0, 0, 0, 0.66);
    font-size      : 30px;
    font-weight    : 300;
    letter-spacing : -.5px;
    }

.call-center .content-text h2 strong {
    font-weight    : 600;
    font-family    : 'Source Sans Pro', sans-serif;
    font-size      : 27px;
    color          : #2f3838;
    letter-spacing : 1px;
    }

.call-center .content-text p {
    color       : #565b5b;
    font-size   : 16px;
    font-weight : 400;
    line-height : 27px;
    }

.call-center .content-btn {
    flex : 3;
    }

.content-btn .btn {
    background  : #e84c3d;
    color       : #fff;
    font-size   : 15px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    width       : 260px;
    }




.call-center .call-content.cmi {
    justify-content : center;
    align-items     : center;
    }


.call-content.cmi .content-text {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-direction  : column;
    }

.call-content.cmi .content-text h2 {
    margin-bottom : 50px;
    text-align    : center;
    }





.price-plans {
    display         : flex;
    justify-content : center;
    margin-top      : 40px;
    }

.plan {
    display         : flex;
    flex            : 1;
    border-radius   : 5px;
    flex-direction  : column;
    background      : #fff;
    box-shadow      : 0 2px 15px 0 #eee;
    overflow        : hidden;
    justify-content : space-between;
    }

.plan + .plan {
    margin-left : 20px;
    }

.essential .card-head {
    background : #9E7BBF;

    }

.professional .card-head {
    background : #F26441;

    }

.custom .card-head {
    background : #04C4CE;
    }

.essential .price-card-body a {
    color       : #9E7BBF;
    font-weight : bold;
    font-size   : 16px;

    }

.professional .price-card-body a {
    color       : #F26441;
    font-weight : bold;
    font-size   : 16px;

    }

.custom .price-card-body a {
    color       : #04C4CE;
    font-weight : bold;
    font-size   : 16px;
    }


.card-head {
    padding : 30px 20px;
    color   : #ffffff;
    }

.card-head span:nth-of-type(1) {
    font-size   : 30px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.card-head span:nth-of-type(2) {
    font-size   : 56px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 500;
    }

.card-head p {
    font-size   : 17px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 500;
    }

.card-head p:nth-child(2) {
    min-height : 48px;
    }

.price-card-body {
    padding    : 0px 6px 30px;
    text-align : left;
    flex       : 1;
    }

.price-card-body ul {
    list-style : none
    }

.price-card-body ul li {
    margin-bottom : 30px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 500;
    font-size     : 15px;
    position      : relative;
    padding-left  : 30px;
    }

.price-card-body ul li:before {
    content   : "\f00c";
    font      : normal normal normal 20px/1 FontAwesome;
    font-size : inherit;
    position  : absolute;
    left      : 0;
    top       : 5px;
    color     : #76E8A2;
    }

.card-foot {
    padding-bottom : 50px;
    }

.card-foot button {
    background  : transparent;
    font-size   : 16px;
    font-weight : 600;
    width       : 220px;
    padding     : .7rem;
    }




.detail-price {
    margin-top : 100px;
    }

.detail-price table {
    margin-bottom : 120px;
    }

.detail-price table th {
    font-size      : 22px;
    font-weight    : 600;
    font-family    : 'Open Sans', sans-serif;
    color          : #3B3838;
    text-transform : capitalize;
    border         : 0;
    }

.detail-price table tr th:first-child {
    text-align : left;
    width      : 400px;
    }

.detail-price table td {
    font-size   : 16px;
    font-weight : 600;
    font-family : 'Open Sans', sans-serif;
    color       : #768082;

    }

.detail-price table tr td:first-child {
    text-align : left;
    width      : 400px;
    }

table td .essentials {
    color : #9E7BBF;
    }

table td .professional {
    color : #F26441;
    }

table td .custom {
    color : #04C4CE;
    }

.table td, .table th {
    border-top : 1px solid #eee;
    }

.table td span {
    color       : #28a745;
    font-size   : 20px;
    font-weight : 200;
    }



.detail-price h2 {
    font-family   : 'Open Sans', sans-serif;
    margin-bottom : 40px;
    font-weight   : 600;
    }

.price-switch {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    margin-bottom   : 80px;
    font-size       : 16px;
    }

.price-switch .price-type {
    font-size   : 20px;
    font-weight : 600;
    color       : #7A8A8D;
    }

.country {
    display : flex;
    }

.country span {
    width       : 150px;
    font-size   : 20px;
    font-weight : 600;
    }

.country select {
    width : 150px;
    }

.switch {
    position : relative;
    display  : inline-block;
    width    : 70px;
    height   : 30px;
    margin   : 0 15px;
    }

.switch input {
    opacity : 0;
    width   : 0;
    height  : 0;
    }

.slider {
    position           : absolute;
    cursor             : pointer;
    top                : 0;
    left               : 0;
    right              : 0;
    bottom             : 0;
    background-color   : #ccc;
    -webkit-transition : .4s;
    transition         : .4s;
    }

.slider:before {
    position           : absolute;
    content            : "";
    height             : 24px;
    width              : 24px;
    left               : 6px;
    bottom             : 3px;
    background-color   : white;
    -webkit-transition : .4s;
    transition         : .4s;
    }

input:checked + .slider {
    background-color : #74E8A1;
    }

input:focus + .slider {
    box-shadow : 0 0 1px #74E8A1;
    }

input:checked + .slider:before {
    -webkit-transform : translateX(36px);
    -ms-transform     : translateX(36px);
    transform         : translateX(36px);
    }


.slider.round {
    border-radius : 34px;
    }

.slider.round:before {
    border-radius : 50%;
    }






table {

    border-collapse : collapse;
    margin          : 0;
    padding         : 0;
    width           : 100%;
    table-layout    : fixed;
    }

table caption {
    font-size : 1.5em;
    margin    : .5em 0 .75em;
    }

table tr {
    background-color : #ffffff;
    padding          : 5px;
    border-radius    : 3px;
    }

table th,
table td {
    padding    : .625em;
    text-align : center;
    }

@media screen and (max-width : 991px) {
    .detail-price table th, .detail-price table td {
        font-size : 18px;
        }

    .detail-price table tr th:first-child {
        width : auto;
        }

    .call-tab {
        padding-top : 25px;
        }
    }


@media screen and (max-width : 767px) {
    .detail-price h2 {
        font-size : 24px;
        }

    .price-switch {
        flex-direction : column;
        align-items    : flex-start;
        margin-bottom  : 30px;
        }

    .price-switch .price-type {
        margin-bottom : 30px;
        }

    .price-switch .price-type {
        font-size : 16px;
        }

    .country span {
        width     : 120px;
        font-size : 16px;
        }

    table {
        border : 0;
        }

    table caption {
        font-size : 1.3em;
        }

    table thead {
        border   : none;
        clip     : rect(0 0 0 0);
        height   : 1px;
        margin   : -1px;
        overflow : hidden;
        padding  : 0;
        position : absolute;
        width    : 1px;
        }

    table tr {
        display       : block;
        margin-bottom : 15px;
        border        : 1px solid #eee;
        }

    .detail-price table tr td:first-child {
        width : 100%;
        }

    .detail-price table th, .detail-price table td {
        font-size : 14px;
        }

    table td {
        border-bottom : 1px solid #eee;
        display       : block;
        font-size     : .8em;
        text-align    : right;
        border-top    : 0 !important;
        }

    table td::before {
        content        : attr(data-label);
        float          : left;
        font-weight    : bold;
        text-transform : uppercase;
        }

    table td:last-child {
        border-bottom : 0;
        }
    }





.page-footer {
    }

.page-footer .footer-inner {
    padding : 27px 0 5px;
    }

footer.page-footer a {
    color       : #565b5b;
    font-weight : 400;
    font-family : 'Source Sans Pro', sans-serif;
    font-size   : 16px;
    }

.foot-link li {
    margin-bottom : 10px;
    }

.foot-link li h4 {
    color       : #e84c3d;
    font-size   : 16px;
    font-weight : 600;
    font-family : 'Source Sans Pro', sans-serif;
    }

footer.page-footer .footer-copyright {
    background-color : #fff;
    
    color            : #565b5b;
    font-weight      : 400;
    font-family      : 'Source Sans Pro', sans-serif;
    font-size        : 14px;
    position         : relative;
	padding: 7px 20px 6px 14px;
	
    }

footer.page-footer .footer-copyright:before {
    content    : '';
    width      : 100%;
    height     : 1px;
    display    : block;
    background : #ececec;
    position   : absolute;
    top        : 0;
    left       : 50%;
    transform  : translateX(-50%);
	   
    }

.foot-side--lang, .lang {
    font-weight   : 600;
    font-family   : 'Source Sans Pro', sans-serif;
    font-size     : 14px;
    color         : #565b5b;
    margin-bottom : 10px;
    }

.lang {
    margin-top : 15px;
    }

footer.page-footer .contact-social a {
    font-weight : 600;
    }

.contact-social a + div {
    margin-top : 10px;
    }

.contact-social a + div a {
    margin    : 0 10px;
    font-size : 15px;
    }


.scroll-top, .msg {
    max-width     : 50px;
    width         : 100%;
    display       : block;
    height        : 50px;
    background    : #e64d2557;
    border-radius : 100%;
    text-align    : center;
    position      : fixed;
    bottom        : 50px;
    right         : 10px;
    opacity       : 1;
    z-index       : 105;
    cursor        : pointer;

    }

.scroll-top:hover {
    background : #e64d25;
    }

.msg {
    bottom     : 50px;
    right      : 25px;
    background : #e64d25;
    box-shadow : 0 0px 30px 1px #e64d2563;
    }

.scroll-top a span, .msg a span {
    color     : #fff;
    font-size : 30px;
    }





@media (max-width : 1200px) {
    .navbar {
        padding-left  : 0%;
        padding-right : 0%;
        }

    nav .navbar-brand {
        margin-left : 0;
        }

    .navbar .nav-item .nav-link {
        padding : 10px 5px;
        }

    .nav-flex-icons .nav-item a {
        width : 100px;
        }

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

    .performance {
        background-size : 60%;
        }
    }

@media (min-width : 769px) and (max-width : 992px) {
    .banner {
        max-width : 70% !important;
        flex      : 0 0 70%;
        }

    .call-forward {
        padding-top : 120px;
        }

    .features-banner .banner {
        max-width : 50% !important;
        flex      : 0 0 50%;
        }

    .price-plans {
        flex-wrap : wrap;
        }

    .plan {
        max-width     : 350px;
        margin-bottom : 30px;
        flex          : 33%;
        }
    }

@media (max-width : 992px) {
    .view {
        height : auto;
        }

    .fixed-top {
        position : static;
        }

    .view .mask {
        height      : auto;
        padding-top : 10vh;
        position    : static;

        }

    .navbar, .navbar.top-nav-collapse, .navbar .scrolling-navbar .top-nav-collapse {
        
        padding-top    : 5px !important;
        padding-bottom : 5px !important;
        }

    .navbar > .container, .navbar > .container-fluid {
        
        }

    nav .navbar-brand {
        width : 85px;
        }

    nav .navbar-brand img {
        width : 100%;
        }

    .navbar-toggler-icon i {
        font-size   : 24px;
        line-height : 30px;
        }

    .navbar-collapse.show {
        background : #fff;
        position   : absolute;
        width      : 100%;
        top        : 85%;
        left       : 0;
        }

    .banner-text h1 {
        font-size : 35px;
        }

    .banner-text h1 span {
        font-size : 40px;
        }

    .letter-form .title h3 {
        font-size     : 35px;
        margin-bottom : 10px;
        }

    .letter-form {
        padding-bottom : 60px;
        }

    .letter-form .form {
        max-width : 500px;
        margin    : auto;
        }

    .letter-form .title {
        padding-bottom : 30px;
        }

    .letter-btn {
        padding-left : 0;
        margin-top   : 15px;
        width        : 100%;
        }

    .letter-btn input {
        width        : 100%;
        margin-right : 0;
        }

    .letter-btn .btn {
        width        : 100%;
        margin-top   : 15px;
        margin-left  : 0;
        margin-right : 0;
        }

    .card1 {
        margin-top : 80px;
        display    : block;
        width      : 100%;
        text-align : center;
        }

    .card-icon, .rightcard .card-image {
        display       : block !important;
        margin        : auto;
        margin-top    : -80px;
        width         : 110px;
        height        : 110px;
        border-radius : 5px;
        }

    .rightcard {
        position : relative;
        margin   : 100px auto;
        }

    .rightcard .card-icon {
        display : none !important;
        }

    .rightcard .card-image {
        margin-top : 0;
        
        position   : absolute;
        left       : 50%;
        top        : -65px;
        transform  : translateX(-50%);
        }

    .rightcard .card-center {
        
        padding-top : 25px;
        }

    .rightcard .card-tit {
        margin-top : 0;
        }

    .card-center {
        padding-left : 0
        }

    .card-tit {
        margin-top : 10px;
        }

    .card-image {
        display : none;
        }

    .card-center {
        display : block;
        }

    .call-center {
        padding : 60px 0px;
        }

    .call-center .call-content {
        max-width : 500px;
        margin    : auto;
        display   : block;
        padding   : 0;
        width     : 100%;
        }

    .call-center .content-text, .content-btn .btn {
        width        : 100%;
        margin-left  : 0;
        margin-right : 0;
        }

    .page-footer .footer-inner {
        padding : 60px 0 50px;
		 margin-left: 10px;
        }

    .foot-link {
        margin-bottom : 30px;
	    margin-left: 45px;
        }

    .company {
        padding-bottom : 20px;
        }

    .list-item {
        padding : 30px;
        }

    .list-item li {
        max-width     : 50%;
        flex          : 100%;
        margin        : initial;
        margin-bottom : 30px;
        }


    .forward-nav {
        width : 100%;
        }

    .forward-head {
        width : 100%;
        }

    .performance {
        background-image : none;
        padding-bottom   : 20px;
        }

    .performance-haed .card-icon {
        margin : 0 35px 0 0;
        }

    .balls {
        height          : 50px;
        background-size : contain;
        }

    .call-setup {
        padding : 40px 0;
        }
    }

@media (max-width : 768px) {
    .view {
        background-image : none !important;
        }

    .lap-bg, .lap-bg img {
        display : block;
        }

    .wrid li:nth-child(6n+1), .wrid li:nth-child(6n+2), .wrid li:nth-child(6n+3) {
        justify-content : center;
        padding-left    : 20px;
        }

    .wrid li:nth-child(4), .wrid li:nth-child(7), .wrid li:nth-child(8), .wrid li:nth-child(11), .wrid li:nth-child(14) {
        display : none;
        }

    .wrid li:nth-child(10) a + a {
        display : none;
        }

    .wrid li {
        padding : 0 20px;
        }

    .intergartion .title {
        position : relative;
        top      : 0;
        left     : 0;
        padding  : 0 20px;
        }

    .intergartion .title h3 {
        margin     : 0;
        padding    : 0;
        text-align : center;
        }

    .banner, .banner-text {
        text-align : center !important;
        }

    .banner-text h1 + .d-md-block {
        padding-right : 0;
		padding-left: 20px;
        }

    .software-info {
        padding : 0 10px;
        }

    .software-box {
        width  : 100%;
        margin : 80px 0;
        }

    .software-info > h3 {
        font-size   : 24px;
        padding     : 0 15px;
        width       : 100%;
        line-height : 30px;
        }

    .software-info > p {
        font-size  : 16px;
        padding    : 0 15px;
        text-align : center;
        }

    .list-item {
        padding : 0px;
        }

    .list-title {
        padding-top : 10px;
        }

    .list-item li {
        max-width : 100%;
        }

    .call-setup {
        text-align : center;
        }

    .call-forward {
        padding-top : 90px;
        }

    .forward-nav {
        padding       : 20px;
        margin-bottom : 50px;
        }

    .features-banner .banner {
        margin-bottom : 40px;
        }

    .features-banner .banner h2, .features-banner .banner p {
        text-align : center !important;
        }

    .features-banner .banner .text-left {
        text-align : center !important;
        }

    .call-tab ul {
        flex-direction : column;
        }

    .call-tab ul li {
        margin-bottom : 15px;
        }

    .price-plans {
        flex-wrap : wrap;
        }

    .plan {
        max-width     : 350px;
        margin-bottom : 30px;
        flex          : 100%;
        }
    }

@media (max-width : 640px) {
    .banner-text h1 {
        font-size : 30px;
		padding-left:32px;
        }

    .banner-text h1 span {
        font-size : 32px;
        }

    .card-tit {
        line-height : 26px;
        font-size   : 22px;
        }

    .card-subtit {
        line-height : 20px;
        margin      : 10px 0;
        }

    .letter-form .title h3 {
        font-size : 25px;
        }

    .letter-form .title {
        padding-bottom : 15px;
        }

    .navbar-toggler-icon {
        width  : 1.2em;
        height : 1.2em;
        }

    .navbar-toggler-icon i {
        font-size   : 22px;
        line-height : 25px;
        }

    .banner-text .mb-5 {
        margin-bottom : 2rem !important;
        }

    .intergartion .title img {
        max-width : 100%;
        }

    .forward-nav {
        padding : 20px;
        }

    .forward-nav ul {
        display : none;
        }

    .h-call-forward {
        display     : block;
        font-family : 'Open Sans', sans-serif;
        font-weight : 600;
        font-size   : 13px;
        color       : #8F8F8F;
        }

    .performance .performance-haed {
        flex-direction : column;
        }

    .performance-haed .card-icon {
        margin : 0 0 20px 0
        }

    .performance-haed h4 {
        font-size   : 30px;
        line-height : 30px;
        text-align  : center;
        }

    .performance-haed h4 span {
        font-size : 20px;
        }
    }

@media (max-width : 480px) {
    .navbar-nav {
        display : block;
        }

    .nav-flex-icons .nav-item a {
        width : 100%;
        }

    .nav-flex-icons .nav-item {
        margin-bottom : 15px;
        }

    .video-btn {
        margin-bottom : 15px;
        }

    .video-btn, .btn-fill, .video-btn:hover {
        
        margin        : 0;
        margin-bottom : 15px;
        }

    .features-banner .banner > div {
        flex-direction : column;
        display        : flex;
        }

    .features-banner .banner > div a {
        width : 100%;
        }

    .performance ul li {
        width : 100%;
        }

    .cmi .content-text > div {
        flex-direction : column;
        display        : flex;
        width          : 100%;
        }

    .cmi .content-text > div a {
        width : 100%;
        }
    }

.navbar .nav-item.telenumber .nav-link {
    padding : 11px 5px;
    width   : 239px;
    }

.inactiveoption {
    pointer-events : none;
    cursor         : default;
    }

.inactiveoptioncrm {
    cursor : default;
    }

.homecontactus {
    padding : 14px 4px;
    }

.contact-social .homesocialmedia {
    margin        : 0px;
    padding-right : 14px;
    }

.performance .headingspl {
    line-height : 50px;
    font-size   : 44px;
    }


.faq {
    margin-top : 150px;
    }

.faq > p {
    font-size     : 30px;
    color         : #414C4E;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    margin-bottom : 0;

    }


.faq {
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 500;
    color       : #565B5B;
    }

.faq-list {
    margin-top : 30px;
    }



.accordion,
.accordion * {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    }

.accordion {
    overflow      : hidden;

    border-radius : 3px;
    border        : 1px solid #eee;
    }


.accordion-section-title {
    width           : 100%;
    padding         : 15px;
    display         : inline-block;
    border-bottom   : 1px solid #eee;
    background      : #FFFFFF;
    transition      : all linear 0.15s;
    
    font-size       : 1.200em;
    color           : #424242;
    justify-content : space-between;
    align-items     : center;
    display         : flex;
    }

.accordion-section-title.active,
.accordion-section-title:hover {
    background      : #E84C3d;
    
    text-decoration : none;
    color           : #fff;
    display         : flex;
    align-items     : center;
    }

.accordion-section:last-child .accordion-section-title {
    border-bottom : none;
    }


.accordion-section-content {
    padding : 15px;
    display : none;
    }





.contact-form {

    }

.contact-form h2 {
    color       : #414c4e;
    font-size   : 32px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.contact-form > p {
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 500;
    font-size   : 16px;
    color       : #565b5b;
    margin      : 25px 0;
    }


.contact-left {
    text-align : left;
    }

.contact-left > span {
    font-size   : 26px;
    margin      : 20px 0;
    display     : flex;
    font-weight : bold;
    }

.contact-left .md-form {
    display : flex;
    }

.contact-left .md-form label {
    top  : .5rem;
    left : 15px;
    }

.contact-left .btn {
    background    : #e64d25;
    color         : #ffffff !important;
    margin-bottom : 30px;
    }

.contact-left .form-control {
    border        : 1px solid #ddd !important;
    border-radius : 30px !important;
    }

.contact-div {
    background    : #ffffff;
    border-radius : 5px;
    box-shadow    : 0 0 30px #ffd9d6;
    }

.contact-info {
    background    : #e64d25;
    color         : #ffffff;
    border-radius : 0 5px 5px 0;
    }

.contact-info ul li {
    display        : flex;
    align-items    : center;
    margin-bottom  : 25px;
    flex-direction : column;
    }

.contact-info ul li p {
    margin-bottom : 0;
    margin-top    : 10px;
    }

.contact-info > span {
    font-size       : 26px;
    margin          : 20px 0;
    display         : flex;
    align-items     : center;
    justify-content : center;
    font-weight     : bold;
    }






.job-banner {
    width           : 100%;
    height          : 450px;
    background      : url() no-repeat center;
    background-size : 100%;
    }

.big-font {
    font-weight   : 800 !important;
    margin-bottom : 20px;
    }

.openings {
    padding : 50px 0;
    }

.openings h4 {
    text-align    : center;
    font-size     : 26px;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 600;
    margin-bottom : 0;
    }

.openings h4 ~ span {
    width      : 100%;
    text-align : center;
    display    : block;
    color      : #ccc;
    }

.openings ul {
    list-style  : none;
    width       : 85%;
    margin      : auto;
    padding-top : 50px;
    }

.openings ul li {
    display     : flex;
    align-items : center;
    box-shadow  : 0px 1px 0 0 #eee;
    padding     : 5px 15px;
    }

.openings ul li .job-img {
    width : 130px;
    }

.job-img img {
    max-width : 100%;
    }

.openings ul li .job-des {
    display        : flex;
    flex-direction : column;
    flex           : 1 1 50%;
    }

.openings ul li .job-des span:nth-of-type(1) {
    font-weight : 600;
    font-family : 'Open Sans', sans-serif;
    color       : #3c3a39;
    font-size   : 16px;
    }

.openings ul li .job-des span:nth-of-type(2) {
    font-family : 'Open Sans', sans-serif;
    color       : #ccc;
    font-size   : 14px;
    }

.job-location {
    flex : 1 1 20%;
    }

.openings ul li .job-type {
    flex-direction : row;
    }

.job-location {
    color : #ccc;
    }

.job-location span {
    padding : 0 5px;
    }

.job-btn {
    border        : 1px solid #eee;
    padding       : 5px 15px;
    border-radius : 15px;
    color         : #ccc;
    margin-left   : 10px;
    }

.full {
    border : 1px solid #9C27B0;
    color  : #9C27B0;
    }

.part {
    border : 1px solid #00FF00;
    color  : #00FF00;
    }

.free {
    border : 1px solid #F44336;
    color  : #F44336;
    }

.job-list {
    margin : 80px 0;
    }

.job-list ul {
    list-style      : none;
    display         : flex;
    align-items     : center;
    justify-content : center;
    }

.job-list ul li {
    box-shadow    : 0 0 20px #eee;
    border-radius : 5px;
    background    : #ffffff;
    width         : 330px;
    text-align    : center;
    padding       : 30px 20px;
    margin        : 10px;
    }

.job-list ul li .img {
    width           : 100px;
    height          : 100px;
    margin          : 10px auto 10px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    }

.job-list ul li .img img {
    max-width : 100%;
    width     : 80px;
    height    : 80px;
    }

.contact-info .contact-li {

    color : #fff;
    }

.workit .font-job {
    color : #000;
    }

.job-list ul li h3 {
    color       : #414c4e;
    font-size   : 24px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    margin      : 15px;
    }

.job-list ul li > div {
    color       : #7d7d7d;
    font-size   : 16px;
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 400;
    }

.job-list ul li button, .job-list ul li button:hover {
    border-radius : 30px;
    margin        : 20px;
    cursor        : pointer;
    padding       : 10px;
    font-size     : 14px;
    background    : #ffffff;
    }

.job-list ul li button:before {
    content       : '';
    border-radius : 30px;
    }

.workit {
    text-align : center;
    }

.workit h2 {
    font-family : 'Open Sans', sans-serif;
    color       : #3c3a39;
    font-size   : 35px;
    font-weight : 700;
    }

.workit > p {
    font-size   : 18px;
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 400;
    width       : 70%;
    margin      : auto;
    color       : #ccc;
    }

.work-item {
    display : flex;
    margin  : 50px 0;
    }

.work-item > div {
    width       : 33.3%;
    text-align  : center;
    color       : #7d7d7d;
    font-size   : 16px;
    font-family : 'Source Sans Pro', sans-serif;
    font-weight : 400;
    padding     : 10px 25px;
    }

.work-item h4 {
    color       : #414c4e;
    font-size   : 20px;
    font-family : 'Open Sans', sans-serif;
    font-weight : 600;
    }

.workit-img {
    width           : 90px;
    height          : 90px;
    margin          : 10px auto;
    border-radius   : 50px;
    background      : #ffffff;
    display         : flex;
    align-items     : center;
    justify-content : center;
    box-shadow      : 0 0 30px #eee;
    padding         : 20px;
    padding-left    : 25px;
    }

.workit-img img {
    max-width : 100%;
    }



@media screen and (max-width : 991px) {
    .job-list ul {
        flex-wrap : wrap;
        }

    .job-list ul li {
        width : 45%;

        }

    .openings ul {
        width : 100%;
        }
    }

@media screen and (max-width : 767px) {
    .job-list ul li {
        width         : 100%;
        margin        : 0;
        margin-bottom : 15px;
        }

    .openings ul li > div {
        margin-bottom : 10px;
        }

    .openings ul li .job-img {
        margin : auto;
        }

    .openings ul li {
        display    : block;
        text-align : center;
        }

    .work-item {
        display : block;
        }

    .work-item > div {
        width : 100%;
        }
    }

@media (min-width : 769px) and (max-width : 992px) {
    }

@media (max-width : 992px) {
    }

@media (max-width : 768px) {
    }

@media (max-width : 640px) {
    }

@media (max-width : 480px) {
    }










.cj-medias {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(280px,1fr));
    grid-gap: 24px;
}
 .cj-media {
    padding: 32px 24px 36px 24px;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(90,122,190,.1), 0 10px 20px 0 rgba(90,122,190,.2);
    box-shadow: 0 1px 1px 0 rgba(90,122,190,.1), 0 10px 20px 0 rgba(90,122,190,.2);
    border: 1px solid rgba(90,122,190,.08);
    display: block;
    -webkit-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
	position: relative;
    
}

.cj-media__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 12px;
}
a {
    color: #e84c3d;
    text-decoration: none;
}

.cj-media__title {
    color: #00000a;
    font-family: basis-grotesque,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    position: relative;
	padding-left: 12px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

body {
    font-family: var(--ff_base);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #242438;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.cj-article--center {
    text-align: center;
}
.cj-article__desc {
    font-size: 16px;
}
p {
    margin: 0 0 10px;
}

@media (min-width: 992px)
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
@media (min-width: 992px)
.col-md-8 {
    width: 66.66666667%;
}

@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
@media (min-width: 768px)
.col-sm-offset-2 {
    margin-left: 16.66666667%;
}
@media (min-width: 768px)
.col-sm-8 {
    width: 66.66666667%;
}
@media (min-width: 768px)

.footerff {
  color:#565b5b;
  margin-top: 0px;
  margin-bottom: 11px;
}

.ggg {
    font-size: 20px;
    color:#e84c3d;
    font-weight: 600;
    line-height: 18px;
	font-family: var(--ff_base);
	
}

.cj-meeedia__title {
    color: #00000a;
    font-family: basis-grotesque,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
	margin-top: 45px;
}


@media (max-width: 640px)
 .navbar-toggler-icon i {
    font-size: 32px;
    line-height: 25px;
}


.caaall-tab ul li a {
    font-size: 15px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    color: #A4A4A4 !important;
    padding: 15px;
    border: 99 !important;
}