@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri_0-webfont.eot');
    src: url('../fonts/calibri_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/calibri_0-webfont.woff') format('woff'),
        url('../fonts/calibri_0-webfont.ttf') format('truetype'),
        url('../fonts/calibri_0-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriLight';
    src: url('../fonts/calibril_0-webfont.eot');
    src: url('../fonts/calibril_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/calibril_0-webfont.woff') format('woff'),
        url('../fonts/calibril_0-webfont.ttf') format('truetype'),
        url('../fonts/calibril_0-webfont.svg#calibrilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'xxii_centar_thin';
    src: url('../fonts/xxiicentarthin-webfont.eot');
    src: url('../fonts/xxiicentarthin-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/xxiicentarthin-webfont.woff') format('woff'),
        url('../fonts/xxiicentarthin-webfont.ttf') format('truetype'),
        url('../fonts/xxiicentarthin-webfont.svg#xxii_centar_thinthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'xxii_centar_light';
    src: url('../fonts/xxiicentarlight-webfont.eot');
    src: url('../fonts/xxiicentarlight-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/xxiicentarlight-webfont.woff') format('woff'),
        url('../fonts/xxiicentarlight-webfont.ttf') format('truetype'),
        url('../fonts/xxiicentarlight-webfont.svg#xxii_centar_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.container {
    width: 1280px;
}

.ltGray {
    background-color: #e7ebef;
}

.margin-auto {
    margin: auto;
}

.mainHeader {
    width: 100%;
    height: auto;
    position: relative;
}

.mainHeader.detail {
    height: 400px;
    position: relative;
}

.mainHeader.detail .title {
    font-family: 'xxii_centar_light';
    font-size: 48px;
    color: #ffffff;
    background-color: rgba(1, 188, 243, 0.95);
    position: absolute;
    padding: 10px 30px;
    top: calc(50% + 55px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.mainHeader.detail.application-portal {
    background: url("../images/admission-mockup-new.jpg") no-repeat center;
    background-size: cover;
}

.mainHeader.detail.student-portal {
    background: url("../images/student-portal-mockup.jpg") no-repeat center;
    background-size: cover;
}

.mainHeader.detail.crm {
    background: url("../images/crm-mock-up.jpg") no-repeat center;
    background-size: cover;
}

.mainHeader.detail.pricing {
    background: url("../images/pricing-bg.jpg") no-repeat center;
    background-size: cover;
    height: 300px;
}

.mainHeader.detail.pricing h2 {
    position: absolute;
    font-family: 'Raleway', sans-serif !important;
    font-size: 50px;
    font-weight: 500;
    line-height: 60px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    left: 100px;
    bottom: 60px;
    margin: 0;
}

.mainHeader .topNav {
    background-color: rgba(255, 255, 255, .95);
    width: 100%;
    height: 70px;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 1000;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

.navbar-brand {
    float: left;
    padding: 19px 16px;
    height: 31px;
}

.navbar-nav {
    font-family: 'CalibriLight';
    font-weight: normal;
    font-size: 19px;
    color: #343434;
    float: right;
}

.navbar-nav>li>a {
    padding: 25px 8px 25px 11px;
    font-size: 19px;
    line-height: 20px;
    color: #343434;
    overflow: visible;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a.active {
    background: none;
    color: #01bcf3;
    /*-webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;*/
}

.navbar-nav>li.social>a {
    background-color: #01bcf3;
    color: #ffffff;
    font-size: 40px;
    padding: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navbar-nav>li.social>a:hover {
    background-color: #343434;
}

.navbar-nav>li.social+li.social {
    margin-left: 1px;
}

.navbar-nav>li+li {
    background: url("../images/menu_sepa.png") left center no-repeat;
}

/*.tparrows.preview3 {
    right: 125px !important;
}

.tp-leftarrow {
    left: auto !important;
    right: 125px !important;
    top: 410px !important;
}*/

.mainHeader .topNav.topZero {
    background-color: rgba(1, 188, 243, .9);
    height: 50px;
    position: fixed;
    top: 0px;
}

.topNav.topZero .navbar-brand {
    padding: 10px 16px;
    height: 30px;
}

.topNav.topZero .navbar-brand img {
    height: 30px;
    width: auto;
}

.topNav.topZero .navbar-nav>li>a {
    font-size: 18px;
    padding: 15px 8px 15px 11px;
}

.topNav.topZero .navbar-nav>li>a:hover,
.topNav.topZero .navbar-nav>li>a:focus,
.topNav.topZero .navbar-nav>li>a.active {
    color: #ffffff;
    background: none;
}

/*.topNav.topZero .navbar-nav > li > a:focus {
    background-color: #f0ad4e;
}*/

.topNav.topZero .navbar-nav>li+li {
    background: url("../images/menu_sepa_white.png") left center no-repeat;
}

.topNav.topZero .navbar-nav>li.social {
    display: none;
}

.about-us {
    background-color: #ffffff;
    padding: 70px 150px;
}

.about-us h3 {
    font-family: 'xxii_centar_thin';
    font-size: 65px;
    color: #343434;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}

.about-us h4 {
    font-family: 'xxii_centar_thin';
    font-size: 55px;
    color: #343434;
    font-weight: normal;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.about-us p {
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 28px;
    color: #656565;
    text-align: justify;
    margin-bottom: 0px;
}

.about-us p a {
    font-family: 'CalibriRegular';
    color: #01bcf3;
}

.about-us p+p {
    margin-top: 30px;
}

.products .online-admission {
    background: url("../images/admission-mock-up.jpg") no-repeat center;
    background-size: cover;
}

.products .prod-info {
    background-color: rgba(43, 43, 41, .92);
    padding: 35px 40px;
}

.products .prod-info.blue {
    background-color: rgba(1, 188, 243, .92);
}

.prod-info h4 {
    font-family: 'xxii_centar_thin';
    font-size: 38px;
    color: #ffffff;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 15px;
}

.prod-info ul {
    font-family: 'xxii_centar_thin';
    font-size: 16px;
    color: #dedede;
    font-weight: normal;
}

.products .prod-info.blue ul {
    color: #ffffff;
}

.prod-info ul li+li {
    margin-top: 3px;
}

.prod-info ul .fa-li {
    top: .25em;
}

.prod-info .btn-default {
    background-color: rgba(255, 255, 255, 0);
    font-family: 'CalibriRegular';
    font-size: 17px;
    color: #ffffff;
    font-weight: normal;
    padding: 10px 22px;
    border-radius: 1px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.prod-info .btn-default:hover {
    background-color: rgba(255, 255, 255, .15);
}

.products .online-financial-aid {
    background: url("../images/admin-mock-up.jpg") no-repeat center;
    background-size: cover;
}

.products .SSP-portal {
    background: url("../images/portal-mock-up2.jpg") no-repeat center;
    background-size: cover;
}

.products .srm {
    background: url("../images/SRM-mockup.jpg") no-repeat center;
    background-size: cover;
}

/******************************* New CSS ********************************/

.products {
    background-color: #ffffff;
}

.products .intro-text {
    padding: 70px 200px;
}

.products .intro-text.blue {
    background-color: #01bcf3;
}

.products h3 {
    font-family: 'xxii_centar_thin';
    font-size: 65px;
    color: #343434;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}

.products h4 {
    font-family: 'xxii_centar_light';
    font-size: 40px;
    color: #212121;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
}

.products p {
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 28px;
    color: #212121;
    margin-bottom: 0px;
}

.products .intro-text.blue h3,
.products .intro-text.blue p {
    color: #ffffff;
}

.products p a {
    font-family: 'CalibriRegular';
    color: #01bcf3;
}

.products p+p {
    margin-top: 30px;
}

.products .intro-text.blue p a {
    color: #555555;
}

.products .product-box {
    padding: 55px;
    display: flex;
    flex-direction: row;
}

.products .product-box.home {
    padding: 0px;
}

.products .product-box.blue {
    background-color: #01bcf3;
}

.products .product-box.gray {
    background-color: rgba(231, 235, 239, 0.6);
}

.product-box .product-image {
    flex-grow: 4;
    width: 40%;
}

.product-box .product-info {
    flex-grow: 6;
    width: 60%;
}

.product-box.home .product-image,
.product-box.home .product-info {
    flex-grow: 5;
    width: 50%;
}

.product-box.home .product-image img {
    height: 100%;
}

.product-box .product-info {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.product-box .product-info.left {
    padding-left: 0;
    padding-right: 30px;
}

.product-box.home .product-info {
    padding: 20px 50px;
}

.product-box h4 {
    font-family: 'xxii_centar_light';
    font-size: 40px;
    color: #212121;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
}

.product-box.home h4 {
    font-size: 38px;
    line-height: 38px;
}

.product-box h5 {
    font-family: 'xxii_centar_light';
    font-size: 38px;
    color: #212121;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: left;
}

.product-box p {
    font-family: 'CalibriLight';
    font-size: 22px;
    line-height: 27px;
    color: #212121;
    margin-bottom: 0px;
}

.product-box.home p {
    font-size: 20px;
    line-height: 26px;
}

.product-box p+p {
    margin-top: 20px;
}

.product-box ul {
    font-family: 'CalibriLight';
    font-size: 22px;
    line-height: 27px;
    color: #212121;
}

.product-box ul li+li {
    margin-top: 5px;
}

.product-box .btn-primary {
    background-color: #01bcf3;
    border: none;
    border-radius: 0;
    padding: 10px 22px;
    text-transform: uppercase;
    margin-top: 20px;
    transition: 0.5s;
}

.product-box .btn-primary:hover {
    opacity: 0.8;
}

.product-box.blue h4,
.product-box.blue p {
    color: #ffffff;
}

.product-box.blue .btn-primary {
    background-color: #ffffff;
    color: #212121;
}

.services {
    /*font-family: 'CalibriLight';
    font-size: 17px;*/
    background-color: #ffffff;
    /*padding: 25px;*/
}

.services .intro-text {
    background-color: rgba(242, 243, 245, 0.8);
    padding: 60px 250px;
}

.services h3 {
    font-family: 'xxii_centar_thin';
    font-size: 65px;
    color: #343434;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}

.services p {
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 28px;
    color: #212121;
    margin-bottom: 0px;
}

.services p a {
    font-family: 'CalibriRegular';
    color: #01bcf3;
}

.services p+p {
    margin-top: 30px;
}

.services .services-box {
    padding: 55px;
    display: flex;
    flex-direction: row;
}

.services .services-box.gray {
    background-color: rgba(242, 243, 245, 0.8);
}

.services-box .sevice-image {
    width: 35%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.services-box .sevice-info {
    width: 65%;
}

.services-box .sevice-info {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.services-box h4 {
    font-family: 'xxii_centar_light';
    font-size: 38px;
    color: #212121;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 15px;
}

.services-box p {
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 26px;
    color: #212121;
    margin-bottom: 0px;
}

.services-box p+p {
    margin-top: 20px;
}

/*.services .row {
    margin-left: 0px;
    margin-right: 0px;
}

.services .row div[class^="col-"] {
    padding: 25px 25px;
    -webkit-transition:all 0.75s ease;
    transition:all 0.75s ease;
}

.services .row div[class^="col-"].active {
    background-color: rgba(1,188,243,.075);
}

.services h5 {
    font-family: 'xxii_centar_thin';
    font-size: 35px;
    color: #151515;
    font-weight: normal;
    line-height: 42px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
}

.services p {
    font-family: 'CalibriLight';
    font-size: 18px;
    color: #656565;
    font-weight: normal;
    line-height: 22px;
    text-align: justify;
    margin-top: 30px;
    margin-bottom: 30px;
}

.services .row div[class^="col-"].active p {
    color: #252525;
}

.services .fa-ul {
    font-family: 'CalibriLight';
    font-size: 17px;
    color: #656565;
    font-weight: normal;
    line-height: 21px;
}

.services .fa-ul li + li {
    margin-top: 5px;
}

.services .btn-default {
    background-color: rgba(255,255,255,0);
    font-family: 'CalibriRegular';
    font-size: 17px;
    color: #656565;
    font-weight: normal;
    padding: 10px 22px;
    border-radius: 1px;
    border-color: #757575;
    text-transform: uppercase;
    -webkit-transition:all 0.5s ease;
    transition:all 0.5s ease;
}

.services .btn-default:hover {
    color: #01bcf3;
    border-color: #01bcf3;
}*/

.circle01 {
    max-width: 300px;
    max-height: 300px;
    border: 8px solid #dfe3e7;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.services .row div[class^="col-"].active .circle01 {
    border: 8px solid rgba(1, 188, 243, .75);
}

.contact-us {
    background: url("../images/contact-bg.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 60px;
}

.contact-us h3 {
    font-family: 'xxii_centar_thin';
    font-size: 65px;
    color: #252525;
    text-align: center;
    margin: auto;
    margin-bottom: 35px;
}

.contact-us .custm-inp01 {
    background-color: rgba(255, 255, 255, .6);
    font-family: 'CalibriLight';
    font-size: 18px;
    font-weight: normal;
    color: #252525;
    border: none;
    border-radius: 0;
    text-align: center;
    height: auto;
    padding: 10px;
    resize: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-us .custm-inp01:focus {
    background-color: rgba(255, 255, 255, .9);
}

.contact-us .custm-inp01+.custm-inp01 {
    margin-top: 15px;
}

.contact-us .btn-primary {
    font-family: 'CalibriLight';
    font-size: 18px;
    font-weight: normal;
    background-color: #0dbef3;
    border-radius: 0;
    border: none;
    padding: 15px 30px;
    margin-top: 25px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-us .btn-primary:hover {
    background-color: #ffffff;
    color: #0dbef3;
}

.contact-us .error-msg {
    font-family: 'CalibriRegular';
    font-size: 17px;
    font-weight: normal;
    color: #a90000;
}

.mainFooter {
    background-color: #ffffff;
}

.mainFooter .links {
    background-color: #0dbef3;
    padding: 35px 40px;
}

.mainFooter .links ul {
    font-family: 'CalibriLight';
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.mainFooter .links ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-bottom: 4px;
}

.mainFooter .links ul li+li {
    margin-top: 10px;
}

.mainFooter .links ul li a {
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mainFooter .links ul li a:hover {
    color: #252525;
    text-decoration: none;
}

.mainFooter .links .social {
    text-align: right;
}

.mainFooter .links .social a {
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.mainFooter .links .social a:hover {
    color: #252525;
}

.mainFooter .links .social a+a {
    margin-left: 8px;
}

.mainFooter .links .vBiz-logo-footer {
    text-align: right;
}

.mainFooter .links .vBiz-logo-footer img {
    margin-top: 80px;
}

.mainFooter .copy {
    background-color: #ffffff;
    padding: 20px;
}

.mainFooter .copy p {
    font-family: 'CalibriLight';
    font-size: 19px;
    line-height: 20px;
    color: #353535;
    font-weight: normal;
    text-align: center;
    margin: 0;
    padding: 0;
}

.tp-rightarrow.preview3 .tp-arr-iwrapper,
.tp-leftarrow.preview3 .tp-arr-iwrapper {
    display: none !important;
}

/*.tparrows.preview3 {
    right: 120px !important;
}

.tp-leftarrow {
    left: auto !important;
    right: 120px !important;
    top: 410px !important;
}*/

.tp-rightarrow {
    right: 120px !important;
    top: calc(50vh + 50px - 40px) !important;
}

.tp-leftarrow {
    left: auto !important;
    right: 120px !important;
    top: calc(50vh + 50px + 40px) !important;
}

.continue-btn {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
    z-index: 100;
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.continue-btn a {
    display: table-cell;
    color: rgba(255, 255, 255, 1);
    background-color: #0dbef3;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    vertical-align: middle;
}

.continue-btn a:hover {
    background-color: #343434;
}

.continue-btn a i {
    position: relative;
    top: -5px;
    -webkit-animation: arrowAni linear 0.75s infinite;
    animation: arrowAni linear 0.75s infinite;
}

@-webkit-keyframes arrowAni {
    0% {
        top: -5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 10px;
        color: rgba(255, 255, 255, .15);
    }
}

@keyframes arrowAni {
    0% {
        top: -5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 10px;
        color: rgba(255, 255, 255, .15);
    }
}

.tooltip.top {
    min-width: 150px;
}

.tooltip.bottom {
    min-width: 150px;
}

.tooltip.top .tooltip-inner,
.tooltip.bottom .tooltip-inner {
    font-family: 'CalibriLight';
    font-size: 16px;
    background-color: rgba(1, 188, 243, .9);
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(1, 188, 243, .9);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(1, 188, 243, .9);
}

.animated {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.navig-btn {
    display: none;
    position: fixed;
    bottom: 150px;
    left: 50%;
    margin-left: -25px;
    z-index: 100;
    font-family: 'CalibriLight';
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navig-btn.fixed {
    bottom: 50px;
}

.navig-btn a {
    display: block;
    color: rgba(255, 255, 255, 1);
    background-color: #343434;
    width: 50px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.navig-btn a:hover {
    background-color: #0dbef3;
}

.navig-btn .upBtn {
    border-radius: 25px 25px 0 0;
}

.navig-btn .upBtn.full {
    height: 50px;
    border-radius: 25px;
    font-size: 20px;
    line-height: 18px;
}

.navig-btn .downBtn {
    border-radius: 0 0 25px 25px;
}

.navig-btn .downBtn.full {
    height: 50px;
    border-radius: 25px;
    font-size: 20px;
    line-height: 18px;
}

.navig-btn .upBtn i {
    position: relative;
    top: -5px;
    -webkit-animation: arrowUp linear 0.75s infinite;
    animation: arrowUp linear 0.75s infinite;
}

.navig-btn .upBtn.full i {
    position: relative;
    top: -3px;
    -webkit-animation: arrowUpFull linear 0.75s infinite;
    animation: arrowDownFull linear 0.75s infinite;
}

.navig-btn .downBtn i {
    position: relative;
    top: -5px;
    -webkit-animation: arrowDown linear 0.75s infinite;
    animation: arrowDown linear 0.75s infinite;
}

.navig-btn .downBtn.full i {
    position: relative;
    top: -3px;
    -webkit-animation: arrowDownFull linear 0.75s infinite;
    animation: arrowDownFull linear 0.75s infinite;
}

@-webkit-keyframes arrowUp {
    0% {
        top: 5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: -5px;
        color: rgba(255, 255, 255, .15);
    }
}

@keyframes arrowUp {
    0% {
        top: 5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: -5px;
        color: rgba(255, 255, 255, .15);
    }
}

@-webkit-keyframes arrowUpFull {
    0% {
        top: 7px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: -3px;
        color: rgba(255, 255, 255, .15);
    }
}

@keyframes arrowUpFull {
    0% {
        top: 7px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: -3px;
        color: rgba(255, 255, 255, .15);
    }
}

@-webkit-keyframes arrowDown {
    0% {
        top: -5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 10px;
        color: rgba(255, 255, 255, .15);
    }
}

@keyframes arrowDown {
    0% {
        top: -5px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 10px;
        color: rgba(255, 255, 255, .15);
    }
}

@-webkit-keyframes arrowDownFull {
    0% {
        top: -3px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 12px;
        color: rgba(255, 255, 255, .15);
    }
}

@keyframes arrowDownFull {
    0% {
        top: -3px;
        color: rgba(255, 255, 255, 1);
    }

    100% {
        top: 12px;
        color: rgba(255, 255, 255, .15);
    }
}

.navbar-nav>li>.dropdown-menu {
    font-size: 16px;
    background-color: rgba(255, 255, 255, .98);
    border: none;
}

.dropdown-menu>li>a {
    padding: 4px 20px;
}

.pricing-table {
    width: 100%;
}

.pricing-table td {
    border: 1px solid #ffffff;
}

.pricing-table thead .title {
    height: 50px;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'xxii_centar_light';
    font-size: 18px;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01bcf3+0,015e7a+100 */
    background: #01bcf3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #01bcf3 0%, #015e7a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #01bcf3 0%, #015e7a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #01bcf3 0%, #015e7a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01bcf3', endColorstr='#015e7a', GradientType=0);
    /* IE6-9 */
}

.pricing-table thead .title-price {
    font-family: 'xxii_centar_thin';
    font-size: 25px;
    color: #212121;
    height: 70px;
    background-color: #cce1e7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pricing-table thead .title-price.color1 {
    background-color: rgba(1, 188, 243, 0.2);
}

.pricing-table thead .title-price.color2 {
    background-color: rgba(1, 188, 243, 0.4);
}

.pricing-table thead .title-price.color3 {
    background-color: rgba(1, 188, 243, 0.7);
}

.pricing-table thead .title-price.color4 {
    background-color: rgba(1, 188, 243, 1.0);
}

.pricing-table thead .title-price .price {
    font-family: 'xxii_centar_light';
    font-size: 36px;
    color: #212121;
    margin: 0;
}

.pricing-table thead .title-price .desc {
    font-family: 'xxii_centar_light';
    font-size: 15px;
    color: #454545;
    margin: 6px 0 0;
    line-height: 15px;
}

.pricing-table tbody tr .title {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'xxii_centar_light';
    font-size: 15px;
    color: #333333;
    padding-left: 20px;
}

.pricing-table tbody tr:nth-child(odd) .title {
    background-color: #e5f0f3;
}

.pricing-table tbody tr:nth-child(even) .title {
    background-color: #f2f7f9;
}

.pricing-table tbody tr .feature {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pricing-table tbody tr:nth-child(odd) .feature {
    background-color: #e7ebef;
}

.pricing-table tbody tr:nth-child(even) .feature {
    background-color: #f5f7f9;
}

.pricing-table tbody tr .feature .fa-check {
    color: #009500;
}

.pricing-table tbody tr .feature .fa-minus {
    color: #959595;
}

.RS-Title-01 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 55px;
    font-weight: 500;
    line-height: 60px;
    color: #01bcf3;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}

.RS-Title-02 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 50px;
    font-weight: 500;
    line-height: 54px;
    color: #01bcf3;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}

.RS-Title-01.gray-shadow,
.RS-Title-02.gray-shadow {
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}

.RS-desc-01 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    color: #353535;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
    display: flex !important;
    flex-direction: row;
}

.RS-desc-01 .fa {
    color: #01bcf3;
    margin-right: 20px;
}

.RS-desc-02 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    display: flex !important;
    flex-direction: row;
}

.RS-desc-02 .fa {
    color: #01bcf3;
    margin-right: 20px;
}

.product-box.pricing .table-responsive {
    width: 100%;
    border: none;
}

.demo-btn-cont {
    padding: 20px;
    text-align: center;
}

.demo-btn-cont .btn-primary {
    background-color: #01bcf3;
    border: none;
    border-radius: 0;
    padding: 10px 22px;
    text-transform: uppercase;
    margin: 0;
    transition: 0.5s;
}

.demo-btn-cont .btn-primary:hover {
    opacity: 0.8;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.sub-title {
    font-family: 'CalibriLight';
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin: 0 100px 40px;
}

.text-white {
    color: #ffffff !important;
}

.home-header {
    width: 100%;
    height: 100vh;
    position: relative;
}

.home-header .home-header__bg-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-header .home-header__content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-header .home-header__content .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.home-header .home-header__content.slide-2 .container {
    padding-left: 45%;
}

.home-header .home-header__content .header-title {
    font-family: 'CalibriLight';
    font-size: 56px;
    font-weight: 600;
    line-height: 60px;
    color: #01bcf3;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
    margin-top: 90px;
    max-width: 850px;
}

.home-header .home-header__content.slide-2 .header-title {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    line-height: 56px;
}

.home-header .home-header__content.slide-3 .header-title {
    text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.8);
    max-width: 750px;
}

.home-header .home-header__content .header-link {
    font-family: 'Raleway', sans-serif !important;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
    text-decoration: none;
    margin-top: 16px;
    transition: .5s;
}

.home-header .home-header__content.slide-3 .header-link {
    color: #343434;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.home-header .home-header__content .header-link:hover {
    color: #01bcf3;
}

.home-header .home-header__content .header-link .fa {
    color: #01bcf3;
    margin-right: 16px;
}

.privacy-policy-date {
    position: absolute;
    right: 72px;
    bottom: 36px;
}

.no-subheader {
    padding-top: 111px;
}

.privacy-content-box {
    padding-left: 40px;
}

.mb-0 {
    margin-bottom: 0 !important;
}