html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

body.cbp-spmenu-push-toleft .header-wrapper {
    left: 0px !important;
}

.header-wrapper {
    position: fixed;
    top: 0 !important;
    width: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    float: left;
    left: 0px !important;
}

    .header-wrapper, .header-wrapper header {
        -webkit-transition: all 1s ease -in-out;
        -moz-transition: all 0.5s ease -in-out;
        -ms-transition: all 0.5s ease -in-out;
        -o-transition: all 0.5s ease -in-out;
        transition: all 0.5s ease -in-out;
    }

        .header-wrapper .mobile-menu-dropdown, .header-wrapper .mobile-menu {
            display: none;
        }

        .header-wrapper .mobile-menu {
            float: right;
            margin: 11px;
            cursor: pointer;
            width: 15px;
            height: 10px;
            text-indent: -99px;
            overflow: hidden;
            display: none;
            background: url(../img/mobile-menu.png) no-repeat;
        }

        .header-wrapper.withscroll .mobile-menu {
            background-position: 100%;
        }

        .header-wrapper .mobile-menu-dropdown {
            position: absolute;
            background: rgba(0, 0, 0, 0.6);
            top: 100%;
            height: 0px;
            width: 100%;
            padding: 1% 0;
            font-size: 11px;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }

            .header-wrapper .mobile-menu-dropdown.active {
                top: 100%;
                height: 200px;
            }

            .header-wrapper .mobile-menu-dropdown li {
                margin-right: 10px;
                display: block;
                width: 100%;
                border-top: 1px solid #989898;
                padding: 6px 0px;
            }

            .header-wrapper.withscroll .mobile-menu-dropdown nav, .header-wrapper .mobile-menu-dropdown nav {
                margin-top: 0;
            }

                .header-wrapper .mobile-menu-dropdown nav li a.active {
                    color: #000000;
                }

            .header-wrapper .mobile-menu-dropdown .contact-link {
                margin-right: 0;
            }

        .header-wrapper.withscroll .mobile-menu-dropdown, .header-wrapper.withscroll .mobile-menu-dropdown a {
            color: white;
        }

        .header-wrapper .mobile-menu-dropdown .header-right span {
            font-size: 11px;
        }

        .header-wrapper .mobile-menu-dropdown .header-right a {
            margin-right: 6px;
        }

        .header-wrapper.withscroll {
            background: rgba(255, 255, 255, 1);
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

        .header-wrapper header {
            padding: 20px 0 21px;
            color: white;
        }

        .header-wrapper.withscroll header {
            color: black;
        }

        .header-wrapper a, .header-wrapper.withscroll a {
            color: white;
        }

        .header-wrapper.withscroll a {
            color: black;
        }

        .header-wrapper.withscroll .header-right a {
            border: solid 2px #FF8627;
            background: #FF8627;
            /*border-bottom: solid 2px #AF4D00;*/
            color: #000;
        }

        .header-wrapper.withscroll .logo1 {
            float: left;
            background: url(../img/logo-blacknew.png) no-repeat;
            background-size: 100%;
        }

            .header-wrapper.withscroll .logo1 img {
                opacity: 0;
            }

        .header-wrapper.withscroll nav {
        }

        .header-wrapper.withscroll .header-right {
        }

        .header-wrapper .logo1 img {
            opacity: 1;
            margin-top: 15px;
        }

        .header-wrapper .logo1 {
            float: left;
            display: block;
            overflow: hidden;
            background-image: none;
        }

        .header-wrapper nav {
            margin-left: 72px;
            float: left;
            margin-top: 38px;
        }

            .header-wrapper nav li {
                float: left;
                margin-right: 10px;
                text-transform: uppercase;
                font-family: 'Muli', sans-serif, Arial, Tahoma;
                font-weight: 500;
            }

                .header-wrapper nav li a {
                    display: block;
                    line-height: 1.7;
                    padding: 5px 20px;
                    font-size: 13px;
                    font-family: 'Muli', sans-serif, Arial, Tahoma;
                    font-weight: bold;
                }

                    .header-wrapper nav li a.active {
                        background: #e8e8e8;
                        border-radius: 15px;
                        color: #3d3d3d;
                    }

        .header-wrapper .header-right {
            float: right;
            text-transform: uppercase;
            margin-top: 30px;
        }

            .header-wrapper .header-right a {
                border: solid 2px white;
                padding: 4px 10px;
                border-radius: 4px;
                float: right;
                color: #000;
                margin-right: 16px;
                font-family: 'Muli', sans-serif, Arial, Tahoma;
                font-weight: 400;
                background: #fff;
            }

            .header-wrapper .header-right span {
                float: right;
                font-size: 17px;
                line-height: 1.7;
                font-weight: normal;
                font-family: 'Muli', sans-serif, Arial, Tahoma;
                font-weight: 400;
                margin-top: -7px;
            }

.top-call-icon {
    float: left;
    margin-left: 5px;
    margin-right: 3px;
    margin-top: 5px;
}

.scroller_anchor {
    height: 1px;
    margin-top: 10px;
    position: absolute;
    width: 100%;
}

body {
    font: normal 13px/1.2 Ubuntu;
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    body.cbp-spmenu-push-toleft {
        left: 0px !important;
        position: relative !important;
    }

.wrapper {
    position: relative;
}

.main-width {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.section-head {
    text-align: center;
}

    .section-head h2 {
        font-size: 50px;
        text-transform: uppercase;
        color: #565656;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    .section-head h4 {
        font-size: 18px;
        color: #6c6c6c;
        padding: 10px 0;
    }

input[type="text"] {
    padding: 3%;
    width: 94%;
}

textarea {
    padding: 1%;
    width: 98%;
    height: 100px;
}

input[type="submit"], input[type="button"] {
    padding: 2% 0;
    width: 100%;
    text-align: center;
    box-shadow: 2px 2px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.5);
    cursor: pointer;
    color: #e65e4d;
    text-transform: uppercase;
    font-size: 18px;
    background: white;
}

input[type="submit"], input[type="button"], input[type="text"], input[type="email"], input[type="password"], textarea {
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-border-radius: 3px;
    font-family: 'muliregular';
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
        -webkit-box-shadow: 0 0 0 2px #2e9fff;
        -moz-box-shadow: 0 0 0 2px #2e9fff;
        -ms-box-shadow: 0 0 0 2px #2e9fff;
        -o-box-shadow: 0 0 0 2px #2e9fff;
        box-shadow: 0 0 0 2px #2e9fff;
    }

.bx-pager {
    text-align: center;
    width: 100%;
    padding: 5px 0 0;
}

    .bx-pager .bx-pager-item {
        display: inline-block;
    }

        .bx-pager .bx-pager-item a {
            border-radius: 15px;
            width: 8px;
            height: 8px;
            display: -moz-inline-stack;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            zoom: 1;
            *display: inline;
            margin: 2px;
            overflow: hidden;
            text-indent: -100px;
            background: #c9c9c9;
            cursor: pointer;
        }

            .bx-pager .bx-pager-item a.active {
                background: #353535;
            }

footer {
    background: black;
    color: #848484;
    font-size: 15px;
    padding: 10px 0;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    font-weight: 400;
}

    footer a {
        color: #848484;
    }

        footer a:hover {
            color: white;
            text-decoration: underline;
        }

    footer h4 {
        font-size: 12px;
        color: white;
        border-bottom: dotted 1px #848484;
        padding-bottom: 10px;
    }

.footer-toggle {
    padding-top: 30px;
    display: none;
    padding-bottom: 10px;
}

.footer-top-row {
    overflow: hidden;
}

.footer-col {
    float: left;
    width: 20%;
    padding-right: 5%;
}

    .footer-col ul {
        line-height: 26px;
        margin-top: 10px;
    }

.footer-links {
    text-align: center;
    line-height: 18px;
    padding: 12px 0;
}

.copyright {
    padding: 20px 0;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    font-weight: 300;
}

.copyright, .toggle-link {
    text-align: center;
}

.toggle-link {
    text-transform: uppercase;
}

    .toggle-link span {
        cursor: pointer;
        position: absolute;
        right: 25px;
        bottom: 18px;
    }

        .toggle-link span:hover {
            color: white;
        }

        .toggle-link span.hide-link {
            display: none;
        }

    .toggle-link.active span.hide-link {
        display: block;
    }

    .toggle-link.active span.show-link {
        display: none;
    }

.buttonset #showRightPush {
    background: url(../img/mobile-menu.png) left top no-repeat;
    width: 50px;
    height: 34px;
    border: none;
    font-size: 0px;
    text-indent: -9999px;
}

.clebrating-icon {
    float: left;
    margin-right: 20px;
}

.header-wrapper.withscroll .celebrate-withscroll {
    background: url(../img/celebrating-icon-grey.png) no-repeat;
    float: left;
}

    .header-wrapper.withscroll .celebrate-withscroll img {
        opacity: 0;
    }

.mid-section-banner {
    width: 1000px;
    margin: auto;
}

    .mid-section-banner p {
        color: #fff;
        margin: auto;
        text-align: center;
        font-family: "Muli",sans-serif,Arial,Tahoma;
        font-size: 19px !important;
    }

.mailstyle {
    padding: 3%;
    width: 94%;
}

.sec-code {
    padding-bottom: 8px;
}

.buttonset #showRightPush:hover {
    cursor: pointer;
    font-size: 0px;
    text-indent: -9999px; /* background-position:0px -30px;*/
}

.buttonset {
    width: auto;
    float: right;
    padding: 5px 0 0 15px;
}

    .buttonset #showRightPush.active {
        cursor: pointer;
        font-size: 0px;
        text-indent: -9999px;
    }

.buttonset {
    width: auto;
    float: right;
    padding: 0 0 0 15px;
}

.withscroll .buttonset #showRightPush {
    background: url(../img/mobile-menu.png) left top no-repeat;
    width: 50px;
    height: 34px;
    border: none;
    font-size: 0px;
    text-indent: -9999px;
}

    .withscroll .buttonset #showRightPush:hover { /*background-position:0px -30px;*/
        cursor: pointer;
    }

.cbp-spmenu-vertical a.close_btn {
    width: auto;
    float: right;
    font-size: 18px;
    color: #fff;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
}

    .cbp-spmenu-vertical a.close_btn:hover {
        background: none;
    }
/* video banner start here */
.videoouter {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
/*.video-banner {display:none;}*/

html[data-useragent*='MSIE 10.0'] .video-banner video {
    opacity: 0;
    z-index: 7;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

html[data-useragent*='MSIE 10.0'] .video-banner .text-and-button {
    position: absolute;
    top: 250px;
    z-index: 99;
    width: 100%;
}

html[data-useragent*='MSIE 10.0'] .video-banner .text {
    font-family: Arial;
    opacity: 1;
    margin: 0px 0px 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 70px;
    line-height: 110%;
    font-weight: normal;
}

html[data-useragent*='MSIE 10.0'] .down-button {
    opacity: 1;
    display: block;
    height: 100px;
    margin: 15px auto 0;
    width: 101px;
    background-image: url('../img/down-button.png');
}

    html[data-useragent*='MSIE 10.0'] .down-button:hover {
        background-position: 0px -100px;
    }
/*.video-banner {width: 100%; height:1090px; background: #000000 url(../img/background-image.jpg) center top no-repeat; position: relative; background-size:100% 100%; overflow: hidden;}*/
.video-banner {
    width: 100%;
    height: 500px;
    background: #000000 url(../img/background-image.jpg) center top no-repeat;
    background-size: 100% 100%;
    background-color: #000000;
    display: block;
    overflow: hidden;
    position: relative;
}

    .video-banner video {
        opacity: 0;
        z-index: 7;
        position: absolute;
        top: 0px;
        left: 0px;
    }

.banner-background {
    width: 100%;
    opacity: 0;
    z-index: 5;
    position: absolute;
    top: 0px;
    left: 0px;
}

.black-gradient {
    width: 100%;
    height: 195px;
    position: absolute;
    background-image: none;
    top: 0px;
    left: 0px;
    z-index: 20;
}

.pattern-filter {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: none;
    width: 100%;
    z-index: 15;
}

.color-filter {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: none;
    width: 100%;
    z-index: 10;
}

.video-banner .text-and-button {
    position: relative;
    top: 250px;
    z-index: 30;
    width: 100%;
}

.video-banner .text {
    font-family: 'muliregular';
    opacity: 0;
    margin: 0px 0px 10px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 50px;
    line-height: 110%;
    font-weight: normal;
}

.displaynone {
    display: none;
}

.video_btn:hover {
    background-position: 0px -65px;
}

.header_top_blank {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    height: 110px;
}

.cbp-spmenu ul.top_menu {
    margin: 0px;
    padding: 10px 0px 25px;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

    .cbp-spmenu ul.top_menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        font-size: 14px;
    }

        .cbp-spmenu ul.top_menu li a {
            color: #d9d9d9;
            line-height: normal;
            font-size: 14px;
        }

            .cbp-spmenu ul.top_menu li a:hover {
                color: #8c8c8c;
            }

.cbp-spmenu ul.btm_menu {
    margin: 0px;
    padding: 0px;
}

    .cbp-spmenu ul.btm_menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        font-size: 14px;
    }

        .cbp-spmenu ul.btm_menu li a {
            color: #8c8c8c;
            line-height: normal;
            font-size: 14px;
            font-family: 'Muli', sans-serif, Arial, Tahoma;
        }

            .cbp-spmenu ul.btm_menu li a:hover {
                color: #d9d9d9;
            }

.cbp-spmenu ul.social_media {
    padding: 25px 15px;
    margin: 0px;
}

    .cbp-spmenu ul.social_media li {
        list-style: none;
        padding: 0 5px 0 0px;
        margin: 0px;
        display: inline-block;
    }

        .cbp-spmenu ul.social_media li.fb a {
            width: 20px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 20px;
            background: url(../img/fb.png) left top no-repeat;
        }

            .cbp-spmenu ul.social_media li.fb a:hover {
                background-position: 0px -22px;
            }

        .cbp-spmenu ul.social_media li.tw a {
            width: 22px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 21px;
            background: url(../img/tw.png) left top no-repeat;
        }

            .cbp-spmenu ul.social_media li.tw a:hover {
                background-position: 0px -22px;
            }

        .cbp-spmenu ul.social_media li.gp a {
            width: 20px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 20px;
            background: url(../img/gp.png) left top no-repeat;
        }

            .cbp-spmenu ul.social_media li.gp a:hover {
                background-position: 0px -22px;
            }

        .cbp-spmenu ul.social_media li.insta a {
            width: 20px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 20px;
            background: url(../img/insta.png) left top no-repeat;
        }

            .cbp-spmenu ul.social_media li.insta a:hover {
                background-position: 0px -22px;
            }

        .cbp-spmenu ul.social_media li.in a {
            width: 20px;
            padding: 0px;
            margin: 0px;
            float: left;
            height: 20px;
            background: url(../img/in.png) left top no-repeat;
        }

            .cbp-spmenu ul.social_media li.in a:hover {
                background-position: 0px -22px;
            }


.cont_info_right {
    width: auto;
    float: left;
    padding: 0 15px;
    margin: 0px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 24px;
}

    .cont_info_right span {
        width: 100%;
        float: left;
        padding: 0 0 5px;
        margin: 0px;
        font-size: 28px;
        font-weight: normal;
        color: #fff;
    }

ul.contact-form li input[type="submit"] {
    background: none;
    border: 2px solid #FFF;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: table;
    display: inline-block \9;
    float: none;
    margin: 16px auto;
    padding: 2% 12%;
    text-transform: uppercase;
    width: auto;
    ont-size: 18px;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

    ul.contact-form li input[type="submit"]:hover {
        color: #000;
        background: none;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
        border: 2px solid #FFD0CE;
    }

.suc-msg {
    background: none repeat scroll 0 0 #FD8900;
    border-radius: 4px;
    box-shadow: 0 0 5px #000000;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    margin: 0 auto 20px;
    padding: 0;
    text-align: center;
    width: 90%;
    font-family: 'muliregular';
    font-style: normal;
    margin-top: 10px;
}

@font-face {
    font-family: 'HelveticaBold';
    url('helvetica_bold-webfont.html#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mulilight';
    url('muli-light-webfont.svg#mulilight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'muliregular';
    url('muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'muliregular';
        src: url('muli-regular-webfont.svg#muliregular') format('svg');
    }
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: local('Muli Light'), local('Muli-Light'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/_fUwxgthNvUM9WCtMyMvbA.woff) format('woff');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
}

@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 300;
    src: local('Muli Light Italic'), local('Muli-LightItalic'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/Q5N_zd0042xOVES9NXt9Qj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Muli';
    font-style: italic;
    font-weight: 400;
    src: local('Muli Italic'), local('Muli-Italic'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/9pglA9mmygCxuxvISUrc-g.woff) format('woff');
}

.services-section, .portfolio-section, .about-section, .contact-section, footer {
    position: relative;
    z-index: 10;
}
/*#slides{position:fixed !important;left:0;top:0;z-index:-1;}*/
#slides .slides-container {
    display: none;
}

.slider-height {
    overflow: hidden;
}

#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}

    #slides .scrollable:after {
        content: "";
        display: table;
        clear: both;
    }

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

    .slides-navigation a {
        position: absolute;
        display: block;
        width: 15px;
        height: 26px;
        text-indent: -999px;
        overflow: hidden;
    }

        .slides-navigation a.prev {
            left: 10%;
            background-image: url(../img/bt-prev.png);
        }

        .slides-navigation a.next {
            right: 10%;
            background-image: url(../img/bt-next.png);
        }

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

    .slides-pagination a {
        border-radius: 15px;
        width: 10px;
        height: 10px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 2px;
        overflow: hidden;
        text-indent: -100px;
        background: #c9c9c9;
    }

        .slides-pagination a.current {
            background: #3d3d3d;
        }

.banner-content {
    margin-top: 326px;
    color: white;
}

    .banner-content h3 {
        font-size: 48px;
    }

    .banner-content p {
        font-size: 22px;
        line-height: 1.4;
    }

    .banner-content span {
        font-size: 14px;
        color: #878787;
        display: block;
        margin-top: 5px;
    }

.services_anchor {
    position: absolute;
    left: 0;
    width: 100%;
    top: -65px;
}

@media only screen and (min-width:768px) {
    .l-page.top-space-large {
        margin-top: 94px;
    }

    #knob-icons span {
        position: absolute;
        display: block;
        white-space: nowrap;
        text-transform: uppercase;
        font-weight: normal;
        opacity: 0;
    }

    #knob-icons .gfx-v-mail span {
        right: 143px;
        text-align: right;
        top: 44px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #knob-icons .gfx-v-globe span {
        right: 135px;
        text-align: right;
        top: 49px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #knob-icons .gfx-v-comments span {
        left: -126px;
        top: -31px;
        width: 370px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #knob-icons .gfx-v-social span {
        left: 132px;
        text-align: left;
        top: 49px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #knob-icons .gfx-v-mobile span {
        left: 133px;
        text-align: left;
        top: 42px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    .hpk {
        margin-top: 0;
        height: 588px;
        position: relative;
    }

    .hpk-circle-wrapper {
        height: 588px;
        overflow: hidden;
        position: relative;
    }

    .hpk-circle {
        width: 790px;
        height: 750px;
        margin: 0 auto;
        position: relative;
        border: 1px dashed #c0c0c0;
        border-radius: 50%;
        position: absolute;
        margin-left: -397px;
        left: 50%;
        top: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transition: opacity 1s ease;
        -moz-transition: opacity 1s ease;
        -o-transition: opacity 1s ease;
        transition: opacity 1s ease;
    }

    .animate .hpk-circle {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .knob {
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        text-align: center;
        z-index: 10;
        margin-left: 24px;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5s ease;
        -ms-transition: all 1.5s ease;
        -o-transition: all 1.5s ease;
        transition: all 1.5s ease;
    }

    .animate .knob {
        width: 120px;
        height: 120px;
        margin-left: 0;
    }

    .knob-circle {
        position: absolute;
        width: 180px;
        height: 180px;
        border-radius: 50%;
        text-align: center;
        left: 0;
    }

    .animate .knob-circle {
        margin-left: 0;
        width: 120px;
        height: 120px;
        left: 0;
    }

    .knob-circle img {
        height: auto;
    }

    @-moz-keyframes blink {
        0% {
            -moz-transform: scale(0.9);
            transform: scale(0.9);
        }

        42% {
            -moz-transform: scale(1);
            transform: scale(1);
        }

        100% {
            -moz-transform: scale(0.9);
            transform: scale(0.9);
        }
    }

    @-webkit-keyframes blink {
        0% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

        42% {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }
    }

    @-o-keyframes blink {
        0%;

{
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

42% {
    -o-transform: scale(1);
    transform: scale(1);
}

100% {
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

}

@-ms-keyframes blink {
    0% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    42% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes blink {
    0% {
        transform: scale(0.9);
    }

    42% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.9);
    }
}

.animate .knob a.active {
    -webkit-animation: blink 1.5s infinite ease-in-out;
    -moz-animation: blink 1.5s infinite ease-in-out;
    -ms-animation: blink 1.5s infinite ease-in-out;
    -o-animation: blink 1.5s infinite ease-in-out;
    animation: blink 1.5s infinite ease-in-out;
}

.animate .gfx-v-mail a.active {
    box-shadow: 0 0 0 3px white, 0 0 0 6px #83B444;
}

.animate .gfx-v-globe a.active {
    box-shadow: 0 0 0 3px white, 0 0 0 6px #FFBC31;
}

.animate .gfx-v-comments a.active {
    box-shadow: 0 0 0 3px white, 0 0 0 6px #DB5F9B;
}

.animate .gfx-v-social a.active {
    box-shadow: 0 0 0 3px white, 0 0 0 6px #00C9CC;
}

.animate .gfx-v-mobile a.active {
    box-shadow: 0 0 0 3px white, 0 0 0 6px #7EABF5;
}

.gfx-v-mail {
    left: 0%;
    bottom: 70%;
    color: #83b444;
}

    .gfx-v-mail img {
        margin-top: 24%;
    }

.animate .gfx-v-mail img {
    width: 54%;
}

.animate .gfx-v-mail {
    left: 12%;
    bottom: 15.5%;
}

    .animate .gfx-v-mail a {
        -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
    }

.gfx-v-globe {
    left: 20%;
    bottom: 70%;
    color: #ffbc31;
}

    .gfx-v-globe img {
        margin-top: 20%;
    }

.animate .gfx-v-globe img {
    width: 35%;
}

.animate .gfx-v-globe {
    left: 18%;
    bottom: 59.7%;
}

    .animate .gfx-v-globe a {
        -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
    }

.gfx-v-comments {
    left: 40%;
    bottom: 70%;
    color: #db5f9b;
}

    .gfx-v-comments img {
        margin-top: 22%;
    }

.animate .gfx-v-comments img {
    width: 72%;
}

.animate .gfx-v-comments {
    left: 45%;
    bottom: 85.8%;
}

    .animate .gfx-v-comments a {
        -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
    }

.gfx-v-social {
    left: 60%;
    bottom: 70%;
    color: #00c9cc;
}

    .gfx-v-social img {
        margin-top: 33%;
    }

.animate .gfx-v-social img {
    width: 58%;
}

.animate .gfx-v-social {
    left: 72%;
    bottom: 59.7%;
}

    .animate .gfx-v-social a {
        -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
    }

.gfx-v-mobile {
    left: 80%;
    bottom: 70%;
    color: #7eabf5;
}

    .gfx-v-mobile img {
        margin-top: 18%;
    }

.animate .gfx-v-mobile img {
    width: 61%;
}

.animate .gfx-v-mobile {
    left: 77.8%;
    bottom: 15.5%;
}

    .animate .gfx-v-mobile a {
        -webkit-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -moz-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        -o-transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
        transition: bottom 0.46s ease-out 0s, left 0.46s ease-out 0s, width 0.46s ease-out 0s, height 0.46s ease-out 0s, margin 0.46s ease-out 0s, box-shadow 0.12s linear;
    }

.mail-icon, .globe-icon, .comments-icon, .mobile-icon, .social-icon {
}

.knob-message em {
    margin-top: 86px;
    width: 100%;
    display: block;
}

#knob-message {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    -moz-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    -o-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    transition: opacity 0.46s ease-in, top 0.46s ease-in;
}



.services-section.animate #knob-message {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}



.knob-message {
    width: 444px;
    height: 444px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -118px;
    z-index: 99;
    -webkit-box-shadow: 0 0 0.9px 10px #f1f1f1;
    -moz-box-shadow: 0 0 0.9px 10px #f1f1f1;
    box-shadow: 0 0 0.9px 10px #f1f1f1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    -moz-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    -o-transition: opacity 0.46s ease-in, top 0.46s ease-in;
    transition: opacity 0.46s ease-in, top 0.46s ease-in;
}



    .knob-message.active {
        z-index: 100;
        opacity: 1;
    }



.knob-msg-item i, .knob-msg-item em {
}








@-moz-keyframes blink {
    0% {
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }



    42% {
        -moz-transform: scale(1);
        transform: scale(1);
    }



    100% {
        -moz-transform: scale(0.9);
        transform: scale(0.9);
    }
}



@-webkit-keyframes blink {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }



    42% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }



    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}



@-o-keyframes blink {
    0%;

{
    -o-transform: scale(0.9);
    transform: scale(0.9);
}



42% {
    -o-transform: scale(1);
    transform: scale(1);
}



100% {
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

}



@-ms-keyframes blink {
    0% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }



    42% {
        -ms-transform: scale(1);
        transform: scale(1);
    }



    100% {
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}



@keyframes blink {
    0% {
        transform: scale(0.9);
    }



    42% {
        transform: scale(1);
    }



    100% {
        transform: scale(0.9);
    }
}



@-moz-keyframes space_ship_hover {
    100% {
        -moz-transform: translateY(20px);
        transform: translateY(20px);
    }
}



@-webkit-keyframes space_ship_hover {
    100% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}



@-o-keyframes space_ship_hover {
    100%;

{
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

}



@-ms-keyframes space_ship_hover {
    100% {
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}



@keyframes space_ship_hover {
    100% {
        transform: translateY(20px);
    }
}



@-moz-keyframes spacebgmove {
    from {
        background-position: 5% bottom;
    }



    to {
        background-position: 100% bottom;
    }
}



@-webkit-keyframes spacebgmove {
    from {
        background-position: 5% bottom;
    }



    to {
        background-position: 100% bottom;
    }
}



@-o-keyframes spacebgmove {
    from;

{
    background-position: 5% bottom;
}



to {
    background-position: 100% bottom;
}

}



@-ms-keyframes spacebgmove {
    from {
        background-position: 5% bottom;
    }



    to {
        background-position: 100% bottom;
    }
}



@keyframes spacebgmove {
    from {
        background-position: 5% bottom;
    }



    to {
        background-position: 100% bottom;
    }
}

}



.gfx-v-mail a {
    background-color: #83b444;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #83b444), color-stop(50%, #83b444), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(left, #83b444 0%, #83b444 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, #83b444 0%, #83b444 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, #83b444 0%, #83b444 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, #83b444 0%, #83b444 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}



.gfx-v-globe a {
    background-color: #ffbc31;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffbc31), color-stop(50%, #ffbc31), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(left, #ffbc31 0%, #ffbc31 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, #ffbc31 0%, #ffbc31 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, #ffbc31 0%, #ffbc31 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, #ffbc31 0%, #ffbc31 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}



.gfx-v-comments a {
    background-color: #db5f9b;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #db5f9b), color-stop(50%, #db5f9b), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(left, #db5f9b 0%, #db5f9b 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, #db5f9b 0%, #db5f9b 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, #db5f9b 0%, #db5f9b 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, #db5f9b 0%, #db5f9b 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}



.gfx-v-social a {
    background-color: #00c9cc;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #00c9cc), color-stop(50%, #00c9cc), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(left, #00c9cc 0%, #00c9cc 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, #00c9cc 0%, #00c9cc 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, #00c9cc 0%, #00c9cc 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, #00c9cc 0%, #00c9cc 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}



.gfx-v-mobile a {
    background-color: #7eabf5;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #7eabf5), color-stop(50%, #7eabf5), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(left, #7eabf5 0%, #7eabf5 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -moz-linear-gradient(left, #7eabf5 0%, #7eabf5 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: -o-linear-gradient(left, #7eabf5 0%, #7eabf5 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
    background-image: linear-gradient(left, #7eabf5 0%, #7eabf5 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 100%);
}



.knob-message:nth-child(1) {
    background-color: #83b444;
}



.knob-message:nth-child(2) {
    background-color: #ffbc31;
}



.knob-message:nth-child(3) {
    background-color: #db5f9b;
}



.knob-message:nth-child(4) {
    background-color: #00c9cc;
}



.knob-message:nth-child(5) {
    background-color: #7eabf5;
}



.knob-msg-item {
    width: 350px;
    margin: 0 auto;
    color: #fff;
}



.knob-message h3 {
    font-size: 30px;
    font-weight: normal;
    padding: 20px 0 18px;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}



.knob-message p {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}



.knob-message a {
    color: #fff;
}



.services_design, .services_fadein {
    position: absolute;
    width: 100%;
    position: absolute;
    z-index: 100;
    height: 1px;
}



.services_design {
    top: 500px;
}



.services_fadein {
    top: 250px;
}



.services-section {
    z-index: 11;
    background: white;
    padding-bottom: 48px;
}



.services-content-wrapper {
    padding: 34px 0 0;
}



.services-section .section-head h2 {
    color: #565656;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.section-head h4 {
    color: #666666;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}



.animate #knob-icons span {
    -webkit-animation: knobtitle 2s ease;
    -moz-animation: knobtitle 2s ease;
    opacity: 1;
}



@-webkit-keyframes knobtitle {
    0% {
        opacity: 0;
    }



    70% {
        opacity: 0;
    }



    100% {
        opacity: 1;
    }
}



@-moz-keyframes knobtitle {
    0% {
        opacity: 0;
    }



    70% {
        opacity: 0;
    }



    100% {
        opacity: 1;
    }
}



.services-list {
    padding: 16px 0 0;
    height: 665px;
    overflow: visible;
}



.portfolio-section {
    padding: 40px 0 0;
}



    .portfolio-section .portfolio-content {
        padding-bottom: 0;
    }



    .portfolio-section .section-head h4 {
        padding-top: 4px;
    }



.portfolio-list {
    padding: 18px 0 0;
}







.client-list {
    margin: 0 10% 0 10%;
}



    .client-list li {
        float: left;
        margin-right: 38px;
    }



.about-section {
    background: url(../img/aboutus-bg.jpg);
    padding-top: 45px;
    color: white;
    min-height: 525px;
}

p.font-change {
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    line-height: 1.6;
    color: #d0d0d0;
    margin-bottom: 15px;
    text-align: justify;
}



.about-section .section-head h2 {
    color: white;
}



.about-section .section-head h4 {
    padding-top: 5px;
}



.about-tabs {
    border: solid 1px black;
    overflow: hidden;
    display: table;
    border-radius: 4px;
    margin: 48px auto;
    background: #0c0c0c;
}



    .about-tabs ul {
        display: table-row;
    }



    .about-tabs li {
        display: table-cell;
    }







        .about-tabs li a {
            line-height: 38px;
            display: block;
            padding: 0 25px;
            color: white;
            background: #212121;
            box-shadow: inset 0px 0px 12px rgba(0, 0, 0, .4);
            -webkit-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, .4);
            -moz-box-shadow: inset 0px 0px 12px rgba(0, 0, 0, .4);
            font-family: 'Muli', sans-serif, Arial, Tahoma;
        }



        .about-tabs li.active a, .about-tabs li.active a:active {
            background: #0c0c0c;
        }







.tab-content {
    display: none;
    color: #d0d0d0;
}



    .tab-content h2 {
        display: none;
    }



.how-we-do {
    overflow: hidden;
}



    .how-we-do article {
        float: left;
        width: 19%;
        margin-right: 1%;
        text-align: center;
        margin-bottom: 25px;
    }



        .how-we-do article.last {
            margin-right: 0;
        }



.icon-img {
    width: 129px;
    height: 129px;
    margin: 20px auto;
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}







.how-we-do article h3 {
    color: #CCCCCC;
    text-transform: uppercase;
    font-size: 16px;
    padding: 9px 0 22px;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}



.tab-content p {
    line-height: 1.6;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}



.abouttab-content {
    overflow: hidden;
    padding-bottom: 40px;
}



    .abouttab-content h3 {
        font-size: 18px;
        padding: 22px 0;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }



    .abouttab-content article {
        width: 30%;
        float: left;
        margin-right: 5%;
    }



        .abouttab-content article.last {
            margin-right: 0;
        }






6% {
    -webkit-transform: rotate(-5deg) scale(1) skew(0deg) translate(0);
}



7% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
}



8% {
    -webkit-transform: rotate(5deg) scale(1) skew(0deg) translate(0);
}



9% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
}



10% {
    -webkit-transform: rotate(-5deg) scale(1) skew(0deg) translate(0);
}



12% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
}



14% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
}



16% {
    -webkit-transform: rotate(-5deg) scale(1) skew(0deg) translate(0, 0px);
}



18% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -1px);
}



20% {
    -webkit-transform: rotate(5deg) scale(1) skew(0deg) translate(0, -2px);
}



22% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -3px);
}



24% {
    -webkit-transform: rotate(-5deg) scale(1) skew(0deg) translate(0, -5px);
}



26% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -7px);
}



100% {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -200px);
}

}



@-moz-keyframes rocketAnimation {
    0% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }



    6% {
        -moz-transform: rotate(-5deg) scale(1) skew(0deg) translate(0);
    }



    7% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
    }



    8% {
        -moz-transform: rotate(5deg) scale(1) skew(0deg) translate(0);
    }



    9% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
    }



    10% {
        -moz-transform: rotate(-5deg) scale(1) skew(0deg) translate(0);
    }



    12% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
    }



    14% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0);
    }



    16% {
        -moz-transform: rotate(-5deg) scale(1) skew(0deg) translate(0, 0px);
    }



    18% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -1px);
    }



    20% {
        -moz-transform: rotate(5deg) scale(1) skew(0deg) translate(0, -2px);
    }



    22% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -3px);
    }



    24% {
        -moz-transform: rotate(-5deg) scale(1) skew(0deg) translate(0, -5px);
    }



    26% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -7px);
    }



    100% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -200px);
    }
}



@-webkit-keyframes fallrocketAnimation {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -200px);
    }



    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, 0px);
    }



    75% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -20px);
    }



    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -0px);
    }
}



@-moz-keyframes fallrocketAnimation {
    0% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -200px);
    }



    50% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, 0px);
    }



    75% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -20px);
    }



    100% {
        -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0, -0px);
    }
}



.contact-section {
    padding-top: 28px;
    padding-bottom: 28px; /*background:url(../img/contactus-bg.jpg);*/
    background: #e55625;
}



    .contact-section .main-width {
        padding-bottom: 10px;
    }



    .contact-section h2 {
        font-size: 50px;
        color: white;
        line-height: 1.3;
    }



    .contact-section .section-head h4 {
        color: white;
    }



    .contact-section .left-side {
        text-align: center;
        width: 338px;
        float: left;
        margin-left: 55px;
    }



/*.contact-section-bg{background:url(../img/contactus-bot-bg.jpg) center bottom no-repeat;}*/



.contect-content {
    margin-top: 3px;
    overflow: hidden;
}



.contact-call {
    padding: 37px 0;
    /*width: 260px;*/
    background: #FFF; /*background:url(../img/call-circle-bg.png); */
    border-radius: 8px;
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
    color: #000;
    margin-left: 25px;
}

    .contact-call span {
        display: block;
        line-height: 1.6;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    .contact-call strong {
        font-size: 25px;
        display: block;
        padding: 2px 0;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    .contact-call img {
        margin-top: 4px;
    }

.contect-content address {
    font-style: normal;
    font-size: 14px;
    margin-top: 50px;
    color: #fff;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.contact-call a {
    color: #F60;
    font-size: 14px;
    text-align: center;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    margin-top: 10px;
}

.contect-content address a {
    color: #fff;
    text-decoration: none;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.social-set {
    margin-top: 20px;
    text-align: center;
}

.right-side {
    float: right;
    margin-right: 107px;
    width: 582px;
    color: white;
}

.two-col {
}

    .two-col .col {
        width: 48.7%;
    }

.left {
    float: left;
}

.right {
    float: right;
}

.contact-form label {
    display: block;
    padding-bottom: 10px;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.contact-form li {
    padding-bottom: 10px;
    position: relative;
}

    .contact-form li input[type="submit"]:hover, .contact-form li input[type="button"]:hover {
        background: rgba(0, 0, 0, 0.2);
        color: white;
        border-color: #b54739;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset;
    }



@-moz-keyframes spacebgmove {
    from {
        background-position: 5% 88%;
    }



    to {
        background-position: 100% 88%;
    }
}



@-webkit-keyframes spacebgmove {
    from {
        background-position: 5% 88%;
    }



    to {
        background-position: 100% 88%;
    }
}

.quote-popup {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    overflow: auto;
    display: none;
    background: url(../img/qoute-bg.gif) center top repeat-y;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

    .quote-popup .qoute-left {
        float: left;
        width: 29%;
        text-align: center;
    }
/*.quote-popup .qoute-left{float:left;width:29%;text-align:center;}*/
.qoute-left-inner {
    padding: 6% 2% 3%;
}

.qoute-circle {
    border-radius: 50%;
    color: #898989;
    margin-left: -34px;
    margin-top: 56px;
    height: 301px;
    width: 301px;
}

.qoute-circle-inner {
    padding-top: 49px;
}

.qoute-circle span {
    display: block;
    line-height: 1.6;
    padding: 0 18px;
}

.qoute-circle strong {
    font-size: 48px;
    display: block;
    padding: 2px 0;
    color: white;
}

.qoute-left-content {
    padding: 7% 24% 0 0;
}

    .qoute-left-content strong.call {
        color: #DDDDDD;
        display: block;
        font-size: 31px;
        font-weight: normal;
        line-height: 1;
        padding-top: 13px;
    }

.map-icon {
    margin-top: 28px;
}

.quote-popup .qoute-right {
    float: right;
    width: 56%;
    padding: 0 15% 0 0;
}
/* .quote-popup .qoute-right{float:left;width:56%;} */
.qoute-right-inner {
    padding: 5% 0 0 3%;
}

    .qoute-right-inner h4 {
        font-size: 18px;
        border-bottom: solid 1px #363535;
        overflow: hidden;
        padding-bottom: 15px;
        font-weight: normal;
    }

        .qoute-right-inner h4 a.close-qoute {
            float: right;
            color: #aeaeae;
            font-size: 10px;
            display: block;
            padding-top: 16px;
            background: url(../img/close-img.png) center top no-repeat;
            font-weight: normal;
        }

.qoute-form {
    overflow: hidden;
    font-size: 13px;
    padding-top: 8px;
    padding-left: 2px;
    padding-right: 4px;
}

    .qoute-form li.form-row {
        width: 48%;
        float: left;
        padding-bottom: 21px;
    }

        .qoute-form li.form-row.right {
            float: right;
            position: relative;
        }

    .qoute-form label {
        display: block;
        padding-bottom: 5px;
        padding-top: 10px;
    }

    .qoute-form h4 {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .qoute-form input[type="text"] {
        padding: 2.5%;
        width: 95%;
    }

    .qoute-form input.error-msg, .qoute-form select.error-msg {
        -webkit-box-shadow: 0 0 0 2px red;
        -moz-box-shadow: 0 0 0 2px red;
        -ms-box-shadow: 0 0 0 2px red;
        -o-box-shadow: 0 0 0 2px red;
        box-shadow: 0 0 0 2px red;
    }

.check-list {
}

    .check-list li {
        padding: 5px 0;
    }

.qoute-form input[type="button"], .qoute-form input[type="submit"] {
    background: #71c800;
    color: white;
    border-radius: 18px;
    text-transform: capitalize;
    float: right;
    display: inline-block;
    width: inherit;
    font-size: 14px;
    padding: 7px 30px;
    border: 0 none;
    -webkit-box-shadow: 0 0 0 2px black;
    -moz-box-shadow: 0 0 0 2px black;
    -ms-box-shadow: 0 0 0 2px black;
    -o-box-shadow: 0 0 0 2px black;
    box-shadow: 0 0 0 2px black;
    -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    -ms-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    -o-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: normal;
}

.qoute-form select {
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 2.5%;
    height: 35px;
}

    .qoute-form select:focus {
        border: solid 2px #2e9fff;
    }

.form-row-inner {
    padding-bottom: 21px;
}

.qoute-form textarea {
    height: 184px;
}

.inner-page p {
    padding-bottom: 15px;
}

.inner-page h1 {
    font-size: 30px;
    margin-bottom: 18px;
    font-weight: normal;
}

.inner-page h3 {
    font-size: 70px;
    margin-bottom: 30px;
    font-weight: normal;
}

.bottom-content p.success {
    font-size: 18px;
    color: #6f6f6f;
}

    .bottom-content p.success a {
        font-size: 20px;
        color: #1dbafc;
    }

.inner-page h2 {
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 21px;
    padding-top: 11px;
}

.inner-page .top-content p {
    font-size: 18px;
}

.inner-page .top-content {
    text-align: center;
    border-bottom: 1px solid #8f8f8f;
    padding-bottom: 25px;
}

.inner-main-banner {
    background: url(../img/web-design-banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.inner-page .container {
    padding: 33px 0;
    position: relative;
    font-size: 15px;
    line-height: 1.6;
}

.middle-content {
    padding: 30px 0;
    overflow: hidden;
}

    .middle-content p {
        padding-bottom: 24px;
    }

a.green-btn {
    display: inline-block;
    font-size: 14px;
}

.content-right {
    float: right;
    margin-left: 5%;
    width: 41%;
    margin-bottom: 2%;
}

.content-left {
    float: left;
    text-align: center;
    width: 46%;
    margin-right: 5%;
    margin-bottom: 2%;
}

.full-responsive-wrapper {
    margin-top: 12px;
}

    .full-responsive-wrapper span {
        display: block;
        font-weight: normal;
        font-size: 11px;
        padding: 6px 0 12px;
    }

ul.dash-list {
    display: inline-block;
    width: 40%;
}

    ul.dash-list li {
        background: url(../img/dash-list-img.gif) left 6px no-repeat;
        padding-left: 13px;
        padding-top: 1px;
    }

.bottom-content {
    padding: 5.5% 12%;
    text-align: center;
    background: #f8f8f8;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    font-weight: 400;
}

    .bottom-content p {
        padding-bottom: 24px;
    }

.contact-numbers strong {
    display: block;
    padding: 6px 0 0;
    font-size: 14px;
}

    .contact-numbers strong span {
        display: block;
        font-size: 26px;
    }

span.secondry-numbers {
    font-size: 12px;
}

.quick-links {
    font-family: 'Muli', sans-serif, Arial, Tahoma;
    font-weight: 400;
}

    .quick-links ul {
        overflow: hidden;
        padding-top: 45px;
    }

        .quick-links ul li {
            float: left;
            padding-left: 20px;
            margin: 22px 0;
        }

            .quick-links ul li a {
                width: 118px;
                height: 118px;
                border: solid 4px #efefef;
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                border-radius: 50%;
                font-size: 13px;
                text-align: center;
                line-height: 1.2;
                color: #606060;
            }
/* sub page start here */
.seo_banner {
    background: url(../img/seo_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.mobile_banner {
    background: url(../img/mobile_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.Opencart_netsuit {
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.ourservices_banner {
    background: url(../img/ourservices_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.cms_banner {
    background: url(../img/cms_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.about_banner {
    background: url(../img/aboutus_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.social-media {
    background: url(../img/social-media.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.digital-strategy {
    background: url(../img/digital-strategy.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.portfolio {
    background: url(../img/portfolio_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.web-design-melbourne {
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.webdevelopment {
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

.contactus_banner {
    background: url(../img/contactus_banner.jpg) center top no-repeat;
    height: 475px;
    color: white;
    text-align: center;
    font-size: 28px;
}

    .inner-main-banner h2, .sem_banner h2, .seo_banner h2, .melbourne_banner h2, .mobile_banner h2, .Opencart_banner h2, .ourservices_banner h2, .cms_banner h2, .about_banner h2, .accountants_webdesign h2, .appointment_booking_system h2, .appointment_booking_system h2, .AuctionWebsiteDesign h2, .careers h2, .casstudy h2, .classified_website_solution h2, .Content_Management_System h2, .CRELoaded h2, .custom_ecommerce h2, .DatingSolution h2, .dental_webdesign h2, .directory_website_Solution h2, .DocumentManagementSystem h2, .domain_name_registration h2, .Drupal h2, .education_school_webdesign h2, .Email_Marketer h2, .event_management_solution h2, .fashion_retail_webdesign h2, .googleadwords h2, .GraphicDesign h2, .HotelWebdesign h2, .intranet-and-extranet h2, .ios-android-development h2, .iphoneapplication_development h2, .JoomlaWebDesign h2, .lawyers_webdesign h2, .linkbuilding h2, .medical_healthcare_webdesign h2, .nonprofit_organisation_webdesign h2, .ofpage-optimisation h2, .OnlineLearningManagement h2, .onlinemarketing h2, .onpage-optimisation h2, .OsCommerce h2, .ourprocess h2, .payperclick-advertising h2, .PHPDevelopment h2, .portfolio h2, .ProductCatalogue h2, .RealEstateWebDesign h2, .recruitment_agency_webdesign h2, .restaurant_website_design h2, .semarketing h2, .service_level_agreement h2, .SugarCRM h2, .support h2, .sydney h2, .travel_industry_webdesign h2, .VtigerCRM h2, .web_application_development h2, .web_design_sydney h2, .web_hosting h2, .WebCopywriting h2, .web-design-melbourne h2, .web-developers-melbourne h2, .webdevelopment h2, .website-design-company-melbourne h2, .website-design-melbourne h2, .website-design-sydney h2, .website-hosting-melbourne h2, .wellness_spa_webdesign h2, .WordPress h2, .social-media h2, .digital-strategy h2, .e-commerce h2, .restaurant_website h2, .AuctionWebsiteDesign h2, .hos_com_banner h2, .ux-design_banner h2, .contactus_banner h2 {
        font-size: 60px;
        padding-top: 160px;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: normal;
    }


    .sem_banner a.green-btn, .seo_banner a.green-btn, .melbourne_banner a.green-btn, .mobile_banner a.green-btn, .magento_banner a.green-btn, .ourservices_banner a.green-btn, .cms_banner a.green-btn, .about_banner a.green-btn, .careers a.green-btn, .accountants_webdesign a.green-btn, .appointment_booking_system a.green-btn, .appointment_booking_system a.green-btn, .AuctionWebsiteDesign a.green-btn, .casstudy a.green-btn, .classified_website_solution a.green-btn, .Content_Management_System a.green-btn, .CRELoaded a.green-btn, .custom_ecommerce a.green-btn, .DatingSolution a.green-btn, .dental_webdesign a.green-btn, .directory_website_Solution a.green-btn, .DocumentManagementSystem a.green-btn, .domain_name_registration a.green-btn, .Drupal a.green-btn, .education_school_webdesign a.green-btn, .Email_Marketer a.green-btn, .event_management_solution a.green-btn, .fashion_retail_webdesign a.green-btn, .googleadwords a.green-btn, .GraphicDesign a.green-btn, .HotelWebdesign a.green-btn, .intranet-and-extranet a.green-btn, .iphoneapplication_development a.green-btn, .JoomlaWebDesign a.green-btn, .lawyers_webdesign a.green-btn, .linkbuilding a.green-btn, .medical_healthcare_webdesign a.green-btn, .nonprofit_organisation_webdesign a.green-btn, .ofpage-optimisation a.green-btn, .OnlineLearningManagement a.green-btn, .onlinemarketing a.green-btn, .onpage-optimisation a.green-btn, .OsCommerce a.green-btn, .ourprocess a.green-btn, .payperclick-advertising a.green-btn, .PHPDevelopment a.green-btn, .portfolio a.green-btn, .ProductCatalogue a.green-btn, .RealEstateWebDesign a.green-btn, .recruitment_agency_webdesign a.green-btn, .restaurant_website_design a.green-btn, .semarketing a.green-btn, .service_level_agreement a.green-btn, .SugarCRM a.green-btn, .support a.green-btn, .sydney a.green-btn, .travel_industry_webdesign a.green-btn, .VtigerCRM a.green-btn, .web_application_development a.green-btn, .web_design_sydney a.green-btn, .web_hosting a.green-btn, .WebCopywriting a.green-btn, .web-design-melbourne a.green-btn, .web-developers-melbourne a.green-btn, .webdevelopment a.green-btn, .website-design-company-melbourne a.green-btn, .website-design-melbourne a.green-btn, .website-design-sydney a.green-btn, .website-hosting-melbourne a.green-btn, .wellness_spa_webdesign a.green-btn, .WordPress a.green-btn, .social-media a.green-btn, .digital-strategy a.green-btn, .e-commerce a.green-btn, .restaurant_website a.green-btn, .AuctionWebsiteDesign a.green-btn, .hos_com_banner a.green-btn, .ux-design_banner a.green-btn, .contactus_banner a.green-btn {
        border: solid 0px #142600;
        box-shadow: 0px 2px 5px rgba(77,77,77,0.5);
        margin-top: 0px;
    }

.ios-&-android-development a.green-btn {
    border: solid 0px #142600;
    box-shadow: 0 2px 5px rgba(77, 77, 77, 0.5);
    margin-top: 0px;
}

img.alignright {
    width: auto;
    float: right;
    padding: 0 0 15px 25px;
    margin: 0px;
}

img.alignleft {
    width: auto;
    float: left;
    padding: 0 25px 15px 0;
    margin: 0px;
}

img.alignright2 {
    width: auto;
    float: right;
    padding: 0 0 15px 25px;
    margin: -30px 0 0px;
}

img.mobile_img {
    padding: 120px 0 100px;
}

.left_cont {
    width: 47%;
    float: left;
}

.right_cont {
    width: 48%;
    float: right;
}

#image_eff {
    float: left;
    width: auto;
    max-height: 310px;
}

    #image_eff:hover {
    }

.map_main {
    width: 100%;
    float: left;
    padding: 50px 0 25px;
    margin: 0px;
}

    .map_main iframe {
        width: 100%;
        height: 620px;
    }

.circle-list {
    width: 25%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.circle-list-3column {
    float: left;
    padding: 10px;
    margin: 0px;
}

    .circle-list-3column li {
        padding: 0 13px 0 13px;
    }

.circle-list li {
    padding: 0 13px 0 13px;
}

.circle-list2 {
    padding: 0 0 20px;
    margin: 0px;
}

    .circle-list2 li {
        padding: 0 13px 8px 13px;
    }

.per_txt {
    font-size: 29px;
    line-height: normal;
    color: #191919;
}

.cont_btm_top {
    width: 100%;
    float: left;
    padding: 65px 0 15px;
    margin: 15px 0 0px;
    text-align: center;
    border-top: solid 1px #dddddd;
}

#set-1 {
    background: none;
    width: 100%;
    float: left;
}

.set-1 {
    background: none;
    width: 100%;
    float: left;
}

.ser_icon {
    width: 23%;
    float: left;
    padding: 0 10px !important;
    margin: 0px;
}

ul.contact-form li input[type="button"] {
    border: 2px solid #FFD0CE;
    color: #fff;
    text-transform: uppercase;
    width: auto;
    margin: 0 auto;
    display: table;
    float: none;
    background: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    padding: 2% 12%;
}

    ul.contact-form li input[type="button"]:hover {
        color: #000;
        background: none;
        border: 2px solid #FFD0CE;
        text-transform: uppercase;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    }

ul.arrow_list {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.con_txtsm {
    font-size: 13px;
}

.chart_main {
    width: 100%;
    float: left;
}

.domain_regi {
    width: 48%;
    float: left;
}

.free_domain {
    width: 48%;
    float: right;
}

.domain_name {
    width: 51%;
    float: left;
}

    .domain_name ul li {
        list-style: none;
        padding: 10px 20px;
        margin: 0px;
        font-size: 15px;
        display: block;
        font-size: 15px;
        color: #fff;
    }

        .domain_name ul li:first-child {
            background: none;
        }

        .domain_name ul li span {
            padding: 0px;
            margin: 0px;
        }

            .domain_name ul li span a {
                width: 65px;
                float: right;
                padding: 0px;
                margin: -2px 0 0px;
                height: 29px;
            }

                .domain_name ul li span a:hover {
                    background-position: 0px -29px;
                }

.domain_search {
    width: 96%;
    float: left;
    padding: 20px 20px;
    margin: 20px 0px;
}

.domain_search_left {
    width: 70%;
    float: left;
}

.domain_search_right {
    width: 25%;
    float: right;
    background: #00C9CC;
    padding: 10px;
}

    .domain_search_right img {
        float: left;
        width: 40%;
    }

    .domain_search_right span.pri_txt_big {
        font-size: 60px;
        font-family: 'HelveticaBold';
        line-height: 60px;
    }

    .domain_search_right span.best_txt {
        width: auto;
        float: left;
        color: #fff;
        text-transform: uppercase;
        line-height: normal;
        padding: 12px 0 0 15px;
    }

.domain_search label {
    width: auto;
    float: left;
    padding: 3px 10px 0 0;
}

.domain_search input[type="text"] {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    float: left;
    width: 60%;
    margin: 0 15px 0 0px;
}

.domain_search select {
    width: auto;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 5px 5px 5px 5px;
    margin: 0 15px 0 0;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    font-family: 'muliregular';
}

.domain_search input[type="submit"] {
    width: 72px;
    height: 33px;
    float: left;
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    font-size: 0px;
    text-indent: -999px;
}

    .domain_search input[type="submit"]:hover {
        background-position: 0px -33px;
    }

.domain_search a {
    width: auto;
    float: left;
    margin: 10px 0 0 50px;
    clear: both;
}

.domain_chart {
    max-width: 551px;
    margin: 0 auto;
}

.domain_chart_inner {
    width: 100%;
    float: left;
    padding: 0 0 15px;
    margin: 0px;
}

.first_chart {
    width: 163px;
    text-align: center;
    float: left;
    font-size: 15px;
    color: #fff;
    padding: 139px 0 38px;
    line-height: normal;
}

    .first_chart span, .second_chart span, .third_chart span {
        font-size: 60px;
        width: 100%;
        float: left;
        text-align: center;
        padding: 0px;
        margin: 0px;
        line-height: 60px;
        font-family: 'HelveticaBold';
    }

.second_chart {
    width: 163px;
    text-align: center;
    float: left;
    font-size: 15px;
    padding: 15px 0 0 28px;
    color: #fff;
    line-height: normal;
}

.third_chart {
    width: 163px;
    text-align: center;
    float: right;
    font-size: 15px;
    color: #fff;
    padding: 139px 0 38px;
    line-height: normal;
}

.why_us {
    width: 42%;
    float: right;
}

#plans, #plans ul, #plans ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #plans, #plans ul, #plans ul li p {
        padding: 0px;
        margin: 0px;
    }

#pricePlans:after {
    content: '';
    display: table;
    clear: both;
}

#pricePlans {
    zoom: 1;
}

#pricePlans {
    max-width: 100%;
    margin: 0 auto;
}

    #pricePlans #plans .plan {
        background: #fff;
        float: left;
        width: 100%;
        text-align: center;
        border-radius: 5px;
        margin: 0 0 20px 0;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

.planContainer .title h2 {
    font-size: 2.125em;
    font-weight: 300;
    color: #3e4f6a;
    margin: 0;
    padding: 0.2em 0;
}

    .planContainer .title h2.bestPlanTitle {
        background: #3e4f6a;
        background: -webkit-linear-gradient(top, #475975, #364761);
        background: -moz-linear-gradient(top, #475975, #364761);
        background: -o-linear-gradient(top, #475975, #364761);
        background: -ms-linear-gradient(top, #475975, #364761);
        background: linear-gradient(top, #475975, #364761);
        color: #fff;
        border-radius: 5px 5px 0 0;
    }

.planContainer .price p {
    background: #3e4f6a;
    background: -webkit-linear-gradient(top, #475975, #364761);
    background: -moz-linear-gradient(top, #475975, #364761);
    background: -o-linear-gradient(top, #475975, #364761);
    background: -ms-linear-gradient(top, #475975, #364761);
    background: linear-gradient(top, #475975, #364761);
    color: #fff;
    font-size: 1.2em;
    font-weight: 700;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0 0 1em;
}

    .planContainer .price p.bestPlanPrice {
        background: #f7814d;
    }

    .planContainer .price p span {
        color: #8394ae;
    }

.planContainer .options {
    margin-top: 10em;
    padding: 10px 15px 0!important;
}

    .planContainer .options li {
        font-weight: 700;
        color: #364762;
        line-height: 2;
        text-align: left;
        padding: 0 0 0 12px !important;
    }

        .planContainer .options li span {
            font-weight: 400;
            color: #979797;
        }

.planContainer .button a {
    text-transform: uppercase;
    text-decoration: none;
    color: #3e4f6a;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 2.8em;
    border: 2px solid #3e4f6a;
    display: inline-block;
    width: 80%;
    height: 2.8em;
    border-radius: 4px;
    margin: 1.5em 0 1.8em;
}

    .planContainer .button a.bestPlanButton {
        color: #fff;
        background: #f7814d;
        border: 2px solid #f7814d;
    }

#credits {
    text-align: center;
    font-size: .8em;
    font-style: italic;
    color: #777;
}

    #credits a {
        color: #333;
    }

        #credits a:hover {
            text-decoration: none;
        }

.ser_right_parchage {
    width: 25%;
    float: right;
    padding: 10px;
    margin: 0 0 25px 50px;
    background: left bottom no-repeat #2b2b2b;
    color: #fff;
}

.accordionButton {
    width: 90.8%;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
    padding: 8px 55px;
    color: #fff;
}

.accordionContent {
    width: 97.4%;
    float: left;
    _float: none; /* Float works in all browsers but IE6 */
    background: #F6F6F6;
    padding: 15px;
}

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/
.on {
    background: #404040;
    color: #fff;
}

.over {
    color: #fff;
}
/* Page Numbers */
.pages {
    width: auto;
    float: right;
    padding: 0 0 10px;
    margin: 0px;
}

    .pages ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        .pages ul li {
            list-style: none;
            padding: 0px;
            margin: 0px;
            display: inline;
        }

            .pages ul li.prev_pagi {
                display: none;
            }

            .pages ul li.next_pagi {
                display: none;
            }

.case_study_mian {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.case_study_box {
    width: 100%;
    float: left;
    padding: 20px 0px;
    margin: 0px;
    border-bottom: solid 1px #d1d1d1;
}

.case_study_left {
    width: 25%;
    float: left;
    padding: 3px;
    margin: 0px;
    border: solid 2px #CECECE;
    background: #E4E4E4;
}

    .case_study_left img {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
    }

.case_study_right {
    width: 70%;
    float: right;
    padding: 0px;
    margin: 0px;
    font-size: 15px;
}

    .case_study_right h2 {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 10px;
    }

.more_detail {
    float: right;
    margin: -5px 0 0 0;
}

.domain_portal {
    width: 50%;
    margin: 0 auto;
    display: table;
    float: none;
}

    .domain_portal input[type="text"] {
        width: 94.5%;
        float: left;
        padding: 0 15px;
        margin: 0 0 15px;
        height: 30px;
        line-height: 30px;
    }

.captchainput {
    margin: 0;
    display: table;
    text-align: center;
    background-color: #F8F8F8;
    border: 1px dashed #CCCCCC;
    border-radius: 6px;
    margin: 15px auto 20px;
    padding: 10px 10px 0;
}

    .captchainput input[type="text"] {
        width: 20%;
        float: none;
        padding: 0 15px;
        margin: 0 0 0px;
        height: 30px;
        line-height: 30px;
    }

    .captchainput img {
        padding: 0px 0 0;
        margin: 0 0 -7px;
    }

.support_btn_btm {
    width: auto;
    margin: 0 auto;
    display: table;
    float: none;
    clear: both;
}

input.transfer_btn:hover {
    background-position: 0px -33px;
}

input.order_only_btn {
    width: 176px;
    float: left;
    padding: 0px;
    margin: 0 0 15px;
    height: 33px;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

    input.order_only_btn:hover {
        background-position: 0px -33px;
    }

input.order_hosting:hover {
    background-position: 0px -33px;
}

input.secure_login:hover {
    background-position: 0px -33px;
}

.lang_txt {
    width: auto;
    float: left;
    padding: 0 15px 0 0px;
    margin: 0px;
}

select.select_lang {
    width: auto;
    float: left;
    padding: 5px;
    margin: 0px;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    height: 30px;
}

#mytable {
    border-color: #C6C6C6;
    border-style: solid;
    border-width: 1px 1px 0 0;
    margin: 0;
    padding: 0;
    margin: 0 0 30px;
    width: 100%;
    float: left;
    border-collapse: collapse;
}

.mytable {
    border-color: #C6C6C6;
    border-style: solid;
    border-width: 1px 1px 0 0;
    margin: 0;
    padding: 0;
    margin: 0 0 30px;
    width: 100%;
    float: left;
    border-collapse: collapse;
}

.call23 {
    width: 23%;
}

.call25 {
    width: 25%;
}

.call27 {
    width: 27%;
}

.call30 {
    width: 30%;
}

.call60 {
    width: 60%;
}

.tx_center {
    text-align: center;
}

.tx_left {
    text-align: left;
}

.tx_right {
    text-align: right;
}

#mytable td {
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
    color: #000000;
    line-height: 20px;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
    vertical-align: middle;
}

.mytable td {
    border-bottom: 1px solid #C6C6C6;
    border-left: 1px solid #C6C6C6;
    color: #000000;
    line-height: 20px;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;
    vertical-align: middle;
}

.first_tr {
    background: #E2E2E2;
}

.sec_tr {
    background: #EDEDED;
}

.last_tr {
    text-align: right;
}

.pack_tit {
    font-size: 18px;
    font-weight: normal;
    background: #d1d1d1;
}

.order_now_btn:hover {
    background-position: 0px -33px;
}

.add_left {
    width: 48%;
    float: left;
}

.add_right {
    width: 48%;
    float: right;
}

.apply_form_left {
    width: 48%;
    float: left;
}

    .apply_form_left p, .apply_form_right p {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
    }

    .apply_form_left label, .apply_form_right label {
        width: 100%;
        float: left;
        padding: 0px;
        margin: 0px;
    }

    .apply_form_left input[type="text"], .apply_form_right input[type="text"] {
        width: 65%;
        float: left;
        padding: 0 15px;
        margin: 0 0 15px;
        height: 30px;
        line-height: 30px;
    }

    .apply_form_left select {
        width: 65%;
        float: left;
        padding: 5px;
        margin: 0 0 15px;
        height: 30px;
        border: 1px solid #BDBDBD;
        border-radius: 3px;
    }

.apply_form_right {
    width: 48%;
    float: right;
}

    .apply_form_right textarea {
        width: 65%;
        float: left;
        margin: 0 0 15px;
        height: 90px;
        resize: none;
    }

input.sub_btn {
    width: 106px;
    float: left;
    padding: 0px;
    margin: 0px;
    border: none;
    height: 33px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

    input.sub_btn:hover {
        background-position: 0px -33px;
    }

.site_map {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.site_map_left {
    width: 48%;
    float: left;
}

.site_map_right {
    width: 48%;
    float: right;
}

.sitemaplist {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

    .sitemaplist li a {
        color: #4F4F4F;
    }

        .sitemaplist li a:hover {
            color: #000;
        }

    .sitemaplist li ul {
        margin: 0 0 0 0px;
        padding: 0px;
    }

        .sitemaplist li ul li a {
            color: #949494;
        }

            .sitemaplist li ul li a:hover {
                color: #000;
            }

.port_mian {
    width: 100%;
    float: left;
    padding: 10px 0 0px;
    margin: 0px;
}

.port_mian_list {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

    .port_mian_list ul {
        margin: 0px;
        padding: 0px;
    }

        .port_mian_list ul li {
            list-style: none;
            padding: 0 0 25px 33px;
            margin: 0px;
            width: 31.5%;
            float: left;
            display: inline;
            text-align: center;
            position: relative;
        }

            .port_mian_list ul li:first-child {
                padding-left: 0px;
            }

            .port_mian_list ul li img {
                max-width: 100%;
                float: left;
                border: solid 0px #d1d1d1;
                margin: 0;
                box-shadow: 0 0 5px 0 #f0f0f0;
            }

            .port_mian_list ul li.last_port {
                padding-left: 0px;
                float: right;
                margin: 0 0px 0 0;
            }

            .port_mian_list ul li a {
                color: #1f1f1f;
                font-size: 12px;
                text-transform: uppercase;
                line-height: normal;
            }

                .port_mian_list ul li a span {
                    font-size: 11px;
                    clear: both;
                    width: 100%;
                    padding: 0 0 0;
                    color: #8b8b8b;
                    float: left;
                    line-height: normal;
                    text-transform: none;
                }

ul.social_icon {
    margin: 0px;
    padding: 0px;
}

    ul.social_icon li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: inline;
    }

        ul.social_icon li a {
            width: 44px;
            height: 44px;
            overflow: hidden;
            display: inline-block;
        }

            ul.social_icon li a:hover img {
                margin: -45px 0 0;
            }

.ux_ser .hi-icon:after {
    cursor: default;
}

.ux_ser .hi-icon:hover {
    cursor: default;
}

.supo_main {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

.topbar {
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 25px;
    z-index: 10;
    overflow: visible;
}

    .topbar a {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

    .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
        background-color: #333;
        background-color: rgba(255, 255, 255, 0.05);
        color: #ffffff;
        text-decoration: none;
    }

    .topbar h3 {
        position: relative;
    }

        .topbar h3 a, .topbar .brand {
            float: left;
            display: block;
            padding: 8px 20px 12px;
            margin-left: -20px;
            color: #ffffff;
            font-size: 20px;
            font-weight: 200;
            line-height: 1;
        }

    .topbar p {
        margin: 0;
        line-height: 40px;
    }

        .topbar p a:hover {
            background-color: transparent;
            color: #ffffff;
        }

    .topbar form {
        float: left;
        margin: 5px 0 0 0;
        position: relative;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

        .topbar form.pull-right {
            float: right;
        }

    .topbar input {
        background-color: #444;
        background-color: rgba(255, 255, 255, 0.3);
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: normal;
        font-weight: 13px;
        line-height: 1;
        padding: 4px 9px;
        color: #ffffff;
        color: rgba(255, 255, 255, 0.75);
        border: 1px solid #111;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

        .topbar input:-moz-placeholder {
            color: #e6e6e6;
        }

        .topbar input::-webkit-input-placeholder {
            color: #e6e6e6;
        }

        .topbar input:hover {
            background-color: #bfbfbf;
            background-color: rgba(255, 255, 255, 0.5);
            color: #ffffff;
        }

        .topbar input:focus, .topbar input.focused {
            outline: 0;
            background-color: #ffffff;
            color: #404040;
            text-shadow: 0 1px 0 #ffffff;
            border: 0;
            padding: 5px 10px;
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        }

    .topbar-inner, .topbar .fill {
        background-color: #222;
        background-color: #22a5ff;
        background-repeat: repeat-x;
        background-image: -khtml-gradient(linear, left top, left bottom, from(#52b8fd), to(#22a5ff));
        background-image: -moz-linear-gradient(top, #52b8fd, #22a5ff);
        background-image: -ms-linear-gradient(top, #52b8fd, #22a5ff);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #52b8fd), color-stop(100%, #22a5ff));
        background-image: -webkit-linear-gradient(top, #52b8fd, #22a5ff);
        background-image: -o-linear-gradient(top, #52b8fd, #22a5ff);
        background-image: linear-gradient(top, #52b8fd, #22a5ff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52b8fd', endColorstr='#22a5ff', GradientType=0);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        width: 100%;
        float: left;
        border-radius: 6px;
    }

    .topbar div > ul, .nav {
        display: block;
        float: left;
        margin: 0 10px 0 0;
        position: relative;
        left: 0;
    }

        .topbar div > ul > li, .nav > li {
            display: block;
            float: left;
        }

        .topbar div > ul a, .nav a {
            display: block;
            float: none;
            padding: 10px 10px 11px;
            line-height: 19px;
            text-decoration: none;
            font-size: 10pt;
            color: #FFF;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: normal;
        }

            .topbar div > ul a:hover, .nav a:hover {
                color: #ffffff; /*text-decoration: none;*/
            }

        .topbar div > ul .active > a, .nav .active > a {
            background-color: #222;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .topbar div > ul.secondary-nav, .nav.secondary-nav {
            float: right;
            margin-left: 10px;
            margin-right: 0;
        }

            .topbar div > ul.secondary-nav .menu-dropdown, .nav.secondary-nav .menu-dropdown, .topbar div > ul.secondary-nav .dropdown-menu, .nav.secondary-nav .dropdown-menu {
                right: 0;
                border: 0;
            }

        .topbar div > ul a.menu:hover, .nav a.menu:hover, .topbar div > ul li.open .menu, .nav li.open .menu, .topbar div > ul .dropdown-toggle:hover, .nav .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav .dropdown.open .dropdown-toggle {
            background: #444;
            background: rgba(255, 255, 255, 0.05);
        }

        .topbar div > ul .menu-dropdown, .nav .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .dropdown-menu {
            background-color: #333;
        }

            .topbar div > ul .menu-dropdown a.menu, .nav .menu-dropdown a.menu, .topbar div > ul .dropdown-menu a.menu, .nav .dropdown-menu a.menu, .topbar div > ul .menu-dropdown .dropdown-toggle, .nav .menu-dropdown .dropdown-toggle, .topbar div > ul .dropdown-menu .dropdown-toggle, .nav .dropdown-menu .dropdown-toggle {
                color: #ffffff;
            }

                .topbar div > ul .menu-dropdown a.menu.open, .nav .menu-dropdown a.menu.open, .topbar div > ul .dropdown-menu a.menu.open, .nav .dropdown-menu a.menu.open, .topbar div > ul .menu-dropdown .dropdown-toggle.open, .nav .menu-dropdown .dropdown-toggle.open, .topbar div > ul .dropdown-menu .dropdown-toggle.open, .nav .dropdown-menu .dropdown-toggle.open {
                    background: #444;
                }

            .topbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a {
                color: #999;
                text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
            }

                .topbar div > ul .menu-dropdown li a:hover, .nav .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover {
                    background-color: #191919;
                    background-repeat: repeat-x;
                    background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));
                    background-image: -moz-linear-gradient(top, #292929, #191919);
                    background-image: -ms-linear-gradient(top, #292929, #191919);
                    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));
                    background-image: -webkit-linear-gradient(top, #292929, #191919);
                    background-image: -o-linear-gradient(top, #292929, #191919);
                    background-image: linear-gradient(top, #292929, #191919);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);
                    color: #ffffff;
                }

            .topbar div > ul .menu-dropdown .active a, .nav .menu-dropdown .active a, .topbar div > ul .dropdown-menu .active a, .nav .dropdown-menu .active a {
                color: #ffffff;
            }

            .topbar div > ul .menu-dropdown .divider, .nav .menu-dropdown .divider, topbar div > ul .dropdown-menu .divider, .nav .dropdown-menu .divider {
                background-color: #222;
                border-color: #444;
            }

    .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a {
        padding: 4px 15px;
    }

li.menu, .dropdown {
    position: relative;
}

a.menu:after, .dropdown-toggle:after {
    width: 0;
    height: 0;
    display: inline-block;
    content: "↓";
    text-indent: -99999px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ffffff;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.menu-dropdown, .dropdown-menu {
    background-color: #ffffff;
    float: left;
    display: none;
    position: absolute;
    top: 40px;
    z-index: 900;
    min-width: 160px;
    max-width: 220px;
    _width: 160px;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 0;
    zoom: 1;
    border-color: #999;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 0 1px 1px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

    .menu-dropdown li, .dropdown-menu li {
        float: none;
        display: block;
        background-color: none;
    }

    .menu-dropdown .divider, .dropdown-menu .divider {
        height: 1px;
        margin: 5px 0;
        overflow: hidden;
        background-color: #eee;
        border-bottom: 1px solid #ffffff;
    }

    .topbar .dropdown-menu a, .dropdown-menu a {
        display: block;
        padding: 4px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #808080;
        text-shadow: 0 1px 0 #ffffff;
    }

        .topbar .dropdown-menu a:hover, .dropdown-menu a:hover, .topbar .dropdown-menu a.hover, .dropdown-menu a.hover {
            background-color: #dddddd;
            background-repeat: repeat-x;
            background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));
            background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
            background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
            background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
            background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
            background-image: linear-gradient(top, #eeeeee, #dddddd);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
            color: #404040;
            text-decoration: none;
            -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
            -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
            box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025);
        }

.open .menu, .dropdown.open .menu, .open .dropdown-toggle, .dropdown.open .dropdown-toggle {
    color: #ffffff;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3);
}

.open .menu-dropdown, .dropdown.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .dropdown-menu {
    display: block;
}

.whmcscontainer {
    padding: 0 15px 0 20px;
}
/* 09-01-14 */
input.click_btn {
    width: 170px;
    float: left;
    padding: 0px;
    margin: 0 0px 15px 0;
    height: 33px;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

    input.click_btn:hover {
        background-position: 0px -33px;
    }

.domain_portal2 {
    width: 54%;
    margin: 0 auto;
    display: table;
    float: none;
    text-align: center;
}

    .domain_portal2 input[type="text"] {
        width: 30%;
        padding: 0 15px;
        margin: 0 15px 15px 0;
        height: 30px;
        line-height: 30px;
    }

    .domain_portal2 label {
        padding: 0 10px 0 0px;
        margin: 0px;
        line-height: 30px;
    }

    .domain_portal2 select {
        border: 1px solid #BDBDBD;
        border-radius: 3px;
        font-family: 'muliregular';
        height: 30px;
        margin: 0 0 15px;
        padding: 5px;
    }

    .domain_portal2 p {
        text-align: left;
    }

.com_table {
    border: solid 1px #d1d1d1;
    margin: 0 0 25px;
    padding: 0px;
    background: #F7F7F7;
    border-collapse: inherit;
    border-radius: 4px;
}

    .com_table tr td {
        text-align: center;
        padding: 0px;
        margin: 0px;
        border-left: solid 1px #DDDDDD;
        border-top: solid 1px #D6D6D6;
        padding: 3px 5px;
    }

        .com_table tr td:first-child {
            text-align: left;
            border-left: none;
        }

    .com_table tr:first-child td {
        border-top: none;
        border-left: none;
    }

    .com_table tr.com_tb1 td {
        background: #EBEBEB;
    }

    .com_table tr.tit_com td {
        background: #83b444;
        padding: 6px 5px;
        color: #fff;
        font-family: 'muliregular';
        font-weight: normal;
        font-size: 18px;
    }

    .com_table tr td a.ord_now {
        background: #00c9cc;
        padding: 3px 10px;
        color: #fff;
        border: 1px solid #00B1B4;
        border-radius: 4px;
    }

        .com_table tr td a.ord_now:hover {
            background: #00a2a4;
            border: 1px solid #006364;
        }

.veryweird {
    display: none;
}

.veryfishy {
    display: none;
}

.veryweirdcontact {
    display: none;
}

.veryfishycontact {
    display: none;
}

.contact-form li img#frmctloader {
    left: 130px;
    margin: 0;
    position: absolute;
    top: 18px;
}

.contact-form li input.error-msg {
    box-shadow: 0 0 0 2px #000;
}

.qoute-form li img#frmqtloader {
    float: right;
    margin: 9px 10px 0 0;
}

.add_left2 {
    width: 33%;
    padding: 0 20px 0 0;
    word-wrap: break-word;
}

.add_right2 {
    width: 30%;
}

.map_main2 {
    padding: 0 0 25px;
}

.contact-form select {
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
    padding: 2.5%;
    height: 34px;
}

.port_mian_list ul li .pro_img {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    margin: 0 0 15px;
    overflow: hidden;
}

.port_mian_list ul li .images_hover {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    position: absolute;
    left: -2px;
    background: url(../img/por_img_bg.png) left top repeat;
    top: -100%;
}

.port_mian_list ul li .pro_img:hover .images_hover {
    top: 11px;
}

.port_mian_list ul li .images_hover a:hover {
    cursor: pointer;
    background-position: 0px -35px;
}

a.map_link {
    border: solid 1px #dadada;
    padding: 5px 9px;
    display: inline-block;
    margin: 10px 0 0;
}

.cont_form_main {
    width: 100%;
    float: left;
    padding: 30px 0 0px;
    margin: 15px 0 0px;
    border-top: solid 1px #dddddd;
}

.cont_form_left {
    width: 65%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.cont_form_inn {
    width: 100%;
    float: left;
    padding: 0 0 25px;
}

.cont_form_left1 {
    width: 46.7948%;
    float: left;
    padding: 0 0 0 2px;
}

.cont_form_left2 {
    width: 46.7948%;
    float: right;
    padding: 0 2px 0 0;
}

.cont_form_left label {
    width: 100%;
    float: left;
    padding: 0 0 5px;
}

.cont_form_left input {
    width: 96%;
    float: left;
    padding: 2%;
    border: 1px solid #ececec;
    background: #fbfbfb;
}

.cont_form_left select {
    width: 100%;
    float: left;
    padding: 2%;
    border: 1px solid #ececec;
    border-radius: 3px;
    background: #fbfbfb;
}

    .cont_form_left select:focus {
        box-shadow: 0 0 0 2px #2E9FFF;
    }

.cont_form_inn h2 {
    border-bottom: solid 1px #c2c2c2;
}

.cont_form_left textarea {
    width: 96%;
    float: left;
    padding: 2%;
    border: 1px solid #ececec;
    background: #fbfbfb;
    resize: none;
    height: 165px;
}

.cont_form_left input[type="checkbox"] {
    padding: 0px;
    margin: 3px 10px 0 0px;
    width: auto;
    float: left;
}

.cont_form_left1 span {
    width: 100%;
    float: left;
    padding: 0 0 10px;
    margin: 0px;
    font-size: 15px;
    line-height: normal;
}

.cont_form_right {
    width: 30%;
    float: right;
    padding: 0px;
    margin: 0px;
}

    .cont_form_right ul {
        margin: 0px;
        padding: 0px;
    }

        .cont_form_right ul li {
            list-style: none;
            padding: 10px 0 16px;
            margin: 0px;
            display: block;
        }

.cont_form_main .cont_form_inn .cont_form_left1 .error-msg {
    box-shadow: 0 0 0 2px #FF0000;
}

.bor_btm {
    border-bottom: solid 1px #fff;
    padding: 0 0 5px;
}

.text-and-button span.bor_btm {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 28px;
}

.firstname {
    display: none;
}

.lastname {
    display: none;
}

.comments {
    display: none;
}

.message {
    display: none;
}

.requirement {
    display: none;
}

.comment {
    display: none;
}
/* 13-02-14 */
.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 3%;
    left: 25%;
    width: 50%;
    height: auto;
    padding: 0px;
    border: 3px solid #0D0D0D;
    background: #fff;
    z-index: 1002;
    overflow: auto;
}

    .white_content video {
        width: 100%;
        height: 496px;
        margin: 0 0 -4px;
        padding: 0;
    }

a.clo_img_btn {
    position: absolute;
    right: 0;
}

.portfolio-section {
    overflow: hidden;
}

    .portfolio-section .section-head h4 {
        font-size: 17px;
    }

#sequence {
    position: relative;
    min-height: 600px;
    max-width: 1400px;
    margin: 0 auto;
    color: black;
    text-transform: uppercase;
}

    #sequence .sequence-canvas {
        height: 100%;
        width: 100%;
    }

        #sequence .sequence-canvas li {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

            #sequence .sequence-canvas li img, #sequence .sequence-canvas li div, #sequence .sequence-canvas li strong {
                position: absolute;
                -webkit-transition: all 2s ease;
                -moz-transition: all 2s ease;
                -ms-transition: all 2s ease;
                -o-transition: all 2s ease;
                transition: all 2s ease;
            }

            #sequence .sequence-canvas li img {
                max-width: none;
            }

    #sequence .sequence-next, #sequence .sequence-prev {
        cursor: pointer;
        display: none;
        position: absolute;
        top: 226px;
        height: 26px;
        width: 15px;
        z-index: 999;
    }

    #sequence .sequence-prev {
        left: 7.4%;
    }

    #sequence .sequence-next {
        right: 7.4%;
    }

    #sequence .animate-out img, #sequence .animate-out div, #sequence .animate-out strong, #sequence img, #sequence div, #sequence strong {
        opacity: 0;
    }

    #sequence .animate-in img, #sequence .animate-in div, #sequence .animate-in strong {
        opacity: 1;
    }

    #sequence .info {
        text-align: right;
    }

        #sequence .info img {
            position: static !important;
        }

    #sequence strong {
        font-size: 10px;
        line-height: 1.7;
        display: block;
        z-index: 11;
    }

    #sequence strong, #sequence .animate-out strong {
        right: -70%;
    }

    #sequence .desktop-img {
        top: 10.2%;
        z-index: 5;
    }

    #sequence .animate-in .desktop-img {
        left: 10%;
    }

    #sequence .desktop-img, #sequence .animate-out .desktop-img {
        left: -50%;
    }

    #sequence .ipad-img {
        top: 37%;
        z-index: 8;
    }

    #sequence .iphone-img {
        top: 57.3%;
        z-index: 10;
    }

    #sequence .mgnto-logo {
        bottom: 10%;
        z-index: 11;
    }

    #sequence .ipad-img, #sequence .animate-out .ipad-img {
        left: -60%;
    }

    #sequence .iphone-img, #sequence .animate-out .iphone-img {
        left: -70%;
    }

    #sequence .mgnto-logo, #sequence .animate-out .mgnto-logo {
        right: -70%;
    }

    #sequence .animate-in .ipad-img {
        left: 40.9%;
    }

    #sequence .animate-in .iphone-img {
        left: 58.5%;
    }

    #sequence .animate-in .mgnto-logo {
        right: 25.5%;
    }

    #sequence .ts-item3 {
        z-index: 4;
    }

    #sequence .slide1 .info {
        right: 11%;
    }

    #sequence .slide1 .info, #sequence .slide1.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide1.animate-in .info {
        top: 13%;
    }

    #sequence .slide1 .prodcut-item {
        left: 4%;
        z-index: 1;
        vertical-align: middle;
    }

    #sequence .slide1 strong {
        top: 40.2%;
    }

    #sequence .slide1.animate-in strong {
        right: 7.8%;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #sequence .ts-item3, #sequence .slide1.animate-out .ts-item3 {
        right: -30%;
    }

    #sequence .slide1.animate-in .ts-item3 {
        right: 34%;
    }

    #sequence .prodcut-item, #sequence .slide1.animate-out .prodcut-item {
        top: -20%;
    }

    #sequence .slide1.animate-in .prodcut-item {
        top: -0.6%;
    }

    #sequence .slide2 .info {
        right: 18.3%;
    }

    #sequence .slide2 .info, #sequence .slide2.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide2.animate-in .info {
        top: 9.5%;
    }

    #sequence .momu-item7 {
        top: 41%;
        z-index: 20;
    }

    #sequence .momu-item3 {
        top: 53%;
    }

    #sequence .momu-item2 {
        top: 30.7%;
    }

    #sequence .slide2 strong {
        top: 27%;
    }

    #sequence .slide2.animate-in strong {
        right: 8%;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
        top: 26%;
    }

    #sequence .animate-in .momu-item7 {
        left: 7%;
    }

    #sequence .animate-in .momu-item3 {
        right: 4.1%;
    }

    #sequence .animate-in .momu-item2 {
        left: 62.4%;
    }

    #sequence .momu-item7, #sequence .animate-out .momu-item7 {
        left: -50%;
    }

    #sequence .momu-item3, #sequence .animate-out .momu-item3 {
        right: -50%;
    }

    #sequence .momu-item2, #sequence .animate-out .momu-item2 {
        left: -50%;
    }

    #sequence .slide3 .info {
        right: 18.8%;
        width: 15%;
    }

    #sequence .slide3 .info, #sequence .slide3.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide3.animate-in .info {
        top: 13%;
    }

    #sequence .slide3 strong {
        top: 26.4%;
        text-align: center;
        line-height: 2;
    }

    #sequence .slide3.animate-in strong {
        right: 13.3%;
    }

    #sequence .discounton-item1 {
        top: 9%;
        opacity: 0;
    }

    #sequence .discounton-item2 {
        top: 4.8%;
    }

    #sequence .discounton-item4 {
        top: 67.8%;
    }

    #sequence .discounton-item5 {
        bottom: 0;
    }

    #sequence .discounton-item6 {
        top: 32.3%;
    }

    #sequence .info .topo-logo {
        top: 40% !important;
    }

    #sequence .animate-in .discounton-item1 {
        left: -3%;
    }

    #sequence .animate-in .discounton-item2 {
        left: 4.8%;
    }

    #sequence .animate-in .discounton-item4 {
        right: 10%;
    }

    #sequence .animate-in .discounton-item5 {
        left: 6.5%;
    }

    #sequence .animate-in .discounton-item6 {
        right: 6%;
        top: 49%;
    }

    #sequence .discounton-item2, #sequence .animate-out .discounton-item2 {
        left: -50%;
    }

    #sequence .discounton-item4, #sequence .animate-out .discounton-item4 {
        right: -50%;
    }

    #sequence .discounton-item5, #sequence .animate-out .discounton-item5 {
        left: -50%;
    }

    #sequence .discounton-item6, #sequence .animate-out .discounton-item6 {
        right: -50%;
    }

    #sequence .slide4 .info {
        right: 16%;
    }

    #sequence .slide4 .info, #sequence .slide4.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide4.animate-in .info {
        top: 7.1%;
    }

    #sequence .slide4 strong {
        line-height: 2.1;
        text-align: center;
        top: 20.4%;
    }

    #sequence .slide4.animate-in strong {
        right: 10%;
        top: 30%;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    #sequence .badbacks-item4 {
        top: 45.3%;
    }

    #sequence .badbacks-item5 {
        top: 51%;
        z-index: 20;
    }

    #sequence .badbacks-item2 {
        top: 32.1%;
    }

    #sequence .badbacks-item6 {
        top: 2%;
    }

    #sequence .badbacks-bg {
        z-index: 1;
        bottom: 0;
        max-width: 3000px;
        left: -33%;
    }

    #sequence .animate-in .badbacks-item4 {
        right: 22.4%;
    }

    #sequence .animate-in .badbacks-item5 {
        left: 8%;
    }

    #sequence .animate-in .badbacks-item2 {
        right: 17.6%;
    }

    #sequence .animate-in .badbacks-item6 {
        left: 12%;
    }

    #sequence .badbacks-item4, #sequence .animate-out .badbacks-item4 {
        right: -50%;
    }

    #sequence .badbacks-item5, #sequence .animate-out .badbacks-item5 {
        left: -50%;
    }

    #sequence .badbacks-item2, #sequence .animate-out .badbacks-item2 {
        right: -50%;
    }

    #sequence .slide5 .info {
        right: 12.3%;
    }

    #sequence .slide5 .info, #sequence .slide5.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide5.animate-in .info {
        top: 11.3%;
    }

    #sequence .conplant-item3 {
        top: 34%;
        z-index: 3;
    }

    #sequence .conplant-item4 {
        top: -5%;
    }

    #sequence .conplant-bg {
        z-index: 1;
        bottom: 0;
        max-width: 3000px;
        left: -33%;
    }

    #sequence .slide5 strong {
        line-height: 2.1;
        text-align: center;
        top: 21.6%;
    }

    #sequence .slide5.animate-in strong {
        right: 9%;
    }

    #sequence .animate-in .conplant-item3 {
        right: 4%;
    }

    #sequence .animate-in .conplant-item4 {
        left: -3%;
    }

    #sequence .conplant-item3, #sequence .animate-out .conplant-item3 {
        right: -50%;
    }

    #sequence .slide6 .info {
        right: 12.8%;
    }

    #sequence .slide6 .info, #sequence .slide6.animate-out .info {
        top: -27%;
        z-index: 90;
    }

    #sequence .slide6.animate-in .info {
        top: 11.7%;
    }

    #sequence .bostonbabe-item2 {
        top: 7.9%;
    }

    #sequence .bostonbabe-item3 {
        top: 7%;
    }

    #sequence .bostonbabe-item4 {
        top: 60.7%;
    }

    #sequence .slide6 strong {
        line-height: 2.1;
        text-align: center;
        top: 22%;
    }

    #sequence .slide6.animate-in strong {
        right: 14%;
    }

    #sequence .animate-in .bostonbabe-item2 {
        left: 48%;
    }

    #sequence .animate-in .bostonbabe-item3 {
        left: 1%;
    }

    #sequence .animate-in .bostonbabe-item4 {
        left: 8%;
    }

    #sequence .bostonbabe-item2, #sequence .animate-out .bostonbabe-item2 {
        left: -50%;
    }

    #sequence .bostonbabe-item3, #sequence .animate-out .bostonbabe-item3 {
        left: -50%;
    }

    #sequence .bostonbabe-item4, #sequence .animate-out .bostonbabe-item4 {
        left: -50%;
    }

.sequence-pagination {
    position: absolute;
    z-index: 999;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

    .sequence-pagination li {
        border-radius: 15px;
        width: 9px;
        height: 9px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        zoom: 1;
        *display: inline;
        margin: 1px;
        overflow: hidden;
        text-indent: -100px;
        background: #c9c9c9;
        cursor: pointer;
    }

        .sequence-pagination li.current {
            background: #353535;
        }







/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);



.container > header nav {
    float: right;
}

    .container > header nav a {
        display: block;
        float: left;
        position: relative;
        width: 2.5em;
        height: 2.5em;
        background: #fff;
        border-radius: 50%;
        color: transparent;
        margin: 0 0.1em;
        border: 4px solid #47a3da;
        text-indent: -8000px;
    }

        .container > header nav a:after {
            content: attr(data-info);
            color: #47a3da;
            position: absolute;
            width: 600%;
            top: 120%;
            text-align: right;
            right: 0;
            opacity: 0;
            pointer-events: none;
        }

        .container > header nav a:hover:after {
            opacity: 1;
        }

        .container > header nav a:hover {
            background: #47a3da;
        }

.icon-drop:before,
.icon-arrow-left:before {
    font-family: 'fontawesome';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 2;
    text-align: center;
    color: #47a3da;
    -webkit-font-smoothing: antialiased;
    text-indent: 8000px;
    padding-left: 8px;
}

.container > header nav a:hover:before {
    color: #fff;
}

.icon-drop:before {
    content: "\e000";
}

.icon-arrow-left:before {
    content: "\f060";
}

/* General styles for all menus */
.cbp-spmenu {
    background: #0C0C0C;
    position: fixed;
}

    .cbp-spmenu h3 {
        color: #64BC00;
        font-size: 24px;
        padding: 10px 20px;
        margin: 0;
        font-weight: 300;
    }

    .cbp-spmenu a {
        display: block;
        color: #fff;
        font-size: 1.1em;
        font-weight: 300;
    }

        .cbp-spmenu a:hover {
            background: none;
            color: #64BC00;
        }

        .cbp-spmenu a:active {
            background: none;
            color: #64BC00;
        }

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 83px;
    z-index: 1000;
}

    .cbp-spmenu-vertical a {
        padding: 0.6em 1em;
    }

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #258ecd;
    }

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.cbp-spmenu-push-toleft .cbp-spmenu-right {
    right: 0px;
    top: 0;
}


.website-design-services {
    width: 350px;
    padding: 4px 25px;
    float: left;
}

.icon-image {
    width: auto;
    text-align: center;
    padding: 8px;
}

.icon-animate img:hover {
    animation: 900ms ease 0s alternate none infinite running smallToBig;
    transform: scale(1.05);
    transition: all 1s ease-in 0s;
}

.h4-style {
    font-size: 20px;
    color: #000;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.homep-style {
    font-size: 14px;
    margin-top: 10px;
    color: #666;
    font-family: 'Muli', sans-serif, Arial, Tahoma;
}

.learn-more {
    margin-top: 10px;
}

    .learn-more a {
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
        color: #666;
        margin-top: 10px;
    }

.readmore {
    width: 200px;
    margin: 35px auto;
    padding: 5px 10px;
    text-align: center;
}

    .readmore a {
        background: #F60;
        color: #fff !important;
        text-align: center;
        padding: 30px 30px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
        border-radius: 50%;
    }

        .readmore a:hover {
            background: #000;
            transition-duration: 0.5s;
        }

.info strong {
    font-weight: normal !important;
    color: #666 !important;
    font-size: 16px !important;
}



.code-box {
    width: 45% !important;
    float: left !important;
    padding-top: 8px !important;
    background: #000 !important;
    color: #fff !important;
    text-align: center;
    text-transform: none !important;
}

.blank-box {
    width: 45% !important;
    float: right !important;
}

.blank-box1 {
    padding-bottom: 7px !important;
    width: 41% !important;
    float: right !important;
}




.contect-content address p {
    margin-bottom: 6px;
}

    .contect-content address p img {
        display: inline-block;
        vertical-align: middle;
    }










@media only screen and (max-width:1039px) {
    .main-width {
        padding-left: 2%;
        padding-right: 2%;
        width: 96%;
        max-width: 768px;
    }

    body {
        font-size: 12px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .header-wrapper .logo1 {
        width: 204px;
        margin-right: 3.3%;
    }

    .header-wrapper.withoutscroll nav, .header-wrapper nav {
        margin-left: 0;
    }

    .section-head h2 {
        font-size: 34px;
    }

    .section-head h4 {
        font-size: 15px;
    }

    .quote-popup {
        background: #1c1c1c;
    }

        .quote-popup .qoute-left {
            background: black;
        }

        .quote-popup .qoute-left, .quote-popup .qoute-right {
            float: none;
            width: 100%;
        }

        .quote-popup .qoute-left-inner, .quote-popup .qoute-right-inner {
            max-width: 768px;
            padding-left: 2%;
            padding-right: 2%;
            width: 96%;
            margin: 0 auto;
            overflow: hidden;
        }

        .quote-popup .main-width {
            max-width: 100%;
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }

    .qoute-right-inner h4 a.close-qoute {
        position: absolute;
        right: 5%;
        top: 5%;
    }

    .qoute-left-inner {
        padding-bottom: 7%;
    }

    .inner-main-banner {
        font-size: 23px;
    }

        .inner-main-banner h2 {
            font-size: 52px;
            padding-top: 150px;
        }

    #sequence .sequence-canvas li img {
        max-width: 100%;
    }

    #sequence .desktop-img {
        width: 46%;
    }

    #sequence .ipad-img {
        width: 20%;
    }

    #sequence .iphone-img {
        width: 8.4%;
    }

    #sequence .slide1 .info {
        width: 18.8%;
    }

    #sequence .slide1 .prodcut-item {
        width: 75%;
    }

    #sequence .slide1 strong {
        width: 18.8%;
    }

    #sequence .slide1 .ts-item3 {
        width: 20.6%;
    }

    #sequence .slide2 .info {
        width: 14%;
    }

    #sequence .momu-item7 {
        width: 13.3%;
    }

    #sequence .momu-item3 {
        width: 41.7%;
    }

    #sequence .momu-item2 {
        width: 27.3%;
    }

    #sequence .slide2 strong {
        width: 21.8%;
    }

    #sequence .slide3 .info {
        width: 15%;
    }

    #sequence .slide3 strong {
        width: 25.8%;
    }

    #sequence .discounton-item2 {
        width: 84%;
    }

    #sequence .discounton-item4 {
        width: 19.5%;
    }

    #sequence .discounton-item5 {
        width: 52.8%;
    }

    #sequence .discounton-item6 {
        width: 37.1%;
    }

    #sequence .slide4 .info {
        width: 18%;
    }

    #sequence .slide4 strong {
        width: 32.8%;
    }

    #sequence .badbacks-item4 {
        width: 11.4%;
    }

    #sequence .badbacks-item5 {
        width: 14%;
    }

    #sequence .badbacks-bg {
        max-width: 3000px;
    }

    #sequence .animate-in .badbacks-item2 {
        width: 15.5%;
    }

    #sequence .slide5 .info {
        width: 21%;
    }

    #sequence .conplant-item3 {
        width: 38.7%;
    }

    #sequence .slide5 strong {
        width: 27.8%;
    }

    #sequence .sequence-canvas li img.badbacks-bg, #sequence .sequence-canvas li img.conplant-bg {
        max-width: 175%;
    }

    #sequence .slide6 .info {
        width: 24%;
    }

    #sequence .bostonbabe-item2 {
        width: 41.5%;
    }

    #sequence .bostonbabe-item3 {
        width: 67%;
    }

    #sequence .bostonbabe-item4 {
        width: 31%;
    }

    #sequence .slide6 strong {
        width: 19.8%;
    }

    .white_content video {
        height: 321px;
    }

    .white_content {
        top: 5%;
    }
}

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

    #pricePlans {
        margin: 2em auto;
    }

        #pricePlans #plans .plan {
            width: 24%;
            margin: 0 1.33% 20px 0;
            -webkit-transition: all .25s;
            -moz-transition: all .25s;
            -ms-transition: all .25s;
            -o-transition: all .25s;
            transition: all .25s;
        }

        #pricePlans #plans > li:last-child {
            margin-right: 0;
        }

        #pricePlans #plans .plan:hover {
            -webkit-transform: scale(1.04);
            -moz-transform: scale(1.04);
            -ms-transform: scale(1.04);
            -o-transform: scale(1.04);
            transform: scale(1.04);
        }

    .planContainer .button a {
        -webkit-transition: all .25s;
        -moz-transition: all .25s;
        -ms-transition: all .25s;
        -o-transition: all .25s;
        transition: all .25s;
    }

        .planContainer .button a:hover {
            background: #3e4f6a;
            color: #fff;
        }

        .planContainer .button a.bestPlanButton:hover {
            background: #ff9c70;
            border: 2px solid #ff9c70;
        }

    .white_content video {
        height: 321px;
    }

    .white_content {
        top: 5%;
    }
}


@media only screen and (min-width:768px) and (max-width:1024px) {
    .contect-content address {
        margin-top: -60px;
        margin-bottom: 70px;
    }
}

@media only screen and (min-width:768px) and (max-width:1039px) {
    .header-wrapper nav li {
        margin-right: 0;
    }

    .header-wrapper nav {
        margin-top: 20px;
    }

    .header-wrapper .header-right a {
        margin-right: 6px;
    }

    .header-wrapper .header-right {
        margin-top: 10px;
    }

    .header-wrapper .logo1 {
        width: 172px;
    }

    .qoute-circle {
        margin-left: 5%;
        float: left;
    }

    .qoute-left-content {
        float: left;
        padding: 13% 0 0 15%;
    }

    .qoute-right-inner {
        padding-top: 6%;
    }

    .services_design {
        top: 350px;
    }

    .hpk-circle {
        height: 600px;
        margin-left: -303px;
        width: 600px;
    }

    .knob-message {
        height: 333px;
        width: 333px;
        margin-left: -165px;
        margin-top: -80px;
    }

    #knob-icons .gfx-v-mail span, #knob-icons .gfx-v-globe span, #knob-icons .gfx-v-social span, #knob-icons .gfx-v-mobile span {
        left: -20px;
        text-align: center;
        top: -31px;
        width: 144px;
        font-family: 'Muli', sans-serif, Arial, Tahoma;
    }

    .knob {
        height: 120px;
        margin-left: 10px;
        width: 120px;
    }

        .knob span {
            ;
        }

    .knob-circle {
        height: 120px;
        margin-left: 0;
        width: 120px;
    }

    .gfx-v-mail img {
        width: 54%;
    }

    .gfx-v-globe img {
        width: 35%;
    }

    .gfx-v-comments img {
        width: 72%;
    }

    .gfx-v-social img {
        width: 58%;
    }

    .gfx-v-mobile img {
        width: 61%;
    }

    .animate .gfx-v-mail {
        bottom: 4.5%;
        left: 4%;
    }

    .animate .gfx-v-globe {
        left: 10%;
        bottom: 57.7%;
    }

    .animate .gfx-v-comments {
        left: 45%;
        left: 45%;
    }

    .animate .gfx-v-social {
        bottom: 57.7%;
        left: 76%;
    }

    .animate .gfx-v-mobile {
        bottom: 4.5%;
        left: 82.2%;
    }

    .animate .knob {
        height: 100px;
        margin-left: 0;
        width: 100px;
    }

    .animate .knob-circle {
        height: 100px;
        margin-left: 0;
        width: 100px;
    }

    .hpk-circle-wrapper, .hpk {
        height: 440px;
    }

    .knob-msg-item {
        width: auto;
        padding: 0 20%;
    }

    .knob-message em {
        margin-top: 50px;
    }

        .knob-message em img {
            width: auto;
            height: 100px;
        }

    .knob-message h3 {
        padding: 8px 0;
        font-size: 22px;
    }

    .knob-message p {
        font-size: 14px;
    }

    #sequence .sequence-prev {
        left: 2%;
    }

    #sequence .sequence-next {
        right: 2%;
    }

    #portfolio-section #sequence {
        min-height: 390px;
    }

    #sequence .sequence-next, #sequence .sequence-prev {
        top: 168px;
    }

    #sequence .animate-in .desktop-img {
        left: 6%;
    }

    #sequence .slide2.animate-in strong {
        right: 6%;
    }

    #sequence .slide2 strong {
        width: 35%;
    }

    #sequence .slide3.animate-in strong {
        right: 6%;
    }

    #sequence .slide3 strong {
        width: 42%;
    }

    #sequence .slide4.animate-in strong {
        right: 6%;
    }

    #sequence .slide4 strong {
        width: 38%;
    }

        #sequence .slide4 strong br {
            display: none;
        }

    #sequence .slide5.animate-in strong {
        right: 6%;
    }

    #sequence .slide5 strong {
        width: 40%;
    }

    #sequence .slide6.animate-in strong {
        right: 6%;
    }

    #sequence .slide6 strong {
        width: 40%;
        top: 20%;
    }

    #sequence .conplant-bg, #sequence .badbacks-bg {
        left: 0;
    }

    .client-list {
        margin: 0 4%;
    }

        .client-list li {
            float: left;
            margin-right: 15px;
            margin-left: 15px;
        }

    .abouttab-content {
        font-size: 14px;
    }

    .tab-content h3 {
        font-size: 14px;
        min-height: 34px;
        padding: 9px 0;
    }

    .contact-section .left-side, .contact-section .right-side {
        margin-left: 0;
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .contact-section .left-side {
        padding-bottom: 40px;
    }

    .contact-form {
        padding-left: 2px;
        padding-right: 4px;
    }

    .contact-call {
        float: left;
        margin-left: 0;
    }

    .contact-address {
        padding-top: 80px;
    }

    .footer-col {
        padding-right: 2%;
        width: 24%;
    }

        .footer-col.last {
            padding-right: 0;
            width: 22%;
        }

    .white_content {
        top: 5%;
    }

        .white_content video {
            height: 321px;
        }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header-wrapper .header-right {
        margin-top: 30px;
    }
}


@media only screen and (max-width:767px) and (orientation:portrait) {
    .main-banner .banner-content {
        margin-top: 60%;
    }

    .celebrate-withscroll {
        display: none;
    }

    .banner-content h3 {
        font-size: 25px;
    }

    .banner-content p {
        font-size: 15px;
    }
}

@media only screen and (max-width:767px) and (orientation:landscape) {
    .main-banner .banner-content {
        margin-top: 15%;
    }

    .celebrate-withscroll {
        display: none;
    }

    .header-wrapper .header-right {
        margin-top: 0px;
    }

    .header-wrapper .logo1 img {
        margin-top: 0;
    }

    .banner-content h3 {
        font-size: 14px;
    }

    .banner-content p, .banner-content span {
        font-size: 8px;
        line-height: 1.3;
    }
}




@media only screen and (max-width:1042px) {

    .middle-content .masonry-list li {
        height: 265px;
        width: 256px;
    }

    #pricePlans #plans .plan {
        width: 49%;
        margin: 0 2% 20px 0;
    }

    #pricePlans #plans > li:nth-child(2n) {
        margin-right: 0;
    }

    .domain_regi {
        width: 100%;
    }

    .free_domain {
        width: 100%;
    }

    .domain_search_left {
        width: 65%;
    }

    .domain_search input[type="text"] {
        width: 52%;
    }

    .domain_search_right {
        width: 28%;
    }

    .right-side {
        margin-right: 25px;
    }

    .middle-content img.alignright2 {
        margin: 0px;
    }

    .container .cbp-spmenu-vertical {
        top: 71px;
    }

    .cbp-spmenu ul.top_menu {
        padding: 10px 0;
    }

        .cbp-spmenu ul.btm_menu li a, .cbp-spmenu ul.top_menu li a {
            padding: 0.4em 1em;
        }

    .cbp-spmenu ul.social_media {
        padding: 11px 15px;
    }

    .port_mian_list ul li .images_hover {
        left: 0;
    }

    .port_mian_list ul li {
        padding: 0 0 25px 28px;
    }

        .port_mian_list ul li .pro_img:hover .images_hover {
            top: 9px;
        }
}



.footer-social-icons {
    width: 100%;
    text-align: center;
    /* margin: auto; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

    .footer-social-icons span {
        margin: 0 10px;
    }



@media only screen and (max-width:1024px) {

    .quote-popup .qoute-right {
        padding: 0;
    }
}



@media only screen and (max-width:820px) {

    .middle-content .circle-list {
        width: 50%;
        padding: 0 0 15px 0;
    }

    .ser_icon {
        width: 22.2%;
    }

    .middle-content .ser_icon .hi-icon {
        margin: 15px 0;
    }

    .middle-content .ser_icon h2 {
        font-size: 17px;
    }

    .middle-content .tit {
        clear: both;
    }

    .accordionButton {
        width: 85%;
    }

    .accordionContent {
        width: 96.1%;
    }

    .domain_search_left {
        width: 57%;
    }

    .domain_search input[type="text"] {
        width: 26%;
    }

    .domain_search_right {
        width: 39%;
    }

    .video-banner video {
        display: none;
    }

    .bottom-content {
        padding: 2.5% 3%;
    }

    .video-banner { /*background: #000000 url(../img/background-image.jpg); background-size:100% 100%*/
        background-color: #000000;
        background-size: auto !important;
        background-position: left top !important;
    }

    /*.video-banner img.banner-background {width:100% !important;}*/

    #sequence .ipad-img {
        width: 21%;
    }

    .cbp-spmenu ul.btm_menu li a, .cbp-spmenu ul.top_menu li a {
        padding: 0.3em 1em;
    }

    .contact-form li img#frmctloader {
        left: 190px;
        top: 20px;
    }

    .add_left2 {
        width: 31%;
    }

    .port_mian_list ul li {
        padding: 0 0 25px 22px;
    }

        .port_mian_list ul li .pro_img:hover .images_hover {
            top: 7px;
        }

    .video-banner .text {
        font-size: 60px;
    }

    .down-button {
        top: 90px;
    }

    .video_btn {
        display: none;
        visibility: hidden;
    }
}



@media only screen and (max-width:800px) {

    .middle-content .masonry-list li {
        height: 253px;
        width: 245px;
    }

    .middle-content .masonry-list .tile-secondary-content p {
        padding: 0px;
    }

    .header-wrapper nav li a {
        padding: 0 5px;
    }

    .cbp-spmenu-vertical {
        top: 71px;
    }

    .cont_form_inn h2 {
        font-size: 18px;
    }

    .video-banner {
        background-color: #000000;
    }
}









@media only screen and (max-width:767px) {

    .header-wrapper .logo1 {
        max-width: 244px;
        width: 55%;
        margin-right: 0;
    }

        .header-wrapper .logo1 img {
            margin-top: 0px;
        }

    .header-wrapper .header-right {
        margin-top: 10px;
    }

        .header-wrapper .header-right a {
            margin-right: 0px;
            margin-top: 5px;
        }

        .header-wrapper .header-right span {
            display: none;
        }

    .quote-popup .qoute-left-inner, .quote-popup .qoute-right-inner {
        max-width: 480px;
    }

    .qoute-circle {
        margin: 56px auto 0;
    }

    .qoute-left-content {
        padding: 12% 0 0;
    }

    .main-width {
        max-width: 100%;
    }

    .header-wrapper .mobile-menu-dropdown, .header-wrapper .mobile-menu {
        display: block;
    }

    .section-head h2 {
        font-size: 25px;
    }

    .about-tabs {
        display: none;
    }

    .tab-content {
        display: block;
    }

    .how-we-do article {
        float: none;
        margin-right: 0;
        width: 100%;
        padding-bottom: 40px;
    }

    .abouttab-content article {
        float: none;
        margin-right: 0;
        width: 100%;
        padding-bottom: 40px;
    }

    .tab-content h2 {
        font-size: 20px;
        text-align: center;
        margin: 20px 0;
        color: white;
        text-transform: uppercase;
        display: block;
    }

    .contact-section .left-side {
        margin: 0 auto;
        float: none;
        overflow: hidden;
        padding-bottom: 20px;
        width: auto;
    }

    .contact-section .contact-call {
        margin: 0 auto;
        margin-top: 20px;
    }

    .contact-section .right-side {
        margin-left: 0;
        float: none;
        width: 100%;
        overflow: hidden;
    }

    .contact-form {
        padding-left: 2px;
        padding-right: 4px;
    }

    .contact-address {
        /*padding: 40px 0;*/
    }

    .footer-top-row .footer-col {
        width: 46%;
        padding: 0 2% 8%;
    }

        .footer-top-row .footer-col ul {
            line-height: 1.2;
        }

            .footer-top-row .footer-col ul li {
                padding: 4px 0;
            }

    #sequence .animate-in .prodcut-item,
    #sequence .animate-in .momu-item2,
    #sequence .animate-in .momu-item3,
    #sequence .animate-in .discounton-item1,
    #sequence .animate-in .discounton-item2,
    #sequence .animate-in .discounton-item4,
    #sequence .animate-in .discounton-item6,
    #sequence .animate-in .badbacks-item2,
    #sequence .animate-in .badbacks-item4,
    #sequence .animate-in .badbacks-item5,
    #sequence .animate-in .badbacks-item6,
    #sequence .animate-in .badbacks-bg,
    #sequence .animate-in .conplant-item3,
    #sequence .animate-in .conplant-bg,
    #sequence .animate-in .conplant-item4,
    #sequence .animate-in .bostonbabe-item2,
    #sequence .animate-in .bostonbabe-item4,
    #sequence .animate-in strong,
    #sequence .animate-in .mgnto-logo,
    #sequence .animate-in .momu-item7,
    #sequence .animate-in .ts-item3,
    #sequence .animate-in .ts-item2 {
        opacity: 0;
    }

    #sequence {
        min-height: 450px;
    }

    .hide-items {
        display: none;
    }

    #sequence .sequence-prev {
        left: 1%;
    }

    #sequence .sequence-next {
        right: 1%;
    }

    #sequence .desktop-img {
        top: 22%;
        width: 65%;
    }

    #sequence .desktop-img, #sequence .animate-in .desktop-img, #sequence .animate-out .desktop-img {
        left: 6%;
    }

    #sequence .ipad-img {
        width: 29%;
    }

    #sequence .animate-in .ipad-img {
        left: 50.9%;
    }

    #sequence .iphone-img {
        top: 28.6%;
        width: 9%;
        top: 62.5%;
    }

    #sequence .iphone-img, #sequence .animate-in .iphone-img, #sequence .animate-out .iphone-img {
        left: 75%;
    }

    #sequence .sequence-canvas .info {
        right: 6%;
        width: 88%;
        text-align: center;
    }

    #sequence .sequence-canvas li .info, #sequence .sequence-canvas li.animate-in .info, #sequence .sequence-canvas li.animate-out .info {
        top: 0;
    }

    #sequence .sequence-canvas .slide3 .info {
    }

    #sequence .sequence-canvas .slide3 strong {
        top: 23%;
    }

    #sequence .discounton-item5 {
        width: 55%;
    }

    #sequence .discounton-item5, #sequence .animate-in .discounton-item5, #sequence .animate-out .discounton-item5 {
        left: 23%;
    }

    #sequence .bostonbabe-item3 {
        top: 25%;
        width: 98%;
    }

    #sequence .bostonbabe-item3, #sequence .animate-in .bostonbabe-item3, #sequence .animate-out .bostonbabe-item3 {
        left: 1%;
    }

    .client-section .client-list {
        margin: 0 0;
    }

    .client-list li {
        margin: 0 10px;
    }

    .services-content-wrapper {
        padding-bottom: 35px;
    }

    #knob-icons {
        overflow: hidden;
        border-radius: 10px 10px 0 0;
    }

        #knob-icons .knob {
            float: left;
            width: 20%;
        }

            #knob-icons .knob span {
                display: none;
            }

            #knob-icons .knob a {
                line-height: 50px;
                height: 30px;
                display: block;
                padding: 10px 0;
                color: white;
                text-align: center;
            }

            #knob-icons .knob img {
                height: 100%;
                width: auto;
            }

    #knob-message {
    }

        #knob-message img {
            display: none;
        }

        #knob-message .knob-message {
            display: none;
            padding: 0 5% 10%;
            border-radius: 0 0 4px 4px;
            text-align: center;
            min-height: 170px;
        }

            #knob-message .knob-message.active {
                display: block;
            }

    .knob-message h3 {
        font-size: 22px;
    }

    .quick-links ul li {
        padding: 0 10px;
    }

    .inner-page h1 {
        font-size: 26px;
    }

    .inner-page h2 {
        font-size: 36px;
    }

    .inner-page .top-content p {
        font-size: 15px;
    }

    .inner-page .container {
        font-size: 14px;
    }

    .content-right, .content-left {
        float: none;
        margin-bottom: 2%;
        margin-left: 0;
        width: 100%;
    }

    .bottom-content {
        padding: 5%;
    }

    ul.dash-list {
        width: inherit;
    }

    .middle-content .circle-list {
        width: 100%;
    }

    .middle-content .left_cont {
        width: 100%;
    }

    .middle-content .right_cont {
        width: 100%;
        float: left;
    }

        .middle-content .right_cont h2 {
            display: none;
        }

    .middle-content .map_main iframe {
        height: 300px;
    }

    .ser_icon {
        width: 44%;
        min-height: 412px;
    }

    .middle-content .masonry-list li {
        height: 248px;
        width: 240px;
    }

    .mobile_banner .main-width h2 {
        font-size: 45px;
    }

    .wrapper .mobile_banner {
        background: url("../img/mobile_banner.jpg") no-repeat scroll -487px top rgba(0, 0, 0, 0);
    }

    .header-wrapper .mobile-menu-dropdown {
        padding: 0% 0;
        height: 0px;
    }

        .header-wrapper.withscroll .mobile-menu-dropdown nav, .header-wrapper .mobile-menu-dropdown nav {
            opacity: 0;
        }

        .header-wrapper .mobile-menu-dropdown.active .main-width {
            max-width: 100%;
            width: 100%;
            float: left;
            padding: 0px;
        }

    .wrapper .header-wrapper .mobile-menu-dropdown {
        left: 0;
    }

    .header-wrapper .mobile-menu-dropdown nav {
        width: 100%;
    }

    #pricePlans #plans .plan {
        width: 49%;
        margin: 0 2% 20px 0;
    }

    #pricePlans #plans > li:nth-child(2n) {
        margin-right: 0;
    }

    .ser_right_parchage {
        width: auto;
    }

    .domain_chart {
        max-width: 249px;
    }

    .first_chart {
        width: 100%;
        padding: 2px 0 38px;
    }

    .second_chart {
        width: 100%;
        padding: 84px 0 0;
    }

    .third_chart {
        width: 100%;
        padding: 119px 0 38px;
    }

    .domain_name {
        width: 100%;
        padding: 0 0 15px;
    }

    .why_us {
        width: 100%;
    }

    .domain_search {
        width: 91%;
    }

    .domain_search_left {
        width: 100%;
    }

    .domain_search_right {
        width: 63%;
        margin: 12px 0 0;
    }

    .order_now_btn {
        font-size: 14px;
        background: none;
        width: auto;
        height: auto;
        font-weight: bold;
    }

    .mobile-menu-dropdown .main-width {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .header-wrapper.withoutscroll nav, .header-wrapper nav {
        display: none;
    }

    .header-wrapper .mobile-menu-dropdown, .header-wrapper .mobile-menu {
        display: none;
    }

    .buttonset {
        padding: 3px 5px 0 8px;
    }

    .topbar div > ul, .nav {
        margin: 0;
    }

        .topbar div > ul a, .nav a {
            padding: 10px 5px 11px;
        }

    .domain_portal {
        width: 100%;
    }

    .com_table tr.tit_com td {
        font-size: 14px;
    }

    .com_table tr td {
        font-size: 12px;
    }

        .com_table tr td a.ord_now {
            font-size: 12px;
            padding: 3px;
        }

    .container .cbp-spmenu-vertical {
        top: 83px;
    }

    .contact-form li img#frmctloader {
        left: 120px;
    }

    .port_mian_list ul li .pro_img:hover .images_hover {
        top: 5px;
    }

    .port_mian_list ul li {
        padding: 0 0 25px 15px;
    }

    .cont_form_left {
        width: 100%;
    }

    .cont_form_right {
        width: 100%;
        text-align: center;
    }

        .cont_form_left h2, .cont_form_right h2, .add_left2 h2, .add_right2 h2 {
            font-size: 19px;
        }

    .video-banner .text {
        font-size: 40px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .website-design-services {
        width: 394px;
        padding: 0;
        margin: auto;
        float: none;
        clear: both;
    }

    .main-width {
        max-width: 394px;
        margin: auto;
    }

    .icon-image {
        width: 100%;
        margin: auto;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
    .header-wrapper .logo1 {
        width: 40% !important;
    }

    .header-wrapper .header-right {
        width: 60%;
    }

    .website-design-services {
        width: 355px;
        padding: 0;
        margin: auto;
        float: none;
        clear: both;
    }

    .icon-image {
        width: 100%;
        margin: auto;
    }

    .video-banner {
        background-size: auto auto;
    }

    .header-wrapper .mobile-menu-dropdown {
        padding: 3% 0;
    }

        .header-wrapper .mobile-menu-dropdown li {
            margin-right: 0;
            padding: 6px 10px;
        }

    .header-wrapper nav li a {
        font-size: 10px;
        padding: 0px;
    }

    .header-wrapper .mobile-menu-dropdown {
        padding: 0% 0;
        height: 0px;
    }

        .header-wrapper.withscroll .mobile-menu-dropdown nav, .header-wrapper .mobile-menu-dropdown nav {
            opacity: 0;
        }

    .main-width {
        max-width: 100%;
    }

    .quote-popup .qoute-left-inner, .quote-popup .qoute-right-inner {
        max-width: 320px;
    }

    .qoute-form li.form-row, .qoute-form li.form-row.right {
        float: none;
        width: 98%;
    }

    .contact-form li.two-col .col {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }

    .contact-form li.two-col {
        padding-bottom: 0;
    }

    .knob-msg-item {
        width: 100%;
    }

    .ser_icon {
        width: 100%;
        min-height: 365px;
    }

    .middle-content .masonry-list li {
        height: 310px;
        width: 300px;
    }

    .mobile_banner .main-width h2 {
        font-size: 30px;
    }

    #pricePlans #plans .plan {
        width: 100%;
        margin: 0 0 20px;
    }

    .ser_right_parchage {
        margin: 0 0 25px;
    }

    .accordionContent {
        width: 91%;
    }

    .accordionButton {
        width: 65%;
    }

    .domain_search input[type="text"] {
        width: 68%;
        margin: 0 0 15px;
    }

    .domain_search a {
        margin: 10px 0 0;
    }

    .domain_search_right {
        width: 98%;
    }

    .video-banner .text {
        font-size: 24px;
    }

    .text-and-button span.bor_btm {
        font-size: 18px;
    }

    .inner-page h2 {
        font-size: 25px;
    }

    .header-wrapper .header-right a {
        font-size: 12px;
    }

    .cbp-spmenu-vertical {
        top: 106px;
    }

    .video-banner .text-and-button {
        top: 105px !important;
    }

    .toggle-link span {
        right: 5px;
        bottom: 27px;
    }

    .copyright, .toggle-link {
        font-size: 14px;
    }

    .header-wrapper .logo1, .header-wrapper.withscroll .logo1 {
        margin: 0 0 0;
        width: 56.5%;
        float: left;
    }

    .com_table tr.tit_com td {
        font-size: 10px;
        padding: 5px 3px;
    }

    .com_table tr td {
        font-size: 10px;
    }

    .cbp-spmenu ul.top_menu {
        padding: 10px 0 5px;
    }

        .cbp-spmenu ul.top_menu li, .cbp-spmenu ul.top_menu li a {
            font-size: 12px;
        }

            .cbp-spmenu ul.top_menu li a, .cbp-spmenu ul.btm_menu li a {
                padding: 0.2em 1em;
            }

    .cbp-spmenu ul.btm_menu li, .cbp-spmenu ul.btm_menu li a {
        font-size: 12px;
    }

    .cbp-spmenu ul.btm_menu {
        padding: 0 0 0px;
    }

    .cbp-spmenu ul.social_media {
        padding: 5px 15px;
    }

    .cont_info_right {
        font-size: 12px;
        line-height: 18px;
    }

    .container .cbp-spmenu-vertical {
        top: 82px;
    }

    .cont_info_right span {
        font-size: 20px;
    }

    #sequence {
        min-height: 380px;
    }

        #sequence .sequence-next, #sequence .sequence-prev {
            top: 160px;
        }

        #sequence .desktop-img {
            top: 22%;
            width: 88%;
        }

        #sequence .ipad-img {
            top: 42.4%;
            width: 35.3%;
        }

        #sequence .ipad-img, #sequence .animate-in .ipad-img, #sequence .animate-out .ipad-img {
            left: 56%;
        }

        #sequence .iphone-img {
            top: 57%;
            width: 12%;
        }

        #sequence .iphone-img, #sequence .animate-in .iphone-img, #sequence .animate-out .iphone-img {
            left: 48%;
        }

        #sequence .discounton-item5 {
            width: 88%;
        }

        #sequence .discounton-item5, #sequence .animate-in .discounton-item5, #sequence .animate-out .discounton-item5 {
            left: 6%;
        }

    .main-width {
        max-width: 355px;
        margin: auto;
    }

    .quote-popup .qoute-left-inner, .quote-popup .qoute-right-inner {
        max-width: 320px;
    }

    .qoute-form li.form-row, .qoute-form li.form-row.right {
        float: none;
        width: 98%;
    }

    .contact-form li.two-col .col {
        float: none;
        width: 100%;
        padding-bottom: 10px;
    }

    .contact-form li.two-col {
        padding-bottom: 0;
    }

    .knob-msg-item {
        width: 100%;
    }

    .video-banner .text {
        margin-top: 122px;
    }

    .mid-section-banner {
        width: 100%;
    }
}

@media only screen and (max-width: 360px) {
    .website-design-services {
        width: 340px;
        padding: 0;
        margin: auto;
        float: none;
    }

    .main-width {
        max-width: 340px;
        margin: auto;
    }

    .icon-image {
        width: 100%;
        margin: auto;
    }

    .video-banner .text {
        margin-top: 122px;
    }

    .mid-section-banner {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .website-design-services {
        width: 300px;
        padding: 0;
        margin: auto;
        float: none;
    }

    .topnav {
        display: none !important;
    }

    body .video-banner .text-and-button {
        top: 94px !important;
    }

    body .video-banner .text {
        font-size: 22px !important;
    }

    body .text-and-button h1 span.bor_btm {
        font-size: 10px !important;
    }

        body .text-and-button h1 span.bor_btm img {
            width: 18px;
            height: 16px;
        }

    body .down-button {
        top: 10px;
    }

    .main-width {
        max-width: 300px;
        margin: auto;
    }

    .icon-image {
        width: 100%;
        margin: auto;
    }

    .video-banner .text {
        margin-top: 122px;
    }

    .mid-section-banner {
        width: 100%;
    }
}



.cbp-spmenu {
    overflow: hidden !important;
    overflow-y: auto !important;
}

/*Designed and developed by Naveen Kaushish*/