.features .fa,
a {
    transition: .1s ease-out
}

.domains,
.features,
.header,
.start .container .col-md-4 h4,
.support {
    text-align: center
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background-color: #202020;
    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, .3);
    border-bottom: 0;
    border-top: 2px solid #d74444
}

::-moz-selection {
    background: #d74444;
    color: #fff
}

::selection {
    background: #d74444;
    color: #fff
}

body {
    background-color: #000;
    font-family: Montserrat, sans-serif
}

::-webkit-scrollbar {
    width: 11px;
    background-color: #e7e7e7
}

::-webkit-scrollbar-thumb {
    background-color: #d74444;
    border-radius: 2px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #ea5252;
    border-radius: 10px
}

hr {
    border-color: #dfdfdf
}

a {
    color: #7d7d7d
}

a:active,
a:focus,
a:hover {
    color: #d74444;
    text-decoration: none;
    transition: .1s ease-out
}

p {
    color: #717171
}

.btn-success {
    background-color: #d74444;
    border-color: transparent;
    border-radius: 2px;
    transition: 50ms ease-out
}

.btn-success:focus,
.btn-success:hover {
    background-color: #ea5252 !important;
    color: #fff;
    border-color: #ea5252
}

.header {
    padding-bottom: 94px
}

.header .container h1 {
    padding-top: 20px;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, .3);
    color: #e2e2e2;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: default
}

.header .container h1 span,
.start .container .col-md-4 ul .fa,
.whyus .container .col-md-7 h2 b:hover {
    color: #d74444
}

.header .container h2 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 29px;
    color: #9b9b9b;
    padding-bottom: 30px
}

.h .btn-success {
    font-weight: 400;
    font-size: 25px !important;
    margin-right: 10px;
    padding-right: 35px;
    padding-left: 35px;
    text-transform: uppercase;
    border-radius: 2px;
    opacity: .9;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7)
}

.diff .container .col-md-6 img,
.domains .container input,
.standalone .container {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.h {
    padding-top: 50px;
    padding-bottom: 20px
}

.h .btn-success:focus,
.h .btn-success:hover {
    background-color: #ea5252;
    border-color: #d74444;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, .4);
    opacity: 1
}

.top {
    background-color: rgba(0, 0, 0, .6);
    padding: 12px 18px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.diff,
.features,
.quote,
.start {
    background-color: #e7e7e7
}

.top a {
    margin-left: 10px
}

.top p {
    color: #7d7d7d
}

.features {
    border-radius: 2px;
    padding-top: 35px;
    padding-bottom: 50px
}

.features .fa {
    font-size: 66px;
    color: #4b4b4b;
    padding: 8% 10%;
    border: 1px solid #b4b4b4;
    border-radius: 100%
}

.features .active .fa,
.features .fa:hover {
    background-color: #d74444;
    color: #fff
}

.features .col-md-4 {
    padding-top: 30px
}

.whyus {
    padding-top: 60px;
    padding-bottom: 60px
}

.whyus .container h2 {
    font-size: 36px;
    color: #bfbfbf;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, .2)
}

.whyus .container .col-md-2 .btn-info {
    color: #d74444;
    font-size: 23px;
    margin-top: 42px;
    background-color: rgba(215, 68, 68, .1);
    border-color: #d74444;
    padding-left: 25px;
    padding-right: 25px
}

.whyus .container .col-md-2 .btn-info:focus,
.whyus .container .col-md-2 .btn-info:hover {
    background-color: #d74444;
    color: #fff;
    border-color: transparent
}

.whyus .container .col-md-7 h2 b {
    border-bottom: 1px solid #d74444;
    cursor: default;
    transition: .4s ease-out
}

.quote,
.start {
    padding-top: 50px;
    padding-bottom: 60px
}

.start img {
    max-width: 40px;
    height: 40px
}

.start .container h2 {
    font-size: 42px;
    padding-bottom: 20px;
    color: #979797
}

.start .container .col-md-4 {
    border-top: 4px solid #d4d4d4;
    padding: 11px 23px;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    cursor: default;
    background-color: #fff;
    opacity: .9;
    max-width: 95%;
    transition: .6s ease-out
}

.start .container .col-md-4:hover {
    transition: .6s ease-out;
    border-color: #d74444 #dfdfdf #dfdfdf;
    opacity: 1;
    padding-right: 24px;
    padding-left: 24px
}

.start .container .col-md-4 .fa {
    color: #dcdcdc
}

.start .container .col-md-4 h3 {
    color: #d74444;
    text-align: center;
    font-size: 33px;
    padding: 14px 25px;
    border-radius: 5px
}

.start .container .col-md-4 ul {
    list-style: none
}

.start .container .col-md-4 ul li {
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #717171;
    font-weight: 400
}

.start .container .col-md-4 h4 {
    padding-top: 8px;
    font-size: 20px
}

.diff .container .col-md-6 h2,
.support h3,
.web .h h1 {
    font-size: 35px
}

.start .container .col-md-4 h4 span {
    font-size: 25px;
    color: #6a6a6a;
    border-bottom: 1px dotted #d0d0d0
}

.start .container .col-md-4 h4 span:hover {
    border-color: #6a6a6a
}

.start .container .col-md-4 .btn-success {
    font-size: 19px
}

.start .container .col-md-4 .btn-success:focus,
.start .container .col-md-4 .btn-success:hover {
    background-color: #ea5252;
    border-color: #d74444 !important
}

.domains {
    padding-top: 40px;
    padding-bottom: 40px
}

.domains .container,
.gs .container h2 span,
.support {
    padding-bottom: 20px
}

.domains .container {
    padding-top: 10px;
    transition: .8s ease-out
}

.domains .container h2 {
    font-size: 35px;
    color: #a9a9a9;
    padding-bottom: 20px;
    text-shadow: 2px 4px 3px rgba(0, 0, 0, .3)
}

.domains .container input {
    width: 100%
}

.domains .container .form-control {
    background-color: rgba(215, 68, 68, .2);
    color: #a7a7a7;
    font-size: 24px;
    border-color: rgba(0, 0, 0, .4);
    height: 60px;
    border-radius: 16px !important
}

.domains .container .btn-default {
    height: 60px;
    background-color: transparent;
    color: #fff;
    border-color: transparent;
    font-size: 30px
}

.domains .container .btn-success {
    height: 60px;
    margin-left: 5px;
    border-radius: 20px 2px
}

.domains .container .form-control:focus {
    outline: 0 !important;
    box-shadow: none;
    border-color: #d74444;
    background-color: rgba(215, 68, 68, .1)
}

.diff {
    padding-top: 50px
}

.diff .container .col-md-6 p {
    font-size: 18px
}

.diff .container .col-md-6 img {
    margin-top: 16%;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.quote .blockquote,
.quote .blockquote-reverse {
    border-color: #b5b5b5;
    margin-top: 10px;
    transition: .5s ease-out
}

.quote .blockquote p,
.quote .blockquote-reverse {
    font-size: 21px
}

.quote .blockquote-reverse:hover,
.quote .blockquote:hover {
    border-color: #d74444
}

.support {
    background-color: #0c0c0c;
    padding-top: 20px;
    border-bottom: 1px solid #212121
}

.aweb,
.gs {
    padding-top: 30px
}

.support h3 {
    color: #878787
}

.support .container .btn-success {
    background-color: #000;
    color: #878787;
    border-color: #878787;
    font-size: 24px;
    margin-left: 8px
}

.support .container .btn-success:focus,
.support .container .btn-success:hover {
    border-color: #d74444;
    background-color: #d74444;
    color: #fff;
    box-shadow: 0
}

.footer .container {
    border: 1px solid #212121;
    margin-top: 80px;
    background-color: rgba(0, 0, 0, .5);
    padding: 40px 60px;
    border-radius: 0
}

.aweb .col-md-7 .fa-star,
.gs .lg {
    border-radius: 5px;
    background-color: #000
}

.footer .flogo {
    width: 160px;
    height: 50px;
    max-width: 72%;
    padding-bottom: 5px
}

.footer .col-md-3 li {
    font-size: 16px;
    list-style: none;
    margin-top: 12px
}

.footer .col-md-3 li a {
    color: #6a6a6a
}

.footer .col-md-3 li a:hover {
    padding-left: 4px;
    color: #ea5252
}

.footer .col-md-2 .fa {
    font-size: 36px;
    margin-right: 8px;
    margin-top: 4px;
    opacity: .6
}

.footer .col-md-2 .fa:hover {
    color: #ea5252;
    opacity: 1
}

.footer .col-md-2 .fa-facebook-square:hover {
    color: #3b5998
}

.footer .col-md-2 .fa-twitter-square:hover {
    color: #1da1f2
}

.footer .col-md-2 .fa-google-plus-square:hover {
    color: #dd4b39
}

.footer .col-md-2 .fa-instagram:hover {
    color: #f56040
}

.footer .col-md-2 .fa-youtube-square:hover {
    color: #cd201f
}

.footer .col-md-2 .fa-linkedin-square:hover {
    color: #00a0dc
}

.web .header,
.web .start {
    padding-bottom: 0
}

.web .h {
    text-align: left;
    padding-top: 0 !important
}

.web .start .container h2 {
    font-size: 32px
}

.web .start .container .col-md-4 h3 {
    font-size: 36px
}

.aweb {
    padding-bottom: 60px;
    background-color: #e7e7e7
}

.features-3,
.gs {
    padding-bottom: 30px;
    background-color: #e7e7e7
}

.aweb .col-md-7 p {
    font-size: 20px
}

.aweb .col-md-7 h3 {
    font-size: 30px;
    padding-bottom: 9px
}

.aweb .col-md-7 h2 {
    font-size: 32px;
    text-align: center;
    padding: 55px;
    background-color: #d74444;
    color: #fff;
    font-weight: 300;
    border-radius: 4px
}

.aweb .col-md-7 .fa-star {
    color: #fff700;
    opacity: .6;
    padding: 9px
}

.logos img {
    padding-top: 20px;
    margin-left: 20px;
    max-width: 30%;
    height: 100px;
    opacity: .8;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.gs .lg {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 20px 30px;
    min-height: 140px;
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    border: 4px solid transparent;
    transition: 1s ease-out;
    cursor: default;
    opacity: .9
}

.gs .lg:hover {
    border-color: #d74444;
    padding: 120px 160px;
    opacity: 1
}

.gs .lg .col-md-7 {
    background-color: rgba(0, 0, 0, .4)
}

.gs .lg .col-md-7 h2 {
    color: #b7b7b7;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, .3);
    font-size: 23px;
    font-weight: 700
}

.gs .lg .col-md-7 p {
    font-size: 17px;
    color: #a1a1a1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.gs .lg .col-md-3 h3 {
    font-weight: 400;
    color: #d74444;
    font-size: 30px;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .4), 0 4px 11px rgba(0, 0, 0, .1), 0 14px 19px rgba(0, 0, 0, .1)
}

.gs .lg .col-md-3 .btn-success {
    font-size: 19px;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .4);
    padding: 4px 21px
}

.features-3 .col-md-4 {
    padding: 40px 30px;
    border-radius: 30px;
    transition: 1s ease-out;
    border-top: 1px solid transparent;
    opacity: .9
}

.features-3 .col-md-4:hover {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .2);
    padding-left: 35px;
    transition: 1s ease-out;
    color: #d74444 !important;
    opacity: 1
}

.features-3 .col-md-4 h2 {
    font-weight: 400;
    font-size: 29px
}

.features-3 .col-md-4 .fa {
    color: #ea5252
}

.standalone {
    background-color: #e7e7e7
}

.standalone .container {
    padding-top: 50px;
    max-width: 900px;
    text-align: center
}

.standalone .container img {
    background-color: #080808;
    padding: 18px 21px;
    border: 1px solid #d74444;
    max-width: 260px
}

.standalone .container h3 {
    font-size: 24px;
    padding-bottom: 20px
}

.standalone .container h4 {
    text-align: left;
    padding-top: 20px
}

.standalone .container p {
    text-align: left
}

.standalone .container a h2 {
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 25px
}

@media (min-width:767px) and (max-width:995px) {
    .navbar-default li a {
        font-size: 12px;
        font-weight: 300
    }
}

@media (max-width:767px) {
    body .container {
        max-width: 100% !important
    }

    .footer .col-md-3 li a,
    .top .container {
        padding: 0;
        margin: 0
    }

    .top .container .pull-left p {
        display: none
    }

    .navbar-brand {
        margin-left: 3px;
        max-width: 200px !important
    }

    .header .container {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .header .h h1 {
        font-size: 36px
    }

    .header .h h2 {
        font-size: 25px
    }

    .header .h .btn-success {
        font-size: 19px !important;
        padding-right: 15px;
        padding-left: 15px
    }

    .whyus .container .col-md-7 h2 {
        font-size: 22px;
        text-align: center
    }

    .whyus .container .col-md-2 .btn-info {
        margin-left: auto;
        margin-right: auto;
        display: block
    }

    .start h2 {
        font-size: 25px !important;
        padding-left: 6px;
        padding-bottom: 0
    }

    .start .container .col-md-4 {
        margin-top: 14px;
        max-width: 99%
    }

    .start .container .col-md-4 h3 {
        font-size: 30px !important
    }

    .domains .container .form-control,
    .start .container .col-md-4 ul li {
        font-size: 15px
    }

    .domains .container .btn-default {
        font-size: 18px
    }

    .diff {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .diff .container .col-md-6 img {
        max-width: 90%
    }

    .support .container .btn-success {
        margin-top: 14px
    }

    .footer .container {
        padding-left: 31px;
        margin: 0
    }

    .footer .col-md-3 {
        padding-left: 12px
    }

    .footer .col-md-3 li {
        text-align: left !important
    }

    .footer .col-md-2 .fa {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .footer .col-md-4 .flogo {
        margin-top: 8px
    }

    .gs .lg:hover {
        padding: 20px 30px
    }

    .logos img {
        margin-left: 0
    }
}