@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&subset=cyrillic');


/* ::selection {
    background: #31a7c5;
    color: #333;
}

::-moz-selection {
    background: #31a7c5;
    color: #333;
} */
:focus, :active {
    outline: none;
}

button:focus, button:active {
    outline: none;
}

body#content {
    height: 100%;
}

html#nomar {
    margin-top: 0 !important;
}

html, body#content {
    font-family: 'PT Sans', sans-serif;
    color: #9b9898;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

img {
    width: auto;
    max-width: 100%;
}



.sp, .highlight a, .highlight a:after, blockquote:after, blockquote:before, .carousel-control {
    background-position: -2000em;
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
}

input, button, select, textarea {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: 'PT Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Sans', sans-serif;
}



a, a:hover {
    text-decoration: none;
    color: #9b9898;
}



    a:hover, a:focus, a:active {
        color: #848484;
        outline: none;
        text-decoration: none;
    }

p {
    margin-bottom: 20px;
}

    p strong {
        font-size: 1.1em;
    }


li {
    list-style: none;
}

.block {
    display: block;
}


.navbar .block {
    display: inline;
}

.relative {
    position: relative;
}

.abs, .highlight i, .highlight a:after, blockquote small {
    position: absolute;
}

.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    background: #151515;
    min-width: 200px;
}

.menu-item:hover > .sub-menu {
    display: block;
}

.sub-menu a {
    padding: 10px 15px;
    display: block;
    color: #9a9a9a;
    border-bottom: 1px solid #0f343f;
}

    .sub-menu a:hover {
        color: #ccc;
    }


.navbar-fixed-top {
    z-index: 99999999;
}

.navbar-inverse .navbar-toggle {
    float: left;
}

.page-template-default h1 {
    font-size: 30px;
}

.navbar-brand {
    margin: 10px;
    max-width: 445px;
    height: 45px;
    padding: 3px 0;
    width: 100%;
}

@media (max-width:768px) {
    .navbar-brand {
        max-width: 75%;
        width: 100%;
    }
}

@media (max-width:991px) {
    /*#features .section-light-blue .pink-background {
        left: 10px !important;
        top: 200px !important;
    }*/

    button.navbar-toggle {
        float: right !important;
    }

    li.menu-item.menu-item-language {
        width: 50%;
        float: left;
        background: rgba(0, 157, 192, 0.17);
        text-align: center;
    }

    .navbar-collapse {
        max-height: 460px;
    }

    .navbar-inverse .navbar-nav > li > a {
        line-height: 20px !important;
        padding: 10px 10px !important;
    }

        .navbar-inverse .navbar-nav > li > a.mk-language.language-chooser:after {
            top: 15px !important;
        }
}

.navbar-brand img {
    max-width: 100%;
    width: auto;
    display: inline-block;
}

.navbar-nav {
    margin: 5px 0;
    font-size: 15px;
}

.navbar-inverse {
    background-color: rgb(21, 21, 21) !important;
    border-color: transparent !important;
    min-height: 65px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px #777;
    box-shadow: 0 1px 3px rgba(21, 21, 21, 0.5);
    color: white;
}

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a span, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:focus span, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:active span {
        color: #e6e6e6;
        text-decoration: none;
        white-space: nowrap;
        height: 56px;
        font-size: 16px;
        line-height: 35px;
    }

        #menu-main-menu li a.active span, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover span, .navbar-inverse .navbar-nav li.current_page_item > a, .nav li.current_page_item a span, .nav li.current_page_item a:active span, .nav li.current_page_item a:focus span {
            color: #70bbd8;
            text-decoration: none;
        }


.navbar-toggle {
    border-radius: 0;
}

    .navbar-toggle .icon-bar {
        height: 2px;
        width: 25px;
        margin-bottom: 5px;
    }

.navbar-inverse .navbar-toggle {
    border: none;
    outline: none;
}



.highlight a {
    height: 42px;
    font-size: 22px;
    padding: 6px 35px 8px 20px;
    display: inline-block;
    position: relative;
    overflow: visible;
    text-transform: uppercase;
    white-space: nowrap;
}


.nav-tabs > li {
    margin-right: 20px;
}

.highlight.dkblue a {
    color: #fff;
    background-position: -370px -448px;
}

.highlight.pink a, .highlight.green a, .highlight.blue a, .highlight.orange a, .highlight.dkblue a {
    color: #000;
}

.highlight.pink:hover a, .highlight.green:hover a, .highlight.blue:hover a, .highlight.orange:hover a, .highlight.dkblue:hover a {
    color: #000;
}

.grey, blockquote small {
    color: #9b9898;
}

.dkblue, #drop-the-attitude blockquote, blockquote.dkblue, blockquote.dkblue small {
    color: #0f7795;
}

.pink, #the-challenge blockquote, blockquote.pink, blockquote.pink small {
    color: #ed0677;
}

.white, #about-us blockquote, #about-us blockquote small, .white, blockquote.white, blockquote.white small {
    color: #fff;
}


#wrap {
    overflow: hidden;
}

#home-page, #functionalities, #packages, #features, #testimonitals {
    position: relative;
}


#functionalities {
    position: relative;
}

#testimonials {
    position: relative;
    background-color: #081926;
    background-image: url('../images/testimonials-bg.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

#functionalities #menu-functionalities-menu {
    margin: 0;
    padding-left: 0;
    text-align: center;
}

#xml {
    background-image: url(../images/sp-bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
}

#pdf {
    background-image: url(../images/sp-bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #fff;
}


#benefits {
    color: #fff;
    position: relative;
}


    /* #benefits .fixed { */
    /* text-align: center; */
    /* margin-top: 60px; */
    /* } */



    #home-page .container, #functionalities .container, #packages .container, #functionalities .container, #xml .container, #pdf .container, #platforms .container, #benefits .container, #demo .container, #contact .container,
    #features .container {
        position: relative;
        z-index: 3;
    }

#home-page {
    /* background-position: -155px 35px; */
    background: url('../images/sp-bg3.jpg') #112637 center center no-repeat;
    background-size: cover;
}

@media (max-width:991px) {
    section#home {
        padding-top: 90px;
    }
}


footer {
    -webkit-box-shadow: 0 -5px 8px 1px #ccc;
    -webkit-box-shadow: 0 -5px 8px 1px rgba(0,0,0,0.2);
    box-shadow: 0 -5px 8px 1px #aaa;
    box-shadow: 0 -5px 8px 1px rgba(0,0,0,0.2);
    color: #848484;
    background-color: #333;
    overflow: hidden;
    font-size: 17px;
    position: relative;
    z-index: 999999;
}


    footer a, footer h6 {
        color: #fff;
        text-decoration: none;
    }

        footer a:hover, footer a.grey:hover {
            color: #CCC;
        }

#pdf .fixed {
    position: relative;
}

.return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999999;
    width: 60px;
    height: 49px;
}

@media (min-width:768px) and (max-width:991px) {
    #features .section-light-blue .discussion-box h3 {
        margin-bottom: 11px !important;
    }

    #features .section-light-blue .discussion-box {
        bottom: 265px !important;
    }

    #features .section-dark-blue .feature-box.templates-and-book-wraper ul {
        left: 0 !important;
    }

    #access-rights .access-rights-text p:before {
        bottom: 10px !important;
    }

    .access-rights-wraper h3.fadeInLeft:after {
        display: none !important;
    }

    #features .section-light-blue .blue-circle .blueCircle-text {
        padding: 0 0 0 39px !important;
        font-size: 11px !important;
        bottom: 210px !important;
    }

    #features .section-light-blue .blue-circle {
        width: 100% !important;
        top: -240px !important;
        right: 20px !important;
    }

    #features .section-light-blue .tablet-desno:after {
        content: none !important;
    }

    #features .section-light-blue .pink-background .pinkBox-text {
        font-size: 12px !important;
        padding: 10px !important;
        top: -25px !important;
    }

    #features .section-light-blue .pink-background {
        left: 10px !important;
        top: -135px !important;
    }

    .navbar-nav > li > a {
        padding: 15px 6px !important;
    }
}

@media (max-width:1199px) {


    #platforms .fixed, #pdf .fixed {
        margin: 20px auto;
    }

    .page-template-default h1 {
        font-size: 80px;
        margin-top: 80px;
    }
}

@media (max-width:991px) {

    button.navbar-toggle {
        margin-top: 18px;
    }

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

    .visible-phone, .hidemenu {
        display: block !important;
    }


    .navbar-header {
        float: none;
    }

    .hidemenu {
        cursor: pointer;
        padding: 15px 0;
        text-align: center;
        width: 100%;
        background: #009dc0;
        opacity: 1;
        font-size: 15px;
        color: #fff;
        text-shadow: none;
        font-weight: bold;
        clear: both;
    }

        .hidemenu:hover {
            color: #ccc;
        }


    .navbar-inverse .navbar-toggle {
        margin-right: 0;
    }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:active {
            background: transparent;
            outline: none;
        }

            .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
                background-color: #999;
            }


    .navbar-collapse, .item.share-story {
        padding: 0;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
    }



    #packages {
        position: relative;
    }



    #xml .fixed {
        width: 100%;
        margin-left: 0;
    }


    #benefits .fixed {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #home-page .fixed, #packages .fixed, #functionalities .fixed, #functionalities #menu-functionalities-menu, #xml .fixed, #pdf .fixed, #platforms .fixed, #benefits .fixed, #demo .fixed {
        margin: 0 auto;
    }

    #functionalities #menu-functionalities-menu {
        margin-bottom: 30px;
    }

    #packages blockquote, #benefits .fixed {
        margin-bottom: 0;
    }

    #home-page, #functionalities, #about-us, #platforms, #benefits, #demo {
        padding-bottom: 60px;
    }

    #functionalities, #home-page, #packages {
        padding-bottom: 0;
    }

    .navbar-nav {
        margin: 0 0 0;
        -webkit-box-shadow: inset 0 1px 2px 1px #ccc;
        -webkit-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px 1px #ccc;
        box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
        background: #151515;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 10px;
        border-bottom: 1px solid #3c3c3c;
        color: #fff;
    }

        .navbar-inverse .navbar-nav > li > a span {
            color: #fff;
        }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover span {
            color: #ccc;
        }

    .nav li.current_page_item a, .nav li.current_page_item:hover a, .nav li.current_page_item a span, .nav li.current_page_item:hover a span {
        color: #009dc0 !important;
        cursor: default;
    }

    .navbar-inverse .navbar-toggle {
        margin-right: 15px;
        float: right;
    }

    .sub-menu {
        position: relative;
        top: inherit;
        left: inherit;
        display: none !important;
    }

    .navbar-nav > li {
        display: block;
        float: none;
    }

    .navbar-nav {
        width: 100%;
        margin: 0;
    }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a span, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:focus span, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:active span {
        height: inherit;
    }
}

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

    .navbar .container {
        width: 100%;
        padding: 0;
    }

    .navbar > .container .navbar-brand {
        margin-left: 10px;
    }
}


@media (max-width:767px) {

    /*     #home-page {
        background: none;
    } */

    #access-rights .access-rights-text p:before {
        bottom: 10px !important;
    }

    .access-rights-wraper h3.fadeInLeft:after {
        content: none !important;
    }

    #features .section-dark-blue .feature-box.templates-and-book-wraper h3 {
        bottom: 0 !important;
        left: 0 !important;
    }

        #features .section-dark-blue .feature-box.templates-and-book-wraper h3:before {
            content: none !important;
        }

    #features .section-dark-blue .feature-box.templates-and-book-wraper ul {
        bottom: 0 !important;
        left: 0 !important;
    }

    #features .section-dark-blue {
        max-height: 100% !important;
    }

    #features .section-light-blue .blue-circle {
        top: -400px !important;
    }

    #features .section-light-blue .discussion-box {
        bottom: 375px !important;
    }

    #features .section-light-blue .alarms-wrapper {
        bottom: 395px !important;
    }

    #features .section-light-blue .pink-background {
        position: relative !important;
        left: 0 !important;
    }

    #features .section-light-blue {
        max-height: 100% !important;
    }

        #features .section-light-blue .alarms-wrapper:before {
            display: none !important;
        }

        #features .section-light-blue .discussion-box:before {
            display: none !important;
        }

        #features .section-light-blue .tablet-desno:after {
            display: none !important;
        }

    .multi-item-carousel {
        padding: 20px !important;
    }



    .return-to-top, .mobileonly {
        display: block;
    }

    #packages {
        background: none;
    }

        #packages .fixed, #about-us .fixed, #functionalities .fixed, #functionalities #menu-functionalities-menu, #xml .fixed, #pdf .fixed, #platforms .fixed, #benefits .fixed, #demo .fixed {
            width: 100%;
            margin: 0 auto;
        }

    #functionalities #menu-functionalities-menu {
        margin-bottom: 30px;
    }

        #functionalities #menu-functionalities-menu li {
            margin-bottom: 5px;
        }

    .page-template-default h1 {
        font-size: 60px;
        margin-top: 135px;
    }
}

@media (max-width:479px) {

    #functionalities #menu-functionalities-menu {
        width: inherit;
    }

    .page-template-default h1 {
        font-size: 50px;
    }
}


@media (min-width:768px) {


    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-toggle, .cbox-desktop, #xml .cbox-desktop {
        display: block;
    }

    #packages {
        background: none;
    }
}

@media (min-width:992px) {


    .navbar-collapse.collapse {
        display: block !important;
    }


    .navbar-toggle, #functionalities .img-right, #pdf .img-right, .hidemenu {
        display: none;
    }


    #wrap {
        min-height: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0;
    }

    #footer {
        background-color: #333333;
        overflow: hidden;
    }


    #home-page, #functionalities, #about-us, #functionalities, #xml, #pdf, #platforms, #benefits, #demo, .about-us .item,
    #features {
        min-height: 100vh;
    }


    #home-page {
        min-height: 100vh;
    }

    #packages {
        min-height: 100vh;
    }


    #functionalities {
        min-height: 900px;
    }

    #packages {
        background: none;
    }


    #functionalities #menu-functionalities-menu li {
        margin-bottom: 5px;
    }

    #xml .fixed {
        margin-left: 310px;
    }
}

@media (min-width:911px) and (max-width:1199px) {
    .navbar > .container .navbar-brand {
        max-width: 290px !important;
    }
}


@media (max-width:1199px) {



    #xml, #pdf {
        background-size: cover;
    }


    #benefits .fixed {
        margin: 60px 0 0;
    }
}


@media (min-width:1200px) {

    #functionalities {
        min-height: 930px;
    }


    #packages {
        min-height: 979px;
    }


    .nav > li > a {
        padding-right: 9px;
        padding-left: 9px;
    }


    #packages {
        position: relative;
    }



    #functionalities #menu-functionalities-menu li {
        margin-bottom: 5px;
        display: inline-block;
    }



    #pdf .fixed {
        margin: 0;
    }
}

@media (min-width:1400px) {
    #functionalities {
        min-height: 900px;
    }

    .nav > li > a {
        padding-right: 15px;
        padding-left: 15px;
    }


    #xml .fixed {
        width: 650px;
        margin-left: 200px;
    }

    #pdf .fixed {
        width: 785px;
    }
}

@media (min-width:1550px) {


    #pdf .fixed {
        width: 895px;
        margin: 0;
    }
}

@media (min-width:1600px) {
    #home-page {
        min-height: 840px;
    }
}


@media (max-width:1199px) {

    .nav > li > a {
        padding: 15px 7px !important;
    }
}

#functionalities {
    color: #000;
}

#functionalities, #home-page, #benefits, #packages {
    overflow: hidden;
    min-height: 100vh;
}

@media (min-width:992px) {

    /*div#home-page:after {
        content: '';
        display: block;
        width: 10px;
        background: #0091b3;
        height: 33%;
        right: 0;
        top: 33%;
        position: absolute;
    }*/
}

@media (max-width:991px) {

    #functionalities, #home-page, #benefits, #packages {
        min-height: 0;
    }

        #functionalities .fixed, #xml .fixed {
            margin: 0 auto;
        }


    #packages {
        min-height: 775px;
    }


    #xml h1 {
        width: 100%;
        margin: 50px 0 20px;
    }


    #pdf h1, #platforms h1 {
        width: 100%;
        margin: 50px 0 15px 0;
    }
}

@media (max-width:767px) {


    #packages {
        min-height: inherit;
    }

        #functionalities h1, #benefits h1, #packages h1, #contact h1, #pdf h1 {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }



    #functionalities #menu-functionalities-menu {
        width: 90%;
        margin: 0 auto 30px;
    }

    #home-page .fixed,
    #functionalities .fixed,
    #benefits .fixed,
    #functionalities .fixed,
    #packages .fixed,
    #demo .fixed,
    #about-us .fixed,
    #about-us blockquote,
    #xml .fixed,
    #xml .awards,
    #pdf .fixed,
    #platforms .fixed {
        width: 90%;
        margin: 0 auto;
    }
}

@media (min-width:992px) {


    #functionalities .fixed, #xml .fixed {
        margin: 0 auto;
    }


    #xml h1 {
        width: 100%;
        margin: 130px 0 20px;
    }


    #pdf h1 {
        width: 100%;
        margin: 115px 0 15px 0;
    }
}

@media (min-width:1200px) {


    #pdf h1 {
        width: 100%;
        margin: 115px 0 15px 0;
    }
}

@media (min-width:1400px) {


    #xml .fixed, #pdf .fixed {
        margin: 0 auto;
        width: 100%;
    }

    #xml > ul {
        position: absolute;
        right: 50px;
        top: 50%;
    }

    #pdf > ul {
        position: absolute;
        left: 20px;
        top: 50%;
    }


    #pdf h1 {
        width: 100%;
        margin: 115px 0 15px 0;
    }
}

@media (min-width:1600px) {


    #pdf h1 {
        width: 100%;
        margin: 115px 0 15px 0;
    }
}


@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .return-to-top {
        display: block;
    }


    .navbar-nav {
        margin: 0 0 0;
        -webkit-box-shadow: inset 0 1px 2px 1px #ccc;
        -webkit-box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 2px 1px #ccc;
        box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.1);
        background: #848484;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding: 10px;
        border-bottom: 1px solid #999;
        color: #fff;
    }

        .navbar-inverse .navbar-nav > li > a span {
            color: #fff;
        }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover span {
            color: #ccc;
        }

    .nav li.current_page_item a, .nav li.current_page_item:hover a, .nav li.current_page_item a span, .nav li.current_page_item:hover a span {
        color: #555 !important;
        cursor: default;
    }

    .navbar-inverse .navbar-toggle {
        margin-right: 15px;
    }

    .sub-menu {
        position: relative;
        top: inherit;
        left: inherit;
        display: block;
    }

    .navbar-nav > li {
        display: block;
        float: none;
    }

    .navbar-nav {
        width: 100%;
        margin: 0;
    }

    .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a span, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:focus span, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:active span {
        height: inherit;
    }

    .navbar-inverse .navbar-toggle {
        margin-right: 0;
    }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:active {
            background: transparent;
            outline: none;
        }

            .navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
                background-color: #999;
            }



    .navbar-collapse, .item.share-story {
        padding: 0;
    }

    .navbar-toggle {
        margin-top: 12px;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border: none;
    }

    .navbar .container {
        width: 100%;
        padding: 0;
    }

    .navbar > .container .navbar-brand {
        margin-left: 10px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }


    .navbar-toggle {
        display: block !important;
        margin-top: 12px !important;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-inverse .navbar-toggle {
        margin-right: 15px;
    }

    .navbar-toggle {
        position: relative !important;
        float: left !important;
        padding: 9px 10px !important;
        margin-right: 15px !important;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

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

    .navbar .container {
        width: 100%;
        padding: 0;
    }

    .navbar-header {
        float: none;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-brand {
        float: left;
    }


    .hidemenu {
        cursor: pointer;
        padding: 15px 0;
        text-align: center;
        width: 100%;
        background: #848484;
        opacity: 1;
        font-size: 15px;
        color: #fff;
        text-shadow: none;
        font-weight: bold;
        display: block;
        clear: both;
    }

        .hidemenu:hover {
            color: #ccc;
        }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #about-us, #pdf, #platforms, #xml {
        min-height: 1024px;
    }
}


#benefits h1, #benefits p {
    color: #000;
    margin: 40px 0;
}


* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Lato';
}

li {
    list-style: none;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #fff;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    a.active,
    a:hover {
        color: #a91632;
    }

strong {
    font-weight: 900;
}

p {
    font-size: 22px;
    color: #3b3b3b;
    margin: 5px 0 15px;
}

    p.mini {
        font-size: 16px;
        color: #8a8a8a;
        margin: 0 0 10px;
        line-height: 20px;
    }



.title {
    text-align: center;
    font-size: 50px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 100px;
    top: -15px;
    margin-bottom: 40px;
}

    .title .title-bg {
        font-size: 120px;
        color: rgb(37, 37, 37);
        position: absolute;
        top: -3px;
        left: 0;
        width: 100%;
        font-weight: 900;
        pointer-events: none;
        z-index: -1;
    }

    .title.inverse {
        color: #888;
        margin-top: 150px;
    }

        .title.inverse .title-bg {
            color: #f8f8f8;
        }




.home .flexslider {
    color: #fff;
    overflow: hidden;
    z-index: 20;
    position: relative;
    min-height: 100vh;
}



.homepage-bottom-links {
    margin-top: 10%;
    text-align: center;
    margin-bottom: 20px;
}

    .homepage-bottom-links ul li img {
        padding-right: 5px;
    }

    .homepage-bottom-links ul li {
        padding-right: 35px;
    }

@media (max-width:768px) {
    .homepage-bottom-links {
        margin-top: 10px;
        text-align: center;
        margin-bottom: 10px;
    }

        .homepage-bottom-links ul li {
            padding-right: 0;
            margin-bottom: 10px;
        }

        .homepage-bottom-links img {
            max-width: 50px;
        }
}

/* .home li img {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    background-attachment: fixed;
    background-position: center center;
    min-height: 100vh;
} */


.flex-direction-nav {
    display: none;
}

.home .flex-direction-nav {
    display: block;
}

.slider-text-wrapper {
    position: absolute;
    right: 0;
    margin: 0 auto;
    top: 150px;
    width: 90%;
    text-align: left;
    left: 0;
    margin-top: -95px;
    margin-top: 0;
    opacity: 0;
    z-index: 20;
    -moz-transition: all 1s linear 0.6s;
    -webkit-transition: all 1s linear 0.6s;
    -o-transition: all 1s linear 0.6s;
    -ms-transition: all 1s linear 6s;
    transition: all 1s linear 0.6s;
    /* background: #555; */
    /* background: rgba(0,0,0,.5); */
    padding: 50px;
}

.flex-active-slide .slider-text-wrapper {
    opacity: 1;
}

.home .flex-prev,
.home .flex-next {
    border: 0px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 35px;
    left: 50px;
    line-height: 30px;
    margin-top: -18px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 35px;
    z-index: 20;
}

.home .flex-next {
    left: auto;
    right: 50px;
}

    .home .flex-prev:hover,
    .home .flex-next:hover {
        color: #fff;
        background: #A91632;
        border: 2px solid #A91632;
    }

.flexslider {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

    .flexslider .big {
        font-size: 25px;
        line-height: 28px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 200;
        margin-top: -5px;
    }

    .flexslider .text-with-line {
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 0;
        text-transform: none;
        line-height: 20px;
        margin-top: 20px;
    }

.flex-control-nav {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 20;
}

    .flex-control-nav li {
        display: inline-block;
    }

    .flex-control-nav a {
        text-indent: -99999px;
    }

.flex-control-paging li a {
    background: none;
    box-shadow: 0 0 0 2px #fff inset;
    height: 10px;
    opacity: 1;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .flex-control-paging li a:hover {
        opacity: 0.5;
    }

    .flex-control-paging li a.flex-active {
        box-shadow: 0 0 0 9px #a91632 inset;
    }


.skills-block {
    opacity: 1;
    top: 0;
    text-align: center;
    position: relative;
}

    .skills-block .skills-wrapper {
        height: 265px;
        border-bottom: 1px solid #2b2b2b;
        padding: 30px 15px 0;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
        margin-bottom: 30px;
    }

    .skills-block:hover .skills-wrapper {
        background: #151515;
        border-bottom: 3px solid #a91632;
    }

    .skills-block:hover .skills-name {
        color: #fff;
    }

    .skills-block:hover em {
        color: #a91632;
        top: -10px;
    }

    .skills-block .skills-name {
        color: #d8d8d8;
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 30px;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .skills-block em {
        font-size: 44px;
        color: #c3c3c3;
        margin-bottom: 10px;
        position: relative;
        top: 0;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
        color: #009dc0;
    }








.active .services-block-wrapper:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 23px;
    background: white;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -7.5px;
    box-shadow: 0 0 0 2px #0ab0d6 inset;
    z-index: 1;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services-block-wrapper:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-top: 23px;
    background: white;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -7.5px;
    box-shadow: 0 0 0 2px #aaa inset;
    z-index: 1;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services-block-wrapper {
    padding: 0 50px 25px;
    position: relative;
    color: #888;
    font-size: 21px;
}

.active .services-block-wrapper {
    color: black;
}




/*------  PRICING  ------*/
.prising {
    margin-top: 20px;
    position: relative;
    top: 0;
    opacity: 1;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.price-block {
    box-shadow: 0 0 0 1px #2b2b2b inset;
    padding: 30px 0 24px;
    min-height: 720px;
    position: relative;
    -moz-transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding-bottom: 0;
    margin-bottom: 15px;
    background: #008aab;
    color: #fff;
}

@media (max-width:768px) {
    .price-block {
        min-height: 0;
    }
}

.price-block ul li:last-child {
    border-bottom: 0;
}


.price-block:hover li strong,
.price-block:hover li,
.price-block:hover .price-title {
    color: #fff;
}

.price-title {
    text-align: center;
}

    .price-title p {
        text-transform: uppercase;
    }

.price-block .price-title {
    font-size: 22px;
    color: #999;
    line-height: 22px;
}



.price-block li {
    list-style: none;
    border-bottom: 1px solid rgba(1, 108, 134, 0.44);
    line-height: 20px;
    font-weight: 200;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.79);
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 15px;
}

    .price-block li strong {
        color: #999;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    .price-block li:first-child {
        border-top: none;
    }


.price-block ul li ul li:first-child {
    border-top: 1px solid rgba(1, 108, 134, 0.45);
}

.price-title-image-wraoer {
    display: block;
    margin: 0px auto;
    width: 95px;
    height: 95px;
    background: #027b98;
    border-radius: 50%;
    padding-top: 10px;
    text-align: center;
}

.buy-now-text {
    height: 100%;
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 3;
    margin-top: 20px;
    padding: 20px 30px;
    margin-bottom: 20px;
}

    .buy-now-text div {
        font-size: 50px;
        line-height: 50px;
        font-weight: 400;
    }



.services-block:nth-child(1),
.skills-block:nth-child(1),
.member-block:nth-child(1) {
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.services-block:nth-child(2),
.skills-block:nth-child(2),
.member-block:nth-child(2) {
    -moz-transition: all 0.3s linear 0.3s;
    -webkit-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    -ms-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}

.services-block:nth-child(3),
.skills-block:nth-child(3),
.member-block:nth-child(3) {
    -moz-transition: all 0.3s linear 0.6s;
    -webkit-transition: all 0.3s linear 0.6s;
    -o-transition: all 0.3s linear 0.6s;
    -ms-transition: all 0.3s linear 0.6s;
    transition: all 0.3s linear 0.6s;
}

.services-block:nth-child(4),
.skills-block:nth-child(4),
.member-block:nth-child(4) {
    -moz-transition: all 0.3s linear 0.9s;
    -webkit-transition: all 0.3s linear 0.9s;
    -o-transition: all 0.3s linear 0.9s;
    -ms-transition: all 0.3s linear 0.9s;
    transition: all 0.3s linear 0.9s;
}


@media (max-width: 1024px) {
    .home .flex-prev,
    .home .flex-next {
        top: auto;
        bottom: 20px;
    }
}

@media (max-width: 1000px) {

    .flexslider .big {
        font-size: 60px;
        line-height: 60px;
    }

    .flexslider .text-with-line {
        font-size: 16px;
    }


    .price-block,
    .member-block {
        margin-bottom: 30px;
    }

    .buy-now-text div {
        font-size: 36px;
        line-height: 36px;
    }

    .buy-now-text {
        font-size: 24px;
        line-height: 24px;
        padding-top: 70px;
    }
}

@media (max-width: 870px) {
    .flexslider .big {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {

    .flexslider .big {
        font-size: 40px;
        line-height: 40px;
    }

    .slider-text-wrapper {
        position: absolute;
        right: 0;
        margin: 0 auto;
        top: 100px;
        width: 90%;
        text-align: left;
        left: 0;
        margin-top: -95px;
        margin-top: 0;
        opacity: 0;
        z-index: 20;
        -moz-transition: all 1s linear 0.6s;
        -webkit-transition: all 1s linear 0.6s;
        -o-transition: all 1s linear 0.6s;
        -ms-transition: all 1s linear 6s;
        transition: all 1s linear 0.6s;
        background: #555;
        background: rgba(0,0,0,.5);
        padding: 50px;
    }

    .member-block,
    .skills-block {
        float: left;
        width: 50%;
    }

    /* 
    .prising article {
        float: left;
        width: 50%;
    } */

    .buy-now-text div {
        font-size: 28px;
        line-height: 28px;
    }

    .buy-now-text {
        font-size: 20px;
        line-height: 20px;
        padding-top: 0;
        text-align: center;
    }

        .buy-now-text .col-sm-6 {
            text-align: left;
        }

            .buy-now-text .col-sm-6.brw {
                border-right: none;
                border-bottom: 1px solid #3fabd8;
                padding-bottom: 15px;
                margin-bottom: 10px;
            }
}

@media (max-width: 580px) {


    .flexslider .big {
        font-size: 36px;
        line-height: 36px;
    }


    .title .title-bg {
        font-size: 86px;
    }


    .buy-now-text div {
        font-size: 18px;
        line-height: 18px;
    }
}

@media (max-width:767px) {
    .title-bg {
        display: none;
    }

    .title.inverse {
        line-height: 40px;
        margin-top: 120px;
        font-size: 28px;
    }
}

@media (max-width: 580px) {
    .flexslider .big {
        font-size: 34px;
        line-height: 34px;
    }
}

@media (max-width: 470px) {
    .flexslider .big {
        font-size: 30px;
        line-height: 30px;
    }


    .member-block, .skills-block {
        float: left;
        width: 100%;
    }

    .title {
        font-size: 36px;
    }

        .title .title-bg {
            font-size: 56px;
        }

    .services-block-wrapper {
        padding: 0 0 35px;
    }


    .prising article {
        width: 100%;
    }


    .buy-now-text div {
        font-size: 18px;
        line-height: 30px;
    }
}

@media (max-width: 410px) {
    .flexslider .big {
        font-size: 25px;
        line-height: 25px;
    }
}

@media (max-width: 340px) {
    .flexslider .big {
        font-size: 22px;
        line-height: 22px;
    }

    .flexslider .text-with-line {
        font-size: 14px;
    }
}

.home .flex-prev:hover,
.home .flex-next:hover,
.white .button.black:hover,
.white .services-block.active em.border,
.white .services-block:hover em.border,
input[type="submit"]:hover,
.next-services-block:hover,
.prev-services-block:hover,
footer.footer a.arrow-up:hover,
.images-wrapper,
.price-block.best .price-wrapper,
.price-block:hover .price-wrapper,
.price-block:hover .button,
div.pp_default .pp_close,
.services-line .line span,
.services-block.active em.border,
.services-block:hover em.border,
.button.black:hover,
.button:hover {
    background: #009dc0;
}

.white .skills-block:hover .skills-wrapper,
.white .skills-block:hover em,
.contacts-details em,
.portfolio-navi a.active,
.services-block.active .glyph,
.services-block:hover .glyph,
.member-block-wrapper:hover .member-block-footer a:hover,
.skills-block:hover em,
a.active,
a:hover {
    color: #009dc0;
}

.skills-block:hover em {
    font-size: 50px;
}

footer.footer a.arrow-up:hover,
.next-services-block:hover,
.prev-services-block:hover,
.home .flex-prev:hover,
.home .flex-next:hover,
.white .button.black:hover,
.button.black:hover,
input[type="submit"],
.button {
    border-color: #009dc0;
}


.skills-block:hover .skills-wrapper,
textarea:focus,
input[type="text"]:focus {
    border-bottom-color: #009dc0;
}

.flex-control-paging li a.flex-active {
    box-shadow: 0 0 0 9px #009dc0 inset;
}


.price-block:hover {
    box-shadow: 0 0 0 2px #009dc0 inset;
}


#functionalities .title {
    margin-top: 100px;
}


.what {
    background: #fff;
    overflow: hidden;
}

#benefits ul, #benefits ol {
    color: #000;
    width: 100%;
}

#benefits {
    min-height: auto;
    background: #057893;
    color: #fff;
    padding-bottom: 80px;
}

ul.benefits-list {
    display: inline-block;
    text-align: left;
    margin: 0px auto;
}

    ul.benefits-list li {
        position: relative;
        padding-left: 55px;
        margin-bottom: 0;
        color: rgb(232, 242, 245);
        height: 73px;
        border-bottom: 1px solid #057893;
        border-right: 1px solid #057893;
    }

#benefits .col-xs-6 {
    padding: 0 !important;
}
/*ol.benefits-list li:before {
            content: "\f373";
            position: absolute;
            left: 0;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #ffffff;
            font-size: 20px;
            top: 8px;
            background: #008aab;
            padding: 10px 0;
            height: 40px;
            width: 40px;
            text-align: center;
            border-radius: 50%;
        }*/
.custom-counter {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .custom-counter li {
        counter-increment: step-counter;
        margin-bottom: 10px;
    }

        .custom-counter li::before {
            content: counter(step-counter);
            margin-right: 5px;
            font-size: 25px;
            color: rgba(255, 255, 255, 0.5);
            font-weight: bold;
            border-radius: 3px;
            position: relative;
            right: 25px;
            top: 10px;
        }

ul.benefits-list li span {
    position: relative;
    top: 15px;
    padding-left: 15px;
}

ul.custom-counter li {
    counter-increment: step-counter;
    font-size: 13px;
    padding-bottom: 20px;
}

.counterStrike {
    counter-reset: section;
}

#benefits:after {
    content: "";
    display: block;
    background-image: url(../images/benefits-stikla.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -20px;
    width: 100%;
    height: 200px;
    left: 40%;
}

ul.benefits-list {
    margin-bottom: 120px;
}

    ul.benefits-list li::after {
        counter-increment: section;
        content: counter(section);
        float: left;
        font-size: 40px;
        right: 30px;
        position: absolute;
        left: 50px;
        bottom: 0px;
        font-weight: bold;
        color: #95c6d1;
        bottom: 15px;
    }

    ul.benefits-list li::before {
        content: '0';
        float: left;
        font-size: 40px;
        margin-left: 0 !important;
        position: relative;
        right: 30px;
        /* left: 10px; */
        font-weight: bold;
        color: #95c6d1;
    }

    ul.benefits-list .last_li div {
        padding-left: 30px !important;
    }

    ul.benefits-list .last_li:before {
        content: none !important;
    }

    ul.benefits-list .last_li:after {
        left: 26px !important;
    }

    ul.benefits-list li:nth-child(1), ul.benefits-list li:nth-child(6) {
        background-color: #5ca7b9;
    }

    ul.benefits-list li:nth-child(2), ul.benefits-list li:nth-child(7) {
        background-color: #449aae;
    }

    ul.benefits-list li:nth-child(3), ul.benefits-list li:nth-child(8) {
        background-color: #2a8ca3;
    }

    ul.benefits-list li:nth-child(4), ul.benefits-list li:nth-child(9) {
        background-color: #19839b;
    }

    ul.benefits-list li:nth-child(5), ul.benefits-list li:nth-child(10) {
        background-color: #0d7c96;
    }

@media (max-width:767px) {
    .process-step {
        display: block;
        text-align: center;
        position: relative;
        width: 100%;
        min-height: 200px;
    }

    .process-row:before {
        top: 50px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 0;
        background-color: #e6e6e6;
    }
}


@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}


#benefits .nav-tabs {
    border-bottom: 0 none transparent;
}

    #benefits .nav-tabs > li > a:hover {
        border-color: transparent;
    }

#benefits .nav > li > a:hover, #benefits .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

#benefits .nav-tabs > li.active > a, #benefits .nav-tabs > li.active > a:hover, #benefits .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: transparent;
    border-color: transparent;
}

#benefits .title.inverse {
    color: #fff;
}

#benefits .title-bg {
    color: #026d86;
}

.active em.border {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 7px;
    background: #0ab0d6;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



em.border {
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    bottom: 7px;
    background: #aaa;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.services-block-wrapper .ionIcon {
    font-size: 65px;
    color: #999;
    display: block;
    margin-bottom: -20px;
    position: relative;
    top: 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.active .services-block-wrapper .ionIcon {
    color: #0ab0d6;
}

#benefits .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
    margin: 0 !important;
    background: transparent;
}


.services-block-wrapper:hover .ionIcon {
    top: -10px;
}


#functionalities {
    background: #fff;
    min-height: 100vh;
    padding-bottom: 40px;
}

#infrastructure {
    background-color: #121315;
    padding-bottom: 40px;
}

.title.inverse.dark span {
    color: #fff;
}

    .title.inverse.dark span.title-bg {
        color: rgb(39, 39, 39);
    }

.price-block p {
    display: block;
    margin-bottom: 15px;
    transition: all ease-in-out 0.2s;
}

.price-title p {
    font-family: 'Oswald', sans-serif;
    font-size: 34px;
    margin: 0;
    color: #fff;
    /* border-bottom: 1px dashed #023744; */
    line-height: 1.6;
    padding: 20px 0;
}

.price-block img {
    max-width: 80px;
    opacity: 0.8;
    transition: all ease-in-out 0.2s;
}

.price-block:hover img {
    opacity: 1;
    transition: all ease-in-out 0.2s;
}

#price h3 {
    margin-bottom: 25px;
    color: white;
}

.price-block ul {
    margin-bottom: 0;
}

.buy-now-text img {
    max-width: 50px;
    opacity: 0.6;
    transition: all ease-in-out 0.2s;
}

.buy-now-text span {
    font-size: 14px;
    color: #999999;
    transition: all ease-in-out 0.2s;
}

.buy-now-text > div > div:hover span {
    color: white;
    transition: all ease-in-out 0.2s;
}

.buy-now-text > div > div:hover img {
    opacity: 1;
    transition: all ease-in-out 0.2s;
}


.brw {
    border-right: 2px solid #3fabd8;
}


.highlight.dkblue a {
    background-color: transparent;
    color: white;
    border-radius: 3px;
    border: 0 solid #d69926;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 5px 20px;
}

.highlight.pink a {
    color: #fff;
    border-radius: 2px;
    text-align: center;
    padding: 5px 20px;
}

.table thead, .table tbody, .table tfoot {
    display: block;
    width: 100%;
}

.table thead, .table tfoot {
    padding-right: 5px;
}

    .table thead tr, .table tbody tr, .table tfoot tr {
        width: 100%;
        display: table;
    }

.table {
    color: #fff;
    font-size: 17px;
    border-spacing: 15px 0;
    border-collapse: separate;
    cursor: pointer;
    margin-bottom: 50px;
}

    .table tr th:first-of-type {
        width: 40%;
    }

    .table tfoot th {
        background: rgba(0,0,0,.15);
    }

    .table tfoot tr td:nth-of-type(1) {
        background: rgba(0,0,0,.2);
    }

    .table tfoot tr td:nth-of-type(2) {
        background: rgba(0,0,0,.3);
    }

    .table tfoot tr td:nth-of-type(3) {
        background: rgba(0,0,0,.4);
    }

    .table thead tr th:nth-of-type(2), .table thead tr th:nth-of-type(3), .table thead tr th:nth-of-type(4) {
        width: 20%;
        vertical-align: top;
        font-size: 22px;
    }

    .table tr td:first-of-type {
        width: 20%;
    }

    .table tr td:nth-of-type(2) {
        width: 20%;
    }

    .table tr td:nth-of-type(3) {
        width: 20%;
    }

    .table tr td:first-of-type {
        background: #aaa;
        background: rgba(0,0,0,.1);
    }

    .table tr td:nth-of-type(2) {
        background: #aaa;
        background: rgba(0,0,0,.2);
    }

    .table tr td:nth-of-type(3) {
        background: #aaa;
        background: rgba(0,0,0,.3);
    }


    .table thead tr th:nth-of-type(2) {
        text-align: center;
    }

    .table thead tr th:nth-of-type(3) {
        text-align: center;
    }

    .table thead tr th:nth-of-type(4) {
        text-align: center;
    }

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #aaa;
    background-color: rgba(0,0,0,.05);
    transition: all ease-in-out 0.2s;
    color: white;
}

.table-hover tr > td, .table-hover thead tr th {
    text-align: center;
}

.table-hover > tbody > tr > td, .table-hover > tbody > tr > th {
    transition: all ease-in-out 0.2s;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px 15px 10px 15px;
    line-height: 1.428571429;
    vertical-align: middle;
    border-top: 1px solid #fafafa;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-weight: normal;
}

.table-hover > tbody {
    max-height: 45vh;
    overflow-y: scroll;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: -12px;
    color: rgb(198, 222, 224);
}

.table > thead, .table > tfoot {
    position: relative;
}

    .table > thead:before {
        content: "\f3d8";
        display: block;
        position: absolute;
        bottom: 0;
        right: -6px;
        font-family: Ionicons;
        font-size: 20px;
        color: #aaa;
        color: rgba(0,0,0,.3);
        content: "\f364";
    }

    .table > tfoot:before {
        content: "\f3d0 \f3d0";
        display: block;
        position: absolute;
        top: 0;
        right: -7px;
        font-family: Ionicons;
        font-size: 20px;
        color: #aaa;
        color: rgba(0,0,0,.3);
        content: "\f35e";
    }

.table .atribute {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    opacity: 0.3;
    vertical-align: bottom;
    font-weight: normal;
}

.table i {
    font-size: 42px;
    line-height: 7px;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    margin-top: -20px;
    margin-bottom: -10px;
    color: white;
}

    .table i.no {
        opacity: 0.5;
        font-size: 32px;
        margin-top: -10px;
    }

#packages {
    background: url(../images/bg_user.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.title.inverse.blue {
    color: white;
    margin-bottom: 15px;
}

    .title.inverse.blue .title-bg {
        color: #fafafa;
        color: rgba(255, 255, 255, 0.1);
    }

/*#region SCROLLBAR*/
/* ::-webkit-scrollbar {
    width: 5px; 
    height: 5px; 
}

::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
}
 */
/*#endregion*/

.table img {
    max-width: 60px;
}

.table tfoot td {
    font-size: 28px;
}

.table .img {
    background: #ddd;
    background: rgba(0,0,0,.1);
    padding: 20px;
    border-radius: 50%;
    display: inline-block;
}

    .table .img.two {
        background: #ccc;
        background: rgba(0,0,0,.2);
    }

    .table .img.three {
        background: #bbb;
        background: rgba(0,0,0,.3);
    }

.table tfoot small {
    font-size: 60%;
}

.ml50 {
    margin-left: -50px;
}

/*#region contact*/

.contact-details ul {
    margin: 0 0 15px;
    padding: 20px 0;
    list-style: none;
    border-bottom: 0 solid #30343a;
}

    .contact-details ul li {
        margin: 0 0 0;
        line-height: 24px;
        padding: 0;
    }

footer {
    position: relative;
    width: 100%;
    height: auto;
    background: #26292E;
    text-align: center;
    z-index: 99;
}

    footer .credits {
        color: #FFFFFF;
        font-size: 15px;
        margin-bottom: 0;
        padding: 0 0 20px;
    }

    footer a {
        color: #31a7c5;
    }
/*#endregion contact*/

#benefits h3 {
    color: white;
    text-transform: uppercase;
}

#benefits h4 {
    color: black;
    font-size: 20px;
    margin-bottom: 50px;
}

#benefits p {
    font-size: 17px;
    margin: 0;
}

/*circles*/

.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 75%;
    position: relative;
    margin: 0 auto;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    background-color: rgb(255, 255, 255);
}

.process-row:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #e6e6e6;
}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
    width: 33.33333333333%;
    min-height: 200px;
}

    .process-step p {
        margin-top: 10px;
        line-height: 18px;
        font-size: 16px !important;
        width: 95%;
        margin: 0 auto !important;
    }

.btn-circle {
    width: 90px;
    height: 90px;
    text-align: center;
    padding: 6px 0;
    font-size: 36px;
    line-height: 1.428571429;
    border-radius: 50%;
    outline: 25px solid white;
    color: #0ab0d6;
    margin-bottom: 15px;
}

.process-row strong {
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
}

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


ul.autoCentar {
    width: auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

    ul.autoCentar li {
        width: auto;
        display: inline-block;
        padding: 25px 30px 40px;
        border: 1px solid #e5e5e5;
        margin-right: 15px;
    }


.imgLink.opera, .imgLink.chrome {
    width: 60px;
    height: 60px;
    display: block;
    padding-top: 60px;
}

.imgLink.opera {
    background: url(../images/opera-gray.png);
}


.imgLink.chrome {
    background: url(../images/chrome-gray.png);
    background-repeat: no-repeat;
}


.imgLink.opera:hover {
    background: url(../images/opera-blue.png);
}

.imgLink.chrome:hover {
    background: url(../images/chrome-blue.png);
}

#menu-functionalities-menu span {
    display: block;
    font-size: 45px;
    line-height: 20px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}


#pdf #menu-functionalities-menu:before {
    content: '';
    display: block;
    background: #0ab3db;
    width: 10px;
    height: 300px;
    margin-left: -20px;
    position: absolute;
    margin-top: -120px;
}

#xml #menu-functionalities-menu:before {
    content: '';
    display: block;
    background: #0ab3db;
    width: 10px;
    height: 300px;
    margin-right: -50px;
    position: absolute;
    margin-top: -120px;
    right: 0;
}

#pdf img, #xml img {
    margin-top: 50px;
    margin-bottom: 20px;
}


#xml .white, #pdf .white {
    background: #0ab3db;
    background: rgba(10, 179, 219, 0.69);
    padding: 50px;
}

#xml .black, #pdf .black {
    background: #aaa;
    background: rgba(0, 0, 0, 0.3);
    padding: 50px;
}

#xml .highlight.dkblue a, #pdf .highlight.pink a {
    font-size: 30px;
}

#pdf .highlight.pink a {
    margin-left: -40px;
}

#xml p, #pdf p {
    font-size: 22px;
    color: #ffffff;
    margin: 5px 0 15px;
}

#xml .white ul li, #xml .black ul li, #pdf .black ul li, #pdf .white ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 15px;
}

    #xml .black ul li ul li, #xml .white ul li ul li, #pdf .black ul li ul li, #pdf .white ul li ul li {
        list-style-type: circle;
        margin-bottom: 0;
        color: #aaa;
    }


#functionalities .highlight.dkblue a:hover, #functionalities .highlight.dkblue:hover a {
    color: #fff !important;
    background: #d69926;
    transform: scale(1);
}

#functionalities .highlight.pink a:hover, #functionalities .highlight.pink:hover a {
    color: #fff !important;
    background: #72b118;
    transform: scale(1);
}

#functionalities .highlight.dkblue a {
    background-color: transparent;
    color: white;
    border-radius: 3px;
    border: 2px solid #d69926;
    color: #d69926;
    border-radius: 2px;
    text-align: center;
    padding: 5px 20px;
}

#functionalities .highlight.pink a {
    border: 2px solid #72b118;
    color: #72b118;
    border-radius: 2px;
    text-align: center;
    padding: 5px 20px;
}

.tbl {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 30px;
}

.tblcell {
    display: table-cell;
    float: none !important;
}

/*animation*/

svg {
    position: absolute;
    bottom: 20px;
    right: 20px;
    margin-top: 0;
    margin-left: 0;
    opacity: 0.1;
}

#Polygon-1, #Polygon-2, #Polygon-3, #Polygon-4, #Polygon-4, #Polygon-5 {
    animation: float 1s infinite ease-in-out alternate;
}

#Polygon-2 {
    animation-delay: .2s;
}

#Polygon-3 {
    animation-delay: .4s;
}

#Polygon-4 {
    animation-delay: .6s;
}

#Polygon-5 {
    animation-delay: .8s;
}

@keyframes float {
    100% {
        transform: translateY(20px);
    }
}

@media (max-width: 450px) {
    svg {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -250px;
        margin-left: -190px;
    }
}

@media (max-width:991px) {
    .tbl {
        display: block;
        width: 100%;
        table-layout: inherit;
        margin-bottom: 30px;
        margin: 0;
    }

    .tblcell {
        display: block;
        float: none !important;
    }

    #our-supporters-include, #xml, #pdf {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {

    .xml #menu-functionalities-menu, .pdf #menu-functionalities-menu {
        top: 80px;
        position: absolute;
        z-index: 9999;
        left: 35px;
    }

    #xml #menu-functionalities-menu:before {
        content: '';
        display: block;
        background: transparent;
        width: 0;
        height: 0;
        margin-right: -50px;
        position: absolute;
        margin-top: -120px;
        right: 0;
    }

    #pdf #menu-functionalities-menu:before {
        content: '';
        display: block;
        background: transparent;
        width: 0;
        height: 0;
        margin-left: -20px;
        position: absolute;
        margin-top: -120px;
    }

    .tbl {
        display: block;
        width: 100%;
        table-layout: inherit;
        margin-bottom: 30px;
        margin: 0;
    }

    .tblcell {
        display: block;
        float: none !important;
    }


    .process-row:before {
        top: 50px;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 100%;
        height: 0;
        background-color: #e6e6e6;
    }

    .process-step {
        display: block;
        text-align: center;
        position: relative;
        width: 100%;
        min-height: 200px;
    }
}

@media (min-width:991px) {
    .slider-text-wrapper {
        position: absolute;
        right: 0;
        margin: auto;
        top: 55%;
        width: 30%;
        text-align: left;
        left: 0;
        margin-top: -95px;
        margin-top: -200px;
        opacity: 0;
        z-index: 20;
        -moz-transition: all 1s linear 0.6s;
        -webkit-transition: all 1s linear 0.6s;
        -o-transition: all 1s linear 0.6s;
        -ms-transition: all 1s linear 6s;
        transition: all 1s linear 0.6s;
        margin-left: 60%;
        /* background: #555; */
        /* background: rgba(0,0,0,.5); */
        padding: 0;
        max-width: 420px;
    }
}


/**/


.functionalities-box {
    text-align: center;
    color: #008aab;
    margin-bottom: 30px;
    position: relative;
    /* background: rgba(2, 131, 162, 0.1); */
    padding: 30px 5px;
    height: 190px;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ie-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

    .functionalities-box:hover {
        background: #008aab;
        color: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        -khtml-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ie-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .functionalities-box img {
        min-width: 85px;
        border: 1px solid rgba(0, 138, 171, 0);
        border-radius: 50%;
        background: #deedf2;
        -webkit-transition: all 0.4s ease-in-out;
        -khtml-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ie-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

@media (max-width:768px) {
    .functionalities-box img {
        min-width: 70px;
    }
}

.functionalities-box:hover img {
    background: rgba(255, 255, 255, 0.84);
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ie-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.functionalities-box h3 {
    font-size: 16px;
}



/* .functionalities-box:before, .functionalities-box:after { */

/* position: absolute; */
/* display: block; */
/* content: ''; */
/* width: 7px; */
/* height: 7px; */
/* z-index: 1; */
/* opacity: .5; */
/* transition: .4s; */
/* transition-timing-function: ease-out; */
/* } */
/* .functionalities-box:before { */
/* top: 0; */
/* left: 0; */
/* border-top: 1px solid #27acc8; */
/* border-left: 1px solid #27acc8; */
/* } */

/* .functionalities-box:after { */
/* bottom: 0; */
/* right: 0; */
/* border-bottom: 1px solid #27acc8; */
/* border-right: 1px solid #27acc8; */
/* } */

/* .functionalities-box:hover:before, .functionalities-box:hover:after { */
/* height: calc(100% - 1px); */
/* width: calc(100% - 2px); */
/* } */

/* Features */

/* #features {
    overflow: hidden;
}
 */
#features .title.inverse > span {
    color: #008AAB;
}

    #features .title.inverse > span.title-bg {
        color: rgba(0, 138, 171, 0.08);
    }



.featured-box-info-wrapper {
    position: relative;
}

.feature-box p, .featured-box-info p {
    font-size: 16px;
    line-height: 1.6;
    width: 100%;
    max-width: 820px;
    margin: 0px auto;
}

.featured-box-info {
    background: rgba(0, 138, 171, 0.74);
    padding: 15px;
}

    .featured-box-info.featured-box-info-right {
        height: 240px;
        width: 240px;
        position: absolute;
        top: 15%;
        left: 15%;
        border-radius: 50%;
    }


    .featured-box-info.featured-box-info-left {
        height: 310px;
        width: 310px;
        position: absolute;
        top: 15%;
        left: 15%;
        border-radius: 50%;
    }

        .featured-box-info.featured-box-info-right p, .featured-box-info.featured-box-info-left p {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 15px;
            right: 15px;
        }

    .featured-box-info p {
        color: #fff;
    }

    .featured-box-info p {
        line-height: 1.2;
        text-align: center;
    }

.feature-box ul {
    text-align: right;
    padding-left: 25px;
}

    .feature-box ul li {
        position: relative;
    }


/* Infrastructure */

.infrastructure-tables ul {
    padding: 0 25px;
}

    .infrastructure-tables ul li {
        position: relative;
        padding-left: 53px;
    }

        .infrastructure-tables ul li ul {
            position: relative;
            margin-left: -77px;
            margin-top: 20px;
            margin-bottom: -15px;
            margin-right: -40px;
        }

            .infrastructure-tables ul li ul li {
                padding-left: 80px;
            }

                .infrastructure-tables ul li ul li:last-child {
                    border-bottom-color: transparent;
                }

                .infrastructure-tables ul li ul li :before {
                }

        .infrastructure-tables ul li:before {
            content: "\f3fd";
            position: absolute;
            left: 15px;
            font-family: "Ionicons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            text-rendering: auto;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: rgba(255, 255, 255, 0.41);
            font-size: 30px;
            top: 10px;
            /* background: #027b98; */
            width: 30px;
            text-align: center;
            border-radius: 50%;
        }

        .infrastructure-tables ul li ul li:before {
            content: '-';
            color: #fff;
            left: 40px;
            top: 9px;
            height: 30px;
            line-height: 0.8;
            color: rgba(255, 255, 255, 0.41);
        }

div#section-615 {
    /* background-color: #1A3D60; */
    color: #000;
}


.integration-text p, .access-rights-text p, .feature-box p {
    font-size: 18px;
    line-height: 1.6;
}


/**/

.heading-block {
    position: relative;
    clear: both;
    max-width: 48rem;
    margin: 0 auto 8rem;
    z-index: 0;
}

.heading-block-topline-v-wrapper {
    height: 3rem;
    width: 1px;
    position: relative;
    display: block;
    margin: 0 auto 1rem;
}

.heading-block-topline-v {
    height: 3rem;
    width: 1px;
    position: relative;
    display: block;
    margin: 0 auto 1rem;
    background: red;
    border: 0;
}



.heading-block-topline-v-wrapper .heading-block-topline-v {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


/**/

/* .feature-second-column {
    margin-bottom: -120%;
}
.feature-second-column img {
	margin-top: 160%;
}	
.feature-third-column {
	margin-bottom: -30%;
}
	
.feature-third-column img {
    margin-top: 80%;
}
 */

/**/

.integration-circle {
    display: block;
    width: 280px;
    height: 280px;
    border: 31px solid #25527f;
    border-radius: 50%;
    margin: 0px auto;
    position: relative;
    margin-top: 60px;
    margin-bottom: 50px;
}


.left-item span, .right-item span {
    position: absolute;
    width: 95px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left-item span {
    text-align: right;
}

.right-item span {
    text-align: left;
}

.left-item, .right-item {
    display: block;
    float: left;
    width: 50%;
    height: 80px;
    margin: 0;
    position: absolute;
    width: 185px;
}

.left-item {
    padding-right: 100px;
    margin-left: -100px;
}

    .left-item:after, .right-item:before {
        content: '';
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: red;
        display: block;
        position: absolute;
        top: 0;
    }

    .left-item:after {
        right: 0;
        left: auto;
    }

.right-item:before {
    left: 0;
    right: auto;
}

.right-item {
    right: -100px;
    padding-left: 90px;
}


.left-item.second-row-int-circle {
    left: -55px;
}

.right-item.second-row-int-circle {
    right: -155px;
}

.first-row-int-circle {
    top: -40px;
    bottom: auto;
}

.second-row-int-circle {
    top: 50%;
    margin-top: -40px;
    bottom: auto;
}

.third-row-int-circle {
    bottom: -40px;
    top: auto;
}

.intranet-portal:after {
    background: url('../images/icons/intranet-portal.svg') #D5A0BB center center no-repeat;
}

.signing-component:before {
    background: url('../images/icons/signing-component.svg') #6ABFEE center center no-repeat;
}

.other-bpms:after {
    background: url('../images/icons/other-bpms.svg') #8EC2D1 center center no-repeat;
}

.hr-requests:before {
    background: url('../images/icons/hr-requests.svg') #008AAB center center no-repeat;
}

.contact-approval:after {
    background: url('../images/icons/contract-approval.svg') #DC9F80 center center no-repeat;
}

.invoice-approval:before {
    background: url('../images/icons/invoice-approval.svg') #AEC588 center center no-repeat;
}

p.right-item {
    text-align: right;
}

@media (max-width:560px) {
    .integration-circle {
        border: 0px;
    }

    .left-item, .right-item {
        width: 100%;
        display: block;
        clear: both;
        position: relative;
        margin: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 300px;
    }

        .left-item.second-row-int-circle {
            left: 0;
        }



        .left-item span, .right-item span {
            position: absolute;
            width: 185px;
        }

        .left-item:after, .right-item:before {
            content: '';
            width: 65px;
            height: 65px;
            border-radius: 50%;
            display: block;
            position: absolute;
            top: 8px;
        }

        .left-item:after {
            left: 0;
            right: auto;
        }

        .left-item span {
            text-align: left;
        }

    .right-item, .left-item {
        padding-left: 80px;
        padding-right: 0;
    }

    .integration-circle {
        display: block;
        width: 230px;
        height: 280px;
    }
}

/**/

.hexagon {
    position: absolute;
    /* width: 50%; */
    /* background: #03728c; */
    /* -webkit-transform: skew(-40deg); */
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    /* transform: skew(-40deg); */
    right: 0px;
    top: -120%;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1290px 1210px 0px 0;
    border-color: transparent #03728c transparent transparent;
}


@media (max-width:991px) {
    .hexagon {
        top: 0;
    }
}


/**/

.integration-wraper {
    position: relative;
    margin-bottom: 140px;
    padding-top: 50px;
}

    .integration-wraper h3 span, .access-rights-wraper h3 span, .editions-wraper h3 span, .feature-box h3 span {
        color: #c7c7c7;
    }

h3 span.color-black {
    color: #3b3b3b;
}

.integration-wraper h3 {
    text-align: left;
    font-size: 30px !important;
}

    .integration-wraper h3 span {
        color: black;
    }

        .integration-wraper h3 span:last-child {
            color: #1097b7 !important;
        }

.integration-wraper .integration-text {
    margin: 0 !important;
}

integration-wraper .integration-text p {
    text-align: justify;
}

.integration-wraper h3, .access-rights-wraper h3, .editions-wraper h3, .feature-box h3, h3.new-title {
    font-size: 56px;
    margin-bottom: 40px;
    font-family: 'Oswald', sans-serif;
    color: #3b3b3b;
    text-transform: uppercase;
    font-weight: normal;
}

    .integration-wraper h3 strong, .access-rights-wraper h3 strong, .editions-wraper h3 strong, .feature-box h3 strong, h3.new-title strong {
        font-weight: 400;
    }

@media (max-width:991px) {
    .section-light-blue:before {
        background-image: none !important;
        height: 200px !important;
    }

    .integration-wraper h3, .access-rights-wraper h3, .editions-wraper h3, .feature-box h3, h3.new-title {
        font-size: 46px;
    }
}

@media (max-width:560px) {
    .integration-wraper h3, .access-rights-wraper h3, .editions-wraper h3, .feature-box h3, h3.new-title {
        font-size: 40px;
    }
}


h3.new-title.new-title-dark-bg {
    color: #d4d4d4;
}

    h3.new-title.new-title-dark-bg span {
        color: #6d6d6d;
    }


.integration-text, .access-rights-text {
    max-width: 80%;
    margin-left: 10%;
    display: block;
    z-index: 3;
}

.access-rights-wraper {
    position: relative;
    margin-bottom: 110px;
}

    .access-rights-wraper h3.fadeInLeft:after {
        content: "";
        display: block;
        background-image: url(../images/access-rights.png);
        background-repeat: no-repeat;
        width: 100px;
        height: 120px;
        position: absolute;
        float: right;
        text-align: right;
        right: 30%;
        top: -45px;
        right: 33%;
    }

#access-rights .access-rights-text {
    position: relative;
    padding-top: 50px;
}

    #access-rights .access-rights-text p {
        text-align: center;
        font-size: 16px;
    }

        #access-rights .access-rights-text p:before {
            content: "";
            display: block;
            background-image: url(../images/true.png);
            background-repeat: no-repeat;
            position: relative;
            width: 38px;
            height: 28px;
            left: 50%;
            text-align: center;
            padding-bottom: 22px;
            margin: 0 !important;
            bottom: 35px;
        }

.access-rights-wraper h3.fadeInLeft span {
    color: #1097b7 !important;
}

    .access-rights-wraper h3.fadeInLeft span:last-child {
        color: black !important;
    }

.access-rights-square {
    height: 430px;
    width: 490px;
    background-color: rgb(234, 208, 222);
    position: absolute;
    right: 0;
    z-index: -1;
    top: 605%;
    overflow: hidden;
}

@media (max-width:1199px) {
    .access-rights-square {
        top: 535%;
    }
}

@media (max-width: 991px) {
    .access-rights-square {
        top: 30%;
        height: 370px;
        width: 370px;
    }
}

.access-rights-square:after {
    content: "\f457";
    position: absolute;
    bottom: -65px;
    right: -15px;
    font-size: 340px;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(0, 0, 0, 0.07);
}

.interation-circle-line {
    height: 650px;
    width: 180px;
    background-color:;
    position: absolute;
    right: 0;
    z-index: -1;
    top: 532%;
    /*background: rgba(0, 138, 171, 0.6);*/
}

    .interation-circle-line:after {
        background: url('../images/icons/integration-icon.svg') transparent bottom 10px left 13px no-repeat;
        background-size: 180px;
        content: "";
        opacity: 0.05;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
    }

@media (max-width:1199px) {
    .interation-circle-line {
        top: 562%;
    }
}



.dokumenti-modal ul li:before {
    content: '';
    position: absolute;
    left: 2px;
    display: block;
    width: 7px;
    background: #333333;
    height: 1px;
    top: 12px;
}

.editions-text {
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .editions-text .col-md-3 {
        padding: 0 1px 0 0 !important;
        margin: 0 !important;
    }

    .editions-text .basic, .editions-text .standard, .editions-text .enterprise, .editions-text .datacenter {
        background: #223348;
        height: 660px;
        position: relative;
        border: 2px solid transparent;
    }

        .editions-text .basic:hover, .editions-text .standard:hover, .editions-text .enterprise:hover, .editions-text .datacenter:hover {
            border: 2px solid #91b242;
            background: rgba(0, 0, 0, 0.5);
        }

        .editions-text .basic div:first-of-type, .editions-text .standard div:first-of-type, .editions-text .enterprise div:first-of-type, .editions-text .datacenter div:first-of-type {
            border-bottom: 1px solid #224d5e;
            margin-left: 10px;
            margin-right: 10px;
            min-height: 85px;
        }

        .editions-text .basic div, .editions-text .standard div, .editions-text .enterprise div, .editions-text .datacenter div {
            padding: 10px 15px;
            color: white !important;
            min-height: 85px;
        }

        .editions-text .basic h4, .editions-text .standard h4, .editions-text .enterprise h4, .editions-text .datacenter h4 {
            color: #1fa0bd !important;
            padding: 20px 0;
            text-transform: uppercase;
        }

        .editions-text .basic .btn-default, .editions-text .standard .btn-default, .editions-text .enterprise .btn-default, .editions-text .datacenter .btn-default {
            position: absolute;
            bottom: 5%;
            margin-left: auto;
            margin-right: auto;
            right: 25px !important;
            width: 80%;
            background-color: #3a4b5d;
            border: none !important;
            color: white !important;
            padding: 10px;
        }

        .editions-text .basic:hover .btn-default, .editions-text .standard:hover .btn-default, .editions-text .enterprise:hover .btn-default, .editions-text .datacenter:hover .btn-default {
            background-color: #95b644 !important;
        }

@media (max-width:1199px) {
    ul.editions-list li {
        width: 50%;
    }
}

.feature-box.feature-box-info p {
    max-width: 310px;
    display: block;
    float: right;
    margin: 40px 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
}


/*.feature-box-info-1 {
    position: absolute;
    width: 450px;
    height: 690px;
    background: #aec588;
    position: absolute;
    right: 0;
    top: 110em;
    z-index: -1;
}*/

.feature-box-info-1:before {
    /*background: url('../images/icons/document-search-icon.svg') transparent top 25px right 15px no-repeat;*/
    background-size: 180px;
    content: "";
    opacity: 0.04;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}




@media (max-width:1199px) {
    .feature-box-info-1 {
        /* margin-top: 184%; */
        top: 110em;
    }
}

@media (max-width:991px) {
    .feature-box-info-1 {
        margin-top: 10px;
        height: 400px;
        width: 100%;
        max-width: 360px;
        top: 230px;
    }
}

@media (max-width:560px) {
    .feature-box-info-1 {
        margin-top: 10px;
        height: 250px;
    }
}




.feature-box.discussion-box h3 {
    text-align: center;
}

.triange-bg {
    position: absolute;
    /* background: #f7f7f7; */
    z-index: -1;
    border-style: solid;
    border-width: 1200px 0 1900px 2250px;
    border-color: transparent transparent transparent rgba(199, 199, 199, 0.16);
    top: -5%;
}



/* .feature-box-info img, .feature-box-info img {
    max-width: 800px;
    display: block;
    margin: 0px auto;
    clear: both;
}
 */
.feature-box.discussion-box {
    margin: 25px 0 0 0;
}

.feature-box.alarms-wrapper {
    margin: 50px 0 0 0;
}

    .feature-box.alarms-wrapper h3 {
        text-align: left;
        font-size: 25px;
        color: #123047 !important;
        margin-bottom: 15px;
    }


.featured-box-info-wrapper-2 p {
    max-width: 480px;
    display: block;
    float: left;
    margin: 40px 0px;
    font-weight: 700;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.54);
    font-size: 18px;
}

@media (max-width:991px) {
    .triange-bg {
        top: 0;
    }

    .feature-box-info-2 {
        display: none;
    }

    /*.featured-box-info-wrapper-2 p {
        padding: 130px 30px 40px 30px;
        background: #92a6d1;
        margin-top: -110px;
        margin-left: -20px;
    }*/
}

.featured-box-info-wrapper-2 img {
    border-right: 10px solid #92a6d1;
    padding: 0 10px 0 0;
    margin-top: 40px;
}


.feature-box-info-2 {
    position: absolute;
    /*width: 600px;*/
    height: 550px;
    /*background: #92a6d1;*/
    z-index: -1;
    top: 95%;
    left: -10px;
}

@media (max-width:1199px) {
    .feature-box-info-2 {
        top: 98%;
    }
}

#features .section-dark-blue {
    position: relative;
    background-color: #061724;
    z-index: -1;
    height: auto;
    max-height: 350px;
}

    #features .section-dark-blue .feature-box.templates-and-book-wraper h3 {
        text-align: center !important;
        position: relative;
        bottom: 140px;
        font-size: 30px !important;
        left: 130px;
    }

        #features .section-dark-blue .feature-box.templates-and-book-wraper h3:before {
            content: "";
            display: block;
            position: absolute;
            background-image: url(../images/books.png);
            background-repeat: no-repeat;
            width: 180px;
            height: 140px;
            top: -60px;
            left: 150px;
        }

        #features .section-dark-blue .feature-box.templates-and-book-wraper h3 span:last-child {
            color: #1097b7;
        }

.feature-box.templates-and-book-wraper h3 {
    text-align: right;
}

#features .section-dark-blue .feature-box.templates-and-book-wraper ul {
    text-align: center;
    position: relative;
    bottom: 140px;
    left: 120px;
}

    #features .section-dark-blue .feature-box.templates-and-book-wraper ul li {
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 8px;
        position: relative;
    }


ul.editions-list {
    margin: 60px 0 70px 0;
}

.feature-box.templates-and-book-wraper ul li:before {
    /*content: "";
    bottom: 0;
    width: 2px;
    background-color: #008aab;
    position: absolute;
    top: 0;
    right: 5px;
    display: block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    background-color: #008aab;
    position: relative;
    bottom: 2px;
    background-color: #008aab;
}

ul.editions-list li {
    padding: 15px 10px 15px 55px;
    position: relative;
}

ul.editions-list {
    counter-reset: section;
}

    ul.editions-list li:before {
        font-family: 'Oswald', sans-serif;
        counter-increment: section;
        content: counter(section);
        position: absolute;
        left: 5px;
        height: 40px;
        width: 40px;
        background: #8ec2d1;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        /* border: 4px solid #96c9d8; */
        padding-top: 9px;
        top: 6px;
    }


    .editions-wraper:before, .editions-wraper:after,
    ul.editions-list:before, ul.editions-list:after {
        content: '';
        clear: both;
        display: table;
    }

.editions-wraper {
    padding: 35px 15px;
}


.functionalities-triangle {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 710px 590px 0;
    border-color: transparent rgba(199, 199, 199, 0.16) transparent transparent;
    line-height: 0;
    _border-color: #000000 #6980fe #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    right: 0;
    z-index: 0;
    top: -50%;
}


.functionalities-triangle-left {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 950px 0 0 850px;
    border-color: transparent transparent transparent rgba(199, 199, 199, 0.16);
    line-height: 0;
    _border-color: #000000 #000000 #000000 #6980fe;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    top: 90%;
}

.features-bg-focus {
    position: absolute;
    display: block;
    top: 20%;
    height: 27%;
    width: 100%;
    background: #deedf2;
    z-index: -1;
    min-height: 250px;
}


#infrastructure .new-title-dark-bg {
    text-align: center;
    margin: 80px;
}

@media (max-width:768px) {
    #infrastructure .new-title-dark-bg {
        text-align: center;
        margin: 80px 20px;
    }
}

.homepage-logo-wraper {
    padding-top: 17%;
}



    .homepage-logo-wraper img {
        margin-bottom: 5%;
    }

.homepage-right-column h2 {
    color: #fff;
    margin-top: 0;
}

.homepage-right-column p {
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

.homepage-left-column p {
    color: #fff;
    font-size: 18px;
}




h3.new-title {
    margin: 90px 0 70px 0;
    z-index: 5;
    position: relative;
}

.navbar-inverse .navbar-nav > li > a.active-language {
    color: #70bbd8;
}

.navbar-inverse .navbar-nav > li > a.language-chooser {
    padding: 15px 5px;
}

.navbar-inverse .navbar-nav > li > a.mk-language.language-chooser:after {
    content: '';
    width: 1px;
    height: 15px;
    background: #949494;
    display: block;
    position: absolute;
    right: -0.5px;
    top: 25px;
}

@media (max-width:768px) {
    .homepage-logo-wraper {
        display: none;
    }
}

:lang(mk) {
    display: none !important;
}

[data-lang="mk"] {
    display: none;
}

#repositoryEdition {
    background-image: url('../images/layerBg.jpg');
    background-position: center;
    background-size: cover;
    position: relative;
}


.flyBy {
    z-index: 1001;
    position: fixed;
    right: 0px;
}


    .flyBy.first {
        top: 25%;
    }

    .flyBy.last {
        top: 163px;
    }

.flyByToggler {
    background-color: #12a3be;
    padding: 5px;
    border-radius: 0;
    box-shadow: none;
    position: fixed !important;
    width: 220px;
    transition: all ease-in-out 0.4s;
    /*top: 40px;*/
    height: 45px;
    display: inline-block;
    left: auto;
}

input[value="Promotion materials"] {
    color: white;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(450deg);
    text-transform: uppercase;
    white-space: nowrap;
    position: fixed;
    right: -88px;
    padding: 10px;
    position: absolute;
    top: 36.6%;
    border: none;
    font-size: 14px;
}

.flyBy button {
    background: #00a6bf;
    border: none;
    padding: 7px;
    position: relative;
    left: 20px;
    font-size: 14px;
}

.flyByContent {
    width: 268px;
    position: absolute;
    right: 0;
    margin-top: 5px;
    background: rgba(6, 27, 41, 0.93);
    height: auto;
    display: none;
}

    .flyByContent label {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .flyByContent form {
        padding: 20px;
    }

        .flyByContent form input {
            border: none;
            background: transparent;
            border-bottom: 1px solid rgba(170, 170, 170, 0.26);
            color: white;
        }

        .flyByContent form p {
            color: white;
            font-weight: normal;
            font-size: 17px;
        }

.flyBy.first .flyByContent img {
    border-bottom: 2px solid #ed701f;
    width: 205px;
}

.flyBy.last:hover .flyByToggler {
    left: -240px;
}

.flyBy.last:hover .flyByContent {
    right: 0px;
}

.flyBy .rightShow {
    right: 180px !important;
    transition: all ease-in-out 0.5s;
    margin-top: 1px;
}

.diffColor {
    color: #00a6bf !important;
}

.alwaysOpen {
    display: block !important;
}

.active {
    display: block !important;
}






/*

.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
    background-image: none !important;
}

.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}

.multi-item-carousel .carousel-inner .next {
    left: 33%;
}

.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}



    .multi-item-carousel .carousel-inner {
        overflow: hidden;
    }

    .multi-item-carousel .item .col-md-6 {
        position: relative;
    }

        .multi-item-carousel .item .col-md-6 a {
            color: black !important;
        }

    */
.multi-item-carousel .carousel-inner {
    overflow: hidden;
}

.multi-item-carousel .item .col-md-6 {
    position: relative;
}

    .multi-item-carousel .item .col-md-6 a {
        color: black !important;
    }

.multi-item-carousel {
    padding: 60px;
}

    .multi-item-carousel .item .box-for-testimonials {
        position: relative;
        text-align: center;
        width: auto;
        background-color: transparent;
        border: 1px solid #1fa0bd;
        height: 395px;
        padding: 20px 50px;
    }

#testimonials .box-for-testimonials .testimonials-text {
    padding: 15px;
}

    #testimonials .box-for-testimonials .testimonials-text .italicText {
        font-style: italic;
        color: #9da4a9 !important;
        text-align: center;
        font-size: 14px;
        margin: 0 !important;
        height: 240px;
    }

        #testimonials .box-for-testimonials .testimonials-text .italicText:before {
            content: "";
            display: block;
            position: absolute;
            width: 40px;
            background-image: url(../images/navodnici1.png);
            height: 40px;
            background-repeat: no-repeat;
            top: 20px;
            left: 20px;
            background-position: top left;
        }

        #testimonials .box-for-testimonials .testimonials-text .italicText:after {
            content: "";
            display: block;
            position: absolute;
            background-image: url(../images/navodnici2.png);
            height: 40px;
            background-repeat: no-repeat;
            bottom: 20px;
            right: 20px;
            background-position: bottom right;
            width: 40px;
        }

h3.new-title.text-center.wow.fadeIn.white {
    color: white !important;
}

.box-for-testimonials .text-testimonials__author {
    position: relative;
    color: white;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Century Gothic';
    font-weight: 600;
    bottom: 0;
    top: 10px;
}

.box-for-testimonials .text-testimonials__institution {
    position: relative;
    color: #1c8ea8;
    font-size: 20px;
    font-family: 'Century Gothic';
    font-weight: 500;
    top: 2px;
}

.box-for-testimonials .text-testimonials__position {
    position: relative;
    font-size: 14px;
    padding-top: 10px;
    color: white;
    font-weight: normal;
    font-family: 'Century Gothic';
}

#features h3.wow.fadeInLeft {
    text-align: center;
    font-size: 30px;
}

#features .feature-box h3.wow.fadeInLeft.documentSearch:before {
    background-image: url('../images/search.png');
    content: "";
    display: block;
    height: 90px;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    left: 117px;
    background-size: 140px;
    top: 55px;
    transition: all .5s;
}

#features .feature-box h3.wow.fadeInLeft.documentSearch:hover:before {
    transform: scale(1.2);
}

#features h3.wow.fadeInLeft span {
    display: inline;
}

    #features h3.wow.fadeInLeft span:last-child {
        color: #1097b7;
    }

#features .feature-box p {
    text-align: center;
}

#features .section-light-blue {
    position: relative;
    background-color: #e7ecf2;
    margin-top: 60px;
    height: auto;
    max-height: 500px;
}

.section-light-blue:before {
    content: "";
    display: block;
    background-image: url(../images/tablet-levo.png);
    height: 260px;
    width: 410px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    bottom: 98px;
    background-position: -100px 5px;
}

#features .section-light-blue .alarms-wrapper p {
    text-align: left;
    line-height: 20px;
}

#features .section-light-blue .alarms-wrapper:before {
    content: "";
    display: block;
    position: relative;
    background-image: url('../images/alarms.png');
    background-repeat: no-repeat;
    background-size: 8%;
    height: 55px;
    top: 125px;
    background-position: top left;
    left: -80px;
}

#features .section-light-blue .alarms-wrapper {
    margin: 0 !important;
    position: relative;
    bottom: 220px;
}

#features .section-light-blue .discussion-box {
    position: relative;
    bottom: 220px;
    margin: 0 !important;
    height: 185px;
}

    #features .section-light-blue .discussion-box:before {
        content: "";
        display: block;
        position: relative;
        background-image: url('../images/discussions.png');
        background-repeat: no-repeat;
        background-size: 8%;
        height: 60px;
        top: 100px;
        background-position: top left;
        left: -80px;
    }

    #features .section-light-blue .discussion-box h3 {
        text-align: left;
        font-size: 25px;
        color: #123047 !important;
        margin-bottom: 15px;
    }

        #features .section-light-blue .discussion-box h3 span {
            font-size: 25px;
            color: #123047;
        }

    #features .section-light-blue .discussion-box p {
        text-align: left;
        line-height: 20px;
    }

#features .section-light-blue .pink-background {
    position: absolute;
    width: 50%;
    left: 70px;
    top: -142px;
}

    #features .section-light-blue .pink-background .pinkBox-text {
        position: absolute;
        font-size: 15px;
        top: 35px;
        padding: 15px;
        text-align: left;
    }

        #features .section-light-blue .pink-background .pinkBox-text:before {
            content: "";
            display: block;
            position: relative;
            border-top: 1.5px solid #d24a8f;
            width: 71px;
            padding: 8px 0;
        }

#features .section-light-blue .blue-circle {
    position: absolute;
    width: 85%;
    top: -240px;
    right: 40px;
}

    #features .section-light-blue .blue-circle .blueCircle-text {
        position: relative;
        font-size: 14px;
        text-align: left;
        padding: 0 55px;
        bottom: 280px;
    }

        #features .section-light-blue .blue-circle .blueCircle-text:before {
            content: "";
            display: block;
            position: relative;
            border-top: 1.5px solid #0091b3;
            width: 71px;
            padding: 8px 0;
        }

#features .section-light-blue .tablet-desno:after {
    content: "";
    display: block;
    background-image: url(../images/tablet-desno.png);
    background-repeat: no-repeat;
    height: 410px;
    width: 380px;
    background-size: contain;
    background-position: right center;
    position: absolute;
    right: -40px;
    /* background-size: 381px; */
}

@media screen and (min-width: 320px) and (max-width: 510px) {
    .multi-item-carousel .item .box-for-testimonials{
        padding: 40px 20px !important;
    }
    #testimonials .box-for-testimonials .testimonials-text{
        padding: 0 !important;
    }
    #features .section-light-blue .pink-background .pinkBox-text {
        top: 0 !important;
    }


    #testimonials .box-for-testimonials .testimonials-text .italicText:before {
        width: 30px !important;
        height: 30px !important;
    }

    #testimonials .box-for-testimonials .testimonials-text .italicText:after {
        width: 33px !important;
        height: 30px !important;
    }

    .multi-item-carousel .item .box-for-testimonials {
        height: 680px !important;
    }

    #testimonials .box-for-testimonials .testimonials-text .italicText {
        font-size: 12px !important;
        height: 430px !important;
        padding-top: 18px !important;
    }

    .box-for-testimonials .text-testimonials__author {
        font-size: 13px !important;
        top: 60px !important;
    }
    .box-for-testimonials .text-testimonials__position{
        padding-top: 60px !important;
        font-size: 12px !important;
    }
    .box-for-testimonials .text-testimonials__institution {
        font-size: 12px !important;
        top: 5px !important;
    }

    ul.benefits-list li span {
        top: 0 !important;
    }
}

@media screen and (min-width: 511px) and (max-width: 767px) {

    #features .section-light-blue .blue-circle .blueCircle-text {
        font-size: 14px !important;
        padding: 0 85px 0 40px !important;
        bottom: 300px !important;
    }

    .multi-item-carousel .item .box-for-testimonials {
        padding: 0 10px !important;
        height: 390px !important;
    }

    #testimonials .box-for-testimonials .testimonials-text .italicText {
        padding-top: 35px !important;
        height: 280px !important;
    }

    .box-for-testimonials .text-testimonials__institution {
        font-size: 14px !important;
    }

    .box-for-testimonials .text-testimonials__author {
        font-size: 16px !important;
    }

    ul.benefits-list li span {
        top: 5px;
    }
}

.left span.ion-chevron-left {
    position: relative;
    right: 42%;
    top: 40%;
}

.right span.ion-chevron-right {
    position: relative;
    left: 42%;
    top: 40%;
}

@media (min-width: 768px) and (max-width: 991px) {
    #testimonials .box-for-testimonials .testimonials-text .italicText {
        height: 240px !important;
        padding-top: 35px !important;
    }

    #thecarousel .carousel-inner .item .item-item:last-child {
        display: none;
    }
}

@media (max-width: 768px) {
    #thecarousel .carousel-inner {
        height: 320px;
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .multi-item-carousel .item .box-for-testimonials {
        height: 610px !important;
    }

    #testimonials .box-for-testimonials .testimonials-text .italicText {
        height: 395px !important;
        padding-top: 20px !important;
    }

    #features .section-light-blue .blue-circle {
        width: 95% !important;
    }

        #features .section-light-blue .blue-circle .blueCircle-text {
            font-size: 13px !important;
            padding: 0 0 0 30px !important;
            bottom: 240px !important;
        }

    .section-light-blue:before {
        height: 230px !important;
        width: 320px !important;
    }

    #features .section-light-blue .pink-background .pinkBox-text {
        top: 0 !important;
    }

    #features .section-light-blue .tablet-desno:after {
        height: 490px !important;
        width: 275px !important;
    }
}

.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
}