body {
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
}

    body.mobile-menu-open {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    a:hover, a:focus, a:visited {
        text-decoration: none;
        outline: none;
    }

.col-centered {
    margin: 0 auto;
    float: none;
}

/*** Navbar Container ***************************************/
.navbar-fixed-top {
    padding: 50px 0;
    -webkit-transition: padding 0.3s ease, background-color 0.3s ease;
    -moz-transition: padding 0.3s ease, background-color 0.3s ease;
    transition: padding 0.3s ease, background-color 0.3s ease;
}

    .navbar-fixed-top.navbar-active {
        background-color: rgba(25, 35, 56, 0.95);
        padding: 15px 0;
    }

.menu-container {
    list-style: none;
    text-align: right;
}

    .menu-container ul {
        padding: 0;
        margin: 0;
    }

        .menu-container ul li {
            display: inline-block;
            font-size: 15px;
            text-transform: uppercase;
        }

            .menu-container ul li a {
                color: #566f8d;
                font-weight: 400;
                padding: 12.5px 20px;
                display: block;
            }

                .menu-container ul li a:hover, .menu-container ul li a.active {
                    color: #8eaed7;
                }

            .menu-container ul li.sign-in {
                border: 2px solid #41c4dd;
                border-radius: 0;
            }

                .menu-container ul li.sign-in a {
                    padding: 8px 35px;
                }

        .menu-container ul .close-menu {
            background: url("/images/close_icon.svg") no-repeat center;
            background-size: contain;
            width: 50px;
            height: 50px;
            margin: 50px auto 30px auto;
            cursor: pointer;
        }

.menu-button {
    background: url("/images/menu_icon.svg") no-repeat center;
    background-size: 35px 25px;
    float: right;
    width: 35px;
    padding: 12.5px 0;
    cursor: pointer;
}

/*** Logo ***************************************************/
.logo-container {
    text-align: left;
}

    .logo-container .logo {
        display: inline-block;
        line-height: 50px;
        font-weight: bold;
        font-size: 30px;
        color: #fff;
    }

        .logo-container .logo img {
            /*margin: -8px 30px 0 0;*/
            max-height: 100%;
        }

/*** Header *************************************************/
header {
    background: -moz-radial-gradient(center, ellipse cover, rgba(240,240,240,1) 0, rgba(255,255,255,0) 100%), -moz-linear-gradient(top, rgba(240,240,240,1) 0, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,0))), -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(240,240,240,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%), -webkit-linear-gradient(top, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%), -o-linear-gradient(top, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%), -ms-linear-gradient(top, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%), linear-gradient(to bottom, rgba(240,240,240,1) 0,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00ffffff',GradientType=1 ), progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
    background-position: 50% 0;
    background-size: cover;
    padding-bottom: 70px;
    text-align: center;
    color: #566f8d; /*#41c4dc;*/
}

    header h1 {
        font-weight: bold;
        font-size: 40px;
        margin-top: 250px;
    }

    header h3 {
        font-size: 20px;
    }

    header .description {
        font-size: 18px;
        font-weight: 300;
        color: #607ca4;
        margin: 50px 0 60px 0;
    }

    header video {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        /*background: url(polina.jpg) no-repeat;*/
        background-size: cover;
    }

#video_overlays {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
    background-color: rgba(33,33,33, .8);
    z-index: -99;
}

.numbers-container {
    border: none;
    border-radius: 0;
    font-weight: bold;
    padding: 30px 0;
    list-style: none;
    /*background-color: #f0f2f7;*/
    background-color: transparent;
}

    .numbers-container li {
        display: inline-block;
        /*background-color: rgba(100, 126, 188, 0.7);*/
        border-radius: 20px;
        padding: 5px 20px 7px 20px;
        margin-bottom: 10px;
    }

/*** Services Container *************************************/
.services-container {
    margin-top: 100px;
}

    .services-container h3 {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border: 3px solid #4e76a3;
        border-top: none;
        color: #64a0d6;
        margin: 0;
        padding: 50px 0 40px 0;
        position: relative;
    }

        .services-container h3:after, .services-container h3:before {
            position: absolute;
            top: 0;
            content: "";
            border: 3px solid;
            border-bottom: none;
            height: 50px;
            width: calc(50% - 42px);
            border-color: #4e76a3;
        }

        .services-container h3:after {
            right: -3px;
            border-left: none;
            border-top-right-radius: 8px;
        }

        .services-container h3:before {
            left: -3px;
            border-right: none;
            border-top-left-radius: 8px;
        }

    .services-container span {
        width: 100px;
        height: 100px;
        border: 3px solid #4e76a3;
        border-radius: 100px;
        display: inline-block;
        position: absolute;
        top: -150px;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

        .services-container span.support {
            background: url("/images/support.svg") no-repeat center;
            background-size: 65px 65px;
        }

        .services-container span.macbook {
            background: url("/images/macbook.svg") no-repeat center;
            background-size: 65px 65px;
        }

        .services-container span.list {
            background: url("/images/list.svg") no-repeat center;
            background-size: 50px 50px;
        }

    .services-container .service-inner {
        border: 3px solid #4e76a3;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top: none;
        padding: 40px 25px 0 25px;
        position: relative;
        color: #64a0d6;
        line-height: 28px;
        font-weight: 300;
    }

        .services-container .service-inner a {
            background-color: rgba(100, 126, 188, 0.3);
            padding: 15px 65px;
            display: inline-block;
            font-size: 15px;
            font-weight: 400;
            color: #fff;
            border-radius: 5px;
            margin: 80px 0 45px 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .services-container .service-inner a:hover {
                background-color: rgba(80, 101, 150, 0.3);
                color: #66A1D4;
            }

    .services-container div {
        margin-bottom: 100px;
    }

        .services-container div:last-child {
            margin-bottom: 0;
        }

            .services-container div:first-child .service-inner a,
            .services-container div:last-child .service-inner a {
                margin: 45px 0 30px 0;
            }

/*** Partners Container *************************************/
.partners-container {
    background-color: #1b1f23;
    padding: 50px 0;
    text-align: center;
    border-top: 1px solid #1c283d;
}

    .partners-container h4 {
        color: #656b6e;
        margin-bottom: 40px;
    }

    .partners-container a {
        margin: 0 15px 10px 15px;
        display: inline-block;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .partners-container a:hover {
            opacity: 0.6;
        }

        .partners-container a img {
            width: 120px;
            height: auto;
        }

        .partners-container a:first-child img {
            width: 70px;
            height: auto;
        }

/*** Sections Container **************************************/
.section-wrapper {
    color: #a8afbb;
}

    .section-wrapper .block-inner {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-wrapper h1 {
        font-size: 35px;
        font-weight: bold;
        text-align: center;
        letter-spacing: -1px;
        margin-bottom: 50px;
        color: #43568b;
    }

    .section-wrapper .features-container {
        padding: 40px 0;
    }

        .section-wrapper .features-container h1 {
            color: #a1aabf;
        }

        .section-wrapper .features-container .ss-feature {
            margin-bottom: 50px !important;
        }

.self-service {
    background-color: #f5f6f9;
}

    .self-service .self-service-inner {
        background: url("/images/self_service_bg.png") no-repeat center bottom;
    }

    .self-service .features-container {
        background-color: #f0f2f7;
        text-align: center;
    }

        .self-service .features-container h4 {
            color: #595f6b;
            margin: 40px 0 20px 0;
        }

        .self-service .features-container p {
            font-size: 14px;
            color: #a1aabf;
        }

.call-center {
    background-color: #1e242e;
    color: #c7cedc;
}

    .call-center h1 {
        color: #b8b2c4;
    }

    .call-center .features-container {
        background-color: rgba(41, 53, 75, 0.3);
    }

        .call-center .features-container span {
            width: 12px;
            height: 12px;
            border: 2px solid #2d73a4;
            display: block;
            margin: 0 auto;
            border-radius: 10px;
            margin-bottom: 18px;
        }

            .call-center .features-container span:first-child {
                background-color: #2d73a4;
                margin-top: 110px;
            }

            .call-center .features-container span:last-child {
                border-color: #2a597d;
            }

        .call-center .features-container ul {
            list-style: circle;
            list-style-position: inside;
            border: none;
            border-radius: 10px;
            text-align: center;
            color: #3498db;
            padding-top: 0;
            padding-bottom: 0;
            line-height: 36px;
            margin-bottom: 0;
        }

.face-face .features-container {
    background-color: #fac564;
}

    .face-face .features-container h1 {
        color: #fbf0db;
    }

    .face-face .features-container .ff-feature {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .face-face .features-container .ff-feature:nth-child(1), .face-face .features-container .ff-feature:nth-child(2), .face-face .features-container .ff-feature:nth-child(3) {
            border-bottom: 1px dashed #fbf0db;
        }

    .face-face .features-container img {
        margin-right: 25px;
        margin-top: -5px;
    }

    .face-face .features-container h3 {
        text-align: center;
        margin: 0;
        color: #434e5a;
    }

    .face-face .features-container p {
        text-align: center;
        color: #fbf0db;
        font-size: 16px;
        margin-top: 25px;
    }

/*** Subscribe Container ************************************/
.subscribe-container {
    background: url("/images/subscribe_bg.jpg");
    padding: 85px 0;
}

    .subscribe-container form {
        position: relative;
    }

    .subscribe-container input {
        background-color: transparent;
        width: 100%;
        color: #817b8f;
        border: 3px solid #817b8f;
        padding: 30px 20px;
        border-radius: 100px;
        text-align: center;
    }

        .subscribe-container input:focus {
            outline: 0;
        }

        .subscribe-container input::-moz-placeholder {
            opacity: 1;
            color: #817b8f;
            letter-spacing: -1px;
        }

        .subscribe-container input:-moz-placeholder {
            opacity: 1;
            color: #817b8f;
            letter-spacing: -1px;
        }

        .subscribe-container input::-webkit-input-placeholder {
            color: #817b8f;
            letter-spacing: -1px;
        }

        .subscribe-container input:-ms-input-placeholder {
            color: #817b8f;
            letter-spacing: -1px;
        }

    .subscribe-container button {
        background-color: #817b8f;
        border: none;
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        position: relative;
        padding: 20px 35px;
        border-radius: 100px;
        top: 0;
        right: 0;
        width: 100%;
        margin-top: 20px;
    }

        .subscribe-container button:focus {
            outline: 0;
        }

/*** Footer Container ***************************************/
footer {
    background: url("/images/footer_bg.jpg");
    background-size: 250px;
    text-align: center;
}

.team-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .team-container div div {
        margin-bottom: 50px;
    }

    .team-container h1 {
        font-weight: bold;
        font-size: 25px;
        color: #fff;
        margin-bottom: 90px;
    }

    .team-container .profile-img {
        border-radius: 200px;
        width: 150px;
        height: auto;
    }

    .team-container h4 {
        font-weight: bold;
        color: #3498db;
        margin: 45px 0 40px 0;
    }

        .team-container h4 span {
            color: #fff;
            font-style: italic;
            font-weight: 300;
        }

    .team-container p {
        font-size: 16px;
        font-weight: 300;
        color: #95a5a6;
        margin-bottom: 40px;
    }

    .team-container a {
        padding: 0 20px;
        display: inline-block;
    }

        .team-container a img {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
            width: 32px;
            height: 32px;
        }

            .team-container a img:hover {
                opacity: 0.6;
            }

.footer-nav-container {
    background-color: #151821;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

    .footer-nav-container ul {
        margin: 60px 0 40px 0;
    }

        .footer-nav-container ul li {
            list-style: none;
            display: inline-block;
            font-size: 30px;
            font-weight: bold;
        }

            .footer-nav-container ul li a {
                color: #38425a;
                text-transform: lowercase;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

                .footer-nav-container ul li a:hover {
                    color: #58688d;
                }

            .footer-nav-container ul li:after {
                font-size: 25px;
                font-weight: 400;
                color: #38425a;
                content: "/";
                margin: 0 10px 0 15px;
            }

            .footer-nav-container ul li:last-child:after {
                content: "";
                margin: 0;
            }

    .footer-nav-container span {
        font-size: 14px;
        font-weight: 300;
        color: #252b3b;
    }

    .footer-nav-container:before {
        position: absolute;
        display: inline-block;
        content: " ";
        background-color: #313750;
        opacity: 0.15;
        width: 100%;
        height: 20px;
        top: -10px;
        right: 0;
        left: 0;
    }