/*
	TABLE OF CONTENT
	1. Nav
    2. Button
	3. Blog
    4. Paggination And Footer
    5. Spacer
    6. Case-Study/Blog-View
	7. Newsletter
    8. Spinner
    9. Pricing /FAQ
    10. Videos
    11.Testimonial

*/

/* 1. Nav
====================================================================================================================
*/
.navbar {
    z-index:1000;
}
.navbar-brand img {
    height:30px;
}
.navbar-fixed-top .navbar-nav > li > a.discover-btn {
    color: #0e71b8 !important;
    border: 1px solid #0e71b8;
}


.fa-bars:before {
    content: "\f0c9";
    color:#fff;
 }

.navbar-fixed-top.opaque .navbar-nav .current a {
    color: #00ab66 !important;
}

.navbar-fixed-top .navbar-nav .current a {
    border-bottom: 2px solid #fff;
}
/**/
.navbar-fixed-top.opaque .navbar-nav .current span {
    color: #0e71b8 !important;
}

.navbar-fixed-top .navbar-nav .current span {
    border-bottom: 2px solid #fff;
}

/**/
.navbar-fixed-top .navbar-nav .current .dropdown-toggle {
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
}
.navbar-fixed-top.opaque .navbar-nav .current .dropdown-toggle{
    color: #00ab66 !important;
}


.navbar-fixed-top.opaque .navbar-toggler {
    border: 1px solid #0e71b8;
}
.navbar-fixed-top.opaque .fa-bars:before {
    color: #0e71b8;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #edf3fa;
}

.nav-pills .nav-link.active {
    background-color: #edf3fa;
    color: #fff;
}

.nav-pills .nav-link p {
    display: none;
}

.nav-pills .nav-link.active p {
    display: inline;
}

.nav-link {
     padding: 0.3rem 1rem;
}

.nav-pills .nav-link {
    font-family: 'Muli', sans-serif;
    color: #0e71b8;
}

.nav-item a {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.sub-item a {
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    color: #7c8595;
}
.sub-item span {
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    color: #7c8595;
    cursor: pointer;
}

.navbar-fixed-top.opaque .navbar-nav a.sub-item a:hover {
     background-color: #0e71b8;
     color: #ffff;
}
.sub-item span:hover {
    background-color: #0e71b8;
   color: #ffff !important;
}
.navbar-fixed-top.opaque .navbar-nav > li > .sub-item span:hover {
     color: #ffff !important;
}

.navbar-fixed-top  .navbar-nav > li > a.discover-btn:hover {
    border: 1px solid #fff;
    color: #0e71b8 !important;
    background: #fff;
}
.head-1 {
    color:#fff;
    vertical-align:middle;
    margin-top: 70px;
    margin-bottom: 30px;
}

.navbar-fixed-top.opaque {
    background-image: linear-gradient(121deg, #ffff, #ffff 52%);
}

.navbar-fixed-top.opaque .navbar-nav > li > a:hover {
    color: #00ab66 !important;
}
.navbar-fixed-top .navbar-nav > li > a:hover {
    color: #ffff !important;
}


.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.navbar-fixed-top.opaque .navbar-nav > li > button {
    color: #405263 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 0px 20px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin :0px;
}
.navbar-fixed-top .navbar-nav .current a.sign-up-free {
    border-bottom: none;
}

.res-icon {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 30px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: none;
    margin-left: 13px;
    background-color: transparent;
}
    .res-icon:after {
        font-family: FontAwesome;
        content: "\f106";
    }
.res-icon.collapsed:after {
    font-family: FontAwesome;
    content: "\f107";
}


.res-icon:focus {
    border: none;
    outline: none;
}

.sub-menu {
    font-weight: 100;
    font-size:14px;
    margin-left:2px;
}
.coming {
    border-bottom:none;
    padding:10px;
}

.links-active {
    color: #888;
    padding-right: 14px;
    font-size: 22px;
}

.links-active:hover {
    color: #0e71b8;
}

.navbar-fixed-top .navbar-nav > li > .bookDemo{
    padding: 2px 20px !important;
}



/* 2. Button
====================================================================================================================
*/

.swal2-title{
    font-size: 1.5em !important;
    font-weight: 500 !important;
}

.btn-secondary{
    color: #555555 !important;
    background-color: #EEEEEE !important;
    border-color: #EEEEEE !important;
}



.btn-green {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);
    ;
    box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.37);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    letter-spacing: 1px;
    border-radius: 5px 5px;
    margin: 10px 10px 0 10px 0;
    padding: 20px 30px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
    .btn-green:hover {
        box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
        color: #fff !important;
        background: #3498db;
    }

    .btn-green.small, .btn-green-line.small {
        font-size: 16px;
        padding: 14px 20px;
    }

.btn-green-line {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #017df7;
    background-color: transparent;
    border: 1px solid #0e71b8;
    border-radius: 10px 10px;
    margin: 20px 10px 0 10px 0;
    padding: 20px 30px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.btn-white {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #0e71b8;
    background-color: #fff;
    box-shadow: 0px 4px 18px 0 rgba(0, 0, 0, 0.37);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    letter-spacing: 1px;
    border-radius: 5px 5px;
    margin: 10px 10px 0 10px 0;
    padding: 20px 30px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

    .btn-white:hover {
        box-shadow: 5px 5px 50px 5px rgba(51,0,255,0.2);
    }

    .btn-white.small, .btn-white-line.small {
        font-size: 16px;
        padding: 14px 20px;
    }

.btn-white-line {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #017df7;
    background-color: transparent;
    border: 1px solid #0e71b8;
    border-radius: 10px 10px;
    margin: 20px 10px 0 10px 0;
    padding: 20px 30px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.btn-blue-green:hover {
    color: #fff !important;
    background: #3498db;
}

a.btn-green:visited, a.btn-green:focus {
    color: #fff !important;
}

span.contact-submit {
    color: #fff;
    background: #0e71b8;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 34px;
    position: relative;
    text-transform: uppercase;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    border-radius: 5px 5px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

    span.contact-submit:hover {
        color: #fff;
        background: #037aef;
    }

.modal-content  .btn-primary {
    /* background-image: linear-gradient(121deg,  #00ab66  ,  #00ab66  52%);; */
    background-color: #00ab66 ;
    border-color: #00ab66;
}

.modal-content .btn {
    font-family: 'Muli', sans-serif;
}

.text-green {
    color: #3cAA35;
}
.text-muted {
    color: #bbbbbb;
}
.feature-box i {
    margin-bottom: 10px;
    font-size: 34px;
    color: #0e71b8;
}
.clickable {
    cursor: pointer !important;
}
.btn-signup {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
    /* background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);; */
    background-color: #00ab66;
    box-shadow:none;
    letter-spacing: 1px;
    border-radius: 4px 4px;
    margin: 10px 10px 0 10px 0;
    padding: 12px 18px;
    display: block;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}



.btn-signup:hover {
    box-shadow: 5px 5px 50px 5px rgba(51,0,255,0.2);
    color:#fff;
}
.btn-signup-menu {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #0e71b8 !important;
    background-image: none;
    background-color: #fff;
    letter-spacing: 1px;
    border-radius: 4px 4px;
    margin: 10px 10px 0 10px 0;
    padding: 12px 18px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.navbar-fixed-top.opaque .sign-up-free> .btn-signup-menu {
    
    color: #fff !important;
    background-image: linear-gradient(121deg,  #00ab66 , #00ab66  52%);
}

.btn-signup-menu:hover {
    box-shadow: 5px 5px 50px 5px rgba(51,0,255,0.2);
}
.query-support {
    color:#aaa;
}

@media (max-width: 992px) {
    .btn-signup-menu {
        padding: 10px;
        /* padding: 6px 10px; */
    }
}

/* REACT-SELECT  */
.css-yk16xz-control,
.css-1pahdxg-control {
  height: 44px !important;
  min-height: 30px !important;
  border-color: #e2e5ec !important;
  /* height: 34px !important; */
}
/* REACT SELECT ON FOCUS */
.css-1pahdxg-control {
  /* border-color: #3c6ffd98 !important; */
  border-width: 0.1px !important;
  box-shadow: none !important;
}
.react-select-control-invalid {
  border-color: #f64e60 !important;
  box-shadow: 0 0 0 0.1px rgba(253, 57, 73, 0.555) !important;
  border-width: 0.1px !important;
}
.css-1wa3eu0-placeholder {
    color: #a19e9e !important;
    font-size: 14px !important;
}
.css-1uccc91-singleValue{
    font-size: 14px !important;
}

.css-b8ldur-Input > div > input {
  margin: 0 !important;
}

.css-2b097c-container{
    color: #727272 !important;
  /* color: #495057 !important; */
  font-weight: 400 !important;
}
/* REACT-SELECT ENDS */



/* 3. Blog
====================================================================================================================
*/
.blog-container {
    margin: 0 auto;
    margin-top: 50px;
    padding-right: 120px;
    padding-left: 120px;
}

.blog-backlink-logo{
    width:20px;
    height:20px;
    margin-right:15px;
    /* margin-left:10px; */
}

@media (max-width:576px){
    .blog-backlink-logo{
        width:17px;
        height:17px;
    }
}

@media (min-width: 1200px) {
    .blog-container {
        max-width: 1450px;
    }
}

@media (max-width: 991.98px) {
    .blog-container {
        padding-right: 24px;
        padding-left: 24px;
    }
}

@media (max-width: 991px) {
    .navbar-fixed-top {
        border-bottom: none;
    }
}
@media (max-width: 991px) {
    .padding-top-80 {
        padding-top: 0px !important;
    }
}
.icon-links:hover {
    color: #0e71b8;
}



.post {
    margin-bottom: 120px;
}

iframe, img {
    max-width: 100%;
}
img.sport-img-features{
    max-width: 30%;
    margin-bottom: 20px;
}
img {
    border-style: none;
}

 .scrolledNav {
    border: 1px solid #000;
}

.postTeaser {
    word-break: break-word;
    position: relative
}

.postTeaser__gridTitle {
    margin-bottom: 48px
}

@media (max-width:696.98px) {
    .postTeaser, .postTeaser.post {
        margin-bottom: 32px
    }
}

@media (min-width:697px) {
    .postTeaser {
        margin-bottom: 64px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (min-width:697px) {
    .postTeaser__row {
        margin-right: -24px;
        margin-left: -24px
    }
}

.postTeaser__row:first-child {
    margin-top: 24px
}

.postTeaser__row--featured:first-child {
    margin-top: 80px
}

.postTeaser__row-
-featured:first-child .postTeaser {
    margin-bottom: 80px
}

@media (min-width:697px) {
    .postTeaser__group {
        padding-right: 24px;
        padding-left: 24px
    }

    .postTeaser__group--two-column:before {
        content: "";
        display: block;
        padding-top: 64px;
        border-top: 1px solid #ebebeb
    }
}

@media (min-width:697px) {
    .postTeaser__groupInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -24px;
        margin-left: -24px
    }
}

@media (max-width:696.98px) {
    .postTeaser__group .postTeaser__inner {
        padding-top: 32px;
        border-top: 1px solid #ebebeb
    }
}

@media (min-width:697px) {
    .postTeaser__imageWrap-featured {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 24px
    }
}

.postTeaser__image {
    position: relative;
    height: 0
}

.postTeaser__image--standard {
    margin-bottom:24px;
    padding-bottom: 67%
}

.postTeaser__image--featured {
    padding-bottom: 65.9%
}

.postTeaser__imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

    .postTeaser__imageLink
    img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 4px
    }

@media (min-width:697px) {
    .postTeaser__textWrap-featured {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction:column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 24px;
        padding-right: 48px
    }
}

.postTeaser__title {
    margin-bottom: 8px;
    margin-top:8px;
}

.postTeaser__title--standard {
    font-size:24px;
    font-weight: 500;
    line-height: 1.25
}

.postTeaser__title--featured, .postTeaser__title--standard {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility; 
    font-weight: 600
}

.postTeaser__title--featured {
    font-size: 32px;
    line-height: 1.375;
    margin-bottom: 16px
}

@media (max-width:696.98px) {
    .postTeaser__title {
        margin-top: 24px
    }
}

.postTeaser__titleLink, .postTeaser__titleLink:focus, .postTeaser__titleLink:hover {
    color: #222
}

    .postTeaser__titleLink:focus, .postTeaser_
    _titleLink:hover {
        text-decoration: underline
    }

.postTeaser__meta {
    font-size: 12px;
    line-height: 1.33333;
    font-weight: 500;
    line-height: 18px;
    padding-top: 16px
}

.postTeaser__meta, .postTeaser__textWrap-feat
ured .postTeaser__meta {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

.postTeaser__textWrap-featured
.postTeaser__meta {
    padding-top: 24px;
    font-size: 14px;
    line-height: 1.28571
}

.postTeaser__terms {
    color: #008489
}

.postTeaser__entrySummary {
    font-size: 16px;
    line-height: 1.375;
    -webkit-font-smoothing: antia liased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    line-height: 1.75
}

    .postTeaser__entrySummary > :last-child {
        margin-bottom: 0
    }

.postTeaser__textWrap-featured
.postTeaser__entrySummary {
    font-size: 18px;
    line-height: 1.44444;
    -webkit-font-smoothing: antialiased;
}

.postCats__wrap {
    
   
    position: relative;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
}

.postCats__item {
    font-size: 18px;
    line-height: 1.375;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    display: inline-block;
    padding: 0 32px 0 0
}

    .postCats__item a:before, .postCats__item a:link:before {
        content: "";
        display: block;
        position: absolute;
        height: 3px;
        background-color: #008489;
        bottom: -12px;
        left: 0;
        width: 0;
        -webkit-transition: width .2s ease-in-out;
        -o-transition: width .2s ease-in-out;
        transition: width .2s ease-in-out
    }

    .postCats__item a:hover {
        color: #008489
    }

    .postCats__item.active a {
        position: relative
    }

        .postCats__item.active a:before {
            width: 100%;
            -webkit-transition: width .35s ease-in-out;
            -o-transition: width .35s ease-in-out;
            transition: width .35s ease-in-out
        }

        .postCats__item.active a:hover {
            color: #222;
            cursor: default
        }


@media (max-width: 696.98px) {
    .postTeaser__group .postTeaser__inner {
        padding-top: 32px;
        border-top: 1px solid #ebebeb;
    }
}
h3.blog-title a {
    font-size: 22px;
}

h3.blog-title a:hover {
    color: #0e71b8;
}
a.blog-icons:hover {
    color: #0e71b8;
}

.nav-item.active {
    border-bottom: solid;
    border-bottom-color: #00ab66;
}


@media (min-width: 768px) {
    .width-100 {
        width: 100%;
    }
}

.author-container{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.authorImage-container{
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
}

.authorImage-container img{
    width: 100%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
}

/* @media (max-width: 768px) {
    .authorImage-container img{
        max-width: 30px;
        height: 30px;
    } 
} */

.author-title{
    font-size: 14px !important;
    font-weight: 500 !important;  
}
.author-extra{
    margin-top: 3px;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1rem;
    font-weight: 400;
}






    /* 4.Paggination And Footer
====================================================================================================================
*/
    .btn-pager {
        border-color: #0e71b8;
    }

    .btn-pager-active {
        background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);;
        border-color: #0e71b8;
        color: #fff;
    }

    .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none;
    }

    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

    .footer-head {
        color: #0e71b8;
    }

    ul.footer_social li a i:hover {
        color: #b2d8fd;
    }

    .footer .list-unstyled a {
        color: #000
    }

.footer p {
    margin-top: 8px;
    color: #c1c4d4;
    /* color: #c1c4d4; */
}
.footer {
    margin-top:0px;
    padding: 0px;
    background-color: #273443;
    /* background-color: #fafbfc; */
}

.footer a {
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #0e71b8;
    margin-bottom: 8px;
}

ul.footer_social li a i {
    color: #c1c4d4;
    font-size: 20px !important;
}


ul.footer_social li a i:hover {
    color: #0e71b8;
}

ul.footer_social {
    text-align:start;
}

/* .contact-info{
    display: inline-flex;
    align-items: center;
}
.contact-info a i{
    color: #c1c4d4 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    margin-right: 0px;
} */


.label-copyright {
    text-align: left;
    font-size:14px;
    color: rgba(255, 255, 255, .6);
   
    /* text-align: right; */
}

.footer .footer-section-title{
    font-size: 14px !important;
    color: rgba(255, 255, 255, .6);
}
.footer .footer-section-list > li > a ,.footer .footer-section-list > li > span{
    font-size: 13px !important;
    color: white !important;
    cursor: pointer;
}

/* @media (max-width: 576px) {
    .footer {
        text-align:center;
    }
    ul.footer_social {
        text-align: center;
    }
    .label-copyright {
        text-align: center;
    }
} */
@media (max-width: 1023px) {
    .navbar-fixed-top .navbar-nav .current a , .navbar-fixed-top .navbar-nav .current span  {
        border-bottom: none !important;
    }
    
    .sign-up-free {
        float:right;
       
    }

    .requestDemo{
        text-align: center !important;
        color: #0077b5 !important;
    }

}
    /* 5. Spacer
====================================================================================================================
*/
.padding-0 {
    padding: 0px !important;
}

.padding-2 {
    padding: 2px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-100 {
    padding: 100px !important;
}

.padding-150 {
    padding: 150px !important;
}

.padding-200 {
    padding: 200px !important;
}

.padding-t0 {
    padding-top: 0px !important;
}

.padding-t5 {
    padding-top: 5px !important;
}

.padding-t10 {
    padding-top: 10px !important;
}

.padding-t15 {
    padding-top: 15px !important;
}

.padding-t20 {
    padding-top: 20px !important;
}

.padding-t30 {
    padding-top: 30px !important;
}

.padding-t50 {
    padding-top: 50px !important;
}

.padding-t100 {
    padding-top: 100px !important;
}

.padding-t150 {
    padding-top: 150px !important;
}

.padding-t200 {
    padding-top: 200px !important;
}

.padding-b0 {
    padding-bottom: 0px !important;
}

.padding-b5 {
    padding-bottom: 5px !important;
}

.padding-b10 {
    padding-bottom: 10px !important;
}

.padding-b15 {
    padding-bottom: 15px !important;
}

.padding-b20 {
    padding-bottom: 20px !important;
}

.padding-b30 {
    padding-bottom: 30px !important;
}

.padding-b50 {
    padding-bottom: 50px !important;
}

.padding-b100 {
    padding-bottom: 100px !important;
}

.padding-b150 {
    padding-bottom: 150px !important;
}

.padding-b200 {
    padding-bottom: 200px !important;
}

.padding-r0 {
    padding-right: 0px !important;
}

.padding-r5 {
    padding-right: 5px !important;
}

.padding-r10 {
    padding-right: 10px !important;
}

.padding-r15 {
    padding-right: 15px !important;
}

.padding-r20 {
    padding-right: 20px !important;
}

.padding-r30 {
    padding-right: 30px !important;
}

.padding-r50 {
    padding-right: 50px !important;
}

.padding-r100 {
    padding-right: 100px !important;
}

.padding-r150 {
    padding-right: 150px !important;
}

.padding-r200 {
    padding-right: 200px !important;
}

.padding-l0 {
    padding-left: 0px !important;
}

.padding-l5 {
    padding-left: 5px !important;
}

.padding-l10 {
    padding-left: 10px !important;
}

.padding-l15 {
    padding-left: 15px !important;
}

.padding-l20 {
    padding-left: 20px !important;
}

.padding-l30 {
    padding-left: 30px !important;
}

.padding-l50 {
    padding-left: 50px !important;
}

.padding-l100 {
    padding-left: 100px !important;
}

.padding-l150 {
    padding-left: 150px !important;
}

.padding-l200 {
    padding-left: 200px !important;
}

.padding-lr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.padding-lr5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padding-lr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-lr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.padding-lr20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.padding-lr30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.padding-lr50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.padding-lr100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.padding-lr150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
}

.padding-lr200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
}

.padding-tb0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padding-tb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-tb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-tb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-tb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-tb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding-tb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padding-tb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.padding-tb150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.padding-tb200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

.margin-0 {
    margin: 0px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-100 {
    margin: 100px !important;
}

.margin-150 {
    margin: 150px !important;
}

.margin-200 {
    margin: 200px !important;
}

.margin-t0 {
    margin-top: 0px !important;
}

.margin-t5 {
    margin-top: 5px !important;
}

.margin-t10 {
    margin-top: 10px !important;
}

.margin-t15 {
    margin-top: 15px !important;
}

.margin-t20 {
    margin-top: 20px !important;
}

.margin-t30 {
    margin-top: 30px !important;
}

.margin-t50 {
    margin-top: 50px !important;
}

.margin-t100 {
    margin-top: 100px !important;
}

.margin-t150 {
    margin-top: 150px !important;
}

.margin-t200 {
    margin-top: 200px !important;
}

.margin-r0 {
    margin-right: 0px !important;
}

.margin-r5 {
    margin-right: 5px !important;
}

.margin-r10 {
    margin-right: 10px !important;
}

.margin-r20 {
    margin-right: 20px !important;
}

.margin-r30 {
    margin-right: 30px !important;
}

.margin-r50 {
    margin-right: 50px !important;
}

.margin-r100 {
    margin-right: 100px !important;
}

.margin-r150 {
    margin-right: 150px !important;
}

.margin-r200 {
    margin-right: 200px !important;
}

.margin-b0 {
    margin-bottom: 0px !important;
}

.margin-b5 {
    margin-bottom: 5px !important;
}

.margin-b10 {
    margin-bottom: 10px !important;
}
.margin-b15 {
    margin-bottom: 15px !important;
}

.margin-b20 {
    margin-bottom: 20px !important;
}

.margin-b30 {
    margin-bottom: 30px !important;
}

.margin-b50 {
    margin-bottom: 50px !important;
}

.margin-b100 {
    margin-bottom: 100px !important;
}

.margin-b150 {
    margin-bottom: 150px !important;
}

.margin-b200 {
    margin-bottom: 200px !important;
}

.margin-b300 {
    margin-bottom: 300px !important;
}


.margin-br5 {
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.margin-lr0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.margin-lr5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.margin-lr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.margin-lr20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.margin-lr30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.margin-lr50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.margin-lr100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.margin-lr150 {
    margin-left: 150px !important;
    margin-right: 150px !important;
}

.margin-lr200 {
    margin-left: 200px !important;
    margin-right: 200px !important;
}


.margin-l0 {
    margin-left: 0px !important;
}

.margin-l5 {
    margin-left: 5px !important;
}

.margin-l10 {
    margin-left: 10px !important;
}

.margin-l15 {
    margin-left: 15px !important;
}

.margin-l20 {
    margin-left: 20px !important;
}

.margin-l25 {
    margin-left: 25px !important;
}


.margin-tb0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.margin-tb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-tb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-tb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-tb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.margin-tb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.margin-tb100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.margin-tb150 {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
}

.margin-tb200 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
}

.margin-tb300 {
    margin-top: 300px !important;
    margin-bottom: 300px !important;
}


/* Small devices  */
@media (max-width: 576px) { 
    .margin-sm-t10 {
        margin-top: 10px !important;
    }
    .padding-sm-10{
        padding: 10px;
    }
    .padding-sm-lr20{
        padding: 0px 20px;
    }
 }
@media (max-width: 768px) { 
    
    .margin-md-t10 {
        margin-top: 10px !important;
    }
 }


    /* 7. Case-Study/Blog-View
====================================================================================================================
*/
    .container-case {
        margin-right: auto;
        margin-left: auto;
        padding-left: 7px;
        padding-right: 7px;
    }


    @media (min-width: 768px) {
        .container-case {
            width: 734px;
        }
    }

    @media (min-width: 992px) {
        .container-case {
            width: 954px;
        }
    }

    @media (min-width: 1200px) {
        .container-case {
            width: 1154px;
        }
    }

    .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 7px;
        padding-right: 7px;
    }

    .row-case {
        margin-left: -7px;
        margin-right: -7px;
    }

    @media (max-width: 767px) {
        .primary-content-container {
            margin-top: 20px;
            min-height: 450px;
        }
        .links-active {
            margin-top: 8px;
        }
        .address {
          margin-top:0px !important;
        }
    }

    @media (min-width: 767px) {
        .primary-content-container {
            margin-top: 0px;
            min-height: 500px;
            padding-bottom: 100px;
        }
    }

    .col-xs-12-c {
        float: left;
    }

    .col-xs-12-c {
        width: 100%;
    }

    @media (min-width: 768px) {
        .col-sm-10-c {
            width: 83.33333333%;
        }

        .col-sm-offset-1-c {
            margin-left: 8.33333333%;
        }
    }

    @media (min-width: 992px) {
        .col-md-10-c {
            width: 83.33333333%;
        }

        .col-md-offset-1-c {
            margin-left: 8.33333333%;
        }
       
    }

    @media (min-width: 1200px) {
        .col-lg-8-c {
            width: 66.66666667%;
        }

        .col-lg-offset-2-c {
            margin-left: 16.66666667%;
        }
    }

    .col-lg-8-c,
    .col-xs-9-c,
    .col-xs-10-c,
    .col-sm-10-c,
    .col-md-10-c,
    .col-lg-10-c,
    .col-xs-12-c,
    .col-sm-12-c,
    .col-md-12-c,
    .col-lg-12-c {
        margin-top: 15px;
        position: relative;
        min-height: 1px;
        padding-left: 7px;
        padding-right: 7px;
    }
    .col-xs-12-c{
        margin-top: 0px;
    }

    .u-tC-gray {
        color: #78838c;
    }

    .partnership-card {
        background-color: white;
        border: 1px solid #ced7df;
        margin-bottom: 40px;
    }

    @media (max-width: 767px) {
        .partnership-card {
            margin-bottom: 20px;
        }
    }

    .blog-post-list .blog-post-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

        .blog-post-list .blog-post-list:before {
            width: 0;
        }

    .blog-post-list .blog-post-list-entry-body {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        padding: 25px;
    }

    .blog-post-list .blog-post-list-entry {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -o-transition: box-shadow 0.15s ease-in;
        -webkit-transition: box-shadow 0.15s ease-in;
        transition: box-shadow 0.15s ease-in;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin-bottom: 20px;
    }

        .blog-post-list .blog-post-list-entry:hover {
            box-shadow: 0 1px 3px #97a3ad;
        }

            .blog-post-list .blog-post-list-entry:hover .blog-post-list-entry-image-darkener {
                opacity: 0.4;
            }

    .blog-post-list .blog-post-list-entry-image-darkener {
        -o-transition: opacity 0.2s ease-in;
        -webkit-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        background-color: #000000;
        display: block;
        height: 100%;
        opacity: 0;
        width: 100%;
    }

    .blog-post-list .blog-post-list-entry-date {
        color: #97a3ad;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .blog-post-list .blog-post-list-entry-excerpt {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        color: #555f68;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .blog-post-list .blog-post-list-entry-image {
        background-position: center;
        background-size: cover;
        border-bottom: 1px solid #ced7df;
        height: 150px;
    }

    .blog-post-list .blog-post-list-entry-title {
        -o-transition: color 0.2s ease-in;
        -webkit-transition: color 0.2s ease-in;
        transition: color 0.2s ease-in;
        color: #323b43;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        margin-bottom: 10px;
    }

.blog-post .back-to-blog {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top:20px;
}

.blog-post .back-to-blog:hover {
    color: #78838c
}

    @media (min-width: 767px) {
        .blog-post .blog-post-body {
            padding: 40px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-body {
            padding: 20px;
        }
    }

    .blog-post .blog-post-container {
        position: relative;
    }

    .blog-post .blog-post-content img {
        cursor: pointer;
        max-width: 100%;
    }

    .blog-post .blog-post-content h2 {
        font-weight: 700;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content h2 {
            font-size: 24px;
            line-height: 32px;
            margin-top: 48px;
            margin-bottom: 22px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content h2 {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 14px;
            margin-top: 32px;
        }
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content p,
        .blog-post .blog-post-content ol,
        .blog-post .blog-post-content ul,
        .blog-post .blog-post-content blockquote {
            margin-bottom: 28px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content p,
        .blog-post .blog-post-content ol,
        .blog-post .blog-post-content ul,
        .blog-post .blog-post-content blockquote {
            margin-bottom: 14px;
        }
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content p,
        .blog-post .blog-post-content li {
            font-size: 18px;
            line-height: 28px;
            max-width: none;
            letter-spacing: .1px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content p,
        .blog-post .blog-post-content li {
            font-size: 15px;
            line-height: 26px;
        }
    }

    .blog-post .blog-post-content a {
        text-decoration: underline;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content ol,
        .blog-post .blog-post-content ul {
            padding-left: 24px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content ol,
        .blog-post .blog-post-content ul {
            padding-left: 20px;
        }
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content li {
            margin-bottom: 14px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content li {
            margin-bottom: 8px;
        }
    }

    .blog-post .blog-post-content hr {
        border-top: 1px solid #e4eaee;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content hr {
            margin-top: 42px;
            margin-bottom: 42px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content hr {
            margin-top: 28px;
            margin-bottom: 28px;
        }
    }

    .blog-post .blog-post-content blockquote {
        border-left: 3px solid #e4eaee;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-content blockquote {
            padding: 0 28px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-content blockquote {
            padding: 0 14px;
        }
    }

    .blog-post .blog-post-content blockquote p {
        color: #97a3ad;
        font-style: italic;
        margin-bottom: 0;
    }

    .blog-post .blog-post-content blockquote a {
        color: #97a3ad;
    }

        .blog-post .blog-post-content blockquote a:hover {
            color: #3694e8;
        }

    .blog-post .blog-post-details {
        color: #97a3ad;
        font-weight: 100;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-details {
            font-size: 16px;
            margin-bottom: 25px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-details {
            font-size: 14px;
            margin-bottom: 14px;
        }
    }

    .blog-post .blog-post-image {
        background-position: center;
        background-size: cover;
        border-bottom: 1px solid #ced7df;
    }

    @media (min-width: 991px) {
        .blog-post .blog-post-image {
            height: 390px;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .blog-post .blog-post-image {
            height: 300px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-image {
            min-height: 150px;
        }
    }

    .blog-post .blog-post--links {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
    }

    @media (min-width: 767px) {
        .blog-post .blog-post-social {
            height: 0;
            margin-left: -65px;
        }

            .blog-post .blog-post-social .social-button {
                display: block;
            }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-social {
            margin-bottom: 15px;
        }
    }


    @media (min-width: 767px) {
        .blog-post .blog-post-title {
            font-size: 32px;
            margin-bottom: 8px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-title {
            font-size: 22px;
            margin-bottom: 10px;
        }
    }

    .blog-post .email i {
        color: #78838c;
    }

    .blog-post .facebook i {
        color: #3b5998;
    }

    .blog-post .gplus {
        display: none;
    }

    .blog-post .linkedin i {
        color: #0077b5;
    }

    @media (max-width: 767px) {
        .blog-post .social-button {
            display: inline-block;
        }
    }

    .blog-post .social-button .btn {
        background-color: white;
        border: 1px solid #ced7df;
        border-radius: 50%;
        min-width: inherit !important;
    }

        .blog-post .social-button .btn:hover {
            background-color: #f4f7f9;
        }

    @media (min-width: 767px) {
        .blog-post .social-button .btn {
            height: 45px;
            margin-bottom: 10px;
            width: 45px;
        }
    }

    @media (max-width: 767px) {
        .blog-post .social-button .btn {
            margin-right: 5px;
            height: 40px;
            width: 40px;
        }
    }

    .blog-post .twitter i {
        color: #00aced;
    }

    .blog-post-category {
        color: #2dcd8a;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

    @media (min-width: 767px) {
        .blog-post-category--entry {
            font-size: 17px;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 767px) {
        .blog-post-category--entry {
            font-size: 12px;
            margin-bottom: 6px;
        }
    }

    .blog-post .blog-post-nav-links {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        font-size: 20px;
    }

    @media (max-width: 767px) {
        .blog-post .blog-post-nav-links {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            margin-top: 34px;
            font-size: 20px;
        }
    }

    /* KNOWLEDGE-BASE-NEW */

    .knowledgebase-container{
        padding-left: 60px;
        padding-right: 60px;
    }
    @media (max-width: 986px){
        .knowledgebase-container{
            padding-left: 40px;
            padding-right: 40px;
        }
    }
    @media (max-width: 768px){
        .knowledgebase-container{
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    .category_content .back-nav-links {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        font-size: 20px;
    }

    @media (max-width: 768px) {
        .category_content .back-nav-links {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            /* margin-top: 10px; */
            font-size: 20px;
        }
    }

    .category_content .back-to-category {
        display: inline-block;
        font-weight: 600;
        margin-bottom: 30px;
        margin-top:10px;
    }
    
    .category_content .back-to-category:hover {
        color: #78838c
    }
    

    .categories {
        margin-bottom: 80px;
    }

    /* .category */

    .category{
        display: flex;
        background-color: #fff;
        border-radius: 8px;
        padding: 25px 25px 25px 0;
        margin-bottom: 20px;
        border: 1px solid #EEF1F4;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        box-shadow: 0px 0px 10px -7px grey;
    }

    .category:hover{
        box-shadow: 0px 5.5px 4px -6px #0e71b8 ;
    }

    .category .category__img {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        padding-left: 50px;
        padding-right: 50px;
    }

    .category .category__img > img{
     max-width: 100px;
     max-height: 100px;
    }
    @media (max-width: 768px){
        .category .category__img {
            display: none !important;
        }
        .category {
            padding-left: 25px;
        }
    }

    .category .category__body .category__header {
        color: #0e71b8 !important;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 13px;
    }
    
    .category .category__body .category__description {
        font-size: 14px;
        line-height: 1.5;
        color: #4b4a4a;
        margin-bottom: 15px;
    }

    /* .category_content  */

    .category_content .category{
        display: flex;
        background-color: unset;
        border-radius: 8px;
        padding: 0;
        margin-bottom: 50px;
        border:none !important;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        box-shadow: none !important;    
    }

    .category_content .category .category__img {
        padding-left: 0 !important;
    }

    @media (max-width: 768px){
        .category_content .category .category__img {
            display: none !important;
        }
        .category_content .category {
            padding-left: 25px;
        }
    }

    .category_content .category .category__body .category__header {
        font-size: 24px;
       color: #212121;
    }
    
    .category .category__body .category__description {
        color: #212121;    
    }

    /* .arcticle */
    .article{
        border: 1px solid #EEF1F4;
        padding: 25px 42px 32px;
        background-color: #fff;
        border-radius: 8px;
        display: block;
        margin-bottom: 20px;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        box-shadow: 0px 0px 10px -7px grey;
    }

    .article:hover{
        box-shadow: 0px 5.8px 4px -6px #0e71b8 ;
    }

    @media (max-width: 768px){
        .article {
            padding-left: 25px;
        }
    }
    .article .article__header {
        color: #1a74e9e1 !important;
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 15px;
    }

    .article .article__body {
        color: black;
        margin-bottom: 15px;
    }
    


    /* .questions */
    .questions h2 {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 30px;
        text-align: center;
    }

    .questions .decisions {
        display: flex;
        justify-content: space-between;
    }

    .questions .decision {
        width: 244px;
        height: 200px;
        border-radius: 5px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 22px;
        border: 1px solid #EEF1F4;
        box-shadow: 0px 0px 8px -5px grey;
    }

    @media (max-width: 986px){
        .questions .decisions {
            flex-wrap: wrap;
            /* justify-content: space-around; */
        }
        .questions .decision {
            width: 32%;
            margin-bottom: 20px;
            /* width: 45%; */
        }
    }

    @media (max-width: 768px){
        .questions .decision {
            width: 100%;
            padding: 20px;
        }
    }
    .questions .decision__img {
        margin-bottom: 15px;
        min-height: 84px;
        display: flex;
        align-items: center;
    }

    .decision__header {
        margin-bottom: 6px;
        font-size: 16px;
        font-weight: bold;
    }

   .questions .decision__body {
        font-size: 16px;
        color: #212121;
    }

    /* 8. Newsletter
====================================================================================================================
*/
    .btnNewsletter {
        width: 165px;
        height: 65px;
        background: #fff;
        border: none;
        color: #0e71b8;
        display: inline;
        margin: 0 0 0 -5px;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        font-size: 16px;
        font-weight: 700;
        vertical-align: top;
        transition: background-color .25s ease-in-out;
        -moz-transition: background-color .25s ease-in-out;
        -webkit-transition: background-color .25s ease-in-out;
        text-align: center;
    }

    .email_newsletter {
        width: 100%;
        max-width: 450px;
        height: 65px;
        padding: 0 20px;
        border: 2px solid #fff;
        background-color: transparent;
        -moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        color: #fff;
        font-size: 16px;
        margin: 0;
        opacity: 1;
    }

    .change::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #fff;
    }

    .newsletter_error_box {
        font-size: 18px;
        font-style: italic;
        color: #fff;
        margin: 5px 0;
    }

    .validateError {
        color: red;
    }

    .fa-long-arrow-left:before {
        content: "\f177";
    }


    .carousel-indicators.testimonials-indicators .active {
        background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);;
    }


    .testim-inner h6 {
        color: #0e71b8;
    }

    .section-green {
        background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);;
    }

    label.error {
        color: red;
        margin-top: 0px;
    }
    /* 9. Privacy-Policy
====================================================================================================================
*/
    .policy-section {
        position: relative;
        z-index: 999;
        overflow: hidden;
        position: relative;
        padding-top: 140px;
        padding-bottom: 70px;
        background-color: #fff;
    }

        .policy-section p {
            margin-bottom: 30px;
            font-size: 18px;
            line-height: 30px;
            font-weight: 400;
            color: #405263;
        }

    .section-header {
        padding-bottom: 60px;
        text-align: center;
        font-size: 21px;
    }
.section-description {
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

        .section-header .section-description {
            display: inline-block;
            position: relative;
            text-align: center;
            padding-top: 6px;
            padding-bottom: 6px;
        }

    .colored-line, .colored-line-left {
        background: #00ab66 ;
    }

.colored-line {
    margin: auto;
    z-index: 1;
    width: 100px;
    height: 4px;
    margin-bottom: 15px;
}
.colored-line-privacy {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
    background: #0e71b8;
}

    .dark-text {
        color: #272727;
        line-height: 4.063rem;
        font-family: 'Lane', sans-serif;
        font-weight: normal;
    }
    /* 10. Sign-Up
====================================================================================================================
*/

input.signup-input {
    width: 100%;
    height: 44px;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 23px;
    border: 1px solid #ada1a1 !important;
    font-size: 16px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.support-input {
    width: 100%;
    height: 44px;
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 23px;
    color: #727272;
    border: 1px solid #ececec !important;
    font-size: 14px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.section-light {
    background: #edf3fa;
    padding: 24px 0 10px 0;
}
   
.signup_error_box {
    font-size: 18px;
    font-style: italic;
    color: #fff;
    margin: 5px 0;
    
}

p.contact_success_box {
    color: #ffff;
    padding: 10px;
}


.form-inline {
    align-items: normal !important;
}

/*  8. Spinner
====================================================================================================================
*/
@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

/*  9. Pricing
====================================================================================================================
*/

.section-grey#pricing{
    background: #ffffff;
}
.section-title-pricing {
    margin-bottom: 10px;
    margin-top: 34px;
}
.price-box:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2);
 }
.section-white-pricing {
    padding: 0 0 70px 0;
}
.pri-header  {
    background-color: #fafbfc;
    border: 1px solid #f4f5f6;
    color: #fafbfc;
    padding:6px;

}
.glyphicon-download:before {
    content: "\e026";
}
.btn-link:after {
    font-family: FontAwesome;
    content: "\f106";
    width: 35px;
    font-size: 25px;
    text-align: center;
    border-radius: 5px;
    right: 15px;
    top: 11px;
    position: absolute;
}
.btn-link.collapsed:after {
    font-family: FontAwesome;
    content: "\f107";
    
}

.pricing-body {
    padding: 8px;
    border: 1px solid #f4f5f6;
    font-family: 'Muli', sans-serif;
}

/* NEW PRICING UI */

.btn.btn-bolder {
    font-weight: 600;
}



.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.pricing .btn-group {
    text-align: center;
    display: inline-block;
    margin: 0rem auto 0 auto;
}

.pricing .btn-group .btn {
    margin-right: -0.21rem;
    padding: 0.2rem 1.90rem  ;
    background: #fff;
    color: #74788d;
    /* border-radius: 30px; */
    height: 42px;
    /* box-shadow: none !important; */
    box-shadow: 0 2px 7px -5px grey !important;
    /* padding: 1rem 1.93rem 1rem 1.93rem; */
}

.pricing .btn-group .btn.btn-monthly {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.pricing .btn-group .btn.btn-annual {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.pricing .btn-group .btn.active {
    background: #305dff;
    color: #ffffff;
    
}

.pricing-row-md .col-md-3{
    padding: 10px !important;
}

.pricing-row-sm .price-collapse {
    margin: 10px;
    padding: 20px !important;
    text-align: left ;
    border-radius: 8px;
    box-shadow: 0px 0px 10px -3px lightgray !important;
}

/* .pricing-row-sm .collapse-title{
    text-align: center ;
} */

.pricing-row-sm .collapse-title h3{
 font-size: 25px;
 margin-bottom :5px; ;
}

.pricing-row-sm .collapse-title .col p {
    font-size: 14px ;
    font-weight: 500;
    color: #071e55 !important;
    margin-bottom: 10px !important;
}

.pricing-row-sm .collapse-title .collapse-price{
    font-size: 18px !important;
    font-weight: 500;
    color: #071e55 !important;
    margin-bottom :5px !important ;
}


.side-ribbon span{
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 9px;
    position: absolute;
    z-index: 1;
    background-color:#0e71b8;
    color: #ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 20px;
    box-shadow: 2px 2px 7px -2px rgb(0 0 0 / 40%);
    font-size: 13px !important;
}

.price-box{
    padding: 25px !important;
    text-align: left ;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0px 0px 10px -3px lightgray !important;
}
ul.pricing-list {
    padding: 0px ;
    margin-bottom: 25px !important;
}

ul.pricing-list li.price-value {
    font-size: 25px;
    margin-top:0px;
    margin-bottom: 0px; 
}

ul.pricing-list li.price-value-o {
    font-size: 25px !important;
    margin-top:0px !important;
    margin-bottom: 0px !important;
    line-height: 70px!important; 
    opacity: 0 !important;
}

ul.pricing-list li.price-value strike.striker {
    color: #bbbbbb;
    padding-right: 20px;
    text-decoration-color: #f64e60;
    font-size: 16px !important;
}

ul.pricing-list li.price-title li.offer {
    font-size: 13px;
    color: #8a8080;
    text-align: right !important;
    
}
ul.pricing-list li.price-subtitle{
    margin-bottom: 10px;
}

ul.pricing-list li.price-text{
    font-size: 13px;
    line-height: 1.4rem;
    margin-bottom: 0px;
}



.price-box .price-tag-line{
    color: #0e71b8;
    font-size: 12px;
}



 @media (min-width: 768px) {
    .pricing-extra .btn {
        margin-left: 30px!important;
    }
    .price-box .price-tag-line{
        margin-left: 30px!important;
    }

    
} 

.btn-primary-team{
    background : #00ab66 !important; 
    border-color: #00ab66 !important;
    color: white !important;
}

 


.pricing-extra .btn , .pricing-row-sm .collapse-title .btn {
    border-color: #0e71b8;
    text-decoration-color: #0e71b8;
    background: white;
    border-radius: 7px !important;
    padding:  7px 28px;
    color:#0e71b8;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.pricing-extra .btn.btn-light{
    background: white !important;
    color: #0e71b8;
    border: none !important;
    padding: 5px 10px;
    float: right;
}

.pricing-table{
    margin-top: 50px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #071e55;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.info-btn{
    margin-left: 10px;
    margin-bottom: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    color: #0e71b8;
    background: white;
    border:1px solid #0e71b8;
}

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

.info-icon{
 font-size: 12px !important;
 font-weight: 400;
}

@media (max-width: 768px) {
    .tooltip-sm{
        font-size: 12px !important;
        font-weight: 500 !important;
        width: 240px !important;
    }
}

@media (max-width:340px) {
    .tooltip-sm{
        font-size: 12px !important;
        font-weight: 500 !important;
        width: 200px !important;
    }
    }

.pricing-table th , td{
    vertical-align: middle !important;
    padding: 20px !important;
    text-align: center;
}
.pricing-table th{
    border: none !important;
    padding: 0px !important;
}


.pricing-table th div {
    width: 100%;
    height: 100%;
    padding: 24px;
    background-color:#EEEEEE;
    color:#555555;
}

.pricing-table th .first-th {
    border-radius: 18px 0px 0px;
}

.pricing-table th .last-th {
    border-radius: 0px 18px 0px 0px;
}

.pricing-table tr{
    height: 70px !important;
}



.pricing-table td{
    border-bottom: 1px solid rgb(221, 223, 225);
    border-left: 1px solid rgb(221, 223, 225);
}
.pricing-table tr .last-cell{
    border-right: 1px solid rgb(221, 223, 225);
}


@media (max-width: 992px){
    .pricing-row-md .col-md-3{
        padding: 0 5px !important;
    }
    .price-box{
        padding: 20px !important;  
    }
    .side-ribbon span{
        top: 1px;
        right: 20px;
    }
    ul.pricing-list li.price-value {
        font-size: 30px;
    }
    /* .pricing-table th div {
        padding: 20px;
    } */
}

@media (max-width: 576px) { 
    .pricing-table{
        margin-top: 20px;
    }
    .price-box{
        border-radius: 25px;
        margin-left: 5px;
        margin-right: 5px;
    }
    /* .price-box .collapse{
        margin-top: 20px !important;  
    } */
    
    .pricing .btn-group{
        display: inline-flex !important;
    }
    .pricing .btn-group .btn{
        padding: 0.2rem 1.1rem !important;
    }
    .btn-annual span{
        display: none;
    }
}

@media (max-Width: 375px) {
    
.pricing .btn-group .btn {
    padding: 0.2rem 0.7rem !important;
}
    
}

@media (max-Width: 320px) {
    .pricing .btn-group .btn{
        padding: 0.2rem 0.4rem !important;
        font-size: 14px;
    }
    
}

.user-img{
    width: 20px !important;
    padding-bottom: 3px;
    /* padding-left: 0px !important;
    padding-bottom: 7px !important;
    margin-left: 10px !important; */
}

.price-users{
    color: #071e55;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    font-family: "Muli", sans-serif; 

}

/* FAQ */
.FAQ-collapse{
    padding: 20px !important;
    text-align: left ;
    border-radius: 8px;
    box-shadow: 0px 0px 5px -3px lightgray !important;
    border:0.5px solid rgb(229, 226, 226);
    margin-bottom: 10px;
    cursor: pointer;
    /* margin: 10px; */
}

.FAQ-collapse i{
    color: #adadad;
    /* color: #071e55; */
    /* color: #0e71b8; */
}
/* .FAQ-collapse .collapse{
    padding-left: 10px;
} */
.calendly-container{
    display: flex;
    justify-content: center;
}

.spinner-div {
    width: 100%;
    min-height: 500px;
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
  }

  @media (max-width: 768px) { 
    .spinner-div{
        min-height: 450px;
    }
  }

  @media(min-width:992px) {
    .calendly-container{
        min-height: 550px;
    }
  }



/*  9. Resource
====================================================================================================================
*/

.section-blue-resource {
    position: relative;
    z-index: 999;
    overflow: hidden;
    position: relative;
    padding: 150px 0 100px 0;
    background-image: linear-gradient(121deg, #2482c5, #0e71b8 52%);
}
.hc-search-input {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding-top: 16px;
}

.hc-search-input .special{
    border-radius: 15px;
    border-color:transparent;
    box-shadow: 0 0 0;
    height: 50px;
    font-size: 20px;
    background-color: #fcfcfc;
    padding: 6px 10px 6px 60px;
    font-size: 16px;
    width:100%;
}
.heading-resource {
    color: #ffff;
    font-size: 32px;
}
input:focus {
    outline:none;
}
.search-icon {
    width: 30px;
    height: 50px;
    position: absolute;
    margin-top: 18px;
    margin-left: 16px;
}
.resource-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border: none;
    margin-bottom: 16px;
    padding: 20px;
}
.resource-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.resource {
    border:none;
    padding:10px;
}
.resource-img {
    height: 70px;
    margin-top:24px;
}
@media (max-width: 1023px) {
    .resource-img {
        width: 60px;
        height: 50px;
        margin-top:30px;
    }
}

.home-section-resource {
    position: relative;
    z-index: 999;
    overflow: hidden;
    position: relative;
    padding-top: 140px;
    padding-bottom: 70px;
    background-color: #fff;
}
.resource-card a {
    color: #7c8595;
}
.res-size {
    font-size:16px;
}
.res-post-title {
    font-size: 36px;
    margin-bottom: 8px;
    font-family: 'Muli', sans-serif;
    color: #305dff;
}
.res-post-body {
    padding:35px;
}
.btn-resource {
    font-size: 12px;
}
.text-blue {
    color: #305dff;
}
.img-empty {
    color: #405263;
}

.hidden {
    visibility: hidden;
}
.home-section-blue {
    position: relative;
    z-index: 999;
    overflow: hidden;
    position: relative;
    padding-top: 140px;
    padding-bottom: 3px;
    background-image: linear-gradient(121deg, #0e71b8, #00ab66 52%);
}
.home-section-blue h1 {
    color: #fff;
}
 
.home-section-blue p {
        color: #fff;
    }



.benefitsBlock {
    border-radius   : 6px;
    padding         : 25px 15px;
    min-height      : 422px;
}

.sportsBlock {
    border-radius   : 6px;
    padding         : 25px 15px;
}

@media (min-width: 1023px) {
   
    .benefitsBlock:hover {
    -webkit-box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2);
    -moz-box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2);
    box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2)
    }

    .sportsBlock:hover {
        -webkit-box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2);
        -moz-box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2);
        box-shadow: 5px 5px 50px 5px rgba(0,0,1,0.2)
    }

    .img-features {
    width: 60%;
    margin-bottom:10px;
    }

    .sport-img-features {
        width: 28%;
        margin-bottom: 20px;
    }
    

    /* 10. Videos
    ====================================================================================================================
    */
    .iframe-video {
    width   :540px; 
    height  :300px;
    }

    @media (max-width: 720px) {
        .iframe-video {
            width: 100%;
            height: 100%;
        }
    }
}

.img-gift{
    width: 23px!important;
    padding-left: 0px !important;
    padding-bottom: 7px !important;
    margin-left: 10px !important;

}

/* 11. Testimonial
====================================================================================================================
*/

.leftQuote , .rightQuote{
    /* font-size: 30px; */
    width: 12px;
    height: 12px;
}


.testimonial-card  {
    cursor:default;
    border-radius:10px ;
}

.testimonial .card-body {
    padding: 35px 30px;

    border-left:1px dotted ;
    border-top: none;
    border-image: linear-gradient(
        180deg, 
        rgba(191, 191, 191, 0), 
        rgb(209, 209, 209) ,
        rgba(179, 179, 179, 0))
         1 ; 
       
}

@media(max-width:992px){
    .testimonial-card  {
        margin-right: 0px;
        margin-left: 0px; 
    }
    .testimonial .card-body {
        padding: 20px;
    }
}

.testimonial .card-body .card-content {
    line-height: 1.8rem;
    margin-bottom: 20px;
    letter-spacing: 0.4px;
    /* min-height: 200px !important; */
    /* text-align: justify; */
    /* text-justify: inter-word; */
}
.testimonial .card-body .card-extra {
   display: flex;
   align-items: center;
}

.testimonial .thumb-img img {
    width: 60px;
}

.testimonial .customer{
    margin-left: 15px;
    color: #0e71b8 !important;
}

.testimonial .customer .customer-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: 0px;
    color: #0e71b8 !important;
    /* text-transform: uppercase; */
}

.testimonial .customer .customer-extra {
    line-height: 1rem;
    font-size: 13px;

}


 .card1{
     padding-left: 0px !important;
     padding-right: 0px !important;
 }

 @media (max-width:992px) {
    .testimonial .card-body {
        border: none !important;
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
 }

 @media (max-width: 768px) {
     .testimonial-card{
        margin-right: 20px !important;
        margin-left: 20px !important;
     }
     .testimonial .card.card-shadow {
    -webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1) !important;
    box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1) !important;
}

 }

/* {About US} */


.about-title{
margin-top: 15px;
margin-bottom: 10px;
font-size: 28px;
font-family: "Roboto", sans-serif;
line-height: 1.2;
color: #071e55;
font-weight: 500;
}



.about-head-title{
margin-bottom: 0px;
margin-top: 25px;
font-family: "Roboto", sans-serif;
line-height: 1.2;
color: #071e55;
font-weight: 500;
font-size: 30px;
}

.about-paragragh{
line-height: 28px;
font-weight: 400;
color: #7c8595;
margin-top: 15px;
margin-bottom: 15px;
font-family: "Muli", sans-serif;
}



.about-box{
    padding: 25px !important;
    text-align: left ;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0px 0px 10px -3px lightgray !important;
}


ul.about-list {
    padding: 0px;
    margin-bottom: 10px !important;
}


ul.about-list li.about-title{
    font-size: 18px;
    font-weight: 400px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #071e55;
}

.about-text{
    margin-top: 10px; 
    font-size: 16px;
    font-family: "Muli", sans-serif;    
    line-height: 25px;
    list-style-type: none;
}



@media (max-Width: 992px) {
    .about-box{
        margin-bottom: 30px !important;
        padding: 25px !important;
        text-align: left ;
        border-radius: 12px 12px 12px 12px;
        box-shadow: 0px 0px 10px -3px lightgray !important;
    }
    
}

.about-icons{
    height: 85px;
    margin-left:  50px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.scroller {
    max-width: 100%;
    /*background: #f0faf5;*/
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.scroller[data-animated="true"] {
    overflow: hidden;
}

    .scroller[data-animated="true"] .scroller__inner {
        width: max-content;
        flex-wrap: nowrap;
        animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
    }

.scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
    --_animation-duration: 30s;
}

.scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

.tag-list {
    margin: 0;
    padding-inline: 0;
    list-style: none;
    filter: grayscale(100%);
}

.tag-list:hover {
    margin: 0;
    padding-inline: 0;
    list-style: none;
    filter: grayscale(0%);
}