/* Minification failed. Returning unminified contents.
(3749,34): run-time error CSS1030: Expected identifier, found ' '
(3813,15): run-time error CSS1031: Expected selector, found ';'
(3813,15): run-time error CSS1025: Expected comma or open brace, found ';'
(3813,17): run-time error CSS1019: Unexpected token, found '{'
(3814,13): run-time error CSS1030: Expected identifier, found ' '
(3814,14): run-time error CSS1031: Expected selector, found '0'
(3814,14): run-time error CSS1025: Expected comma or open brace, found '0'
(3815,16): run-time error CSS1030: Expected identifier, found ' '
(3815,23): run-time error CSS1031: Expected selector, found 'url(Images/Services/CloudServer/cloud-bg.png)'
(3815,23): run-time error CSS1025: Expected comma or open brace, found 'url(Images/Services/CloudServer/cloud-bg.png)'
(3816,29): run-time error CSS1030: Expected identifier, found ' '
(3816,35): run-time error CSS1031: Expected selector, found ';'
(3816,35): run-time error CSS1025: Expected comma or open brace, found ';'
(3817,26): run-time error CSS1030: Expected identifier, found ' '
(3817,32): run-time error CSS1031: Expected selector, found ';'
(3817,32): run-time error CSS1025: Expected comma or open brace, found ';'
(3818,24): run-time error CSS1030: Expected identifier, found ' '
(3818,30): run-time error CSS1031: Expected selector, found ';'
(3818,30): run-time error CSS1025: Expected comma or open brace, found ';'
(3819,21): run-time error CSS1030: Expected identifier, found ' '
(3819,27): run-time error CSS1031: Expected selector, found ';'
(3819,27): run-time error CSS1025: Expected comma or open brace, found ';'
(3820,12): run-time error CSS1030: Expected identifier, found ' '
(3820,13): run-time error CSS1031: Expected selector, found '950px'
(3820,13): run-time error CSS1025: Expected comma or open brace, found '950px'
(3821,14): run-time error CSS1030: Expected identifier, found ' '
(3821,23): run-time error CSS1031: Expected selector, found ';'
(3821,23): run-time error CSS1025: Expected comma or open brace, found ';'
(3822,1): run-time error CSS1019: Unexpected token, found '}'
(3906,13): run-time error CSS1030: Expected identifier, found ' '
(4128,58): run-time error CSS1031: Expected selector, found ';'
(4128,58): run-time error CSS1025: Expected comma or open brace, found ';'
(4132,59): run-time error CSS1031: Expected selector, found ';'
(4132,59): run-time error CSS1025: Expected comma or open brace, found ';'
(4132,61): run-time error CSS1019: Unexpected token, found '{'
(4134,1): run-time error CSS1019: Unexpected token, found '{'
(4135,11): run-time error CSS1030: Expected identifier, found ' '
(4135,16): run-time error CSS1031: Expected selector, found ';'
(4135,16): run-time error CSS1025: Expected comma or open brace, found ';'
(4136,1): run-time error CSS1019: Unexpected token, found '}'
(4138,1): run-time error CSS1019: Unexpected token, found '}'
(4144,1): run-time error CSS1019: Unexpected token, found '}'
(4168,1): run-time error CSS1019: Unexpected token, found '}'
(4215,35): run-time error CSS1031: Expected selector, found ';'
(4215,35): run-time error CSS1025: Expected comma or open brace, found ';'
(4215,37): run-time error CSS1019: Unexpected token, found '{'
(4216,17): run-time error CSS1030: Expected identifier, found ' '
(4216,18): run-time error CSS1031: Expected selector, found ''Roboto''
(4216,18): run-time error CSS1025: Expected comma or open brace, found ''Roboto''
(4217,13): run-time error CSS1030: Expected identifier, found ' '
(4217,14): run-time error CSS1031: Expected selector, found '10px'
(4217,14): run-time error CSS1025: Expected comma or open brace, found '10px'
(4218,14): run-time error CSS1030: Expected identifier, found ' '
(4218,23): run-time error CSS1031: Expected selector, found ';'
(4218,23): run-time error CSS1025: Expected comma or open brace, found ';'
(4219,1): run-time error CSS1019: Unexpected token, found '}'
(7399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7400,10): run-time error CSS1035: Expected colon, found '{'
(7408,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7409,10): run-time error CSS1035: Expected colon, found '{'
 */
.anidur1 {
    animation-duration: 1s;
}

.anidur2 {
    animation-duration: 2s;
}

.anidur3 {
    animation-duration: 3s;
}

.anidur4 {
    animation-duration: 4s;
}

.anidel1 {
    animation-delay: 1s;
}

.anidel2 {
    animation-delay: 2s;
}

.anidel3 {
    animation-delay: 3s;
}
/* nettside */

.nettside {
    /*height: 600px;*/
    padding: 0;
}

#background-nettside {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.nettside-overlay {
    background: rgba(0,0,0,0.2);
    /*height: 600px;*/
}

.nettside h1 {
    font-size: 36px;
    color: #fff;
    padding-top: 180px;
    line-height: 46px;
    padding-bottom: 20px;
}

.nettside h2 {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}

.nettside h3 {
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    font-weight: 400;
    padding: 20px 0 125px;
}

@media (max-width: 767px) {
    .nettside h1 {
        font-size: 34px !important;
        padding-top: 100px !important;
    }

    .nettside h2 {
        font-size: 18px !important;
    }

    .nettside h3 {
        font-size: 24px !important;
        padding-bottom: 40px;
    }
}

.nettside-tre {
    padding: 80px 0 60px 0;
    background: #398cd8;
}

    .nettside-tre h2 {
        color: #fff;
        font-size: 32px;
        line-height: 40px;
    }

    .nettside-tre p {
        color: #d0e2f8;
    }

.nettside-pitch {
    background-color: #fff;
    padding: 80px 0;
}

    .nettside-pitch h2 {
        color: #000;
        font-size: 28px;
        line-height: 36px;
        font-weight: 400;
    }

    .nettside-pitch h3 {
        color: #000;
        font-size: 18px;
        line-height: 26px;
        font-weight: 400;
    }

    .nettside-pitch h4 {
        color: #000;
        font-size: 16px;
        line-height: 20px;
        text-transform: none;
        letter-spacing: 0.02em;
        font-weight: 400;
    }

    .nettside-pitch p {
        color: #4d4d4d;
    }


/* hosting */
.hosting {
    /* background: white url(Images/Services/WebHosting/top-bg4.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
      */
}



#background-hosting {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.hosting-overlay {
    background: rgba(0,0,0,0.7);
}

.hosting .hosting-plan {
    background: #fff;
    padding: 50px 30px 0px 30px;
    margin: 50px 10px 100px 10px;
    text-align: center;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .hosting .hosting-plan {
        margin: 25px 10px 50px 10px;
    }
}


.hosting .hosting-top h1 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 10px;
}

.hosting .hosting-top h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 28px;
}

.hosting .hosting-top h3 {
    font-size: 14px;
    color: #9be1f2;
    text-align: center;
    line-height: 32px;
    font-weight: 600;
    font-family: 'Raleway';
    text-transform: uppercase;
    letter-spacing: 0.1em
}

@media (max-width: 767px) {
    .hosting .hosting-top h2 {
        font-size: 20px !important;
    }
}

.hosting .hosting-plan h3 {
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    color: #8e75d6;
    text-transform: uppercase;
}

.hosting .hosting-plan h4 {
    font-size: 38px;
}



.hosting .hosting-plan h5 {
    font-family: 'Raleway';
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    color: #6bb6e6;
    padding-top: 10px;
}


.hosting .hosting-plan h6 {
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 500;
}

.hosting .hosting-plan hr {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #d6d6d6;
}

.hosting .hosting-plan .hosting-price {
    font-size: 16px;
    font-weight: 200;
    padding: 5px 0 10px 0;
    color: #76c882;
    border: 2px solid #76c882;
}


    .hosting .hosting-plan .hosting-price span {
        font-size: 30px;
        font-weight: 500;
        color: black;
    }


.hosting .hosting-plan .order {
    background-color: #ff8330;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 4px;
    margin: 20px 0;
}


ul.hosting-list {
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0;
}

li.hosting-li {
    background-image: url(Images/Services/WebHosting/check.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 40px;
    margin: 12px 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: left;
}

li.hosting-x {
    background-image: url(Images/Services/WebHosting/cross.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 40px;
    margin: 12px 0;
    font-size: 14px;
    font-weight: 400;
    display: block;
    text-align: left;
}

#content-list {
    display: none;
}

input[type="text"] {
    color: #575656;
    border-bottom: none;
    width: auto;
    /*cursor: pointer;*/
    /*text-align: center;*/
    font-weight: 400;
    font-size: 16px;
    /*text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #bababa*/
}

    input[type="text"]:focus {
        outline: none;
    }

input:focus + div#content-list {
    display: block;
}

input[type=text]:focus:not([readonly]) {
    border-bottom: none;
    box-shadow: none;
}

.hvorfor-hosting {
    background: #2d2d2d;
    width: 100%;
    color: #979797;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    padding-top: 60px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    padding-bottom: 100px;
}

    .hvorfor-hosting h2 {
        font-size: 36px;
        font-weight: 100;
        text-align: center;
        color: #fff;
        line-height: 46px;
        padding: 20px 0px 50px 0px;
    }


    .hvorfor-hosting h3 {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
        line-height: 36px;
    }


.hosting-faq {
    background: #fff;
    height: 300px;
}

    .hosting-faq h4 {
        text-align: center;
        font-size: 20px;
        padding: 50px 0;
    }


.hosting-pitch {
    background: #fff;
}

    .hosting-pitch h2 {
        font-size: 28px;
        line-height: 36px;
    }


    .hosting-pitch .one-colour h3 {
        font-size: 21px;
        line-height: 29px;
        font-weight: 400
    }

    .hosting-pitch h4 a {
        font-size: 14px;
        line-height: 24px;
        font-family: 'Raleway';
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 600;
    }

    .hosting-pitch .one-colour p {
        color: #717171;
    }

.one-colour {
    padding: 80px 40px;
}


    .one-colour:after {
        right: -999em;
        background: #f5f5f5;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }

.funksjoner {
    background: #7f62de;
    color: #fff;
    padding: 40px 0px;
}

    .funksjoner a {
        color: white;
        font-weight: 300;
    }

    .funksjoner h2 {
        font-size: 36px;
        text-align: center;
        color: #fff;
        padding: 40px 0;
    }

    .funksjoner h3 {
        font-size: 24px;
        padding-left: 60px;
        color: #fff;
        padding-bottom: 5px;
    }

    .funksjoner p {
        padding-left: 60px;
        text-align: left;
        color: #ede0f8;
        font-weight: 100;
        letter-spacing: 0.05em;
        padding-bottom: 20px;
    }


.hosting-first-icon {
    background-image: url(Images/Services/DedicatedServer/icon-hdd.png);
    background-repeat: no-repeat;
    height: 44px;
    padding-top: 10px;
}


.hosting-second-icon {
    background-image: url(Images/Services/WebHosting/email.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-third-icon {
    background-image: url(Images/Services/WebHosting/dns.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-fourth-icon {
    background-image: url(Images/Services/WebHosting/ssl.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-fifth-icon {
    background-image: url(Images/Services/WebHosting/code.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-six-icon {
    background-image: url(Images/Services/WebHosting/prefs.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-seven-icon {
    background-image: url(Images/Services/WebHosting/virus.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}

.hosting-eight-icon {
    background-image: url(Images/Services/WebHosting/redirect.png);
    background-repeat: no-repeat;
    height: 48px;
    padding-top: 10px;
}


/* premium hosting */

#background-premhosting {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.premium-whatis {
    padding: 85px 0;
    background-color: #e4e4e4;
    color: #000;
}

    .premium-whatis h4 {
        color: #000;
        text-transform: none;
        text-align: center;
    }

.hosting-premium {
    /* background: white url(Images/Services/WebHosting/top-bg3.png) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
           */
}

@media (max-width: 767px) {
    .hosting-premium .hosting-top h2 {
        font-size: 20px !important;
    }
}

.hosting-premium .hosting-plan {
    background: #fff;
    padding: 50px 30px 5px 30px;
    margin: 50px 10px 100px 10px;
    text-align: center;
    border-radius: 4px;
}

.hosting-premium .hosting-top h1 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    padding-top: 110px;
    margin: 0;
    padding-bottom: 10px;
}

.hosting-premium .hosting-top h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 28px;
}



.hosting-premium .hosting-top h3 {
    font-size: 20px;
    color: #e8efb8;
    text-align: center;
    line-height: 32px;
    font-weight: 600;
}



.hosting-premium .hosting-plan h3 {
    font-family: 'Raleway';
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    color: #8e75d6;
    text-transform: uppercase;
}

.hosting-premium .hosting-plan h4 {
    font-size: 38px;
}



.hosting-premium .hosting-plan h5 {
    font-family: 'Raleway';
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    color: #6bb6e6;
    padding-top: 10px;
}


.hosting-premium .hosting-plan h6 {
    font-size: 15px;
    margin-bottom: 12px;
    font-weight: 500;
}

.hosting-premium .hosting-plan hr {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #d6d6d6;
}

.hosting-premium .hosting-plan .hosting-price {
    font-size: 16px;
    font-weight: 200;
    padding: 5px 0 10px 0;
    color: #76c882;
    border: 2px solid #76c882;
}


    .hosting-premium .hosting-plan .hosting-price span {
        font-size: 30px;
        font-weight: 500;
        color: black;
    }


.hosting-premium .hosting-plan .order {
    background-color: #ff8330;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 4px;
    margin: 20px 0;
}
/* wordpress nettside */

.wordpress-nettside {
    padding: 0;
    /* background: white url(Images/Services/Wordpress/wp-top.jpg) no-repeat right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;

       */
    height: 650px;
}

#background-wordpress {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.wordpress-nettside .wordpressnett-overlay h1 {
    text-align: left;
    color: #000;
    padding-top: 200px;
    font-size: 44px;
    text-align: center;
    line-height: 50px;
}

.wordpress-nettside .wordpressnett-overlay h2 {
    text-align: left;
    color: #000;
    padding-top: 10px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: 400;
}

@media (max-width: 767px) {
    .wordpress-nettside .wordpressnett-overlay h1 {
        padding-top: 150px;
    }

    .wordpress-nettside .wordpressnett-overlay h2 {
        font-size: 18px !important;
    }
}

.wordpressnett-overlay {
    background-color: rgba(255, 255, 255, 0.4);
    height: 650px;
}

.wordpress-hva-er {
    background: #1f1f1f;
    padding: 80px 0;
    color: #9f9f9f;
    letter-spacing: 0.03em;
}

    .wordpress-hva-er h2 {
        font-size: 30px;
        line-height: 38px;
        color: #fff;
    }


.wordpress-woo {
    padding: 80px 0;
    background: #35b391;
    color: #b6eadc;
    letter-spacing: 0.03em;
}

    .wordpress-woo h2 {
        font-size: 30px;
        line-height: 28PX;
        font-weight: 400;
        color: #fff;
    }

    .wordpress-woo h3 {
        font-size: 30px;
        padding-bottom: 10px;
        color: #fff;
    }


    .wordpress-woo h4 {
        font-size: 21px;
        line-height: 32px;
        text-transform: none;
        padding: 5px 0;
        color: #fff;
    }

    .wordpress-woo p a {
        color: #d5e8a0;
    }

    .wordpress-woo a:hover {
        color: #fff;
        font-weight: 400;
    }

.wordpress-pris {
    padding: 80px 0;
    background: #f1f1f1;
    color: #6b6b6b;
    letter-spacing: 0.03em;
}

    .wordpress-pris h2 {
        font-size: 30px;
        line-height: 28PX;
        font-weight: 400;
        color: #292929;
        padding: 20px 0;
    }

    .wordpress-pris h4 {
        font-size: 21px;
        line-height: 32px;
        text-transform: none;
        padding: 5px 0;
    }


.wordpress-sikker {
    padding: 80px 0;
    background: #fff;
    color: #6b6b6b;
    letter-spacing: 0.03em;
}

    .wordpress-sikker h2 {
        font-size: 30px;
        line-height: 28PX;
        font-weight: 400;
        color: #292929;
        padding: 20px 0;
        text-align: center;
    }

    .wordpress-sikker h4 {
        font-size: 21px;
        line-height: 32px;
        text-transform: none;
        padding: 5px 0;
    }


/* sikkerhet */

.sikkerhet-pitch {
    padding: 60px 0;
    background: #000;
}

    .sikkerhet-pitch .sikkerhet p {
        font-size: 21px;
        line-height: 28px;
        color: #717171;
    }

    .sikkerhet-pitch .sikkerhet h2 {
        font-size: 36px;
        line-height: 44px;
        padding-top: 40px;
        color: #fff;
    }

    .sikkerhet-pitch .sikkerhet h3 {
        font-size: 24px;
        color: #3c3c3c;
    }


.sikkerhet-brannmur {
    padding: 80px 0;
    background-color: #669dc5;
    color: #fff
}

    .sikkerhet-brannmur h2 {
        font-size: 36px;
        line-height: 44px;
        color: #fff;
    }

.sikkerhet-vlan {
    padding: 80px 0;
    background-color: #6dc566;
    color: #fff
}

    .sikkerhet-vlan h2 {
        font-size: 36px;
        line-height: 44px;
        color: #fff
    }

.trussel {
    background-color: #000;
    color: #fff;
    padding: 80px 0;
    background: #000 url(Images/Services/Rack/bg-prot4.jpg);
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat
}

    .trussel h2 {
        font-size: 30px;
        line-height: 38px;
        padding-top: 20px;
        color: #fff;
    }

    .trussel h3 {
        font-size: 24px;
        line-height: 34px;
        padding-top: 20px;
        color: #fff
    }

    .trussel h5 {
        font-size: 18px;
        line-height: 26px;
        color: #fff
    }

        .trussel h5:nth-child(2n+1) {
            border-bottom: 1px solid #fff;
            padding-bottom: 40px;
        }

    .trussel h1 {
        font-size: 41px;
        line-height: 50px;
        color: #86ddfa;
        padding-top: 40px;
    }

    .trussel li {
        color: #fff;
        font-size: 14px;
        line-height: 22px;
        list-style: circle;
        padding: 5px 0;
        letter-spacing: 0.03em;
    }

    .trussel ul {
    }

    .trussel h4 {
        font-size: 16px;
        color: #ceeef8;
        line-height: 24px;
        letter-spacing: 0.05em;
        font-family: 'Raleway';
        font-weight: 500;
    }

    .trussel p {
        color: #fff;
        letter-spacing: 0.03em
    }

    .trussel .trussel-left {
    }

/* hosting main */

.hosting-head {
    padding: 0;
    /* background: white url(Images/Services/Hosting/bg-prot.jpg) no-repeat right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    position: relative
       */
    height: 720px;
}

#background-hosting {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.hosting-head h1 {
    text-align: left;
    color: #fff;
    padding-top: 240px;
    font-size: 44px
}

.hosting-head h2 {
    text-align: left;
    color: #fff;
    padding-top: 10px;
    font-size: 21px;
    line-height: 28px
}

@media (max-width: 767px) {
    .hosting-head {
        height: 550px;
    }

        .hosting-head h1 {
            padding-top: 120px;
        }

        .hosting-head h2 {
            font-size: 21px !important;
        }
}

.progress .progress-bar {
    height: 26px;
    font-size: 12px;
    font-family: 'Roboto';
    color: #fff;
    letter-spacing: 0.05em;
}

.hosting-ssl {
    background-color: #b4d4ef;
    padding: 30px 0;
    color: #eee
}

    .hosting-ssl h2 {
        font-size: 32px;
        color: #183c5b;
        font-weight: 300;
        padding-top: 30px;
    }

    .hosting-ssl h3 {
        font-size: 18px;
        line-height: 26px;
        color: #183c5b;
    }

.hosting-oneclick {
    padding: 20px 0 65px;
    background: white url(Images/Services/Hosting/oneclick3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*height: 550px;*/
    position: relative;
}

.hosting-first {
    background-color: #fff;
}

.hosting-oneclick h2 {
    font-size: 34px;
    padding-top: 80px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 300;
}

.hosting-oneclick h3 {
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: 100;
}

.hosting-second .hosting-alt-three .server-pad-right {
    padding-right: 50px
}

.hosting-second .hosting-alt-three .server-pad-left {
    padding-left: 50px
}

.hosting-second {
    background: #bad8f7;
}



    .hosting-second .hosting-alt-three h1 {
        font-size: 32px;
        font-weight: 400;
    }

.hosting-alt-three h3 {
    font-size: 21px;
    line-height: 30px;
    padding-top: 10px;
    color: #000;
    font-weight: 400;
}

.hosting-alt-three h4 {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.4em
}


.hosting-second .hosting-alt-three p {
    letter-spacing: 0.03em;
    font-size: 14px;
}


.hosting-alt-three:after {
    right: -999em;
    background: #a2c7ec;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0
}


.hosting-second .hosting-alt-three .order {
    background-color: #507faf;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-align: center;
    width: 350px;
    display: block;
    border-radius: 4px;
    margin: 30px 0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .hosting-second .hosting-alt-three .order:hover {
        background-color: #508bc8;
    }

.hosting-tech {
    padding: 80px 0;
    background: #5a327d url(Images/Services/Hosting/polypat.png) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}


    .hosting-tech h2 {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
    }

    .hosting-tech p {
        color: #d8bee4;
        font-size: 14px;
        letter-spacing: 0.03em;
    }

    .hosting-tech a {
        color: #cc4ee3;
        font-family: 'Raleway';
        font-size: 12px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-weight: 600;
    }

        .hosting-tech a:hover {
            color: #e65cff;
        }


.hosting-first .hosting-alt-two h1 {
    font-size: 32px;
    font-weight: 400
}

.hosting-first .hosting-alt-two h3 {
    font-size: 21px;
    line-height: 30px;
    padding-top: 10px;
    color: #000;
    font-weight: 400
}

.hosting-first .hosting-alt-two h4 {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.4em;
    padding: 5px 0 10px;
    color: #6c6c6c
}


.hosting-first .hosting-alt-two p {
    letter-spacing: 0.03em;
    font-size: 14px;
    color: #6c6c6c
}



.hosting-first .hosting-alt-two .order {
    background-color: #ef8e8e;
    padding: 15px 5px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-align: center;
    width: 200px;
    display: block;
    border-radius: 4px;
    margin: 30px 0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .hosting-first .hosting-alt-two .order:hover {
        background-color: #e65b5b
    }

/* Server main */


.server-head {
    padding: 0;
    background: white url(Images/Services/Servers/server-head.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative
}


    .server-head h1 {
        text-align: left;
        color: #fff;
        padding-top: 260px;
        font-size: 44px
    }

    .server-head h2 {
        text-align: left;
        color: #fff;
        padding-top: 10px;
        font-size: 18px;
        line-height: 26px
    }

@media (max-width: 767px) {
    .server-head h2 {
        font-size: 18px !important;
    }
}


.server-first {
}



    .server-first .server-alt-two h1 {
        font-size: 32px;
        font-weight: 400;
    }

    .server-first .server-alt-two h3 {
        font-size: 21px;
        line-height: 30px;
        padding-top: 10px;
        color: #000;
        font-weight: 400;
    }

    .server-first .server-alt-two h4 {
        font-size: 16px;
        text-transform: none;
        font-weight: 400;
        line-height: 1.4em;
        padding: 5px 0 10px;
        color: #6c6c6c;
    }


    .server-first .server-alt-two p {
        letter-spacing: 0.03em;
        font-size: 14px;
        color: #6c6c6c
    }


.server-alt-one:after {
    right: -999em;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
}

.server-alt-two {
}


    .server-alt-two:after {
        right: -999em;
        background: #f4f4f4;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }


.server-pad-right {
    padding-right: 50px;
    padding-top: 80px;
    padding-bottom: 60px;
    padding-left: 30px;
}

.server-pad-left {
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 60px;
    padding-top: 80px;
}

@media (max-width: 767px) {
    .server-pad-right {
        padding-right: 0;
        padding-top: 20px;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .server-pad-left {
        padding-left: 0 !important;
        padding-right: 0;
        padding-bottom: 30px;
        padding-top: 20px;
    }
}


.server-second .server-alt-three .server-pad-right {
    padding-right: 50px;
}

.server-second .server-alt-three .server-pad-left {
    padding-left: 50px;
}

.server-second {
    background: #85bed1;
}



    .server-second .server-alt-three h1 {
        font-size: 32px;
        font-weight: 400;
    }

.server-alt-three h3 {
    font-size: 22px;
    line-height: 30px;
    padding-top: 10px;
    color: #000;
    font-weight: 400;
}

.server-alt-three h4 {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    line-height: 1.4em;
}


.server-second .server-alt-three p {
    letter-spacing: 0.03em;
}


.server-alt-one:after {
    right: -999em;
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
}

.server-alt-three {
}


    .server-alt-three:after {
        right: -999em;
        background: #a7d4e3;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }


.server-second .server-alt-three .order {
    background-color: #cf9141;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-align: center;
    width: 300px;
    display: block;
    border-radius: 4px;
    margin: 30px 0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    .server-second .server-alt-three .order:hover {
        background-color: #d68f33;
    }


.server-first .server-alt-two .order {
    background-color: #ef8e8e;
    padding: 15px 5px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-align: center;
    width: 260px;
    display: block;
    border-radius: 4px;
    margin: 30px 0;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

    .server-first .server-alt-two .order:hover {
        background-color: #e65b5b;
    }

.server-leie {
    padding: 80px 0;
    background: #5a327d url(Images/Services/Servers/polywhite.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .server-leie h2 {
        font-size: 24px;
        line-height: 30px;
    }

/* LEN */
.len {
    padding: 0;
    background: white url(Images/Services/LEN/len.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;
}


    .len h1 {
        text-align: left;
        color: #fff;
        padding-top: 210px;
        font-size: 44px;
    }

    .len h2 {
        text-align: left;
        color: #fff;
        padding-top: 10px;
        font-size: 21px;
        line-height: 28px;
    }

@media (max-width: 767px) {
    .len h2 {
        font-size: 16px !important;
    }
}

/* wordpress hosting */


#background-wphosting {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    background-position: top;
}

.wordpress {
    /*   padding: 0;
    background: white url(Images/Services/ManagedWordPress/wp-top-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    position: relative;

    */
    height: 580px;
}


    .wordpress .wordpress-overlay h1 {
        text-align: left;
        color: #fff;
        padding-top: 200px;
        font-size: 44px;
        text-align: center;
    }

    .wordpress .wordpress-overlay h2 {
        text-align: left;
        color: #fff;
        padding-top: 10px;
        font-size: 21px;
        line-height: 28px;
        text-align: center;
    }

@media (max-width: 767px) {
    .wordpress .wordpress-overlay h2 {
        font-size: 14px !important;
    }
}

.wordpress-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    height: 580px;
}


.wp-hosting {
    background: #e8dfd6;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

    .wp-hosting .hosting-plan {
        background: #fff;
        padding: 50px 20px 20px 20px;
        margin: 50px 0 100px 0;
        text-align: center;
        border-radius: 4px;
    }

        .wp-hosting .hosting-plan .hosting-price {
            font-size: 16px;
            font-weight: 200;
            padding: 0 0 10px 0;
            color: #8c8c8c;
        }


            .wp-hosting .hosting-plan .hosting-price span {
                font-size: 30px;
                font-weight: 500;
                color: black;
            }


    .wp-hosting .hosting-top h1 {
        font-size: 34px;
        color: #fff;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 10px;
    }

    .wp-hosting .hosting-top h2 {
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 28px;
    }

    .wp-hosting .hosting-top h3 {
        font-size: 20px;
        color: #e8efb8;
        text-align: center;
        line-height: 32px;
        font-weight: 600;
    }



    .wp-hosting .hosting-plan h3 {
        font-family: 'Raleway';
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #8e75d6;
        text-transform: uppercase;
    }

    .wp-hosting .hosting-plan h4 {
        font-size: 38px;
    }



    .wp-hosting .hosting-plan h5 {
        font-family: 'Raleway';
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #6bb6e6;
        padding-top: 10px;
    }



    .wp-hosting .hosting-plan h6 {
        font-size: 15px;
        margin-bottom: 12px;
        font-weight: 400;
    }


    /*.wp-hosting .hosting-plan .hosting-price {
        font-size: 16px;
        font-weight: 200;
        padding: 5px 0 10px 0;
        color: #76c882;
        border: 2px solid #76c882;
    }


        .wp-hosting .hosting-plan .hosting-price span {
            font-size: 30px;
            font-weight: 500;
            color: black;
        }*/


    .wp-hosting .hosting-plan .order {
        background-color: #ff8330;
        padding: 15px 0;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.02em;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        margin: 20px 0;
    }

    .wp-hosting .hosting-plan hr {
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px solid #d6d6d6;
    }

@media (max-width: 767px) {
    .wp-hosting .hosting-plan {
        margin: 15px 0 20px 0;
    }
}


.wp-new {
    color: #398cd8 !important;
}

.wp-info {
    background-color: #1cc072;
    color: #fff;
    padding: 80px 0;
}

    .wp-info h2 {
        color: #fff;
        font-size: 28px;
        padding-bottom: 10px;
        line-height: 34px;
    }



    .wp-info h3 {
        color: #fff;
        font-size: 20px;
        padding-bottom: 10px;
    }

    .wp-info h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Raleway';
        letter-spacing: 0.05em;
        padding-top: 10px;
    }


    .wp-info p {
        color: #daf4e8;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
    }


/* domene */
.domene {
    padding: 0;
    /* background: white url(Images/Services/Domain/domene-bg.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;

       */
}

    .domene form .input-group {
        -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
        -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
        box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
        border-radius: 6px;
    }

        .domene form .input-group input {
            text-align: center;
            font-family: "Roboto", sans-serif;
            font-size: 25px;
        }

#background-domene {
    position: fixed;
    top: 28%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 150%;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(Images/Home/moln3.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
}

@media only screen and (max-width : 767px) {
    #background-domene {
        background-image: url(Images/Home/moln2.jpg);
    }
}

.domene h1 {
    text-align: left;
    color: #1b486a;
    padding-top: 180px;
    font-size: 44px;
    text-align: center
}

.domene h2 {
    text-align: left;
    color: #1b486a;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
    text-align: center
}


.domene-sok {
    padding: 40px 0 120px 0;
    /* background: #fcf766; */
    color: #000;
    text-align: center
}

    .domene-sok p {
        color: #000;
        text-align: center;
        padding: 0;
    }


    .domene-sok .domain-search-form {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
    }

    .domene-sok .domain-search-form {
        font-family: "Roboto", sans-serif;
        font-size: 25px;
    }

        .domene-sok .domain-search-form input {
            width: 500px;
            padding: 5px;
            margin-right: -7px;
            outline: none;
            background: #fff;
            border-radius: 6px 0 0 6px;
            -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            border: 1px solid #e4e4e4;
            display: inline-block;
            height: 60px
        }

        .domene-sok .domain-search-form button {
            width: 80px;
            height: 72px;
            padding: 5px;
            color: white;
            background-color: #44acdd;
            border: 1px solid #44acdd;
            vertical-align: top;
            font-size: 14px;
            border-radius: 0 6px 6px 0px;
            display: inline-block;
            -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            transition: all 0.5s ease 0s;
        }

            .domene-sok .domain-search-form button:hover {
                background-color: #47d1cf;
                border: 1px solid #47d1cf;
            }

.domene-alt {
    background: #f1f1f1;
}

    .domene-alt h3 {
        font-size: 30px;
    }

    .domene-alt h4 {
        text-transform: none;
        font-size: 18px;
        line-height: 25px;
        letter-spacing: 0.05em;
        font-weight: 300;
        color: #2e90db;
    }

        .domene-alt h4 span {
            font-weight: 400;
            font-size: 22px;
        }


.domene-alt-one {
    padding: 80px 40px;
}


    .domene-alt-one:after {
        right: -999em;
        background: #fff;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }

.domene-alt-two {
    padding: 80px 40px;
}

    .domene-alt-two:after {
        right: -999em;
        background: #ececec;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }

@media (max-width: 767px) {
    .domene-alt-two {
        padding: 30px 25px 0px
    }

    .domene h1 {
        padding-top: 130px;
    }
}

.domene-info {
    background-color: #1cc072;
    color: #fff;
    padding: 80px 0;
}

    .domene-info h2 {
        color: #fff;
        font-size: 24px;
        padding-bottom: 10px;
        line-height: 34px;
    }

    .domene-info h1 {
        color: #fff;
        font-size: 32px;
        padding-bottom: 40px;
        line-height: 40px;
        text-align: center;
    }

    .domene-info h3 {
        color: #fff;
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 10px;
    }

    .domene-info h4 {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Raleway';
        letter-spacing: 0.05em;
    }


    .domene-info p {
        color: #daf4e8;
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
    }

.domene-web {
    padding: 60px 0;
    background: #dfdfdf;
    text-align: center;
}

    .domene-web h2 {
        font-size: 30px;
        line-height: 38px;
    }

/* open xchange */
.open {
    padding: 0;
    background: white url(Images/Services/OpenXchange/header3.png) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;
}


    .open h1 {
        text-align: left;
        color: #FFF;
        padding-top: 260px;
        font-size: 44px;
    }

    .open h2 {
        text-align: left;
        color: #FFF;
        padding-top: 10px;
        font-size: 21px;
        line-height: 28px;
    }

.open-alt {
    background: #3cabe4;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 40px 0;
}

    .open-alt .open-plan {
        background: #fff;
        padding: 50px 20px 20px 20px;
        margin: 50px 0 100px 0;
        text-align: center;
        border-radius: 4px;
    }

    .open-alt .open-top h1 {
        font-size: 34px;
        color: #fff;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 10px;
    }

    .open-alt .open-top h2 {
        font-size: 20px;
        color: #214775;
        text-align: center;
        line-height: 28px;
    }

    .open-alt .open-top h3 {
        font-size: 20px;
        color: #e8efb8;
        text-align: center;
        line-height: 32px;
        font-weight: 600;
    }

    .open-alt .open-plan h3 {
        font-family: 'Raleway';
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #8d8d8d;
        text-transform: uppercase;
    }

    .open-alt .open-plan h4 {
        font-size: 38px;
    }

    .open-alt .open-plan h5 {
        font-family: 'Raleway';
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #6bb6e6;
        padding-top: 10px;
    }

    .open-alt .open-plan h6 {
        font-size: 15px;
        margin-bottom: 12px;
        font-weight: 400;
    }


    .open-alt .open-plan .open-price {
        font-size: 16px;
        font-weight: 200;
        padding: 5px 0 10px 0;
        color: #76c882;
        border: 2px solid #76c882;
    }

        .open-alt .open-plan .open-price span {
            font-size: 30px;
            font-weight: 500;
            color: black;
        }

.ox .oxepost p {
    font-size: 18px;
    line-height: 26px;
}

.open-alt .open-plan .order {
    background-color: #ff8330;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 4px;
    margin: 20px 0
}

.open-alt .open-plan hr {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #d6d6d6;
}

.ox .gray-area .area p {
    font-size: 18px;
    line-height: 26px;
}

.ox .white-area .area p {
    font-size: 18px;
    line-height: 26px
}

/* ssl */
.ssl {
    padding: 0;
    /*    background: white url(Images/Services/SSL/greenlock.jpg) no-repeat left center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;
    */
    height: 680px
}

#background-ssl {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    background-position: center;
}

.ssl-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 680px;
}

.ssl .ssl-overlay h1 {
    text-align: left;
    color: #FFF;
    padding-top: 260px;
    font-size: 44px;
}

.ssl .ssl-overlay h2 {
    text-align: left;
    color: #FFF;
    padding-top: 10px;
    font-size: 21px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .ssl .ssl-overlay h1 {
        font-size: 44px !important;
        padding-top: 120px !important;
    }

    .ssl .ssl-overlay h2 {
        font-size: 21px !important;
    }
}

.domene-sok-ssl {
    padding: 60px 0;
    background: #74c184;
    color: #fff;
    text-align: center
}

    .domene-sok-ssl p {
        color: #fff;
        text-align: center;
        padding: 0
    }

    .domene-sok-ssl h3 {
        color: #fff;
        text-align: center;
        line-height: 22px;
        font-size: 14px;
        font-family: "Raleway", sans-serif;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding-top: 20px;
    }

    .domene-sok-ssl .domain-search-form {
        font-family: "Roboto", sans-serif;
        font-size: 25px
    }

    .domene-sok-ssl .domain-search-form {
        font-family: "Roboto", sans-serif;
        font-size: 25px
    }

    .domene-sok-ssl .input-group {
        -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
        -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
        box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
    }

        .domene-sok-ssl .domain-search-form input {
            /*width: 600px;*/
            padding: 12px;
            /*margin-right: -7px;*/
            outline: none;
            /*background: #fff;*/
            /*border-radius: 6px 0 0 6px;
            -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            border: 1px solid #e4e4e4;
            display: inline-block;
            height: 60px;*/
            color: #b3b3b3;
            font-family: 'Roboto', sans-serif;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.02em;
            text-align: center;
        }

        .domene-sok-ssl .domain-search-form button {
            width: 80px;
            height: 72px;
            padding: 5px;
            color: white;
            background-color: #44acdd;
            border: 1px solid #44acdd;
            vertical-align: top;
            font-size: 14px;
            border-radius: 0 6px 6px 0px;
            display: inline-block;
            -webkit-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            -moz-box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            box-shadow: 0px 5px 15px -7px rgba(0,0,0,0.55);
            transition: all 0.5s ease 0s
        }

            .domene-sok-ssl .domain-search-form button:hover {
                background-color: #47d1cf;
                border: 1px solid #47d1cf
            }

/* wsb */

.wsb-start {
    padding: 0;
    background: #4ad0a9 url(Images/Services/WSB/wsb-header.jpg) no-repeat center bottom;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    height: 650px;
    position: relative;
}

    .wsb-start h1 {
        text-align: left;
        color: #FFF;
        padding-top: 180px;
        font-size: 44px;
    }

    .wsb-start h2 {
        text-align: left;
        color: #FFF;
        padding-top: 10px;
        font-size: 18px;
        line-height: 26px;
    }

@media (max-width: 767px) {
    .wsb-start h1 {
        padding-top: 160px;
        font-size: 28px !important;
    }

    .wsb-start h2 {
        font-size: 18px !important;
    }
}

.wsb-intro {
    padding: 20px 0 40px;
    background: #fff;
    color: #000;
    font-size: 18px;
    line-height: 26px;
}

    .wsb-intro li {
        padding-bottom: 15px;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px;
    }


.wsb-alt {
    background: #f2f2f2;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 40px 20px;
}

    .wsb-alt .wsb-text {
        padding: 20px;
        margin: 50px 0 100px 0;
        text-align: left;
    }

        .wsb-alt .wsb-text h4 {
            font-size: 28px;
            text-transform: none;
            line-height: 34px;
            padding-bottom: 15px;
        }

    .wsb-alt .wsb-plan {
        background: #fff;
        padding: 50px 20px 20px 20px;
        margin: 50px 0 100px 0;
        text-align: center;
        border-radius: 4px;
    }

        .wsb-alt .wsb-plan h3 {
            font-family: 'Raleway';
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.1em;
            margin-bottom: 5px;
            color: #4ad0a9;
            text-transform: uppercase;
        }

        .wsb-alt .wsb-plan h4 {
            font-size: 38px;
        }

        .wsb-alt .wsb-plan h6 {
            font-size: 18px;
            font-weight: 400;
            line-height: 30px;
        }

        .wsb-alt .wsb-plan .wsb-price {
            font-size: 16px;
            font-weight: 200;
            padding: 5px 0 10px 0;
            color: #76c882;
            border: 2px solid #76c882;
        }

            .wsb-alt .wsb-plan .wsb-price span {
                font-size: 30px;
                font-weight: 500;
                color: black;
            }

        .wsb-alt .wsb-plan .order {
            background-color: #ff8330;
            padding: 15px 0;
            color: white;
            font-family: 'Roboto', sans-serif;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0.02em;
            text-align: center;
            width: 100%;
            display: block;
            border-radius: 4px;
            margin: 20px 0;
        }

    .wsb-alt .wsb-text .order {
        background-color: #adccc3;
        padding: 15px 0;
        color: white;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.02em;
        text-align: center;
        width: 250px;
        display: block;
        border-radius: 4px;
        margin: 30px 0;
    }

    .wsb-alt .wsb-plan hr {
        display: block;
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px solid #d6d6d6;
    }

.wsb-maler {
    background: #292929;
    padding: 40px 0;
}

.maler {
    padding: 40px 0;
}

.wsb-maler .maler h2 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    text-transform: none;
    font-weight: 100;
}

.wsb-maler .maler img {
    margin: 20px 0;
}

.wsb-maler .maler p {
    color: #606060;
    text-align: center;
    padding-bottom: 20px;
}

.wsb-maler .maler .order {
    background-color: #ff8330;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    width: 200px;
    display: inline-block;
    border-radius: 4px;
    margin: 30px 0;
}

.wsb-maler .maler .demo {
    background-color: #adccc3;
    padding: 15px 0;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
    width: 230px;
    display: inline-block;
    border-radius: 4px;
    margin: 30px 20px;
}

.wsb-funk {
    padding: 80px 0;
}

    .wsb-funk h2 {
        font-size: 28px;
        line-height: 38px;
        padding-top: 10px;
    }

    .wsb-funk h3 {
        font-size: 20px;
        padding-top: 0;
        color: #E80068;
    }

    .wsb-funk h4 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
    }

.wsb-funk-del2 {
    padding: 80px 0;
    background: #f3f3f3;
}

    .wsb-funk-del2 h2 {
        font-size: 28px;
        line-height: 38px;
        padding-top: 10px;
    }

    .wsb-funk-del2 h3 {
        font-size: 20px;
        padding-top: 0;
        color: #E80068;
    }

    .wsb-funk-del2 h4 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
    }

.wsb-funk-nettbutikk {
    padding: 80px 0;
    background: #e2565e;
    color: #ebc1c3;
}

    .wsb-funk-nettbutikk h2 {
        font-size: 28px;
        line-height: 38px;
        padding-top: 10px;
        color: #fff;
    }

    .wsb-funk-nettbutikk h4 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 400;
        color: #fff;
    }


/* dedicated server*/

#background-dedi {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.dedi {
}


    .dedi .dedi-plan {
        background: #fff;
        padding: 50px 30px 30px 30px;
        margin: 50px 0 100px 0;
        text-align: center;
        border-radius: 4px;
    }


    .dedi .dedi-top h1 {
        font-size: 40px;
        color: #fff;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 10px
    }

    .dedi .dedi-top h2 {
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 32px
    }

    .dedi .dedi-plan h3 {
        font-family: 'Raleway';
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #f35159;
    }

    .dedi .dedi-plan h4 {
        font-size: 48px;
        margin-bottom: 15px;
    }



    .dedi .dedi-plan h5 {
        font-family: 'Raleway';
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #6bb6e6;
        padding-top: 10px;
    }


    .dedi .dedi-plan h6 {
        font-size: 16px;
        margin-bottom: 20px;
        font-weight: 500;
        line-height: 21px;
    }

    .dedi .dedi-plan hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px solid #d6d6d6;
    }

    .dedi .dedi-plan .dedi-price {
        font-size: 16px;
        font-weight: 200;
        padding: 20px 0 10px 0;
        color: #8c8c8c;
    }


        .dedi .dedi-plan .dedi-price span {
            font-size: 30px;
            font-weight: 500;
            color: black;
        }


    .dedi .dedi-plan .order {
        background-color: #ff8330;
        padding: 15px 0;
        color: white;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        margin-top: 30px;
    }


.dedi-spec {
    background: #fff;
    padding: 40px 0;
}


    .dedi-spec .dedi-list ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }


    .dedi-spec .dedi-list li {
        background-image: url(Images/Services/DedicatedServer/ul-gre.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        padding-left: 40px;
        margin: 20px 0;
        font-size: 14px;
        font-weight: 400;
    }

.dedi-contact {
    background-color: #1cc072;
    color: #fff;
    padding: 80px 0;
}

    .dedi-contact h2 {
        color: #fff;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .dedi-contact p {
        color: #daf4e8;
        font-size: 18px;
        line-height: 26px;
    }

    .dedi-contact a {
        color: #f1f7da;
        font-weight: 400;
    }

        .dedi-contact a:hover {
            color: #eafe99;
        }

.dedi-tech {
    padding: 80px 0;
    background-color: #fff;
    line-height: 30px;
}

    .dedi-tech h2 {
        font-size: 30px;
        padding-bottom: 20px;
    }

.dedi-grey {
    border-left: 1px solid #d6d6d6;
    padding-left: 40px;
}

.dedi-tech-bold {
    font-weight: 500;
}

.dedi-safety {
    padding: 80px 0;
    background-color: #292929;
    color: #fff;
    text-align: center
}

.dedi-first-icon {
    background-image: url(Images/Services/DedicatedServer/icon-hdd.png);
    background-repeat: no-repeat;
    height: 44px;
    padding-top: 10px;
}

.dedi-second-icon {
    background-image: url(Images/Services/DedicatedServer/icon-fire.png);
    background-repeat: no-repeat;
    height: 45px;
    padding-top: 10px;
}

.dedi-third-icon {
    background-image: url(Images/Services/DedicatedServer/icon-location.png);
    background-repeat: no-repeat;
    height: 45px;
    padding-top: 10px;
}

.dedi-fourth-icon {
    background-image: url(Images/Services/DedicatedServer/icon-gen.png);
    background-repeat: no-repeat;
    height: 45px;
    padding-top: 10px;
}

.dedi-safety h3 {
    padding-left: 60px;
    text-align: left;
    color: #FFF;
    font-size: 24px;
    font-weight: 100;
}

.dedi-safety h2 {
    color: #fff;
    font-size: 36px;
    padding-bottom: 40px;
}

.dedi-safety p {
    padding-left: 60px;
    text-align: left;
    letter-spacing: 0.03em;
    padding-bottom: 20px;
    color: #929292;
    font-weight: 300;
}


.pad-right {
    padding-right: 30px;
}

.pad-left {
    padding-left: 30px;
}

@media (max-width: 767px) {
    .pad-right {
        padding-right: 0;
    }

    .pad-left {
        padding-left: 0;
    }
}




/** Cloud server **/


#background-cloud {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}

.cloud-server {
    padding: 0;
    margin-bottom: 80px;
    /*  background: white url(Images/Services/CloudServer/cloud-bg.png) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 1150px;
    position: relative;
    */
}


@media only screen and (min-width : 768px) {
    .cloud-server .gradient-overlay {
        position: relative;
        width: 100%;
        height: 950px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(41%, rgba(53,150,221,0)), color-stop(100%, rgba(23,144,202,0)));
        background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1790ca', GradientType=0 );
    }
}


.cloudserver-head {
    padding-bottom: 40px;
    padding-top: 90px;
}

    .cloudserver-head h1 {
        font-weight: 300;
        font-size: 48px;
        line-height: 50px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0.025em;
    }

    .cloudserver-head h3 {
        font-weight: 200;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
        letter-spacing: 0.025em;
    }

    .cloudserver-head p {
        font-weight: 200;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        letter-spacing: 0.025em;
    }

@media (max-width: 767px) {
    .cloudserver-head h1 {
        color: #000;
    }

    .cloudserver-head h3 {
        color: #000;
    }

    .cloudserver-head p {
        color: #000;
    }
}

.cloudpakker {
    background-color: #37c172;
    padding: 40px;
    min-height: 300px;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
}

    .cloudpakker h2 {
        font-weight: 100;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
        text-align: center;
        letter-spacing: 0.025em;
        padding: 20px 0 40px 0;
    }

        .cloudpakker h2 span {
            font-weight: 400;
            color: #fff;
        }

    .cloudpakker span {
        color: #7ce5a9;
    }

.cloudtjenester {
    text-align: left;
}

    .cloudtjenester p {
        font-weight: 200;
        font-size: 18px;
        padding-top: 20px;
    }

.geored {
    padding: 5px 20px;
    background-color: #31b66a;
    height: 50px;
    min-width: 150px;
    display: inline-block;
    border: 0;
    transition: color 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

.idera {
    padding: 5px 20px;
    background-color: #31b66a;
    height: 50px;
    min-width: 100px;
    display: inline-block;
    border: 0;
    transition: color 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

.databea {
    padding: 5px 20px;
    background-color: #31b66a;
    height: 50px;
    min-width: 100px;
    display: inline-block;
    border: 0;
    transition: color 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

    .databea:hover {
        background-color: #f35159;
    }


.idera:hover {
    background-color: #f35159;
}


.geored:hover {
    background-color: #f35159;
}

.cloudbestilling {
    text-align: left;
}

.bestilling {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 3px;
}

.bestillcs {
    padding: 5px 20px;
    background-color: #f38e5b;
    height: 50px;
    min-width: 100px;
    display: inline-block;
    border: 0;
    transition: color 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    border-radius: 4px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin-top: 20px;
    font-weight: 400;
}

    .bestillcs:hover {
        background-color: #e54d00;
    }


.thead-inverse th {
    background-color: #32a664;
    font-size: 20px;
    text-align: center;
}


    .thead-inverse th:first-child {
        font-size: 0.9rem;
        text-align: left;
    }

.table-bordered th, .table-bordered td {
    border: 1px solid #9ed8b7;
}

.table thead th {
    border-bottom: 0;
}


.table-bordered {
    border: 1px solid #9ed8b7;
}

.table td {
    font-weight: 400;
}

.cloud-button {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    background: #3498db;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    transition: color 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
}

    .cloud-button:hover {
        background: #f35159;
    }

a.cloud-button {
    font-size: 13px;
    letter-spacing: 0.2em;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

table.table a {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
}

.cloud-3min {
    text-align: center;
    padding-bottom: 40px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.86) 28%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.86) 28%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.86) 28%,rgba(255,255,255,1) 49%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 )
}


    .cloud-3min h2 {
        color: #f35159;
        font-size: 36px;
        line-height: 46px;
    }

    .cloud-3min h3 {
        font-size: 21px;
        padding-bottom: 40px;
    }

    .cloud-3min h4 {
        font-size: 21px;
        font-weight: 400;
        text-transform: none;
        padding-top: 20px;
    }


.cloud-func {
    background-color: #f7f7f7;
    padding: 40px 0 80px 0;
}

    .cloud-func h2 {
        font-size: 36px;
        text-align: center;
        padding: 40px 0;
    }

    .cloud-func h4 {
        font-size: 24px;
        text-transform: none;
        padding-top: 20px;
    }

    .cloud-func p {
        color: #505050;
        letter-spacing: 0.03em;
        font-size: 15px;
        line-height: 21px;
    }


.cloud-safety {
    background-color: #2a2a2a;
    padding: 80px 0;
}

    .cloud-safety p {
        color: #a7a7a7;
        letter-spacing: 0.03em;
        padding-left: 60px;
        font-size: 15px;
    }

    .cloud-safety h3 {
        color: #fff;
        font-size: 24px;
        padding-top: 10px;
        padding-left: 60px;
        display: inline-block;
    }

    .cloud-safety h2 {
        color: #fff;
        font-size: 36px;
        text-align: center;
        padding-bottom: 40px;
    }

.cloud-video {
    background: #000;
}

/** end cloud server **/



/* Managed Server */

.managed-server {
    padding: 0;
    background: white url(Images/Services/ManagedServer/managed-bg4.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;
}


    .managed-server h1 {
        text-align: center;
        color: #fff;
        padding-top: 260px;
        font-size: 44px;
    }

    .managed-server h2 {
        text-align: center;
        color: #fff;
        padding-top: 10px;
        font-size: 24px;
        line-height: 30px;
    }



.managed-contact {
    background-color: #1cc072;
    color: #fff;
    padding: 80px 0;
}

    .managed-contact h2 {
        color: #fff;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .managed-contact p {
        color: #daf4e8;
        font-size: 18px;
        line-height: 26px;
    }

    .managed-contact a {
        color: #f1f7da;
        font-weight: 400;
    }

        .managed-contact a:hover {
            color: #eafe99;
        }

.managed-modul {
    background-color: #fff;
    padding: 80px 0;
}

.managed-mod h2 {
    font-size: 36px;
}

.managed-mod h3 {
    font-size: 24px;
    padding-top: 20px;
}

.managed-mod p {
    color: #616161;
}


/** end managed server **/

/** rack **/

#background-datasenter {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: contain;
}

.datasenter-top {
    padding: 0;
    height: 600px;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    text-align: center;
}

    .datasenter-top h1 {
        color: #fff;
        font-size: 42px;
        line-height: 42px;
        position: absolute;
        padding-top: 400px;
        margin: 0;
    }

    .datasenter-top h3 {
        color: #fff;
        padding-top: 10px;
        font-size: 28px;
        line-height: 34px;
        position: absolute;
        padding-top: 450px;
        margin: 0;
    }
    

#background-rack {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: contain
}

.rack {
    padding: 0;
    height: 650px;
    background: rgba(0, 0, 0, 0.6);
    position: relative;
    text-align: cente;
}

    .rack h1 {
        color: #fff;
        font-size: 42px;
        line-height: 42px;
        position: absolute;
        padding-top: 450px;
        margin: 0
    }

    .rack h3 {
        color: #fff;
        padding-top: 10px;
        font-size: 28px;
        line-height: 34px;
        position: absolute;
        padding-top: 500px;
        margin: 0
    }

@media (max-width: 767px) {
    .rack {
        height: 370px;
    }

        .rack h1 {
            padding-top: 150px;
        }

        .rack h3 {
            padding-top: 200px;
            font-size: 20px;
        }
}

/*
.rack {
    padding: 0;


     background: white url(Images/Services/Rack/rack-bg.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 650px;
    position: relative;
       
}
   
     */


.rack-contact {
    background: #5a327d url(Images/Services/Servers/polywhite.jpg) no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /* background-color: #f2f2f2; */
    color: #000;
    padding: 80px 0
}

    .rack-contact h2 {
        color: #000;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .rack-contact p {
        color: #4b4b4b;
        font-size: 18px;
        line-height: 26px
    }


.rack-safety {
    background-color: #3690e8;
    padding: 100px 0;
}

    .rack-safety p {
        color: #bad6f1;
        letter-spacing: 0.03em;
        padding-left: 70px;
        margin-bottom: 40px;
    }

    .rack-safety h3 {
        color: #fff;
        font-size: 24px;
        padding-top: 10px;
        padding-left: 70px;
        margin-bottom: 0;
    }

    .rack-safety h2 {
        color: #fff;
        font-size: 36px;
        text-align: center;
        padding-bottom: 25px;
        padding-right: 20px;
    }

    .rack-safety .datasenternett a {
        font-weight: 600;
        font-family: 'Raleway';
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #fbf6a5;
        font-size: 12px;
    }

        .rack-safety .datasenternett a:hover {
            color: #faef42;
        }

.rack-first-icon {
    background-image: url(Images/Services/Rack/icon-rack-1.png);
    background-repeat: no-repeat;
    height: 50px;
    padding-top: 10px;
}

.rack-second-icon {
    background-image: url(Images/Services/Rack/icon-rack-2.png);
    background-repeat: no-repeat;
    height: 50px;
    padding-top: 10px;
}

.rack-third-icon {
    background-image: url(Images/Services/Rack/icon-rack-3.png);
    background-repeat: no-repeat;
    height: 50px;
    padding-top: 10px;
}

.rack-fourth-icon {
    background-image: url(Images/Services/Rack/icon-rack-4.png);
    background-repeat: no-repeat;
    height: 55px;
    padding-top: 10px;
}

.rack-contactus {
    background: #d63d56;
}

.rack-nettverk {
    background: #fff;
}

    .rack-nettverk h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .rack-nettverk .one-colour h3 {
        font-size: 24px;
        color: #42b7fa;
    }

    .rack-nettverk .one-colour p {
        color: #717171;
    }

/** end rack **/


/* back up */

.backopp {
    padding: 0;
    background: white url(Images/Services/Backup/backup-bg.jpg) no-repeat right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    position: relative;
}

@media (max-width: 767px) {
}

.backopp h1 {
    font-size: 36px;
    color: #000;
    padding-top: 300px;
}

.backopp h2 {
    font-size: 18px;
    color: #000;
    line-height: 26px;
}



.backopp-contact {
    background-color: #1cc072;
    color: #fff;
    padding: 80px 0;
}

    .backopp-contact h2 {
        color: #fff;
        font-size: 30px;
        padding-bottom: 10px;
    }

    .backopp-contact p {
        color: #c4efda;
        font-size: 18px;
        line-height: 26px;
    }

    .backopp-contact a {
        color: #f1f7da;
        font-weight: 400;
    }

        .backopp-contact a:hover {
            color: #eafe99;
        }

.backopp-spec {
    background: #f1f1f1;
}

.backopp-one {
    padding: 80px 40px;
}


    .backopp-one:after {
        right: -999em;
        background: #fff;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }

.backopp-spec h3 {
    font-size: 24px;
    padding-top: 10px;
}

.backopp-spec .backopp-one p {
    color: #616161;
}

.backopp-spec-two {
    background: #fff;
}

    .backopp-spec-two h3 {
        font-size: 24px;
        padding-top: 10px;
    }

.backopp-two {
    padding: 80px 40px;
}


    .backopp-two:after {
        right: -999em;
        background: #1fb1ee;
        content: '';
        display: block;
        position: absolute;
        width: 999em;
        top: 0;
        bottom: 0;
    }


.backopp-contactus {
    background-color: #d63d56;
}


/* end back up */



/* server housing */
.serverhousing {
    background: white url(Images/Services/ServerHousing/housing-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding-top: 50px;
}


    .serverhousing .housing-plan {
        background: #fff;
        padding: 50px 30px 30px 30px;
        margin: 50px 20px 100px 20px;
        text-align: center;
        border-radius: 4px;
    }


    .serverhousing .house-top h1 {
        font-size: 36px;
        color: #fff;
        text-align: center;
        padding-top: 60px;
        padding-bottom: 10px;
    }

    .serverhousing .house-top h2 {
        font-size: 18px;
        color: #fff;
        text-align: center;
        padding-bottom: 10px;
        line-height: 26px;
    }

    .serverhousing .housing-plan h3 {
        font-family: 'Raleway';
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.1em;
        margin-bottom: 5px;
        color: #f35159;
    }

    .serverhousing .housing-plan h4 {
        font-size: 48px;
        margin-bottom: 15px;
    }


    .serverhousing .housing-plan h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
        margin-top: 20px;
        font-weight: 400;
    }

    .serverhousing .housing-plan hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-top: 1px solid #d6d6d6;
    }

    .serverhousing .housing-plan. house-price {
        font-size: 16px;
        font-weight: 200;
        padding: 20px 0 10px 0;
        color: #8c8c8c;
    }


        .serverhousing .housing-plan .house-price span {
            font-size: 30px;
            font-weight: 500;
            color: black;
        }


    .serverhousing .housing-plan .order {
        background-color: #ff8330;
        padding: 15px 0;
        color: white;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        text-align: center;
        width: 100%;
        display: block;
        border-radius: 4px;
        margin-top: 30px;
    }


.housing-spec {
    background: #fff;
    padding: 60px 0;
}


    .housing-spec .housing-list ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }


    .housing-spec .housing-list li {
        background-image: url(Images/Services/DedicatedServer/ul-gre.png);
        background-repeat: no-repeat;
        background-position: 0;
        padding-left: 30px;
        margin: 20px 0;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.03em;
    }

    .housing-spec .housing-list h4 {
        font-size: 28px;
        text-transform: none;
        font-weight: 300;
    }



/* end of server housing*/
.vps .top-area; {
    padding: 0;
    background: white url(Images/Services/CloudServer/cloud-bg.png) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 950px;
    position: relative;
}


@media only screen and (min-width : 768px) {
    .vps .gradient-overlay {
        position: relative;
        width: 100%;
        height: 950px;
        background: rgba(73,155,234,1);
        background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(41%, rgba(53,150,221,0)), color-stop(100%, rgba(23,144,202,0)));
        background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(53,150,221,0) 41%, rgba(23,144,202,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1790ca', GradientType=0 );
    }
}

/* Office 365 */

.office-pic {
    padding-top: 100px;
}

.img-box {
    padding-bottom: 20px;
}


@media only screen and (max-width : 767px) {
    .office .mobile-top-area {
        /*height: 300px;*/
        background-color: #db3e00;
        /*background: #db3e00 url(Images/Services/Office365/office-top.jpg) no-repeat center center;*/
    }
}

@media only screen and (min-width : 768px) {
    .office .gradient-overlay {
        position: relative;
        width: 100%;
        height: 400px;
        background-color: #db3e00;
    }

    .office .top-area .office-headline {
        padding-top: 140px;
    }
}

.office .top-area .office-headline {
    padding-top: 200px;
}

.office .top-area h1 {
    color: white;
    font-size: 54px;
    font-weight: 200;
}

.office .top-area h2 {
    color: white;
    font-size: 38px;
    font-weight: 200;
}


.office .top-area p {
    color: black;
    /*font-size: 30px;
    font-weight: 400;*/
}

.office .mobile-top-area {
    padding: 30px 0;
}

    .office .mobile-top-area h1 {
        color: #062531;
        font-size: 42px;
        font-weight: 600;
    }

    .office. mobile-top-area p {
        color: #062531;
        font-size: 16px;
    }

.office .contact-us-area {
    background-color: #55d0af;
    /*
    background: black url(Images/Services/ManagedWordpress/bg-kontakt.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
        */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .office .contact-us-area h3 {
        color: #35836e;
    }

.wufoo label.desc {
    color: blue !important;
}

.office .faq-area {
    background-color: #fafafa;
}

faq-area .office .faq-area h2 {
    color: #062531;
    font-size: 32px;
    text-transform: uppercase;
}

.office .faq-area h3 a {
    color: #062531;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.3em;
}

.office .faq-area p {
    color: #909090;
}

.office .faq-area .panel {
    border-bottom: 1px solid #86d0ed;
}

    .office .faq-area .panel:last-child {
        border-bottom: none;
    }

.office .plans-area {
    background-color: #29bbee;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0;
}

    .office .plans-area .plan-container {
        background-color: white;
        border-radius: 4px 4px 0 0;
        position: relative;
    }

@media only screen and (max-width : 767px) {
    .office .plans-area .plan-container {
        margin: 20px 0 0;
    }
}

.office .plans-area .plan-container .title {
    height: 89px;
    padding: 40px 5px;
    color: #000;
}

    .office .plans-area .plan-container .title h2 {
        font-family: 'Roboto', sans-serif;
        font-size: 21px;
        color: #555555;
        font-weight: 200;
        line-height: 12px;
    }

    .office .plans-area .plan-container .title h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 24px;
        font-weight: 500;
    }


.office .plans-area .plan-container .price {
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    padding: 0px 0 10px 0;
    color: #8c8c8c;
}

    .office .plans-area .plan-container .price span {
        font-size: 30px;
        font-weight: 500;
        color: black;
    }

.office .plans-area .plan-container .description {
    padding: 20px 20px 5px 20px;
    color: #000;
}

.office .plans-area .plan-container .prodspace {
    padding-bottom: 175px;
}


.office .plans-area .plan-container .description [data-toggle='tooltip'] {
    border-bottom: 2px dashed #dfdfdf;
    cursor: help;
}

.office .plans-area .order {
    background-color: #ff8330;
    padding: 15px 0;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    height: 60px;
    width: 100%;
    display: block;
    border-radius: 0 0 4px 4px;
}

.office .main-features-area {
    padding-top: 80px;
}


    .office .main-features-area h2 {
        color: #1f1f1f;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 24px !important;
        text-align: center;
        margin-bottom: 15px;
        /*height: 40px;*/
    }

        .office .main-features-area h2::after {
            width: 40px;
            height: 2px;
            margin: 15px auto 0 auto;
            background: #29bbee;
            content: "";
            display: block;
        }

    .office .main-features-area p {
        color: #737373;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        text-align: justify;
    }

.office .extra-features-area {
    padding-top: 80px;
    background-color: #2b2b2b;
}


    .office .extra-features-area p {
        color: #737373;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 16px;
        text-align: justify;
    }

    .office .extra-features-area h2 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        padding-bottom: 20px;
        color: white !important;
    }

    .office .extra-features-area h3 {
        font-size: 28px;
        line-height: 28px;
        text-align: center;
        color: #79afb4;
        padding-bottom: 40px;
    }

    .office .extra-features-area li {
        color: #737373;
        font-size: 14px;
        line-height: 20px;
        padding: 5px 0px;
    }

.office .area plans-area h5 {
    font-family: 'Raleway';
    font-size: 13px;
    letter-spacing: 0.05em;
    color: red !important;
}


@media only screen and (max-width : 767px) {
    .office .main-features-area .row > div:nth-child(odd); {
        clear: both;
    }

    .office .extra-features-area .row > div:nth-child(odd); {

{
    clear: both;
}

}

.office .plans-area .plan-container .prodspace {
    padding-bottom: 375px;
}

}

@media only screen and (min-width : 1100px) {

    .office .plans-area .plan-container .prodspace {
        padding-bottom: 100px;
    }
}


@media only screen and (min-width : 768px) {
    .office .main-features-area .row:nth-child(odd) {
        margin-bottom: 50px;
    }

    .office .extra-features-area .row:nth-child(odd) {
        margin-bottom: 50px;
    }

    .office .plans-area .plan-container .prodspace {
        padding-bottom: 575px;
    }
}

}
/*
.panel-heading {
    padding: 5px 0px;
}

*/






/*
.vps .top-area .title-content {
    padding-top: 490px;
}

.vps .top-area h1 {
    color: white;
    font-size: 42px;
    font-weight: 600;
}

.vps .top-area h2 {
    color: white;
    font-size: 30px;
    font-weight: 300;
}

.vps .top-area h3 {
    color: white;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0;
}

    .vps .top-area h3 span {
        font-weight: 600;
    }

.vps .top-area p {
    color: white;
    font-size: 16px;
}

   **/
.vps .comparison-area .product-box; {
    font-family: 'Roboto', sans-serif;
    padding: 10px;
    position: relative;
}

.vps .comparison-area .product-box .small {
    font-size: 13px;
}

.vps .comparison-area .product-box .size {
    font-size: 35px;
    line-height: 0.7;
    font-weight: 600;
}

.vps .comparison-area .product-box .check {
    color: #F58D30;
}

.vps .comparison-area .product-box .storage {
    font-size: 20px;
}

.vps .comparison-area .product-box .price {
    /*color: white;*/
    text-align: center;
}

    .vps .comparison-area .product-box .price span {
        font-size: 28px;
        font-weight: 600;
        line-height: 0.7;
    }

.vps .comparison-area .product-box .feature {
    font-size: 14px;
}




.vps .mobile-top-area {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
}

    .vps .mobile-top-area h2 {
        color: #062531;
        font-size: 36px;
    }

    .vps .mobile-top-area p {
        color: #062531;
        font-size: 16px;
    }

.vps .comparison-area {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 0;
}

    .vps .comparison-area h2 {
        color: #062531;
        font-size: 36px;
    }

    .vps .comparison-area h3 {
        color: #062531;
        font-size: 30px;
    }

    .vps .comparison-area p {
        font-size: 16px;
    }

    /*.vps .comparison-area .product-box-green .price {
        color: white;
    }*/

    .vps .comparison-area .product-box-green {
        background-color: #062531;
        color: white !important;
    }

        .vps .comparison-area .product-box-green polygon {
            fill: #9cdacb;
        }

    .vps .comparison-area .product-box-blue,
    .vps .comparison-area .product-box-pink,
    .vps .comparison-area .product-box-purple,
    .vps .comparison-area .product-box-red,
    .vps .comparison-area .product-box-bright-green,
    .vps .comparison-area .product-box-deep-green {
        background-color: #F1F5F8;
        color: #062531;
    }

        .vps .comparison-area .product-box-blue polygon {
            fill: #3CC8DA;
        }

        .vps .comparison-area .product-box-pink polygon {
            fill: #FBD9DA;
        }

        .vps .comparison-area .product-box-purple polygon {
            fill: #AF6BE3;
        }

        .vps .comparison-area .product-box-red polygon {
            fill: #EA3321;
        }

        .vps .comparison-area .product-box-bright-green polygon {
            fill: #A8E041;
        }

        .vps .comparison-area .product-box-deep-green polygon {
            fill: #4CC218;
        }

/* mobile */
@media only screen and (max-width : 767px) {
    .vps .top-area {
        height: 300px;
        /*margin-left: -52%;*/
    }

    .vps .comparison-area h3 {
        text-align: left;
    }

    .vps .comparison-area .product-box .diagonal {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .vps .comparison-area .product-box svg {
        height: 100%;
        width: 20px;
    }

    .vps .comparison-area .product-box {
        border-right-style: solid;
        border-right-width: 20px;
        margin: 10px 0;
    }

        .vps .comparison-area .product-box .inner-container {
            border-style: solid;
            border-width: 1px;
            margin-right: -20px;
            padding: 10px 0;
        }

        .vps .comparison-area .product-box .small {
            font-size: 10px;
        }

        .vps .comparison-area .product-box .size {
            font-size: 6vw;
            min-width: 120px;
        }

        .vps .comparison-area .product-box .btn-white {
            position: absolute;
            right: -8px;
            top: 28px;
            z-index: 1;
        }

        .vps .comparison-area .product-box .feature {
            display: inline-block;
            /*font-size: 10px;*/
            font-size: 2.5vw;
        }

        .vps .comparison-area .product-box .price {
            /*margin-top: 5px;*/
            line-height: 1;
            margin: 0px 0 0 0;
            text-align: left;
        }

            .vps .comparison-area .product-box .price span {
                font-size: 3vw;
            }

    .vps .comparison-area .product-box-green {
        border-right-color: #9cdacb;
    }

        .vps .comparison-area .product-box-green .inner-container {
            border-color: #9cdacb;
        }

    .vps .comparison-area .product-box-blue {
        border-right-color: #3CC8DA;
    }

        .vps .comparison-area .product-box-blue .inner-container {
            border-color: #3CC8DA;
        }

    .vps .comparison-area .product-box-pink {
        border-right-color: #FBD9DA;
    }

        .vps .comparison-area .product-box-pink .inner-container {
            border-color: #FBD9DA;
        }

    .vps .comparison-area .product-box-purple {
        border-right-color: #AF6BE3;
    }

        .vps .comparison-area .product-box-purple .inner-container {
            border-color: #AF6BE3;
        }

    .vps .comparison-area .product-box-red {
        border-right-color: #EA3321;
    }

        .vps .comparison-area .product-box-red .inner-container {
            border-color: #EA3321;
        }

    .vps .comparison-area .product-box-bright-green {
        border-right-color: #A8E041;
    }

        .vps .comparison-area .product-box-bright-green .inner-container {
            border-color: #A8E041;
        }

    .vps .comparison-area .product-box-deep-green {
        border-right-color: #4CC218;
    }

        .vps .comparison-area .product-box-deep-green .inner-container {
            border-color: #4CC218;
        }
}


@media only screen and (min-width : 768px) and (max-width: 991px) {
    .vps .comparison-area h3 {
        font-size: 50px !important;
    }

    .vps .comparison-area .product-box .size {
        font-size: 26px !important;
    }
}

@media only screen and (min-width : 768px) {
    .vps .comparison-area h3 {
        text-align: right;
        font-size: 75px;
        margin-top: 15px;
    }

    .vps .comparison-area .row > .col > .product-box {
        margin-bottom: 20px;
    }

    .vps .comparison-area .product-box .diagonal {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .vps .comparison-area .product-box svg {
        height: 20px;
        width: 100%;
    }

    .vps .comparison-area .product-box .inner-container {
        border-style: solid;
        border-width: 1px;
        margin-bottom: -20px;
        padding: 30px 5px 5px 5px;
        min-height: 320px;
    }

    .vps .comparison-area .product-box {
        border-bottom-style: solid;
        border-bottom-width: 40px;
        text-align: center;
        /*min-height: 410px;*/
    }

        .vps .comparison-area .product-box .size {
            margin-bottom: 45px;
        }

        .vps .comparison-area .product-box .btn-white {
            z-index: 1;
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 96px;
            right: 0;
            margin: 0 auto;
        }

        .vps .comparison-area .product-box .price {
            margin-top: 50px;
        }

        .vps .comparison-area .product-box .feature {
            display: block;
        }

    .vps .comparison-area .product-box-green {
        border-bottom-color: #9cdacb;
    }

        .vps .comparison-area .product-box-green .inner-container {
            border-color: #9cdacb;
        }

    .vps .comparison-area .product-box-blue {
        border-bottom-color: #3CC8DA;
    }

        .vps .comparison-area .product-box-blue .inner-container {
            border-color: #3CC8DA;
        }

    .vps .comparison-area .product-box-pink {
        border-bottom-color: #FBD9DA;
    }

        .vps .comparison-area .product-box-pink .inner-container {
            border-color: #FBD9DA;
        }

    .vps .comparison-area .product-box-purple {
        border-bottom-color: #AF6BE3;
    }

        .vps .comparison-area .product-box-purple .inner-container {
            border-color: #AF6BE3;
        }

    .vps .comparison-area .product-box-red {
        border-bottom-color: #EA3321;
    }

        .vps .comparison-area .product-box-red .inner-container {
            border-color: #EA3321;
        }

    .vps .comparison-area .product-box-bright-green {
        border-bottom-color: #A8E041;
    }

        .vps .comparison-area .product-box-bright-green .inner-container {
            border-color: #A8E041;
        }

    .vps .comparison-area .product-box-deep-green {
        border-bottom-color: #4CC218;
    }

        .vps .comparison-area .product-box-deep-green .inner-container {
            border-color: #4CC218;
        }
}



.vps .included-key-features-area {
    background: url(Images/Home/Home-banner.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0;
}



    .vps .included-key-features-area .left-col h2 {
        color: white !important;
    }

    .vps .included-key-features-area .fa-check {
        color: #F58D30;
    }

    .vps .included-key-features-area .right-col ul {
        margin-top: 20px;
    }

    .vps .included-key-features-area .right-col li {
        margin-bottom: 10px;
    }

        .vps .included-key-features-area .right-col li:nth-child(even) {
            color: #FCE253;
        }

        .vps .included-key-features-area .right-col li:nth-child(odd) {
            color: white;
        }

.vps .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.vps .features-area {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .vps .features-area h2 {
        color: #062531;
        font-size: 32px;
        margin-bottom: 40px;
    }

    .vps .features-area h3 {
        font-weight: 300;
        font-size: 2em;
    }

    .vps .features-area p {
        font-size: 16px;
    }

    .vps .features-area img {
        padding: 24px;
    }

    .vps .features-area .col {
        margin-bottom: 40px;
    }

.vps .video-area {
    border-top: 5px solid #FCE253;
    background: #fff;
}

    .vps .video-area .thumbs {
        margin-top: 40px;
    }

.wsb .top-area {
    background: url(Images/Services/Wsb/header.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 500px;
}

    .wsb .top-area h1 {
        color: #062531;
        font-size: 42px;
        font-weight: 600;
    }

    .wsb .top-area h2 {
        color: #F58D30;
        font-size: 36px;
    }

    .wsb .top-area h3 {
        color: #062531;
        font-weight: 400;
        font-family: 'Open Sans', sans-serif;
        margin: 15px 0;
    }

        .wsb .top-area h3 span {
            font-weight: 600;
        }

    .wsb .top-area p {
        color: #062531;
        font-size: 16px;
    }

    .wsb .top-area .icons {
        margin-top: 50px;
    }

        .wsb .top-area .icons span {
            color: #062531;
            font-size: 16px;
            font-weight: 600;
            font-family: 'Roboto', sans-serif;
        }

    .wsb .top-area .fa {
        margin-right: 4px;
    }

/* mobile */
@media only screen and (max-width : 767px) {
    .wsb .top-area {
        height: 300px;
    }

    .wsb .mobile-top-area {
        padding: 30px 0;
    }

        .wsb .mobile-top-area h1 {
            color: #062531;
            font-size: 42px;
            font-weight: 600;
        }

        .wsb .mobile-top-area h2 {
            color: #F58D30;
            font-size: 36px;
        }

        .wsb .mobile-top-area h3 {
            color: #062531;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

            .wsb .mobile-top-area h3 span {
                font-weight: 600;
            }

        .wsb .mobile-top-area p {
            color: #062531;
            font-size: 16px;
        }

        .wsb .mobile-top-area .icons {
            margin-top: 20px;
        }

            .wsb .mobile-top-area .icons span {
                color: #062531;
                font-size: 16px;
                font-weight: 600;
                font-family: 'Roboto', sans-serif;
            }

        .wsb .mobile-top-area .fa {
            margin-right: 4px;
        }
}

.wsb .included-key-features-area {
    background-color: #062531;
}

    .wsb .included-key-features-area .left-col {
        color: white !important;
        font-size: 16px;
    }

    .wsb .included-key-features-area .right-col ol {
    }

    .wsb .included-key-features-area .right-col li {
        margin-bottom: 10px;
        color: #3CC8DA;
        text-transform: uppercase;
    }

.wsb .plans-area {
}

    .wsb .plans-area h3 {
        color: #062531;
        font-weight: 600;
    }

    .wsb .plans-area p {
        color: #062531;
    }

    .wsb .plans-area .product-box {
        padding: 10px;
        background-color: #062531;
        color: white;
        text-align: center;
        margin: 20px 0 0;
    }

        .wsb .plans-area .product-box .inner-container {
            margin: 0;
            padding: 20px 0;
        }

    .wsb .plans-area .product-box-yellow .inner-container {
        border: 1px solid #FCE253;
    }

    .wsb .plans-area .product-box-gray .inner-container {
        border: 1px solid #AEB6BC;
    }

    .wsb .plans-area .fa-check {
        color: #F58D30;
    }

    .wsb .plans-area .product-box .small {
        font-size: 10px;
    }

    .wsb .plans-area .product-box .size {
        font-size: 35px;
        line-height: 0.7;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .wsb .plans-area .product-box .price {
        margin-top: 20px;
        color: white;
    }

        .wsb .plans-area .product-box .price span {
            font-weight: 600;
            font-size: 32px;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .wsb .plans-area .product-box .price span {
        font-size: 12px !important;
    }

    .wsb .plans-area .product-box .feature {
        font-size: 14px !important;
    }

    .wsb .plans-area .product-details .detail.price span {
        font-size: 18px !important;
    }
}

.wsb .designs-area {
    border-top: 5px solid #062531;
}

    .wsb .designs-area h2 {
        text-align: center;
    }

    .wsb .designs-area .row {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .wsb .designs-area #templates-slider {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.wsb .features-area {
    border-top: 5px solid #062531;
    padding-bottom: 35px;
}

    .wsb .features-area h2 {
        margin-bottom: 35px;
        text-align: center;
    }

    .wsb .features-area .swiper-container {
        height: 140px;
    }

    .wsb .features-area #feature-slider-thumbs {
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        font-family: "Raleway", sans-serif;
        font-weight: 600;
        color: #AEB6BC;
        font-size: 12px;
    }

        .wsb .features-area #feature-slider-thumbs .flex-active-slide {
            color: #062531;
            -moz-transition: color 0.3s linear;
            -ms-transition: color 0.3s linear;
            -o-transition: color 0.3s linear;
            transition: color 0.3s linear;
            -webkit-transition: color 0.3s linear;
        }

        .wsb .features-area #feature-slider-thumbs i {
            display: block;
        }

@media only screen and (max-width : 767px) {
    /* Hide navigation arrows in mobile view */
    .flex-direction-nav {
        display: none;
    }
}

.wsb .feature-description-area {
    padding-top: 35px;
    background-color: #F1F5F8;
}

.wsb .demo-area {
    background: #062531 url(Images/Services/Wsb/demo_bg.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding-bottom: 0;
}

    .wsb .demo-area .btn {
        margin-bottom: 40px;
    }

    .wsb .demo-area h2 {
        color: white;
    }

.ox .top-area {
    padding: 0;
    background: white url(Images/Services/OpenXchange/header2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    position: relative;
}

@media only screen and (min-width : 768px) {
    .ox .gradient-overlay {
        position: relative;
        width: 100%;
        height: 1000px;
        background-color: rgba(255,255,255,0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
    }
}

.ox .top-area .title-content {
    padding-top: 700px;
}

.ox .top-area h1 {
    color: white;
    font-size: 42px;
    font-weight: 600;
}

.ox .top-area h2 {
    color: white;
    font-size: 30px;
    font-weight: 400;
}

.ox .top-area h3 {
    color: white;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0;
}

    .ox .top-area h3 span {
        font-weight: 600;
    }

.ox .top-area p {
    color: white;
    font-size: 16px;
}

.ox .top-area .icons {
    margin-top: 50px;
}

    .ox .top-area .icons span {
        color: white;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

.ox .top-area .fa {
    margin-right: 4px;
}

.ox .fa-download {
    margin-right: 10px;
}

/* mobile */
@media only screen and (max-width : 767px) {
    .ox .top-area {
        margin-top: -20px;
        height: 300px;
        background-size: 100%;
    }

    .ox .included-key-features-area .right-col li {
        font-size: 3.5vw;
    }

    .ox h2 {
        font-size: 7vw;
    }

    .ox .mobile-top-area {
        padding: 30px 0;
    }

        .ox .mobile-top-area h1 {
            color: #062531;
            font-size: 42px;
            font-weight: 600;
        }

        .ox .mobile-top-area h2 {
            color: #F58D30;
            font-size: 36px;
        }

        .ox .mobile-top-area h3 {
            color: #062531;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

            .ox .mobile-top-area h3 span {
                font-weight: 600;
            }

        .ox .mobile-top-area p {
            color: #062531;
            font-size: 16px;
        }

        .ox .mobile-top-area .icons {
            margin-top: 20px;
        }

            .ox .mobile-top-area .icons span {
                color: #062531;
                font-size: 16px;
                font-weight: 600;
                font-family: 'Roboto', sans-serif;
            }

        .ox .mobile-top-area .fa {
            margin-right: 4px;
        }

    .ox .included-key-features-area .right-col ul {
        margin-top: 10px !important;
    }
}

.ox .included-key-features-area {
    background-color: #ededed;
    padding: 60px 0;
    font-family: 'Raleway';
    letter-spacing: 0.05em;
    font-weight: 500;
    font-size: 15px;
}

    .ox .included-key-features-area .left-col {
        color: white !important;
        font-size: 16px;
    }

    .ox .included-key-features-area .right-col ul {
        margin-top: 10%;
    }

    .ox .included-key-features-area .right-col li {
        margin-bottom: 10px;
        color: #404040;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.05em;
    }

        .ox .included-key-features-area .right-col li .fa-li {
            color: #3bace7;
            font-size: 18px;
        }

.ox .plans-area {
    background: white url(Images/Services/OpenXchange/header.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-y: -300px;
}

    .ox .plans-area h3 {
        color: #062531;
        font-weight: 600;
    }

    .ox .plans-area p {
        color: #062531;
    }

    .ox .plans-area .description-box a {
        color: #B7B7B7;
    }

    .ox .plans-area .product-box {
        padding: 10px;
        background-color: #062531;
        color: white;
        text-align: center;
        margin: 10px 0 0;
    }

        .ox .plans-area .product-box .inner-container {
            margin: 0;
            padding: 20px 0;
        }

    .ox .plans-area .product-box-yellow .inner-container {
        border: 1px solid #FCE253;
    }

    .ox .plans-area .product-box-gray .inner-container {
        border: 1px solid #AEB6BC;
    }

    .ox .plans-area .product-box-green .inner-container {
        border: 1px solid #9cdacb;
    }

    .ox .plans-area .fa-check {
        color: #F58D30;
    }

    .ox .plans-area .product-box .small {
        font-size: 10px;
    }

    .ox .plans-area .product-box .size {
        font-size: 35px;
        line-height: 1;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .ox .plans-area .product-box .description {
        font-size: 16px;
        color: white;
    }

    .ox .plans-area .product-box .price {
        margin-top: 20px;
        color: white;
    }

        .ox .plans-area .product-box .price span {
            font-weight: 600;
            font-size: 32px;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .ox .plans-area .product-box .size {
        font-size: 28px !important;
    }

    .ox .plans-area .product-box {
        font-size: 13px;
    }

        .ox .plans-area .product-box .description {
            font-size: 13px;
        }
}

.ox .white-area {
    background-color: white;
}

.ox .gray-area {
    background-color: #F7F7F7;
}

    .ox .white-area .fa-check,
    .ox .gray-area .fa-check {
        color: #F58D30;
    }

    .ox .white-area h2,
    .ox .gray-area h2 {
        font-weight: 300;
        font-size: 34px;
        padding: 20px 0;
    }

.ox .order-area {
    height: inherit;
    background-size: cover !important;
}

    .ox .order-area .col {
        margin-top: 200px;
        margin-bottom: 200px;
        background-color: #062531;
        padding: 15px;
        opacity: 0.9;
    }

@media only screen and (max-width: 767px) {
    .ox .order-area .col {
        margin-top: 50px;
        margin-bottom: 10px;
    }
}

.ox .order-area input {
    padding: 8px;
    width: 100%;
    margin-bottom: 10px;
}

.ox .order-area .btn {
    margin-bottom: 10px;
}

.rack .top-area {
    background: black url(Images/Services/Rack/header.jpg) no-repeat top center;
    height: 500px;
}

@media only screen and (max-width : 767px) {
    .rack .top-area {
        height: 300px;
        background-position: -80px top;
        background-size: 700px;
    }
}

.rack .description-area {
    background-color: #062531;
    color: white;
}

    .rack .description-area h1 {
        color: white;
    }

    .rack .description-area .price span {
        font-weight: 600;
        font-size: 32px;
    }

.rack .features-area h2 {
    font-size: 2em;
}

.rack .features-area .feature {
    margin-top: 10px;
    margin-bottom: 10px;
}

.rack .features-area .row {
    margin-top: 20px;
    margin-bottom: 10px;
}

.rack .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.backup .top-area {
    background: black url(Images/Services/Backup/header.jpg) no-repeat center center;
    height: 435px;
}

@media only screen and (max-width : 767px) {
    .backup .top-area {
        height: 300px;
        background-position: -80px top;
        background-size: 700px;
    }
}

.backup .description-area {
    background-color: #062531;
    color: white;
}

    .backup .description-area h1 {
        color: white;
    }

    .backup .description-area .price span {
        font-weight: 600;
        font-size: 32px;
    }

.backup .features-area {
}

    .backup .features-area h2 {
        font-size: 2em;
    }

    .backup .features-area .feature-image {
        margin-top: 20px;
        margin-bottom: 80px;
    }

    .backup .features-area .row {
    }

.backup .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}



@media only screen and (max-width : 767px) {
    .network .top-area {
        height: 250px;
    }
}

.network .description-area {
    background-color: #062531;
    color: white;
}

    .network .description-area h1 {
        color: white;
        font-size: 3em;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .network .description-area h1 {
        font-size: 2.5em !important;
    }
}

.network .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.network .points-of-presence-area {
}

    .network .points-of-presence-area dt {
        margin: 10px 0px;
    }

    .network .points-of-presence-area dd {
        font-size: 2em;
    }

    .network .points-of-presence-area .marker {
        width: 25px;
        height: 25px;
        margin-right: 10px;
        padding-left: 7px;
        background: #a8e041;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 15px;
        display: inline-block;
    }

    .network .points-of-presence-area img {
        margin: 20px 0px;
    }



.datacenter .top-area {
    background: url(Images/Services/Datacenter/header.jpg) no-repeat 50% 50% scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 500px;
}

@media only screen and (max-width : 767px) {
    .datacenter .top-area {
        height: 250px;
    }
}

.datacenter .sub-header-area {
    background-color: #040404;
    padding: 0;
}

.datacenter .features-area h2 {
    font-size: 2em;
}

.datacenter .features-area .feature {
    margin-top: 10px;
    margin-bottom: 10px;
}

.datacenter .features-area .row {
    margin-top: 20px;
    margin-bottom: 10px;
}

.datacenter .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.webhosting .plans-area {
    padding-top: 10px;
}

    .webhosting .plans-area h3 {
        color: #062531;
        font-weight: 600;
    }

    .webhosting .plans-area p {
        color: #062531;
    }

    .webhosting .plans-area .product-box {
        padding: 10px;
        background-color: #0d566d;
        color: white;
        text-align: center;
        margin: 20px 0 0;
    }

        .webhosting .plans-area .product-box .inner-container {
            margin: 0;
            padding: 20px 0;
        }

    .webhosting .plans-area .product-box-yellow .inner-container {
        border: 1px solid #FCE253;
    }

    .webhosting .plans-area .product-box-gray .inner-container {
        border: 1px solid #AEB6BC;
    }

    .webhosting .plans-area .product-box-pale {
        border: 1px solid #f1f5f8;
        background-color: #f1f5f8;
        color: black;
    }

    .webhosting .plans-area .product-box.product-box-pale .price {
        color: black;
    }

    .webhosting .plans-area .fa-check {
        color: #F58D30;
    }

    .webhosting .plans-area .product-box .small {
        font-size: 10px;
        padding-bottom: 3px;
    }

    .webhosting .plans-area .product-box .size {
        font-size: 35px;
        line-height: 0.7;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .webhosting .plans-area .product-box .price {
        margin-top: 20px;
        color: white;
    }

        .webhosting .plans-area .product-box .price span {
            font-weight: 600;
            font-size: 32px;
        }

    .webhosting .plans-area .product-details {
    }

        .webhosting .plans-area .product-details .detail {
            background-color: #f1f5f8;
            margin-top: 2px;
            padding: 15px 15px;
            width: 100%;
            color: #062531;
        }

            .webhosting .plans-area .product-details .detail.not-included {
                color: #aeb6bc;
            }

            .webhosting .plans-area .product-details .detail .check {
                color: #062531;
            }

            .webhosting .plans-area .product-details .detail.not-included .check {
                color: #aeb6bc;
            }

            .webhosting .plans-area .product-details .detail:first-child,
            .webhosting .plans-area .product-details .detail:last-child {
                margin-top: 0;
            }

            .webhosting .plans-area .product-details .detail .left {
                text-align: left;
                display: inline-block;
            }

            .webhosting .plans-area .product-details .detail .right {
                float: right;
                display: inline-block;
                font-weight: 600;
            }

    .webhosting .plans-area .product-details-toggle {
    }

        .webhosting .plans-area .product-details-toggle .btn {
            margin-top: 10px;
            width: 100%;
            text-align: left;
        }

        .webhosting .plans-area .product-details-toggle[data-state=collapsed] .collapse {
            display: none;
        }

        .webhosting .plans-area .product-details-toggle[data-state=collapsed] .expand {
            display: inline-block;
            font-size: 15px;
            float: right;
        }

        .webhosting .plans-area .product-details-toggle[data-state=expanded] .collapse {
            display: inline-block;
            font-size: 15px;
            float: right;
        }

        .webhosting .plans-area .product-details-toggle[data-state=expanded] .expand {
            display: none;
        }

    .webhosting .plans-area .product-details .detail.price {
        background-color: #062531;
        color: white;
    }

        .webhosting .plans-area .product-details .detail.price .right {
            margin-top: 12px;
        }


        .webhosting .plans-area .product-details .detail.price span {
            font-weight: 600;
            font-size: 35px;
            margin-bottom: -7px;
            margin-top: -10px;
            display: inline-block;
        }

            .webhosting .plans-area .product-details .detail.price span.year {
                font-weight: normal;
                font-size: 16px;
                color: #a1a1a1;
            }

@media (min-width: 768px) and (max-width: 991px) {
    .webhosting .plans-area .product-box .price span {
        font-size: 18px !important;
    }

    .webhosting .plans-area .product-details .detail.price span {
        font-size: 18px !important;
    }

    .webhosting .plans-area .product-details .detail {
        font-size: 12px !important;
    }

        .webhosting .plans-area .product-details .detail.price .right {
            margin-top: -3px !important;
        }
}

.webhosting .why-webhuset-area {
    background-color: #062531;
    text-align: center;
    color: white;
}

    .webhosting .why-webhuset-area h2 {
        color: white;
    }

    .webhosting .why-webhuset-area .check {
        color: #F58D30;
        margin-right: 5px;
    }

.webhosting .description-area {
}

    .webhosting .description-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

.webhosting .faq-area {
}

    .webhosting .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

    .webhosting .faq-area h3 a {
        color: #062531;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
    }

    .webhosting .faq-area p {
        color: #AEB6BC;
    }

    .webhosting .faq-area .panel {
        border-bottom: 1px solid #dfdfdf;
    }

        .webhosting .faq-area .panel:last-child {
            border-bottom: none;
        }

.webhosting .features-area {
    border-top: 5px solid #062531;
    border-bottom: 5px solid #062531;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .webhosting .features-area h2 {
        color: #062531;
        font-size: 32px;
        margin-bottom: 40px;
    }

    .webhosting .features-area h3 {
        font-weight: 300;
        font-size: 2em;
        /*margin-bottom: 0;*/
    }

    .webhosting .features-area p {
        font-size: 16px;
    }

    .webhosting .features-area img {
        padding: 24px;
    }

    .webhosting .features-area .col {
        margin-bottom: 40px;
    }

.domain .top-area {
    background: url(Images/Services/Domain/header.jpg) no-repeat 50% 50% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}

@media only screen and (max-width : 767px) {
    .domain .top-area {
        background-attachment: inherit;
    }

        .domain .top-area h2 {
            font-size: 7vw !important;
        }

        .domain .top-area h3 {
            font-size: 3vw !important;
        }

        .domain .top-area h2 span.rotate {
            width: initial !important;
            margin-top: -6px !important;
            max-width: 128px;
        }

        .domain .top-area .domain-search-form {
            font-size: 16px !important;
        }

    .domain .description-area .pre-title {
        font-size: 5vw !important;
        margin-top: 0 !important;
    }

    .domain .description-area h1 {
        font-size: 11vw !important;
    }

    .domain .description-area p {
        text-align: left !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .domain .description-area .pre-title {
        font-size: 3vw !important;
    }

    .domain .description-area h1 {
        font-size: 6vw !important;
    }
}

.domain .top-area h2 {
    color: #062531;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
}

    .domain .top-area h2 span {
        font-weight: 600;
    }

        .domain .top-area h2 span.rotate {
            display: inline-block;
            /*height: 72px;*/
            margin-top: -12px;
            /*overflow: hidden;*/
            vertical-align: middle;
            width: 200px;
            text-align: left;
        }

.domain .top-area h3 {
    color: #062531;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}

.domain .top-area .domain-search-form {
    font-family: "Roboto", sans-serif;
    font-size: 25px;
}

.domain .top-area .domain-search-form {
    margin: 50px 0 25px;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
}

    .domain .top-area .domain-search-form input {
        width: 74%;
        padding: 5px;
        border: 1px solid #F58D30;
        height: 60px;
        margin-right: -7px;
        padding: 5px 25px;
        outline: none;
    }

    .domain .top-area .domain-search-form button {
        width: 24%;
        padding: 5px;
        color: white;
        background-color: #F58D30;
        border: 1px solid #F58D30;
        height: 60px;
        vertical-align: top;
    }


.domain .description-area {
    background-color: #062531;
    color: white;
    text-align: center;
}

    .domain .description-area .pre-title {
        font-size: 31px;
        line-height: 0.8;
        margin-top: 55px;
    }

    .domain .description-area h1 {
        color: #F58D30;
        font-weight: 600;
        margin-bottom: 30px;
    }

.domain .plans-area {
}

    .domain .plans-area h3 {
        color: #062531;
        font-weight: 600;
    }

    .domain .plans-area p {
        color: #062531;
    }

    .domain .plans-area .product-box {
        padding: 10px;
        background-color: #0d566d;
        color: white;
        text-align: center;
        margin: 20px 0 0;
    }

        .domain .plans-area .product-box .inner-container {
            margin: 0;
            padding: 20px 0;
        }

    .domain .plans-area .product-box-yellow .inner-container {
        border: 1px solid #FCE253;
    }

    .domain .plans-area .product-box-gray .inner-container {
        border: 1px solid #AEB6BC;
    }

    .domain .plans-area .product-box-pale {
        background-color: #f1f5f8;
        border: 1px solid #f1f5f8;
        color: black;
    }

    .domain .plans-area .product-box.product-box-pale .price {
        color: black;
    }

    .domain .plans-area .fa-check {
        color: #F58D30;
    }

    .domain .plans-area .product-box .small {
        font-size: 10px;
        padding-bottom: 3px;
    }

    .domain .plans-area .product-box .size {
        font-size: 35px;
        line-height: 0.7;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .domain .plans-area .product-box .price {
        margin-top: 20px;
        color: white;
    }

        .domain .plans-area .product-box .price span {
            font-weight: 600;
            font-size: 32px;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .domain .plans-area .product-box .price span {
        font-size: 18px !important;
    }

    .domain .plans-area .product-details .detail.price span {
        font-size: 18px !important;
    }

    .domain .plans-area .product-details .detail {
        font-size: 12px !important;
    }

        .domain .plans-area .product-details .detail.price .right {
            margin-top: -3px !important;
        }
}

.domain .domain-prices-area {
    border-bottom: 5px solid #062531;
}

    .domain .domain-prices-area .tld-group-list .header,
    .domain .domain-prices-area .tld-list .header {
        text-transform: uppercase;
        border-bottom: 1px solid #062531;
        font-weight: 600;
        padding-left: 0;
    }

    .domain .domain-prices-area .tld-group-list .header {
        padding-left: 10px;
    }

    .domain .domain-prices-area .tld-group-list .group-name {
        /*padding-left: 10px;*/
        color: #062531;
    }

    .domain .domain-prices-area .tld-group-list .tld-group.selected,
    .domain .domain-prices-area .tld-group-list .tld-group:hover {
        background-color: #F1F5F8;
        cursor: pointer;
    }

    .domain .domain-prices-area .tld-group-list .tld-group {
        margin-bottom: 5px;
        cursor: pointer;
        padding: 5px 10px;
    }

    .domain .domain-prices-area .tld-group-list .btn {
        margin-bottom: 20px;
    }

    .domain .domain-prices-area .tld-list {
        margin-top: 25px;
    }

        .domain .domain-prices-area .tld-list .tld {
            position: relative;
            margin-bottom: 5px;
            cursor: pointer;
            padding: 10px 10px 3px;
            /*display: inline-block;*/
            background-color: #F1F5F8;
            color: #062531;
            text-align: center;
            font-weight: bold;
        }

            .domain .domain-prices-area .tld-list .tld .price {
                display: block;
                margin-bottom: 10px;
                font-weight: normal;
            }

        .domain .domain-prices-area .tld-list .col {
            padding-left: 3px;
            padding-right: 3px;
        }

        .domain .domain-prices-area .tld-list .tld h5 {
            display: inline-block;
        }

        .domain .domain-prices-area .tld-list .tld.selected h5 {
            background-color: white;
            color: #062531;
            vertical-align: top;
            padding: 8px;
            width: 50%;
            text-align: right;
        }

        .domain .domain-prices-area .tld-list .tld h6 {
            margin-top: 5px;
            margin-bottom: 0;
        }

        .domain .domain-prices-area .tld-list .tld.selected h6 {
            margin-top: 10px;
            margin-bottom: 0;
        }

        .domain .domain-prices-area .tld-list .tld:hover {
            background-color: #062531;
            color: white;
        }

.domain .plans-area .product-details {
}

    .domain .plans-area .product-details .detail {
        background-color: #f1f5f8;
        margin-top: 2px;
        padding: 15px 15px;
        width: 100%;
        color: #062531;
    }

        .domain .plans-area .product-details .detail.not-included {
            color: #aeb6bc;
        }

        .domain .plans-area .product-details .detail .check {
            color: #062531;
        }

        .domain .plans-area .product-details .detail.not-included .check {
            color: #aeb6bc;
        }

        .domain .plans-area .product-details .detail:first-child,
        .domain .plans-area .product-details .detail:last-child {
            margin-top: 0;
        }

        .domain .plans-area .product-details .detail .left {
            text-align: left;
            display: inline-block;
        }

        .domain .plans-area .product-details .detail .right {
            float: right;
            display: inline-block;
            font-weight: 600;
        }

.domain .plans-area .product-details-toggle {
}

    .domain .plans-area .product-details-toggle .btn {
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

    .domain .plans-area .product-details-toggle[data-state=collapsed] .collapse {
        display: none;
    }

    .domain .plans-area .product-details-toggle[data-state=collapsed] .expand {
        display: inline-block;
        font-size: 15px;
        float: right;
    }

    .domain .plans-area .product-details-toggle[data-state=expanded] .collapse {
        display: inline-block;
        font-size: 15px;
        float: right;
    }

    .domain .plans-area .product-details-toggle[data-state=expanded] .expand {
        display: none;
    }

.domain .plans-area .product-details .detail.price {
    background-color: #062531;
    color: white;
}

    .domain .plans-area .product-details .detail.price .right {
        margin-top: 12px;
    }


    .domain .plans-area .product-details .detail.price span {
        font-weight: 600;
        font-size: 35px;
        margin-bottom: -7px;
        margin-top: -10px;
        display: inline-block;
    }

        .domain .plans-area .product-details .detail.price span.year {
            font-weight: normal;
            font-size: 16px;
            color: #a1a1a1;
        }

.domain .features-area {
    border-top: 5px solid #062531;
    border-bottom: 5px solid #062531;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .domain .features-area h2 {
        color: #062531;
        font-size: 32px;
        margin-bottom: 40px;
    }

    .domain .features-area h3 {
        font-weight: 300;
        font-size: 2em;
        /*margin-bottom: 0;*/
    }

    .domain .features-area p {
        font-size: 16px;
    }

    .domain .features-area img {
        padding: 24px;
    }

    .domain .features-area .col {
        margin-bottom: 40px;
    }



.dedicated-server h2 {
    color: #062531;
    font-size: 32px;
    text-transform: uppercase;
}

.dedicated-server .top-area {
    background-color: red;
    text-align: left;
}

.dedicated-server .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}


.dedicated-server .plans-area h3 {
    color: #062531;
    font-weight: 600;
}

.dedicated-server .plans-area p {
    color: #062531;
}

.dedicated-server .plans-area .product-box {
    padding: 10px;
    background-color: #062531;
    color: white;
    text-align: center;
    margin: 10px 0 0;
}

    .dedicated-server .plans-area .product-box .inner-container {
        margin: 0;
        padding: 20px 0;
    }

.dedicated-server .plans-area .product-box-yellow .inner-container {
    border: 1px solid #FCE253;
}

.dedicated-server .plans-area .product-box-gray .inner-container {
    border: 1px solid #AEB6BC;
}

.dedicated-server .plans-area .product-box-green .inner-container {
    border: 1px solid #9cdacb;
}

.dedicated-server .plans-area .fa-check {
    color: #F58D30;
}

.dedicated-server .plans-area .product-box .small {
    font-size: 10px;
}

.dedicated-server .plans-area .product-box .size {
    font-size: 35px;
    line-height: 0.7;
    font-weight: 600;
    margin-bottom: 30px;
}

.dedicated-server .plans-area .product-box .description {
    font-size: 16px;
    color: white;
}

.dedicated-server .plans-area .product-box .price {
    margin-top: 20px;
    color: white;
}

    .dedicated-server .plans-area .product-box .price span {
        font-weight: 600;
        font-size: 32px;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .dedicated-server .plans-area .product-box .price span {
        font-size: 25px !important;
    }

    .dedicated-server .plans-area .product-box .size {
        font-size: 28px !important;
    }

    .dedicated-server .plans-area .product-box {
        font-size: 13px;
    }

        .dedicated-server .plans-area .product-box .description {
            font-size: 13px;
        }
}

.dedicated-server .why-dedicated-area {
    background-color: #062531;
    color: white;
}

    .dedicated-server .why-dedicated-area h1 {
        color: white;
    }

@media only screen and (max-width : 767px) {
    .dedicated-server .why-dedicated-area h1 {
        font-size: 7vw;
    }

    .dedicated-server .specs-area .models-specs-table {
        font-size: 75%;
    }
}

.dedicated-server .specs-area {
    border-top: 5px solid #062531;
}

    .dedicated-server .specs-area h2 {
        margin-bottom: 20px;
    }


.dedicated-server .features-area {
    border-bottom: 5px solid #062531;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .dedicated-server .features-area h2 {
        color: #062531;
        font-size: 32px;
        margin-bottom: 40px;
    }

    .dedicated-server .features-area h3 {
        font-weight: 300;
        font-size: 2em;
        /*margin-bottom: 0;*/
    }

    .dedicated-server .features-area p {
        font-size: 16px;
    }

    .dedicated-server .features-area img {
        padding: 24px;
    }

    .dedicated-server .features-area .col {
        margin-bottom: 40px;
    }

.dedicated-server .faq-area {
}

    .dedicated-server .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

    .dedicated-server .faq-area h3 a {
        color: #062531;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
    }

    .dedicated-server .faq-area p {
        color: #AEB6BC;
    }

    .dedicated-server .faq-area .panel {
        border-bottom: 1px solid #dfdfdf;
    }

        .dedicated-server .faq-area .panel:last-child {
            border-bottom: none;
        }

.serverhousing {
}

    .serverhousing .description-area {
        background-color: #062531;
        color: white;
    }

        .serverhousing .description-area h1 {
            color: white;
        }

        .serverhousing .description-area h2 {
            color: white;
            font-size: 30px;
            margin-top: 20px;
        }

        .serverhousing .description-area .fa-check {
            color: #F58D30;
        }

@media only screen and (max-width : 767px) {
    .serverhousing .description-area h1 {
        font-size: 7vw;
    }
}

.serverhousing .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.serverhousing .plans-area {
    background: url(Images/Services/ServerHousing/header.jpg) no-repeat 50% 50% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    .serverhousing .plans-area h3 {
        color: #062531;
        font-weight: 600;
    }

    .serverhousing .plans-area p {
        color: #062531;
    }

    .serverhousing .plans-area .product-box {
        padding: 10px;
        background-color: #062531;
        color: white;
        text-align: center;
        margin: 10px 0 0;
    }

        .serverhousing .plans-area .product-box .inner-container {
            margin: 0;
            padding: 20px 0;
        }

    .serverhousing .plans-area .product-box-yellow .inner-container {
        border: 1px solid #FCE253;
    }

    .serverhousing .plans-area .product-box-gray .inner-container {
        border: 1px solid #AEB6BC;
    }

    .serverhousing .plans-area .product-box-green .inner-container {
        border: 1px solid #9cdacb;
    }

    .serverhousing .plans-area .fa-check {
        color: #F58D30;
    }

    .serverhousing .plans-area .product-box .small {
        font-size: 10px;
    }

    .serverhousing .plans-area .product-box .size {
        font-size: 35px;
        line-height: 0.7;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .serverhousing .plans-area .product-box .description {
        font-size: 16px;
        color: white;
    }

    .serverhousing .plans-area .product-box .price {
        margin-top: 20px;
        color: white;
    }

        .serverhousing .plans-area .product-box .price span {
            font-weight: 600;
            font-size: 32px;
        }

.serverhousing .faq-area {
}

    .serverhousing .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

    .serverhousing .faq-area h3 a {
        color: #062531;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
    }

    .serverhousing .faq-area p {
        color: #AEB6BC;
    }

    .serverhousing .faq-area .panel {
        border-bottom: 1px solid #dfdfdf;
    }

        .serverhousing .faq-area .panel:last-child {
            border-bottom: none;
        }

.geo-redundant-vps .top-area {
    padding: 0;
    background: white url(Images/Services/GeoRedundantVps/header2.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 772px;
    position: relative;
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
    .geo-redundant-vps .top-area h1 {
        font-size: 52px !important;
    }
}

@media only screen and (min-width : 768px) {
    .geo-redundant-vps .gradient-overlay {
        position: relative;
        width: 100%;
        height: 772px;
        background-color: rgba(255,255,255,0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
    }
}

.geo-redundant-vps .top-area .title-content {
    padding-top: 590px;
}

.geo-redundant-vps .top-area h1 {
    color: white;
    font-size: 70px;
    font-weight: 300;
}

.geo-redundant-vps .top-area p {
    color: white;
    font-size: 16px;
}

/* mobile */
@media only screen and (max-width : 767px) {
    .geo-redundant-vps .top-area {
        margin-top: -20px;
        height: 300px;
        /*background-size: 100%;*/
    }

    .geo-redundant-vps h2 {
        font-size: 5vw;
    }

    .geo-redundant-vps .mobile-top-area {
        padding: 30px 0;
    }

        .geo-redundant-vps .mobile-top-area h1 {
            color: #062531;
            font-size: 42px;
            font-weight: 300;
        }

        .geo-redundant-vps .mobile-top-area h2 {
            color: #F58D30;
            font-size: 36px;
        }

        .geo-redundant-vps .mobile-top-area h3 {
            color: #062531;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

        .geo-redundant-vps .mobile-top-area p {
            color: #062531;
            font-size: 16px;
        }

    .geo-redundant-vps .white-area img,
    .geo-redundant-vps .gray-area img {
        margin-top: 30px;
    }
}

.geo-redundant-vps .faq-area {
}

    .geo-redundant-vps .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

    .geo-redundant-vps .faq-area h3 a {
        color: #062531;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
    }

    .geo-redundant-vps .faq-area p,
    .geo-redundant-vps .faq-area li {
        color: #AEB6BC;
    }

    .geo-redundant-vps .faq-area .panel {
        border-bottom: 1px solid #dfdfdf;
    }

        .geo-redundant-vps .faq-area .panel:last-child {
            border-bottom: none;
        }

.geo-redundant-vps .white-area {
    background-color: white;
}

.geo-redundant-vps .gray-area {
    background-color: #F7F7F7;
}


    .geo-redundant-vps .white-area h2,
    .geo-redundant-vps .gray-area h2 {
        font-weight: 300;
    }

.geo-redundant-vps #gr-vps-failover h3 {
    font-size: 22px;
}

.geo-redundant-vps #gr-vps-failover .modal-content {
    margin-bottom: 70px;
}

.managed-hosting .top-area {
    background: url(Images/Services/ManagedHosting/header.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    height: 500px;
}

@media only screen and (max-width : 767px) {
    .managed-hosting .top-area {
        height: 250px;
    }
}

.managed-hosting .description-area {
    background-color: #062531;
    color: white;
}

    .managed-hosting .description-area h1 {
        color: white;
        font-size: 3em;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .managed-hosting .description-area h1 {
        font-size: 2.5em !important;
    }
}

.managed-hosting .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

.managed-hosting .modules-area {
}

@media only screen and (min-width : 768px) {
    .managed-hosting .modules-area .row + .row + .row {
        margin-top: 15px;
    }
}

.managed-hosting .modules-area dt {
    margin: 10px 0px;
    font-weight: normal;
}

.managed-hosting .modules-area dd {
    font-size: 2em;
}

.managed-hosting .modules-area .marker {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    padding-left: 7px;
    background: #a8e041;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 15px;
    display: inline-block;
}

.managed-hosting .modules-area img {
    margin: 20px 0px;
}

.managed-wordpress .top-area {
    background: black url(Images/Services/ManagedWordpress/managed-wordpress-header.jpg) no-repeat right 28%;
    height: 700px;
    padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width : 767px) {
    .managed-wordpress .top-area {
        height: 300px;
        background-position: 90%;
    }
}

@media only screen and (min-width : 768px) {
    .managed-wordpress .gradient-overlay {
        position: relative;
        width: 100%;
        height: 700px;
        background-color: rgba(255,255,255,0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
    }
}

.managed-wordpress .top-area .title-content {
    padding-top: 470px;
}

.managed-wordpress .top-area h1 {
    color: white;
    font-size: 42px;
    font-weight: 600;
}

.managed-wordpress .top-area p {
    color: white;
    /*font-size: 30px;
    font-weight: 400;*/
}

.managed-wordpress .mobile-top-area {
    padding: 30px 0;
}

    .managed-wordpress .mobile-top-area h1 {
        color: #062531;
        font-size: 42px;
        font-weight: 600;
    }

    .managed-wordpress .mobile-top-area p {
        color: #062531;
        font-size: 16px;
    }

.managed-wordpress .contact-us-area {
    background: black url(Images/Services/ManagedWordpress/bg-kontakt.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .managed-wordpress .contact-us-area h3 {
        color: white;
    }

.managed-wordpress .stats-area {
    padding: 0;
    /*max-height: 300px;*/
}

    .managed-wordpress .stats-area .carousel .img1 {
        background: black url(Images/Services/ManagedWordpress/stats-slider1.jpg) no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 468px;
    }

    .managed-wordpress .stats-area .carousel .img2 {
        background: black url(Images/Services/ManagedWordpress/stats-slider2.jpg) no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 468px;
    }

    .managed-wordpress .stats-area .carousel .img3 {
        background: black url(Images/Services/ManagedWordpress/stats-slider3.jpg) no-repeat center bottom;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 468px;
    }

    .managed-wordpress .stats-area .carousel .carousel-caption {
        bottom: 150px !important;
    }

        .managed-wordpress .stats-area .carousel .carousel-caption h2 {
            color: white;
        }

        .managed-wordpress .stats-area .carousel .carousel-caption h3 {
            color: white;
            font-weight: 300;
        }

@media only screen and (max-width : 767px) {
    .managed-wordpress .stats-area .carousel .carousel-caption h2 {
        font-size: 40px !important;
    }

    .managed-wordpress .stats-area .carousel .carousel-caption h3 {
        font-size: 16px;
    }
}

.managed-wordpress .features-area {
}

    .managed-wordpress .features-area #feature-slider-thumbs .slides li {
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        color: #5a5a5a;
        padding: 9px;
        text-align: center;
        cursor: pointer;
        border: 1px solid white;
    }

        .managed-wordpress .features-area #feature-slider-thumbs .slides li:hover {
            border: 1px solid #dfdfdf;
        }

        .managed-wordpress .features-area #feature-slider-thumbs .slides li.flex-active-slide {
            color: #1da3e8;
            border: 1px solid #dfdfdf;
        }

    .managed-wordpress .features-area #feature-slider-content {
        margin-top: 30px;
    }


        .managed-wordpress .features-area #feature-slider-content li h4 {
            text-transform: none;
        }

@media only screen and (min-width : 768px) {
    .managed-wordpress .features-area #feature-slider-content li .feature-container {
        margin: 0 60px;
    }
}

.flexslider .flex-next {
    opacity: 0.8;
    right: 5px;
}

.flexslider .flex-prev {
    opacity: 0.8;
    left: 5px;
}

.managed-wordpress .faq-area {
    background-color: #efefef;
}

    .managed-wordpress .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: uppercase;
    }

    .managed-wordpress .faq-area h3 a {
        color: #062531;
        font-weight: 600;
        font-family: "Open Sans", sans-serif;
        font-size: 1rem;
    }

    .managed-wordpress .faq-area p {
        color: #909090;
    }

    .managed-wordpress .faq-area .panel {
        border-bottom: 1px solid #86d0ed;
    }

        .managed-wordpress .faq-area .panel:last-child {
            border-bottom: none;
        }

.managed-wordpress .plans-area {
    background: black url(Images/Services/ManagedWordpress/hosting-plans-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

    .managed-wordpress .plans-area .plan-container {
    }

@media only screen and (max-width : 767px) {
    .managed-wordpress .plans-area .plan-container {
        margin: 20px 0;
    }
}

.managed-wordpress .plans-area .plan-container .title {
    height: 89px;
    padding: 15px 5px;
}

    .managed-wordpress .plans-area .plan-container .title h2 {
        font-family: 'Roboto', sans-serif;
        font-size: 27px;
        color: white;
    }

    .managed-wordpress .plans-area .plan-container .title h3 {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
    }

    .managed-wordpress .plans-area .plan-container .title.blue {
        background-color: #2771df;
    }

        .managed-wordpress .plans-area .plan-container .title.blue h3 {
            color: #b1cef8;
        }

    .managed-wordpress .plans-area .plan-container .title.green {
        background-color: #4ccd55;
    }

        .managed-wordpress .plans-area .plan-container .title.green h3 {
            color: #c1fbc5;
        }

    .managed-wordpress .plans-area .plan-container .title.turquoise {
        background-color: #1ccec4;
    }

        .managed-wordpress .plans-area .plan-container .title.turquoise h3 {
            color: #c5faf7;
        }

    .managed-wordpress .plans-area .plan-container .title.purple {
        background-color: #9c00ff;
    }

        .managed-wordpress .plans-area .plan-container .title.purple h3 {
            color: #cb96ed;
        }

.managed-wordpress .plans-area .plan-container .price {
    background-color: white;
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
}

    .managed-wordpress .plans-area .plan-container .price span {
        font-size: 30px;
        font-weight: 500;
    }

.managed-wordpress .plans-area .plan-container .description {
    background-color: white;
    padding: 15px 5px 2px;
}

    .managed-wordpress .plans-area .plan-container .description [data-toggle='tooltip'] {
        border-bottom: 2px dashed #dfdfdf;
        cursor: help;
    }

.managed-wordpress .plans-area .plan-container .order {
    background-color: #ff9712;
    padding: 15px 0;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    height: 60px;
    width: 100%;
    display: block;
}

.managed-wordpress .main-features-area h2 {
    color: #1f1f1f;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px !important;
    text-align: center;
    margin-bottom: 10px;
    /*height: 40px;*/
}

    .managed-wordpress .main-features-area h2::after {
        width: 40px;
        height: 2px;
        margin: 10px auto 0 auto;
        background: #4ad0a9;
        content: "";
        display: block;
    }

.managed-wordpress .main-features-area p {
    color: #737373;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
}

@media only screen and (max-width : 767px) {
    .managed-wordpress .main-features-area .row > div:nth-child(odd) {
        clear: both;
    }
}

@media only screen and (min-width : 768px) {
    .managed-wordpress .main-features-area .row:nth-child(odd) {
        margin-bottom: 50px;
    }
}

.traps .top-area {
    padding: 0;
    background: white url(Images/Services/Traps/header.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 700px;
    position: relative;
}

@media only screen and (min-width : 768px) {
    .traps .gradient-overlay {
        position: relative;
        width: 100%;
        height: 700px;
        background-color: rgba(255,255,255,0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=0, endColorStr=#000000);
    }
}

.traps .top-area .title-content {
    padding-top: 500px;
}

.traps .top-area h1 {
    color: white;
    font-size: 48px;
    font-weight: 600;
}

.traps .top-area h2 {
    color: white;
    font-size: 25px;
    font-weight: 400;
}

.traps .top-area h3 {
    color: white;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0;
}

    .traps .top-area h3 span {
        font-weight: 600;
    }

.traps .top-area p {
    color: white;
    font-size: 16px;
}

.traps .top-area .icons {
    margin-top: 50px;
}

    .traps .top-area .icons span {
        color: white;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

/* mobile */
@media only screen and (max-width : 767px) {
    .traps .top-area {
        height: 300px;
        /*margin-top: -20px;
        background-size: 100%;*/
    }

    .traps h2 {
        font-size: 7vw;
    }

    .traps .mobile-top-area {
        padding: 30px 0;
    }

        .traps .mobile-top-area h1 {
            color: #062531;
            font-size: 42px;
            font-weight: 600;
        }

        .traps .mobile-top-area h2 {
            color: #F58D30;
            font-size: 36px;
        }

        .traps .mobile-top-area h3 {
            color: #062531;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

            .traps .mobile-top-area h3 span {
                font-weight: 600;
            }

        .traps .mobile-top-area p {
            color: #062531;
            font-size: 16px;
        }
}

.traps .description-area {
    background-color: #062531;
    color: white;
}

    .traps .description-area a {
        color: #999;
    }

    .traps .description-area h2 {
        color: white;
    }

    .traps .description-area .price span {
        font-weight: 600;
        font-size: 32px;
    }

    .traps .description-area .fa-check {
        color: #F58D30;
    }

.traps .contact-us-area {
    background-color: #FCE253;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 0 50px;
}

/* faq */

.faq-area {
    background-color: #ececec;
    padding: 60px 0 50px 0;
}

    .faq-area h2 {
        color: #062531;
        font-size: 32px;
        text-transform: none;
        line-height: 40px;
        padding: 0 0 40px 0;
        text-align: center;
    }

    .faq-area h3 a {
        color: #062531;
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        font-size: 16px;
        line-height: 24px;
    }

    .faq-area p {
        color: #505050;
        font-size: 15px;
        line-height: 22px;
    }

    .faq-area .panel {
        border-bottom: 0px solid #c2deed;
        background: #fff;
        padding: 10px 20px;
        margin: 5px 20px 5px 0;
        border-radius: 4px;
        -webkit-box-shadow: 0px 3px 3px -4px rgba(97,97,97,1);
        -moz-box-shadow: 0px 3px 3px -4px rgba(97,97,97,1);
        box-shadow: 0px 3px 3px -4px rgba(97,97,97,1)
    }

        .faq-area .panel:last-child {
            border-bottom: 0px solid #c2deed;
        }

        .faq-area .panel:first-child {
            border-top: 0px solid #c2deed;
        }

    .faq-area .faq-kontakt {
        background: #3d3d3d;
        padding: 10px 20px;
        margin: 5px 0;
        border-radius: 4px;
        -webkit-box-shadow: 0px 3px 3px -4px rgba(97,97,97,1);
        -moz-box-shadow: 0px 3px 3px -4px rgba(97,97,97,1);
        box-shadow: 0px 3px 3px -4px rgba(97,97,97,1);
    }

        .faq-area .faq-kontakt h3 {
            color: #fff;
            font-size: 21px;
            padding: 20px 0 10px 0;
        }

        .faq-area .faq-kontakt p {
            color: #a4a4a4;
            letter-spacing: 0.02em;
        }


/* Domenekampanje */

.domenekampanj {
    padding: 0;
    height: 700px
}

#background-kampanj {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    background-position: center;
}

.kampanj-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 700px;
}

.domenekampanj .kampanj-overlay h1 {
    text-align: left;
    color: #FFF;
    padding-top: 260px;
    font-size: 44px;
    font-weight: 100;
    margin: 0 0 20px 0;
}

.domenekampanj .kampanj-overlay h2 {
    text-align: left;
    color: #FFF;
    font-size: 21px;
    line-height: 28px;
    font-weight: 100;
}

    .domenekampanj .kampanj-overlay h2 span {
        font-weight: 400;
    }

@media (max-width: 767px) {
    .domenekampanj .kampanj-overlay h1 {
        font-size: 44px !important;
        padding-top: 80px !important;
    }

    .domenekampanj .kampanj-overlay h2 {
        font-size: 21px !important;
    }

    .domene-sokkampanj .domain-search-form input {
        font-size: 7vw !important;
    }
}

.domenekampanj .kampanj-overlay .hardomene {
    /*float: right;
    padding: 80px 0 40px 0;*/

    padding-top: 50px;
}

    .domenekampanj .kampanj-overlay .hardomene h3 {
        color: #fff;
        font-size: 18px;
    }

    .domenekampanj .kampanj-overlay .hardomene p {
        color: #ababab;
        font-size: 14px;
        line-height: 22px
    }

.domenekampanj-sok {
    padding: 40px 0 120px 0;
    /* background: #fcf766; */
    color: #000;
    text-align: left
}

    .domenekampanj-sok p {
        color: #fff;
        padding: 0
    }


.domene-sokkampanj .domain-search-form {
    font-family: "Roboto", sans-serif;
    font-size: 45px;
}

    .domene-sokkampanj .domain-search-form input {
        background: transparent;
        padding: 50px 0 20px 0;
        outline: none;
        display: inline;
        height: 60px;
        text-align: left;
        font-size: 60px;
        font-weight: 100;
        color: #b3b3b3;
    }

.css-typing {
    width: 30em;
    white-space: nowrap;
    overflow: hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
    color: #deb979;
}

@keyframes type {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@-webkit-keyframes type {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.domene-sokkampanj .domain-search-form button {
    width: 80px;
    height: 72px;
    padding: 5px;
    color: white;
    vertical-align: top;
    font-size: 14px;
    display: inline-block;
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255) !important
}

.kampanj-intro {
    background-color: #fff;
    padding: 80px 0 0 0;
}

.kampanj-info {
    background-color: #fff;
    padding: 20px 0 40px 0
}


.kampanj-intro h2 {
    font-size: 24px;
    line-height: 34px;
    padding: 30px 0;
    font-weight: 400;
}

.kampanj-info h3 {
    font-size: 21px;
    line-height: 30px;
    padding: 0 0 10px 0;
    font-weight: 400;
}

.kampanj-info h4 {
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: 300;
    color: #a1a1a1;
    padding-bottom: 10px
}

    .kampanj-info h4 a {
        font-size: 16px;
        line-height: 24px;
        text-transform: none;
        font-weight: 300;
        color: #a1a1a1;
        padding-bottom: 10px;
    }

        .kampanj-info h4 a:hover {
            color: #53b6b7;
        }

    .kampanj-info h4 span {
        font-weight: 500;
        color: #53b6b7;
        padding-right: 5px;
    }

.kampanj-intro p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.02em
}

.kampanj-info p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.02em
}

.kampanj-intro .kampanj-info-intro p {
    font-size: 21px;
    line-height: 31px;
    letter-spacing: 0.02em;
    padding-bottom: 20px;
}

.kampanj-info .kampanj-info-intro {
    padding: 20px
}


.kampanj-info .kampanj-info-leftie {
    padding: 20px;
    position: relative;
    text-align: center;
    color: white;
}

.kampanj-info h5 {
    font-size: 24px;
    text-align: center;
    padding: 60px 0 40px 0;
}

.centered-leftie {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
}

    .centered-leftie h2 {
        font-size: 30px;
        line-height: 30px;
        font-weight: 800;
        color: #fff;
        padding: 0;
        margin: 0;
        text-align: center;
        font-family: 'raleway';
        text-transform: uppercase;
        letter-spacing: 0.02em
    }

    .centered-leftie p {
        font-size: 16px;
        line-height: 20px;
        font-weight: 500;
        color: #d6f2f2;
        padding: 0;
        margin: 0;
        text-align: center;
        letter-spacing: 0.04em;
    }

.kampanj-info .kampanj-box {
    padding: 20px;
}

.kampanj-info h5:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 10px;
    font-size: 40px;
    color: #6c52f2;
    vertical-align: middle
}

h5.up:before {
    content: "\f25a";
}