/*@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext';*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    color: #5a6a77;
    position: relative;
    /*background-color: #f5f5fa;*/
}

/*HEADER BUTTONS*/
.header-buttons {
    margin: 0 10px;
}

    .header-buttons a {
        margin: 21px 5px;
        font-weight: 700;
    }

/*CONTENT*/
section.content {
    padding: 30px 0;
}

    section.content.content-featured {
        padding: 60px 0;
    }

        section.content.content-featured article {
            /*padding: 60px 0;*/
        }

/**/
/*SLIDER*/
section.slider {
    background: url(../images/back-white.svg) #233138 100% 100% no-repeat;
    background-size: cover;
    height: 682px;
    margin-top: -90px;
}

    section.slider h1.heading-light {
        font-size: 50px;
    }
/*HOME BUTTONS*/
section.home-buttons {
    padding: 17.5px 0;
}

@media (max-width:768px) {
    section.home-buttons a {
        margin-bottom: 5px;
        font-size: 12px;
    }
}
/*SERIVES*/
section.services {
}

    section.services .service-item {
        margin-bottom: 20px;
        padding-bottom: 20px;
        text-align: center;
    }

        section.services .service-item .service-item-image {
            width: 64px;
            height: 64px;
            line-height: 64px;
            border-radius: 50%;
            background-color: #455560;
            padding: 10px;
            margin: 0 auto;
        }

            section.services .service-item .service-item-image svg {
                width: 24px;
                fill: #455560;
            }

        section.services .service-item a {
            text-decoration: none;
            color: #fff;
        }

        section.services .service-item .service-item-title {
            font-weight: 700;
            font-size: 16px;
            text-align: center;
            padding: 15px 0;
        }

        section.services .service-item .service-item-content {
            font-size: 13px;
            padding: 0 15px;
        }

            section.services .service-item .service-item-content h4 {
                font-weight: 600;
                font-size: 20px;
                line-height: 1.5;
                color: #fff;
            }

            section.services .service-item .service-item-content small {
                color: #99a3aa;
            }

@media (max-width:768px) {
    section.services .service-item .service-item-content h4 {
        font-weight: 300;
        font-size: 14px;
        line-height: 1.5;
    }

    section.services .service-item {
        background-color: #fff;
        margin-bottom: 15px;
        padding-bottom: 0;
        overflow: hidden;
    }
}
/*REFERENCES*/
section.references {
}
/*CHOICE*/
section.choice {
}

    section.choice p {
        opacity: .7;
    }

/*SUCCESS RATE*/
section.success-rate {
}

    section.success-rate .success-rate-buttons {
        margin-bottom: 30px;
    }

/*WHY MYDISK*/
section.why-mydisk {
}

    section.why-mydisk .reason-item {
        text-align: center;
        padding: 10px;
        background-color: #455560;
        position: relative;
        padding-bottom: 45px;
        font-size: 12px;
        margin-bottom: 15px;
        color: #fff;
    }

        section.why-mydisk .reason-item h3 {
            color: #fff;
        }

        section.why-mydisk .reason-item ul li {
            text-align: left;
        }

        section.why-mydisk .reason-item i.fa {
            text-align: center;
            margin-bottom: 15px;
        }


        section.why-mydisk .reason-item .btn {
            position: absolute;
            left: 10px;
            bottom: 10px;
            width: calc(100% - 20px);
        }
/*QUESTION*/
section.question {
}

    section.question .question-item {
        border: solid 1px #ced4d9;
        text-align: center;
        padding-top: 50px;
    }

        section.question .question-item .question-item-image {
            width: 140px;
            height: 140px;
            margin: 0 auto;
            border-radius: 50%;
            overflow: hidden;
            text-align: center;
        }

    section.question .question-item-content {
        padding: 0 20px 50px;
    }

        section.question .question-item-content .question-item-title {
            margin-top: 25px;
            margin-bottom: 25px;
            font-size: 26px;
            font-weight: 300;
            line-height: 1.6;
            color: #043f56;
        }
/*FRONT MAP*/
.front-map {
}

    .front-map .container {
        position: relative;
    }

        .front-map .container .map-list {
            position: absolute;
            left: 0;
            top: 1px;
            width: 260px;
            height: 400px;
            text-align: center;
            background: rgba(255, 255, 255, .75);
            z-index: 2;
            padding: 20px 10px;
        }

            .front-map .container .map-list ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }

                .front-map .container .map-list ul li {
                    padding: 5px 0;
                }
/*REFERENCE*/
.references {
}

    .references .reference-item {
        margin-bottom: 10px;
        padding: 5px 0;
        border: solid 1px #F2F2E6;
        text-align: center;
    }

.reference-list {
}

    .reference-list .reference-item {
        margin-bottom: 10px;
        padding: 5px 0;
        border: solid 1px #F2F2E6;
    }

.sector-filter {
    border-bottom: solid 1px #F2F2E6;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

    .sector-filter a {
        margin-right: 3px;
    }
/*PAGE COVER*/
.page-header {
    background-color: rgba(35, 49, 56, .03);
    background: url("../images/back-white.svg") rgba(35, 49, 56, .03) 100% 100% no-repeat;
    background-size: cover;
    margin-bottom: 15px;
    border: none;
    margin: 0;
    padding: 90px 0;
    text-align: center;
    border-bottom: 1px solid #ced4d9;
}

    .page-header h1 {
        color: #233138;
        font-weight: 300;
        margin-bottom: 30px;
        font-size: 41px;
    }

    .page-header p {
        color: #818d98;
    }

    .page-header.dark {
        background-color: #233138;
        border: none;
    }

        .page-header.dark h1 {
            color: #fff;
            font-weight: 300;
            margin-bottom: 30px;
        }

        .page-header.dark p {
            color: #818d98;
        }
    /*DATA RECOVERY*/
    .page-header.data-recovery {
        background-color: #f9f9f9;
        background-image: none;
        margin-bottom: 15px;
        border: none;
        margin: 0;
        padding: 30px 0;
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

        .page-header.data-recovery h1 {
            color: #419ef7;
            font-weight: 400;
            margin: 0;
            font-size: 32px;
        }

.recovery-step-item {
    width: 100%;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #ddd;
}

    .recovery-step-item .recovery-step-icon {
        float: left;
        margin-right: 15px;
        display: inline;
        width: 64px;
    }

    .recovery-step-item .recovery-step-title {
        float: left;
        display: inline;
        width: 164px;
    }
/*CONTACT*/
.map-list-group a {
    margin: 2px;
}
/*FAQ*/
.panel-group-faq {
}

    .panel-group-faq .panel {
        border: none;
        border-bottom: solid 1px #ddd;
    }

    .panel-group-faq .panel-heading {
        padding: 0;
        font-weight: 600;
    }

    .panel-group-faq .panel-title {
        font-weight: 600;
    }

        .panel-group-faq .panel-title a {
            padding: 10px 15px 10px 25px;
            display: block;
            text-decoration: none;
            position: relative;
        }

            .panel-group-faq .panel-title a:before {
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                top: 15px;
                left: 0;
                font-size: 15px;
                content: "\f054";
                color: #7fd363;
                -webkit-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
            }

            .panel-group-faq .panel-title a[aria-expanded="true"]:before {
                -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }
/*FOOTER*/
footer {
    border-top: 1px solid #ced4d9;
    background-color: #f4f7f9;
    color: #666;
    width: 100%;
    padding: 60px 0;
}

    footer .footer-item {
        font-size: 12px;
    }

        footer .footer-item img {
            margin-bottom: 10px;
        }

    footer .footer-item-title {
        color: #233138;
        font-weight: 600;
    }

    footer .footer-item ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        footer .footer-item ul li {
        }

            footer .footer-item ul li a {
                color: #818d98;
                text-decoration: none;
            }

                footer .footer-item ul li a:hover {
                    color: #233138;
                }





/*PAGE LOADER*/
@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.page-loader {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
    /*display: none;*/
}

.loading-spinner {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border-top: 1px solid #419ef7;
    border-bottom: 1px solid rgba(65, 158, 247, .25);
    border-left: 1px solid #419ef7;
    border-right: 1px solid rgba(65, 158, 247, .25);
    content: '';
    opacity: .8;
    z-index: 0;
    -webkit-animation: spin .7s linear infinite;
    -moz-animation: spin .7s linear infinite;
    -o-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite;
}