/* #Basic Styles
================================================== */

.blox h1.blox-t, .blox h4.blox-t, .blox h5.blox-t {
    text-align: center;
}

.blox {
    padding: 45px 0 43px;
    clear: both;
    background: #f1f8fc;
    text-shadow: 1px 1px 0 #fff;
}

.blox .btn {
    text-shadow: none;
}

.blox.nopad {
    padding: 0;
    margin: 0;
}

.blox.dark {
    background: #384852;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.73);
}

.blox.gray {
    background: #f1f1f1;
}

.blox.redbox {
    background: #ffc5cb;
    text-shadow: none;
}

.blox.greenbox {
    background: #dbebb9;
    text-shadow: none;
}

.blox.yellowbox {
    background: #f7c218;
    text-shadow: none;
}

.dark.redbox {
    background: #de3059;
    text-shadow: none;
}

.dark.bluebox {
    background: #128abc;
    text-shadow: none;
}

.blox hr {
    border-color: rgba(255, 255, 255, 0.2);
}

.dark.greenbox {
    background: #5aa300;
}

.dark.yellowbox {
    background: #fdb012;
    text-shadow: 1px 1px 0 #837400;
}

.blox.dark * {
    color: #fff;
}

.blox.dark a {
    color: #07add4;
}

.blox.dark a.button {
    color: #fff;
}

.blox.dark a:lhover {
    color: #ff9900;
}

.blox.dark .magic-link a {
    color: #fff;
}

.blox.dark p {
    color: rgba(255, 255, 255, 0.9);
}

.blox.dark small {
    color: rgba(255, 255, 255, 0.8);
}

.bloxcirc {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background: #e53f51 url(../images/ico-bulb1.png) no-repeat center center;
    position: relative;
    margin: -78px auto 21px;
    display: block;
}

.bloxcirc.portx {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin: -58px auto 21px;
    background-color: #0093d0;
}

.bloxcirc.bell-bg {
    background: #e53f51 url(../images/ico-bell1.png) no-repeat center center;
}

.bloxcirc.flash-bg {
    background: #e53f51 url(../images/ico-flash1.png) no-repeat center center;
}

.bloxcirc.eye-bg {
    background: #e53f51 url(../images/ico-eye1.png) no-repeat center center;
}

.bloxcirc.calendar-bg {
    background: #e53f51 url(../images/ico-calendar1.png) no-repeat center center;
}

.bloxcirc.video-bg {
    background: #e53f51 url(../images/ico-video1.png) no-repeat center center;
}

.bloxcirc.clock-bg {
    background: #e53f51 url(../images/ico-clock1.png) no-repeat center center;
}

img.drod {
    padding: 4px;
    background: #f2f6f8;
    border-radius: 7px;
}

.blox img.drod {
    padding: 3px 11px;
    border: 6px solid #d4edf9;
    background: #fafcfd;
    border-radius: 23px;
}

.blox.greenbox img.drod {
    border: 0;
    background: #effad9;
}

/* Super Columns */
.s-qoute-man {
    padding-left: 40px;
    background: url(../images/quote-ico1.html) no-repeat top right;
    margin-right: 10px;
}

.s-qoute-man img, .s-team-man img {
    width: 160px;
    height: 160px;
    border-radius: 80px;
    max-width: 100%;
}

.s-qoute-man .blog-author {
    text-align: center;
}

.alert-info.super {
    background: #fff url(../images/super-info-bg1.png) repeat-x bottom;
    padding: 14px 12px;
    display: block;
    border-color: #b3b9ba;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset;
}

.super p {
    margin: 7px;
}

.blox.dark.bot-blox {
    padding: 14px 0;
    clear: both;
    background: #303740 url(../images/pattern-bg2.png);
    border-top: 5px solid #242e38;
    margin: 0;
}

.dark.bot-blox .magic-link {
    margin: 0;
    float: right;
}

* + html .blox.dark.bot-blox {
    margin-bottom: -21px;
}

.blox.section-bg1 {
    background: url(../images/section-bg1.jpg) no-repeat center;
}

.blox.dark.section-bg2 {
    background: #8a93a4 url(../images/section-bg3.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    min-height: 520px;
    border-top: 5px solid #e5e5e5;
}

.blox.section-bg3 {
    background: url(../images/section-bg2.jpg) no-repeat center;
}

.blox.section-bg4 {
    background: url(../images/contact-mpic1.html) no-repeat center;
}

.blox.section-bg1, .blox.section-bg4, .blox.section-bg5, .blox.section-bg6 {
    height: 380px;
    margin-top: 0;
    padding: 0;
    border-top: 1px solid #d9d9d9;
}

.blox.section-bg5 {
    background: #384852 url(../images/pricing-tpbg1.jpg) no-repeat center;
    height: 260px;
}

.blox.section-bg6 {
    background: #384852 url(../images/pages-tpbg1.jpg) no-repeat center;
    height: 260px;
    border-bottom: 4px solid #e8e8e8;
}

.blox.dark .mex-title {
    border-bottom: 4px solid rgba(255, 255, 255, 0.27);
}

.parallax-sec, .parallax-sec2 {
    background: #eee url(../images/parallax-bg1.jpg) center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    height: 490px;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    position: relative;
}

.parallax-sec article {
    position: relative;
    text-align: center;
    top: 150px;
    height: 120px;
    width: 100%;
}

.parallax-sec .blox, .parallax-sec .blox.dark {
    background: none;
}

.homedark, .aboutdark {
    width: 100%;
    background: #141319 url(../images/slide-pics/slide5-bg.jpg) no-repeat top;
    height: 560px;
    border-bottom: 4px solid #f1f1f1;
    position: relative;
}

.ElementPage .parallax {
    background: #eee url(../images/about-ext-img1.jpg) center top fixed;
    height: 400px;
    border: none;
}

.homedark #nav a {
    color: #fff;
}

.homedark #nav ul a {
    color: #595959;
}

.homedark #header {
    border-bottom: 3px solid rgba(255, 255, 0255, 0.09);
}

.homedark #search-form, .homedark #search-form2 {
    opacity: 0.77;
}

.homedark .slogan {
    padding-right: 10%;
    float: right;
}

.aboutdark .slogan {
    position: absolute;
    bottom: 10%;
    right: 7%;
    float: none;
}

.aboutdark.wpabtdrk {
    background: none;
    border: none;
}

.slogan h1 {
    font-size: 67px;
    line-height: 80px;
}

.homedark h1, .homedark h2, .homedark h3, .homedark h4, .homedark h5, .homedark h6, .homedark p {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
}

.slogan span, .blox.dark .slogan span {
    color: #fc4f4f;
}

@media only screen and (max-width: 767px) {
    .blox.dark, .blox.gray {
        height: auto;
    }

    .homedark #nav a {
        color: #595959;
    }
}

@media only screen and (max-width: 959px) {
    .parallax-sec {
        background-repeat: repeat;
        background-size: 960px auto;
        height: 400px;
    }

    .homedark {
        height: auto;
        background-size: cover;
    }

    .slogan h1 {
        font-size: 41px;
        line-height: 53px;
    }

    .aboutdark .slogan {
        position: relative;
        right: auto;
        margin: 0 auto;
        padding: 3%;
    }
}