body {
    font-family: Lato,Arial;
    font-family: Lato;
    background: #EBEBEB;
    color: #636363;
}



hr {
    margin: 50px 0;
}



.bottom-min35, .top-min35 {
    margin-top: -35px;
}



.superstrong {
    font-weight: 900;
}

.superstrong1 {
    font-weight: 600;
}



img {
    width: auto;
    max-width: 100%;
}



.alert-success {
    background: #41c3ac;
    border: none;
    color: #fff;
}



.alert-info {
    background: #119ee7;
    border: none;
    color: #fff;
}



.alert-warning {
    background: #ff884d;
    border: none;
    color: #fff;
}



.alert-danger {
    background: #ff6b57;
    border: none;
    color: #fff;
}



.alert-success.left-border {
    border: none;
    border-left: 5px solid #41c3ac;
    background: #fff;
    color: #636363;
}



.alert-info.left-border {
    border: none;
    border-left: 5px solid #119ee7;
    background: #fff;
    color: #636363;
}



.alert-warning.left-border {
    border: none;
    border-left: 5px solid #ff884d;
    background: #fff;
    color: #636363;
}



.alert-danger.left-border {
    border: none;
    border-left: 5px solid #ff6b57;
    background: #fff;
    color: #636363;
}



.table.no-border, .table.no-border td, .table.no-border th, .table.no-border tr {
    border: none;
}



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



    ul.circle-style li {
        padding-left: 5px;
        position: relative;
        margin: 10px 0;
    }



        ul.circle-style li:before {
            color: #ff884d;
            content: "\2022";
            font-size: 16px;
            top: -2px;
            position: absolute;
            margin-left: -15px;
        }



ul.check-style {
    padding: 0 0 0 20px;
    margin: 30px 0;
    list-style: none;
}



    ul.check-style li {
        padding-left: 15px;
        position: relative;
        margin: 5px 0;
    }



        ul.check-style li:before {
            font-family: FontAwesome;
            color: #ff6b57;
            content: "\f00c";
            font-size: 16px;
            top: -2px;
            position: absolute;
            margin-left: -30px;
        }



ul.caret-style {
    padding: 0 0 0 20px;
    margin: 30px 0;
    list-style: none;
}



    ul.caret-style li {
        padding-left: 15px;
        position: relative;
        margin: 5px 0;
    }



        ul.caret-style li:before {
            font-family: FontAwesome;
            color: #ff6b57;
            content: "\f0da";
            font-size: 16px;
            top: 0;
            position: absolute;
            margin-left: -15px;
        }



ul.circle-o-style {
    padding: 0 0 0 20px;
    margin: 30px 0;
    list-style: none;
}



    ul.circle-o-style li {
        padding-left: 15px;
        position: relative;
        margin: 5px 0;
    }



        ul.circle-o-style li:before {
            font-family: FontAwesome;
            color: #ff6b57;
            content: "\f10c";
            font-size: 10px;
            top: 4px;
            position: absolute;
            margin-left: -20px;
        }



.btn.btn-lg {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 55px;
}



.btn {
    border-radius: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    height: 40px;
}



    .btn.btn-sm {
        padding-top: 6px;
        padding-bottom: 6px;
        height: 30px;
    }



    .btn.btn-xs {
        padding-top: 1px;
        padding-bottom: 2px;
        height: 20px;
        border-radius: 2px;
    }



    .btn strong {
        font-weight: 900;
    }



    .btn.padding-lg {
        padding-left: 60px;
        padding-right: 60px;
    }



    .btn.padding-md {
        padding-left: 40px;
        padding-right: 40px;
    }



    .btn.padding-sm {
        padding-left: 30px;
        padding-right: 30px;
    }



    .btn.padding-xs {
        padding-left: 25px;
        padding-right: 25px;
    }



    .btn.btn-default {
        background: #ebebeb;
        color: #959595;
    }



        .btn.btn-default:focus, .btn.btn-default:hover {
            background: #e1e1e1;
            color: #7c7c7c;
        }



    .btn.btn-primary {
        background: #81b9c3;
    }



        .btn.btn-primary:focus, .btn.btn-primary:hover {
            background: #6fabb6;
        }



    .btn.btn-success {
        background: #41c3ac;
    }



        .btn.btn-success:focus, .btn.btn-success:hover {
            background: #2fb8a0;
        }



    .btn.btn-info {
        background: #119ee7;
    }



        .btn.btn-info:focus, .btn.btn-info:hover {
            background: #078dd2;
        }



    .btn.btn-warning {
        background: #ff884d;
    }



        .btn.btn-warning:focus, .btn.btn-warning:hover {
            background: #fc7836;
        }



    .btn.btn-danger {
        background: #ff6b57;
    }



        .btn.btn-danger:focus, .btn.btn-danger:hover {
            background: #f85a45;
        }



.text-danger {
    color: #ff6b57;
}



.text-warning {
    color: #ff884d;
}



.text-info {
    color: #119ee7;
}



.text-primary {
    color: #81b9c3;
}



.text-success {
    color: #2fb8a0;
}



.form-control.grey {
    background: #f5f5f5;
}



    .form-control.grey:focus {
        background: #fff;
    }



textarea.no-resize {
    resize: none;
}



.form-control {
    height: 40px;
    border-radius: 3px;
    border: 1px solid #b7b7b7;
    -webkit-box-shadow: inset 0 1px 1px transparent;
    box-shadow: inset 0 1px 1px transparent;
    -webkit-transition: border-color ease-in-out 0s,box-shadow ease-in-out 0s;
    transition: border-color ease-in-out 0s,box-shadow ease-in-out 0s;
}



    .form-control:focus {
        border-color: #ccc;
        -webkit-box-shadow: inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0);
        box-shadow: inset 0 1px 1px transparent,0 0 8px rgba(102,175,233,0);
    }



.navtab {
    margin: 20px 0 30px;
    position: relative;
    z-index: 9;
}



.overflow-top {
    position: relative;
    margin-top: -100px;
}



.navtab .tab-content {
    border: 1px solid #b7b7b7;
    border-top: none;
    padding: 45px;
    border-radius: 0 0 3px 3px;
}



.overflow-bottom {
    margin-bottom: -70px;
}



.navtab .tab-content.transparent {
    background: rgba(255,255,255,.75);
}



.navtab .tab-content.sm {
    padding: 45px 25px 25px;
}



.navtab .tab-content .btn {
    margin: 0 5px 0 0;
}



.navtab .tab-content p {
    margin-bottom: 20px;
}



.navtab .tab-content .table {
    margin-bottom: 35px;
}



.table.table-xs {
    margin-bottom: 0;
}



    .table.table-xs th {
        border-bottom-width: 1px;
    }



.navtab .tab-content .table .icon-check {
    font-size: 22px;
}



.table.table-xs td {
    padding-top: 2px;
    padding-bottom: 2px;
}



.navtab .tab-content h3 {
    margin-top: 0;
    margin-bottom: 30px;
}



.navtab .tab-content .icon-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background: #959595;
    padding: 3px 0;
    margin: 3px 10px 0 0;
}



.navtab .nav.nav-tabs li:first-child a {
    border-left-color: #b7b7b7;
    margin-left: 0;
}



.navtab .nav.nav-tabs li a {
    border-radius: 0;
    border-color: #b7b7b7;
    margin-left: -1px;
    background: #ebebeb;
    color: #959595;
    height: 70px;
    font-weight: 700;
    padding: 16px 0;
}



    .navtab .nav.nav-tabs li a img {
        position: relative;
        top: -2px;
        margin-right: 10px;
        filter: alpha(opacity=60);
        opacity: .6;
    }



.navtab .nav-tabs > li > a:hover {
    border-color: #b7b7b7;
    color: #636363;
}



    .navtab .nav-tabs > li.active > a img, .navtab .nav-tabs > li.active > a:focus img, .navtab .nav-tabs > li.active > a:hover img, .navtab .nav-tabs > li > a:hover img {
        filter: alpha(opacity=100);
        opacity: 1;
    }



.navtab .nav-tabs > li.active > a, .navtab .nav-tabs > li.active > a:focus, .navtab .nav-tabs > li.active > a:hover {
    color: #636363;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-bottom-color: transparent;
    border-top-color: #ff6b57;
    -webkit-box-shadow: 0 -7px 0 0 #ff6b57;
    -moz-box-shadow: 0 -7px 0 0 #ff6b57;
    box-shadow: 0 -7px 0 0 #ff6b57;
}



.navtab.sm .nav.nav-tabs li a {
    height: 40px;
    padding: 10px 0;
}



    .navtab.sm .nav.nav-tabs li a img {
        margin-top: -6px;
        width: 30px;
        top: 0;
    }



.navtab.sm .nav-tabs > li.active > a, .navtab.sm .nav-tabs > li.active > a:focus, .navtab.sm .nav-tabs > li.active > a:hover {
    -webkit-box-shadow: 0 -3px 0 0 #ff6b57;
    -moz-box-shadow: 0 -3px 0 0 #ff6b57;
    box-shadow: 0 -3px 0 0 #ff6b57;
}



.navtab.fa-icon.sm .nav.nav-tabs li a .fa {
    position: relative;
    top: 0;
    margin-right: 10px;
    font-size: 18px;
}



.navtab.fa-icon .nav.nav-tabs li a .fa {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size: 28px;
}



.panel-group.faq {
    margin: 30px 0;
}



    .panel-group.faq .panel-default {
        color: #959595;
        border: none;
        -webkit-box-shadow: 0 1px 1px transparent;
        box-shadow: 0 1px 1px transparent;
    }



        .panel-group.faq .panel-default .panel-heading {
            color: #636363;
            border-color: #b7b7b7;
            background: #fff;
            height: auto;
            padding: 13px 0 13px 30px;
            position: relative;
        }



            .panel-group.faq .panel-default .panel-heading:before {
                font-family: FontAwesome;
                content: "\f059";
                color: #636363;
                font-size: 24px;
                position: absolute;
                margin-right: 15px;
                left: 0;
                width: 30px;
                height: 30px;
                top: 50%;
                margin-top: -15px;
            }



        .panel-group.faq .panel-default .panel-body {
            color: #959595;
            border-color: #b7b7b7;
        }



.wrapper {
    width: 1030px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}



section {
    padding: 30px 0;
}



    section.lg {
        padding: 50px 0;
    }



    section.overflow-hidden {
        overflow: hidden;
    }



    section.white-bg {
        background: #fff;
    }



    section.gray-bg {
        background: #ecf0f1;
    }



    section.light-orange-bg {
        background: #f5e8df;
    }



        section.gray-bg.bordered, section.light-orange-bg.bordered {
            border-bottom: 1px solid #bdc3c7;
        }



    section .section-heading {
        font-size: 24px;
        font-weight: 400;
        padding: 10px 0;
        margin: 10px 0;
        color: #95a5a6;
    }



    section .page-header {
        margin-bottom: 40px;
        border: none;
    }



    section .section-heading.left-icon {
        position: relative;
        padding-left: 80px;
    }



        section .section-heading.left-icon .icon {
            position: absolute;
            width: 80px;
            text-align: center;
            left: 0;
        }



    section .section-heading strong {
        font-weight: 900;
    }



    section .media-section-heading {
        margin: 0 80px;
        padding: 30px 0;
    }



        section .media-section-heading .media-left {
            width: auto;
            width: 160px;
            text-align: center;
        }



            section .media-section-heading .media-left img {
                width: auto;
                max-width: 100%;
            }



        section .media-section-heading .media-heading {
            font-size: 26px;
            line-height: 120%;
            padding: 5px 0;
        }



.inner-section {
    padding: 10px 35px;
}



.page-heading {
    height: auto;
}



    .page-heading .inner.xs {
        padding-bottom: 40px;
    }



    .page-heading .inner {
        background: rgba(50,82,110,.9);
        position: relative;
        padding: 70px 0 100px;
        color: #fff;
    }



    .page-heading h1 {
        font-size: 48px;
        margin-top: 0;
        padding: 0;
    }



    .page-heading .page-description {
        padding: 20px 30px;
        position: relative;
        margin: 0 0 10px;
    }



        .page-heading .page-description .border-bottom {
            width: 250px;
            bottom: 0;
            height: 1px;
            background: #fff;
            left: 50%;
            margin-left: -125px;
            position: absolute;
        }



        .page-heading .page-description p {
            font-weight: 300;
        }



        .page-heading .page-description h5 {
            font-weight: 300;
            font-size: 18px;
            line-height: 150%;
        }



header {
    z-index: 100;
    position: relative;
    height: 200px;
    width: 100%;
    background: #32526e;
    -webkit-box-shadow: inset 0 4px 0 0 #ff7354;
    -moz-box-shadow: inset 0 4px 0 0 #ff7354;
    box-shadow: inset 0 4px 0 0 #ff7354;
}



    header .logo {
        padding: 15px 20px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }



ul.menu-icon {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}



    ul.menu-icon li {
        font-size: 13px;
        font-weight: 700;
        display: inline-block;
    }



        ul.menu-icon li a .circle-icon {
            border-radius: 50%;
            width: 35px;
            height: 35px;
            text-align: center;
            margin-right: 20px;
            position: absolute;
            background: #ff7354;
            left: 15px;
            top: 25px;
            padding: 5px 0;
            -webkit-transition: All .3s ease;
            -moz-transition: All .3s ease;
            -o-transition: All .3s ease;
        }



            ul.menu-icon li a .circle-icon img {
                position: relative;
                z-index: 3;
            }



            ul.menu-icon li a .circle-icon .vertical-line {
                width: 2px;
                background: #ff7354;
                bottom: 35px;
                top: -50px;
                left: 50%;
                margin-left: -1px;
                z-index: 0;
                position: absolute;
            }



        ul.menu-icon li a {
            padding: 33px 15px 25px 60px;
            color: #fff;
            display: block;
            position: relative;
            margin: 0;
            text-decoration: none;
        }



            ul.menu-icon li a:focus .circle-icon, ul.menu-icon li a:hover .circle-icon {
                background: #fff;
            }



ul.top-menu {
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    float: right;
}



    ul.top-menu li {
        display: inline-block;
    }



        ul.top-menu li a {
            display: block;
            color: #fff;
            padding: 30px 8px;
            height: 75px;
        }



    ul.top-menu.separated {
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
    }



        ul.top-menu.separated li.dotted {
            padding: 29px 3px;
            color: #fff;
            display: inline;
            margin: 0;
            text-decoration: none;
            font-size: 6px;
            position: relative;
            bottom: 2px;
        }



        ul.top-menu.separated li a {
            padding: 30px 3px;
        }



#nav-menu {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    height: 55px;
    border-radius: 3px;
    background: #ff6b57;
    top: 170.5px;
}



    #nav-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }



        #nav-menu ul.main {
            line-height: 175%;
        }



            #nav-menu ul.main li {
                position: relative;
                display: block;
                height: 55px;
                float: left;
                width: 11.66666667%;
            }



                #nav-menu ul.main li:focus, #nav-menu ul.main li:hover {
                    background: #ff5b49;
                    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,1);
                    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,1);
                    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,1);
                }



                    #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
                        display: block;
                        height: auto;
                        filter: alpha(opacity=100);
                        opacity: 1;
                        top: 55px;
                        overflow: visible;
                    }



            #nav-menu ul.main ul.submain {
                top: 110px;
                overflow: hidden;
                filter: alpha(opacity=0);
                opacity: 0;
                height: 0;
                position: absolute;
                left: 0;
                width: 260px;
                float: none;
                -webkit-transition: All .3s ease;
                -moz-transition: All .3s ease;
                -o-transition: All .3s ease;
            }



                #nav-menu ul.main ul.submain ul.subsubmain {
                    position: absolute;
                    filter: alpha(opacity=0);
                    opacity: 0;
                    left: 100%;
                    top: 0;
                    display: block;
                    width: 260px;
                    -webkit-transition: All .3s ease;
                    -moz-transition: All .3s ease;
                    -o-transition: All .3s ease;
                }



                #nav-menu ul.main ul.submain li:focus ul.subsubmain, #nav-menu ul.main ul.submain li:hover ul.subsubmain {
                    opacity: 1;
                    left: 100%;
                    top: 0;
                    display: block;
                }



            #nav-menu ul.main li ul.submain li {
                width: 100%;
                display: block;
                position: relative;
            }



                #nav-menu ul.main li ul.submain li:hover, #nav-menu ul.main li ul.submain li:hover a {
                    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                }



                #nav-menu ul.main li ul.submain li a {
                    text-align: left;
                    padding-left: 40px;
                    padding-right: 40px;
                    font-weight: 700;
                    background: rgba(255,91,73,.9);
                    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                }



                #nav-menu ul.main li ul.submain li:first-child a, #nav-menu ul.main li ul.submain li:last-child a, #nav-menu ul.main li:first-child ul.submain li a, #nav-menu ul.main li:last-child ul.submain li a {
                    border-radius: 0;
                }



                #nav-menu ul.main li ul.submain li a:focus, #nav-menu ul.main li ul.submain li a:hover {
                    -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                    background: #ff884d;
                }



            #nav-menu ul.main li a {
                display: block;
                height: 55px;
                text-align: center;
                color: #fff;
                font-weight: 900;
                padding: 15px 0;
                text-decoration: none;
                position: relative;
            }



            #nav-menu ul.main li.active a, #nav-menu ul.main li.active a:focus, #nav-menu ul.main li.active a:hover {
                background: #ff5b49;
                -webkit-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                -moz-box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
                box-shadow: inset 0 -2px 0 0 rgba(129,185,195,0);
            }



            #nav-menu ul.main li:first-child, #nav-menu ul.main li:first-child a {
                border-radius: 3px 0 0 3px;
            }



            #nav-menu ul.main li:last-child, #nav-menu ul.main li:last-child a {
                border-radius: 0 3px 3px 0;
            }



#slideshow {
    height: auto;
    background: #32526e;
    color: #fff;
    position: relative;
}



    #slideshow .transparent-bg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        overflow: hidden;
        text-align: right;
    }



        #slideshow .transparent-bg img {
            position: relative;
            top: -110px;
            right: -350px;
            opacity: .1;
            filter: alpha(opacity=10);
        }



#sequence {
    position: relative;
    width: 100%;
    height: 420px;
    z-index: 8;
}



    #sequence > .sequence-canvas {
        list-style: none;
        padding: 0;
        margin: 0;
    }



        #sequence > .sequence-canvas > li {
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            top: 30px;
            bottom: 30px;
        }



            #sequence > .sequence-canvas > li p {
                margin-bottom: 20px;
            }



            #sequence > .sequence-canvas > li a {
                color: #81b9c3;
            }



            #sequence > .sequence-canvas > li .btn {
                font-weight: 900;
                padding-left: 25px;
                padding-right: 25px;
            }



            #sequence > .sequence-canvas > li ul {
                margin: 10px 0 20px;
                padding: 0 0 0 20px;
            }



                #sequence > .sequence-canvas > li ul li {
                    margin: 0;
                    padding: 3px 0;
                }



                    #sequence > .sequence-canvas > li ul li strong {
                        margin: 0 3px;
                    }



        #sequence > .sequence-canvas li > * {
            position: absolute;
            -webkit-transition-property: left,right,top,bottom,opacity;
            -moz-transition-property: left,right,top,bottom,opacity;
            -ms-transition-property: left,right,top,bottom,opacity;
            -o-transition-property: left,right,top,bottom,opacity;
            transition-property: left,right,top,bottom,opacity;
        }



#sequence-preloader {
    background: #d9d9d9;
}



.sequence-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    bottom: 20px;
    display: none;
    left: 0;
    position: absolute;
    z-index: 10;
}



    .sequence-pagination li {
        display: inline-block;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        margin: 0 1.5px;
        background: #13435f;
        cursor: pointer;
    }



        .sequence-pagination li.current {
            -webkit-box-shadow: inset 0 0 0 3px rgba(129,185,195,1);
            -moz-box-shadow: inset 0 0 0 3px rgba(129,185,195,1);
            box-shadow: inset 0 0 0 3px rgba(129,185,195,1);
            background: 0 0;
        }



.title {
    font-size: 48px;
    width: 60%;
    left: 20%;
    opacity: 0;
    top: 45px;
    z-index: 50;
    position: absolute;
    font-weight: 300;
}



    .title strong {
        font-weight: 700;
    }



.animate-in .title {
    left: 0;
    opacity: 1;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}



.animate-out .title {
    left: 30%;
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}



.subtitle {
    left: 20%;
    width: 50%;
    opacity: 0;
    top: 125px;
}



    .subtitle .pricing {
        font-size: 48px;
        font-weight: 900;
        line-height: 100%;
        border-left: 1px solid #5b758b;
        padding-left: 10px;
    }



        .subtitle .pricing sup {
            font-weight: 400;
            font-size: 30px;
        }



    .subtitle h3 {
        margin: 20px 0;
    }



.animate-in .subtitle {
    left: 0;
    opacity: 1;
    -webkit-transition-duration: .9s;
    -moz-transition-duration: .9s;
    -ms-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s;
}



.animate-out .subtitle {
    left: 30%;
    opacity: 0;
    -webkit-transition-duration: .9s;
    -moz-transition-duration: .9s;
    -ms-transition-duration: .9s;
    -o-transition-duration: .9s;
    transition-duration: .9s;
}



.image {
    right: 20%;
    bottom: 0;
    opacity: 0;
    width: 30%;
}



    .image.image-1 {
        bottom: -55px;
        opacity: 0;
        width: auto;
    }



    .image.image-2 {
        bottom: 0;
        width: auto;
    }



.animate-in .image.image-2 {
    right: 0;
}



.image.image-3 {
    bottom: 15%;
    width: auto;
}



.image.image-4 {
    bottom: -30px;
    width: auto;
}



.animate-in .image.image-4 {
    right: 0;
}



.animate-in .image {
    right: 5%;
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}



.animate-out .image {
    right: 30%;
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}



.price-tag {
    position: absolute;
    width: 210px;
    height: 210px;
    text-align: center;
    background: #ff6b56;
    color: #f1c40f;
    border-radius: 50%;
    right: 20%;
    top: 0;
    opacity: 0;
    padding: 30px 0;
}



    .price-tag h2 strong {
        font-weight: 900;
    }



    .price-tag h2 {
        font-size: 60px;
        font-weight: 400;
        margin-bottom: 15x;
    }



    .price-tag h6 {
        font-size: 17px;
        font-weight: 900;
    }



.animate-in .price-tag {
    top: 50px;
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}



.animate-out .price-tag {
    top: 0;
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}



.ractagle-bubble {
    position: absolute;
    background: #ff6b56;
    color: #fff;
    border-radius: 50%;
    right: 10%;
    top: 0;
    opacity: 0;
    padding: 50px;
}



    .ractagle-bubble h2 strong {
        font-weight: 900;
    }



    .ractagle-bubble h2 {
        font-size: 40px;
        padding: 0;
        margin: 0;
        font-weight: 400;
        margin: 0 0 15x;
        line-height: 150%;
    }



    .ractagle-bubble h6 {
        font-size: 17px;
        font-weight: 900;
    }



.animate-in .ractagle-bubble {
    top: 50px;
    opacity: 1;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}



.animate-out .ractagle-bubble {
    top: 0;
    opacity: 0;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}



.main-plan-wrap {
    padding: 20px;
    margin: 50px 0 20px;
}



    .main-plan-wrap:after, .main-plan-wrap:before {
        display: table;
        content: " ";
    }



    .main-plan-wrap:after {
        clear: both;
    }



    .main-plan-wrap .plan-column {
        width: 33.33333333%;
        float: left;
        border: 1px solid #b7b7b7;
        padding: 25px 25px 40px;
        margin-left: -1px;
        text-align: center;
        position: relative;
        background: #fff;
        -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 3px 0 0 rgba(0,0,0,.1);
        box-shadow: 0 3px 0 0 rgba(0,0,0,.1);
    }



.plan-column .corner-triange {
    width: 0;
    height: 0;
    border-top: 55px solid #ff884d;
    border-right: 55px solid transparent;
    position: absolute;
    top: -1px;
    left: -1px;
}



    .plan-column .corner-triange i {
        position: absolute;
        top: -45px;
        left: 10px;
        color: #f1c40f;
    }



.main-plan-wrap .plan-column .plan-title {
    font-size: 16px;
    font-weight: 900;
    padding: 10px 0 15px;
    margin: 0;
}



.main-plan-wrap .plan-column .plan-icon {
    width: 100px;
    height: 100px;
    background: #ebedee;
    text-align: center;
    margin: 15px auto 20px;
    border-radius: 50%;
    padding: 25px;
}



.main-plan-wrap .plan-column .price {
    margin-bottom: 40px;
}



    .main-plan-wrap .plan-column .price h3 {
        font-size: 38px;
        font-weight: 900;
        margin-bottom: 5px;
    }



    .main-plan-wrap .plan-column .price p {
        font-size: 16px;
    }



.main-plan-wrap .plan-column .table thead tr, .main-plan-wrap .plan-column .table thead tr th, .main-plan-wrap .plan-column .table tr, .main-plan-wrap .plan-column .table tr td {
    border-color: #eaeaea;
}



.main-plan-wrap .plan-column .table.table-xs {
    border-bottom: 1px solid #eaeaea;
}



    .main-plan-wrap .plan-column .table.table-xs td {
        padding-top: 3px;
        padding-bottom: 3px;
    }



.main-plan-wrap .plan-column.most-popular {
    padding-top: 35px;
    padding-bottom: 50px;
    position: relative;
    top: -12.5px;
    background: #f7f7f7;
}



    .main-plan-wrap .plan-column.most-popular .plan-icon {
        background: #ff6b57;
    }



    .main-plan-wrap .plan-column.most-popular .btn-success {
        background: #32526e;
    }



        .main-plan-wrap .plan-column.most-popular .btn-success:hover {
            background: #2b4c69;
        }



.main-plan-wrap .plan-column:first-child {
    margin-left: 0;
}



.big-character {
    position: relative;
    margin-top: 0;
    bottom: -40px;
}



.domain-search {
    background: #fff;
    border-radius: 3px;
    padding: 15px;
    margin: 30px 0 25px;
    position: relative;
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 5px 0 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 0 0 rgba(0,0,0,.05);
}



    .domain-search.inner-tab {
        background: #ecf0f1;
        border-radius: 0;
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 rgba(0,0,0,.05);
        -moz-box-shadow: 0 0 rgba(0,0,0,.05);
        box-shadow: 0 0 rgba(0,0,0,.05);
    }



.price-wrap-inner-tab {
    margin-left: -25px;
    margin-right: -25px;
    background: #ecf0f1;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}



.domain-search .triangle-topleft {
    width: 0;
    height: 0;
    border-top: 20px solid #fff;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 70px;
    z-index: 2;
}



.domain-search .triangle-shadow {
    width: 0;
    height: 0;
    border-top: 25px solid rgba(0,0,0,.05);
    border-right: 17.5px solid transparent;
    position: absolute;
    bottom: -30px;
    left: 70px;
    z-index: 1;
}



.domain-search:after, .domain-search:before {
    display: table;
    content: " ";
}



.domain-search:after {
    clear: both;
}



.form-domain {
    margin: 0;
    padding: 0;
    width: 70%;
    float: left;
    display: block;
}



.search-input {
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    width: 85%;
    float: left;
    display: block;
}



.form-domain .input-domain {
    height: 55px;
    background: #ebebeb;
    color: #959595;
    font-weight: 900;
    margin: 0;
    padding-left: 70px;
}



.inner-tab .form-domain .input-domain {
    background: #fff;
}



.form-domain .www {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    color: #959595;
    font-weight: 900;
    border-right: 1px solid #d1d1d1;
    width: 60px;
    text-align: center;
    padding: 8px 0;
}



.form-domain .input-domain::-moz-placeholder {
    color: #c7c7c7;
    opacity: 1;
}



.form-domain .input-domain:-ms-input-placeholder {
    color: #c7c7c7;
}



.form-domain .input-domain::-webkit-input-placeholder {
    color: #c7c7c7;
}



.form-domain .domain-extension {
    position: absolute;
    top: 8px;
    right: 13px;
    bottom: 8px;
    z-index: 1;
    height: auto;
    overflow: hidden;
    background: url(../img/select-caret.png) no-repeat right #d7d7d7;
    border-radius: 3px;
}



    .form-domain .domain-extension select {
        color: #959595;
        background: 0 0;
        font-weight: 900;
        width: 150px;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 2;
        height: 39px;
        border: none;
        position: relative;
        appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
    }



.form-domain .btn {
    width: 14%;
    height: 55px;
    margin: 0;
}



.promo-btn {
    float: left;
    padding-left: 5px;
    width: 30%;
}



    .promo-btn .btn {
        height: 55px;
        font-weight: 700;
        padding-top: 15px;
    }



        .promo-btn .btn img {
            margin-right: 20px;
            top: -3px;
            position: relative;
        }



    .promo-btn .btn-default {
        background: #d7d7d7;
        color: #959595;
    }



.price-wrap {
    height: 50px;
}



    .price-wrap p {
        padding: 15px 0;
        margin: 0;
    }



    .price-wrap ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }



        .price-wrap ul li {
            display: inline-block;
            padding: 10px 40px;
            height: 50px;
            font-weight: 700;
            border-right: 1px solid #d1d1d1;
            -webkit-box-shadow: inset -1px 0 0 0 rgba(249,249,249,1);
            -moz-box-shadow: inset -1px 0 0 0 rgba(249,249,249,1);
            box-shadow: inset -1px 0 0 0 rgba(249,249,249,1);
        }



            .price-wrap ul li .price-value {
                font-size: 20px;
                font-weight: 900;
            }



.map-wrapper {
    position: relative;
    padding: 30px 0 40px;
    text-align: center;
}



.map-marker {
    cursor: crosshair;
    position: absolute;
    transform: scale(0.9);
    -webkit-transition: transform ease-in-out .25s;
    -moz-transition: transform ease-in-out .25s;
    transition: transform ease-in-out .25s;
}



    .map-marker:hover {
        position: absolute;
        transform: scale(1);
    }



.red-marker {
    top: 19%;
    left: 13%;
}



.blue-marker {
    top: 53%;
    left: 24%;
}



.green-marker {
    top: 13.5%;
    left: 39.5%;
}



.orange-marker {
    top: 43%;
    right: 21.56%;
}



.server-location {
    padding: 20px 0 50px;
}



.server-thumbnail {
    border: none;
    border-radius: 0;
    padding: 0;
    color: #636363;
    margin: 10px 0;
}



    .server-thumbnail p {
        color: #636363;
        line-height: 130%;
    }



    .server-thumbnail .table {
        color: #636363;
        margin: 20px 0;
    }



        .server-thumbnail .table td {
            padding: 0;
        }



    .server-thumbnail .image-placeholder {
        height: 140px;
        overflow: hidden;
    }



        .server-thumbnail .image-placeholder img {
            position: relative;
            top: -100px;
        }



    .server-thumbnail .caption {
        padding: 25px 50px;
    }



        .server-thumbnail .caption.danger {
            -webkit-box-shadow: 0 5px 0 0 #ff6b57;
            -moz-box-shadow: 0 5px 0 0 #ff6b57;
            box-shadow: 0 5px 0 0 #ff6b57;
        }



        .server-thumbnail .caption.info {
            -webkit-box-shadow: 0 5px 0 0 #119ee7;
            -moz-box-shadow: 0 5px 0 0 #119ee7;
            box-shadow: 0 5px 0 0 #119ee7;
        }



        .server-thumbnail .caption.success {
            -webkit-box-shadow: 0 5px 0 0 #41c3ac;
            -moz-box-shadow: 0 5px 0 0 #41c3ac;
            box-shadow: 0 5px 0 0 #41c3ac;
        }



        .server-thumbnail .caption.warning {
            -webkit-box-shadow: 0 5px 0 0 #ff884d;
            -moz-box-shadow: 0 5px 0 0 #ff884d;
            box-shadow: 0 5px 0 0 #ff884d;
        }



        .server-thumbnail .caption h3 {
            font-size: 18px;
            padding: 0;
            margin: 0;
            color: #636363;
        }



.main-features-wrap {
    position: relative;
    margin: 30px 0;
}



    .main-features-wrap:after, .main-features-wrap:before {
        display: table;
        content: " ";
    }



    .main-features-wrap:after {
        clear: both;
    }



    .main-features-wrap .vertical-line {
        position: absolute;
        width: 1px;
        background: #dfe0e1;
        left: 50%;
        margin-left: .5px;
        top: 0;
        bottom: 0;
        z-index: 2;
    }



    .main-features-wrap .feature-row {
        display: block;
    }



.feature-row.no-border .feature {
    border-top: none;
}



.feature-row .feature {
    width: 50%;
    float: left;
    border-top: 1px solid #dfe0e1;
    padding: 5px;
}



.main-features {
    padding: 25px 0 20px;
}



    .main-features:hover {
        background: #f5f7f8;
    }



    .main-features .media-left {
        width: 120px;
        text-align: center;
    }



        .main-features .media-left img {
            width: auto;
            max-width: 100%;
            margin-top: 40px;
        }



    .main-features .media-heading {
        font-size: 18px;
        font-weight: 900;
        height: 35px;
    }



    .main-features .media-body {
        padding: 15px;
    }



.image-carousel {
    position: relative;
    margin-bottom: 40px;
}



    .image-carousel .item, .image-carousel .item img, .image-carousel.radius {
        border-radius: 3px;
    }



    .image-carousel .owl-controls {
        margin-top: 10px;
        text-align: center;
        left: 20px;
        position: absolute;
        bottom: 10px;
    }



        .image-carousel .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 2.5px;
            filter: Alpha(Opacity=100);
            opacity: 1;
            border-radius: 50%;
            background: #13435f;
        }



        .image-carousel .owl-controls.clickable .owl-page:hover span {
            background: #fff;
        }



        .image-carousel .owl-controls .owl-page.active span {
            -webkit-box-shadow: inset 0 0 0 3px #81b9c3;
            -moz-box-shadow: inset 0 0 0 3px #81b9c3;
            box-shadow: inset 0 0 0 3px #81b9c3;
        }



.review-heading {
    padding-left: 85px;
}



    .review-heading .section-heading {
        margin-bottom: 0;
    }



#review-slide {
    padding: 0 70px;
}



    #review-slide .item {
        position: relative;
        padding-bottom: 95px;
    }



        #review-slide .item .review-text-wrap {
            background: #ff884d;
            padding: 30px 30px 30px 100px;
            position: relative;
            color: #fff;
            border-radius: 3px;
            font-style: italic;
            overflow: visible;
        }



            #review-slide .item .review-text-wrap .quote-icon {
                position: absolute;
                left: 25px;
                top: 50%;
                margin-top: -25px;
                bottom: 0;
                width: 50px;
                height: 50px;
            }



.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 20px solid #ff884d;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 60px;
}



#review-slide .item .client-wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 15px 20px;
    color: #636363;
}



    #review-slide .item .client-wrap .avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        float: left;
        margin-right: 15px;
        margin-left: 10px;
        -webkit-box-shadow: 0 0 0 4px rgba(255,255,255,1);
        -moz-box-shadow: 0 0 0 4px rgba(255,255,255,1);
        box-shadow: 0 0 0 4px rgba(255,255,255,1);
    }



    #review-slide .item .client-wrap .client-metadata {
        float: left;
    }



        #review-slide .item .client-wrap .client-metadata h4 {
            font-weight: 900;
            font-size: 16px;
            margin: 3px 0 0;
            padding: 0;
        }



        #review-slide .item .client-wrap .client-metadata p {
            font-weight: 400;
            font-size: 12px;
            margin: 0;
            padding: 0;
        }



.owl-review .owl-controls {
    margin-top: 10px;
    text-align: center;
    right: 125px;
    position: absolute;
    bottom: 20px;
}



    .owl-review .owl-controls .owl-page span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 2.5px;
        filter: Alpha(Opacity=100);
        opacity: 1;
        border-radius: 50%;
        background: #ccc;
    }



    .owl-review .owl-controls.clickable .owl-page:hover span {
        background: #fff;
    }



    .owl-review .owl-controls .owl-page.active span {
        background: #fff;
        -webkit-box-shadow: inset 0 0 0 3px rgba(255,136,77,1);
        -moz-box-shadow: inset 0 0 0 3px rgba(255,136,77,1);
        box-shadow: inset 0 0 0 3px rgba(255,136,77,1);
    }



#footer {
    background: #81b9c3;
    padding: 30px 0 15px;
    color: #fff;
}



    #footer h5 {
        font-size: 16px;
        font-weight: 900;
        margin: 10px 0 20px;
        padding: 0;
    }



    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }



        #footer ul li {
            display: block;
            padding: 3px 0;
            margin: 0;
            line-height: 100%;
        }



            #footer ul li a {
                color: #fff;
            }



            #footer ul li.address {
                padding-left: 40px;
                position: relative;
                line-height: 130%;
            }



                #footer ul li.address .icon {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 30px;
                    padding: 7px 0;
                    text-align: center;
                    font-size: 16px;
                }



    #footer .social-icon {
        background: #71a4b2;
        color: #81b9c3;
        margin: 0 2px;
    }



        #footer .social-icon:focus, #footer .social-icon:hover {
            background: #fff;
        }



    #footer .client-logo {
        text-align: center;
        margin: 30px 50px 20px;
        border-top: 1px solid rgba(50,82,110,.3);
        padding-top: 30px;
        -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2);
        -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,.2);
    }



        #footer .client-logo img {
            margin: 0 10px;
        }

        #footer .client-logo div {
            margin: 0 12px;
        }



footer {
    background: #32526e;
    height: 55px;
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
}



    footer a {
        color: #fff !important;
    }



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



.overlay-login {
    position: fixed;
    z-index: 99;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(50,82,110,.97);
    padding-top: 125px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: top ease-in-out .5s,opacity ease-in-out .8s;
    -o-transition: top ease-in-out .5s,opacity ease-in-out .8s;
    transition: top ease-in-out .5s,opacity ease-in-out .8s;
    -moz-transition: top ease-in-out .5s,opacity ease-in-out .8s;
}



    .overlay-login.visible {
        top: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }



.big-heading {
    font-size: 48px;
}



.overlay-login .inner-section {
    position: relative;
}



.overlay-login .close-login {
    position: absolute;
    top: 30px;
    right: 35px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    padding: 11px 0;
    background: #70869a;
    cursor: pointer;
}



form.login-form {
    margin: 40px 0 10px;
}



    form.login-form p {
        padding: 10px 0;
        margin: 0;
    }



.btn-line.btn-success {
    border: 1px solid #81b9c3;
    background: 0 0;
    padding-top: 9px;
    padding-bottom: 9px;
}



    .btn-line.btn-success:hover {
        border-color: transparent;
        background: #41c3ac;
    }



.page-full {
    background: #32526e;
    padding: 70px 0 30px;
    overflow: hidden;
    position: relative;
    color: #fff;
}



    .overlay-login .form-control, .page-full .form-control {
        -webkit-transition: border-color ease-in-out .15s,background ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,background ease-in-out .15s;
        transition: border-color ease-in-out .15s,background ease-in-out .15s;
        -moz-transition: border-color ease-in-out .15s,background ease-in-out .15s;
    }



        .overlay-login .form-control:focus, .page-full .form-control:focus {
            border-color: #40607c;
            background: #2e4c66;
            color: #fff;
        }



    .page-full h1 {
        color: #f1c40f;
        font-size: 100px;
        font-weight: 900;
        padding: 0;
        margin: 0 0 5px;
        line-height: 100%;
    }



    .page-full h2 {
        color: #fff;
        font-size: 48px;
        padding: 0;
        margin: 0 0 5px;
        line-height: 100%;
    }



    .page-full h3 {
        color: #f1c40f;
        font-size: 30px;
        font-weight: 700;
        padding: 0;
        margin: 0 0 5px;
        line-height: 100%;
    }



    .page-full p {
        font-size: 18px;
        line-height: 100%;
        padding: 0;
        margin: 0;
    }



    .page-full .search-form {
        width: 100%;
        max-width: 600px;
        margin: 40px auto;
    }



    .page-full .small-form {
        width: 100%;
        max-width: 500px;
        margin: 40px auto;
    }



    .page-full .search-form .form-control {
        height: 50px;
        border-radius: 2px;
        background: #2e4c66;
        border-color: #40607c;
        color: #fff;
        -webkit-transition: border-color ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s;
        transition: border-color ease-in-out .15s;
        -moz-transition: border-color ease-in-out .15s;
    }



        .page-full .search-form .form-control:focus {
            border-color: #2e4c66;
        }



.input-group.btn-inner {
    position: relative;
    display: block;
    width: 100%;
}



.btn-inner .input-group-btn {
    position: absolute;
    right: 0;
    display: block;
    top: 0;
    bottom: 0;
    z-index: 2;
    height: 50px;
    width: auto;
    padding: 8px;
}



    .btn-inner .input-group-btn .btn {
        height: 34px;
        border-radius: 2px;
        position: relative;
        padding-top: 7px;
    }



.page-full .search-form .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}



.page-full .search-form .form-control:-ms-input-placeholder {
    color: #fff;
}



.page-full .search-form .form-control::-webkit-input-placeholder {
    color: #fff;
}



.page-full .big-character {
    position: relative;
    bottom: -40px;
}



.search-blog {
    width: 630px;
    margin: 20px auto 0;
    height: 55px;
}



    .search-blog .input-group.btn-inner .form-control {
        height: 55px;
        background: rgba(255,255,255,.5);
        border-color: #fff;
        border-radius: 4px;
        font-weight: 400;
        font-style: italic;
        color: #fff;
        font-size: 18px;
        padding-right: 50px;
    }



    .search-blog .form-control::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }



    .search-blog .form-control:-ms-input-placeholder {
        color: #fff;
    }



    .search-blog .form-control::-webkit-input-placeholder {
        color: #fff;
    }



    .search-blog .input-group.btn-inner {
        position: relative;
    }



    .search-blog .btn-inner .input-group-btn {
        position: absolute;
        right: 0;
        display: block;
        top: 0;
        bottom: 0;
        z-index: 2;
        height: 55px;
        width: auto;
        padding: 5px;
    }



        .search-blog .btn-inner .input-group-btn .btn {
            height: 45px;
            border-radius: 2px;
            position: relative;
            padding-top: 5px;
            background: 0 0;
            font-size: 22px;
        }



    .search-blog.sidebar {
        width: 100%;
        margin: 20px auto 0;
        height: 55px;
    }



        .search-blog.sidebar .input-group.btn-inner .form-control {
            background: #81b9c3;
            border-color: #81b9c3;
            padding-left: 25px;
        }



.header-tags {
    font-size: 18px;
    font-style: italic;
    padding: 0;
    margin: 20px 0 0;
}



    .header-tags a {
        color: #fff;
        text-decoration: underline;
    }



.blog-column {
    padding: 0;
    border-radius: 0;
    border: 1px solid #b7b7b7;
    margin: 20px 0;
    background: #fff;
}



    .blog-column .image-thumbnail {
        height: 150px;
        overflow: hidden;
    }



    .blog-column .caption {
        padding: 25px;
    }



        .blog-column .caption p {
            margin: 15px 0;
            line-height: 120%;
        }



        .blog-column .caption .btn-primary {
            background: 0 0;
            border: 1px solid #81b9c3;
            color: #81b9c3;
            padding-top: 8px;
        }



            .blog-column .caption .btn-primary:hover {
                background: #81b9c3;
                color: #fff;
            }



        .blog-column .caption h3 {
            font-size: 16px;
            font-weight: 900;
            margin: 0 0 20px;
            padding: 0;
        }



            .blog-column .caption h3 a {
                color: #81b9c3;
            }



    .blog-column .metadata {
        height: 40px;
        background: #32526e;
        color: #fff;
        font-size: 12px;
        position: relative;
        padding: 10px 25px;
    }



        .blog-column .metadata i {
            position: relative;
            font-size: 8px;
            top: -1px;
            margin: 0 5px;
        }



        .blog-column .metadata .comment-count {
            height: 40px;
            background: #81b9c3;
            position: absolute;
            right: 0;
            top: 0;
            padding: 10px 15px;
        }



            .blog-column .metadata .comment-count img {
                margin-right: 10px;
            }



    .blog-column.lg {
        border: none;
        margin: 20px 0 10px;
    }



        .blog-column.lg .image-thumbnail {
            height: 200px;
        }



        .blog-column.lg .circle-date {
            width: 85px;
            height: 85px;
            background: #ff884d;
            border-radius: 50%;
            text-align: center;
            color: #fff;
            font-size: 10px;
            padding: 15px 0;
        }



            .blog-column.lg .circle-date h2 {
                font-size: 30px;
                font-weight: 900;
                padding: 0;
                margin: 0;
                line-height: 100%;
            }



            .blog-column.lg .circle-date sup {
                font-weight: 700;
                font-size: 18px;
            }



        .blog-column.lg .media-body {
            padding-left: 15px;
            color: #636363;
        }



        .blog-column.lg .caption h3 {
            font-size: 24px;
            margin-bottom: 5px;
        }



            .blog-column.lg .caption h3 a {
                color: #32526e;
            }



        .blog-column.lg .metadata {
            background: #fff;
            color: #81b9c3;
            font-size: 12px;
            position: relative;
            padding: 10px 0;
            font-weight: 900;
            border-bottom: 1px solid #e5e5e5;
        }



            .blog-column.lg .metadata img {
                margin: 0 5px 0 0;
                display: inline-block;
            }



            .blog-column.lg .metadata a {
                display: inline-block;
                margin-right: 15px;
                color: #81b9c3;
            }



.image-post {
    margin: 20px 0;
}



.single-post {
    margin: 10px 0 30px;
}



    .single-post .circle-date {
        width: 85px;
        height: 85px;
        background: #ff884d;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 10px;
        padding: 15px 0;
    }



        .single-post .circle-date h2 {
            font-size: 30px;
            font-weight: 900;
            padding: 0;
            margin: 0;
            line-height: 100%;
        }



        .single-post .circle-date sup {
            font-weight: 700;
            font-size: 18px;
        }



    .single-post .media-body {
        padding-left: 15px;
        color: #636363;
    }



        .single-post .media-body .page-header {
            margin: 0;
            padding: 0;
            font-size: 30px;
        }



    .single-post .metadata {
        color: #81b9c3;
        font-size: 12px;
        position: relative;
        padding: 10px 0;
        font-weight: 900;
        border-bottom: 1px solid #e5e5e5;
    }



        .single-post .metadata img {
            margin: 0 5px 0 0;
            display: inline-block;
        }



        .single-post .metadata a {
            display: inline-block;
            margin-right: 15px;
            color: #81b9c3;
        }



.about-author {
    margin: 30px 0;
    background: #ff884d;
    padding: 20px;
    color: #fff;
}



    .about-author a {
        color: #fff;
        text-decoration: underline;
    }



    .about-author .media-left, .about-author .media-left img {
        width: 80px;
    }



    .about-author .media-body {
        padding-left: 10px;
    }



        .about-author .media-body p {
            line-height: 120%;
        }



.form-comment {
    margin: 10px 0 30px;
}



.post-comments .media-left, .post-comments .media-left img {
    width: 80px;
}



.post-comments {
    margin: 50px 0;
}



    .post-comments .media-body {
        padding-left: 10px;
    }



        .post-comments .media-body a {
            color: #41c3ac;
        }



    .post-comments ul {
        margin-left: 90px;
        padding: 20px 0;
    }



.sidebar .sidebar-header {
    height: 45px;
    font-size: 18px;
    color: #ff884d;
    font-weight: 900;
    padding: 12px 0px;
    text-align: center;
    background: #eee;
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
}



ul.tags {
    list-style: none;
    padding: 0 25px;
    margin: 10px 0 40px;
}



    ul.tags li {
        padding: 5px 0;
        font-size: 16px;
        font-style: italic;
        font-weight: 700;
        line-height: 100%;
    }



        ul.tags li a {
            color: #32526e;
            text-decoration: none;
        }



            ul.tags li a:hover {
                color: #81b9c3;
            }



ul.archives {
    list-style: none;
    padding: 0 25px;
    margin: 10px 0 40px;
}



    ul.archives li {
        padding: 8px 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 100%;
        position: relative;
    }



        ul.archives li ul {
            position: relative;
            margin-left: 50px;
            margin-top: -23px;
            margin-bottom: 0;
            list-style: none;
        }



            ul.archives li ul li {
                font-weight: 700;
            }



        ul.archives li a {
            color: #32526e;
            text-decoration: none;
        }



            ul.archives li a .post-count {
                color: #81b9c3;
                font-weight: 900;
            }



            ul.archives li a:hover {
                color: #81b9c3;
            }



.sidebar-banner {
    margin: 10px 0;
}



.phone-character {
    position: relative;
    bottom: -25px;
    margin-top: -30px;
}



.map-section {
    height: 600px;
    position: relative;
    padding: 0;
    background: #fff;
}



#GoogleMap {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}



#back-top {
    color: #fff;
    background: #FF6B57;
    font-size: 18px;
    line-height: 100%;
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 10001;
}



    #back-top a, #back-top a:focus, #back-top a:hover {
        color: #fff;
        padding: 10px;
        display: block;
    }



a.social-icon {
    text-decoration: none;
}



.social-icon.circle {
    border-radius: 50%;
}



.social-icon {
    width: 35px;
    height: 35px;
    text-align: center;
    background: #fff;
    color: #696969;
    margin: 5px 3px;
    font-size: 20px;
    padding: 8px 0;
}



#nav-menu-button {
    display: none;
}



@media (max-width:1024px) {

    .wrapper {
        width: 100%;
    }
}



@media (max-width:980px) {

    .title {
        font-size: 36px;
        top: 10px;
    }



    .subtitle {
        top: 80px;
    }



    header {
        height: auto;
        text-align: center;
    }



        header .logo {
            position: relative;
        }



    .overflow-top {
        position: relative;
        margin-top: -70px;
    }



    .navtab .tab-content, .navtab .tab-content.sm {
        padding: 15px;
    }



    .domain-search.inner-tab, .price-wrap-inner-tab {
        margin-left: -15px;
        margin-right: -15px;
    }



    .navtab .nav.nav-tabs li a {
        height: 40px;
        padding: 7px 0;
    }



        .navtab .nav.nav-tabs li a img {
            margin-top: -3px;
            width: 30px;
            top: 0;
            margin-right: 3px;
        }



    .navtab .nav-tabs > li.active > a, .navtab .nav-tabs > li.active > a:focus, .navtab .nav-tabs > li.active > a:hover {
        -webkit-box-shadow: 0 -3px 0 0 #ff6b57;
        -moz-box-shadow: 0 -3px 0 0 #ff6b57;
        box-shadow: 0 -3px 0 0 #ff6b57;
    }



    .navtab.fa-icon .nav.nav-tabs li a .fa {
        position: relative;
        top: 0;
        margin-right: 10px;
        font-size: 18px;
    }



    ul.menu-icon {
        float: none;
        display: block;
        width: 100%;
    }



        ul.menu-icon li a .circle-icon {
            top: 7px;
        }



            ul.menu-icon li a .circle-icon .vertical-line {
                display: none;
            }



        ul.menu-icon li a {
            padding: 15px 15px 15px 60px;
        }



    ul.top-menu {
        margin: 0;
        float: none;
        display: inline-block;
    }



        ul.top-menu li a {
            padding: 15px 8px;
            height: auto;
        }



        ul.top-menu.separated {
            text-align: center;
            margin-left: 20px;
            margin-right: 20px;
        }



            ul.top-menu.separated li a, ul.top-menu.separated li.dotted {
                padding: 15px 3px;
            }



    .black-transparent-overlay {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: rgba(0,0,0,.5);
    }



    #nav-menu-button {
        display: block;
        position: absolute;
        width: 50px;
        height: 50px;
        background: 0 0;
        border: 1px solid #fff;
        left: 0;
        top: 20px;
        text-align: center;
        color: #fff;
        cursor: pointer;
        z-index: 99;
        font-size: 28px;
        padding: 3px;
        -webkit-transition: left ease-in-out .6s,background ease-in-out .6s,border-color ease-in-out .6s;
        transition: left ease-in-out .6s,background ease-in-out .6s,border-color ease-in-out .6s;
    }



        #nav-menu-button.show-menu {
            left: 300px;
            border-color: #FF6B57;
            background: #FF6B57;
            position: fixed;
        }



    #nav-menu {
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        right: auto;
        height: auto;
        border-radius: 0;
        width: 300px;
        overflow-y: auto;
        -webkit-transition: left ease-in-out .3s;
        transition: left ease-in-out .3s;
    }



        #nav-menu.show-menu {
            left: 0;
        }



        #nav-menu ul.main li {
            position: relative;
            display: block;
            height: auto;
            float: none;
            width: 100%;
        }



            #nav-menu ul.main li:focus, #nav-menu ul.main li:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }



                #nav-menu ul.main li:focus ul.submain, #nav-menu ul.main li:hover ul.submain {
                    top: 0;
                }



        #nav-menu ul.main ul.submain {
            position: relative;
            top: 0;
            width: 100%;
        }



            #nav-menu ul.main ul.submain ul.subsubmain {
                position: relative;
                opacity: 0;
                left: 0;
                width: 100%;
                display: none;
            }



            #nav-menu ul.main ul.submain li:focus ul.subsubmain, #nav-menu ul.main ul.submain li:hover ul.subsubmain {
                opacity: 1;
                left: 0;
                top: 0;
                display: block;
            }



        #nav-menu ul.main li ul.submain li {
            width: 100%;
            display: block;
            position: relative;
        }



        #nav-menu ul.main li ul.subsubmain li a {
            padding-left: 70px;
        }



        #nav-menu ul.main li a {
            text-align: left;
            padding: 15px;
        }



        #nav-menu ul.main li:first-child, #nav-menu ul.main li:first-child a, #nav-menu ul.main li:last-child, #nav-menu ul.main li:last-child a {
            border-radius: 0;
        }



    #sequence {
        position: relative;
        width: 100%;
        height: 400px;
        z-index: 8;
    }



    .page-heading .inner, .page-heading .inner.xs {
        padding-top: 30px;
    }



    .page-heading .inner {
        padding: 30px 0 70px;
    }



    section.lg {
        padding: 30px 0;
    }



    .form-domain {
        width: 60%;
    }



    .promo-btn {
        width: 40%;
    }



    .domain-search .triangle-shadow, .domain-search .triangle-topleft {
        display: none;
    }



    .price-wrap {
        text-align: center;
        height: auto;
    }



        .price-wrap ul li {
            padding-left: 10px;
            padding-right: 10px;
        }



            .price-wrap ul li:last-child {
                border-right: none;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }



    .inner-section {
        padding: 10px 0;
    }



    .main-plan-wrap {
        padding: 20px 0;
    }



    .review-heading {
        padding-left: 0;
    }



    #review-slide {
        padding: 0;
    }



    .owl-review .owl-controls {
        right: 0;
    }



    #footer {
        padding-top: 10px;
    }



        #footer h5 {
            margin: 30px 0 15px;
        }



        #footer ul li.address {
            padding-left: 0;
        }



            #footer ul li.address .icon {
                display: none;
            }
}



@media (max-width:800px) {

    .title {
        font-size: 36px;
        top: 10px;
    }



    .subtitle {
        top: 80px;
    }



    .image {
        right: 20%;
        width: auto;
        max-width: 30%;
    }



        .image.image-2 {
            right: 20%;
            top: 10%;
            width: auto;
            max-width: 50%;
        }



    .price-tag {
        width: 170px;
        height: 170px;
        right: 20%;
        top: 0;
        opacity: 0;
        padding: 30px 0;
    }



        .price-tag h2 {
            font-size: 40px;
        }



    .ractagle-bubble {
        border-radius: 50%;
        right: 10%;
        top: -10px;
        opacity: 0;
        padding: 30px;
    }



        .ractagle-bubble h2 {
            font-size: 30px;
        }



    ul.menu-icon {
        float: none;
        display: block;
        width: 100%;
    }



        ul.menu-icon li a .circle-icon {
            top: 7px;
        }



            ul.menu-icon li a .circle-icon .vertical-line {
                display: none;
            }



        ul.menu-icon li a {
            padding: 15px 15px 15px 60px;
        }



    ul.top-menu {
        margin: 0;
        float: none;
        display: inline-block;
    }



        ul.top-menu li a {
            padding: 15px 8px;
            height: auto;
        }



        ul.top-menu.separated {
            text-align: center;
            margin-left: 20px;
            margin-right: 20px;
        }



            ul.top-menu.separated li a, ul.top-menu.separated li.dotted {
                padding: 15px 3px;
            }



    #sequence {
        position: relative;
        width: 100%;
        height: 400px;
        z-index: 8;
    }



    .page-heading .inner, .page-heading .inner.xs {
        padding-top: 30px;
    }



    section.lg {
        padding: 30px 0;
    }



    .form-domain, .form-domain .btn, .promo-btn, .search-input {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
        padding: 0;
    }



    .form-domain, .search-input {
        margin-bottom: 15px;
    }



    #footer {
        text-align: center;
    }
}



@media (max-width:767px) {

    #slideshow {
        display: none;
    }



    .domain-search {
        margin-top: 0;
    }



    .navtab .text-right {
        text-align: center;
    }



    .page-heading .inner {
        padding: 20px 0;
    }



    .overflow-top {
        margin-top: 0;
    }



    .navtab .nav.nav-tabs li a {
        margin-left: 0;
        margin-bottom: 0;
    }



    .phone-character {
        bottom: 0;
        margin: 30px 0;
    }



    .overflow-bottom {
        margin-bottom: 0;
    }



    .search-blog {
        width: 100%;
        margin: 20px auto 0;
        height: 55px;
    }



    .server-thumbnail .image-placeholder img {
        top: 0;
    }



    .server-thumbnail .image-placeholder {
        height: auto;
    }
}



@media (max-width:500px) {

    .btn.padding-lg, .btn.padding-md, .btn.padding-sm, .btn.padding-xs {
        padding-left: 15px;
        padding-right: 15px;
    }



    #nav-menu-button.show-menu {
        left: 250px;
    }



    #nav-menu {
        left: -250px;
        width: 250px;
    }



    ul.menu-icon li a .circle-icon {
        left: 0;
    }



    ul.menu-icon li a {
        padding: 15px 15px 15px 45px;
    }



    section .media-section-heading {
        margin: 0;
    }



        section .media-section-heading .media-left {
            width: 50px;
        }



    .main-features-wrap {
        position: relative;
        margin: 30px 0;
    }



        .main-features-wrap:after, .main-features-wrap:before {
            display: table;
            content: " ";
        }



        .main-features-wrap:after {
            clear: both;
        }



        .main-features-wrap .vertical-line {
            display: none;
        }



        .main-features-wrap .feature-row {
            display: block;
        }



    .feature-row.no-border .feature {
        border-top: none;
    }



    .feature-row .feature {
        width: 100%;
        float: left;
        border-top: 1px solid #dfe0e1;
        padding: 5px;
    }



    #review-slide .item .review-text-wrap {
        padding: 15px 15px 15px 50px;
    }



        #review-slide .item .review-text-wrap .quote-icon {
            left: 10px;
            margin-top: -15px;
            width: 30px;
            height: 30px;
        }



    .main-plan-wrap {
        padding: 20px;
        margin: 50px 0 20px;
    }



        .main-plan-wrap .plan-column {
            width: 100%;
            margin-bottom: 20px;
        }



            .main-plan-wrap .plan-column.most-popular {
                padding-top: 35px;
                padding-bottom: 50px;
                top: 0;
            }



    .price-wrap ul li {
        padding: 5px 15px;
        height: 35px;
        border-right: none;
        -webkit-box-shadow: inset -1px 0 0 0 rgba(249,249,249,0);
        -moz-box-shadow: inset -1px 0 0 0 rgba(249,249,249,0);
        box-shadow: inset -1px 0 0 0 rgba(249,249,249,0);
    }



        .price-wrap ul li .price-value {
            font-size: 18px;
            font-weight: 900;
        }



    .server-thumbnail .caption {
        padding: 15px;
    }



    .form-domain .domain-extension select {
        width: 80px;
    }



    footer {
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }



    .blog-column .caption {
        padding: 15px;
    }



    .blog-column .metadata {
        height: 40px;
        background: #32526e;
        color: #fff;
        font-size: 12px;
        position: relative;
        padding: 10px 25px;
    }



        .blog-column .metadata i {
            position: relative;
            font-size: 8px;
            top: -1px;
            margin: 0 5px;
        }



        .blog-column .metadata .comment-count {
            height: 40px;
            background: #81b9c3;
            position: absolute;
            right: 0;
            top: 0;
            padding: 10px 15px;
        }



            .blog-column .metadata .comment-count img {
                margin-right: 10px;
            }



    .blog-column.lg {
        border: none;
        margin: 15px 0;
    }



        .blog-column.lg .caption {
            padding: 0;
        }



        .blog-column.lg .image-thumbnail {
            height: 150px;
        }



        .blog-column.lg .media-left {
            width: 100%;
            display: block;
            position: relative;
            height: 50px;
        }



        .blog-column.lg .circle-date {
            position: relative;
            top: -42.5px;
        }



        .blog-column.lg .media-body {
            padding-left: 0;
            margin: 0;
        }



        .blog-column.lg .metadata {
            height: auto;
        }



            .blog-column.lg .metadata a {
                display: inline-block;
                margin-right: 15px;
                color: #81b9c3;
            }



    .image-post {
        margin: 20px 0;
    }



    .single-post {
        margin: 10px 0 30px;
    }



        .single-post .media-left {
            position: relative;
            width: 100px;
            display: block;
            height: 0;
        }



        .single-post .circle-date {
            position: relative;
            top: -130px;
            left: 15px;
        }



        .single-post .media-body {
            padding-left: 0;
        }



    .about-author {
        padding: 15px;
    }



        .about-author .media-left, .about-author .media-left img {
            width: 50px;
        }



    .form-comment {
        margin: 10px 0 30px;
    }



    .post-comments .media-left, .post-comments .media-left img {
        width: 40px;
    }



    .post-comments ul {
        margin-left: 50px;
        padding: 20px 0;
    }



    .table-responsive {
        margin: 20px 0;
    }



    .table.table-xs td, .table.table-xs th {
        padding-left: 10px;
        padding-right: 10px;
    }



    .map-section {
        height: 300px;
        position: relative;
        padding: 0;
        background: #fff;
    }



    .page-full {
        padding: 10px 15px;
    }



        .page-full h1 {
            font-size: 60px;
        }



        .page-full h2 {
            font-size: 30px;
        }



        .page-full h3 {
            font-size: 22px;
        }



    .btn-block {
        margin-bottom: 10px;
    }



    .overlay-login {
        z-index: 1001;
        padding-top: 10px;
        overflow-y: auto;
    }



        .overlay-login.visible {
            top: 0;
            opacity: 1;
            filter: alpha(opacity=100);
        }



    .big-heading {
        font-size: 28px;
    }



    .overlay-login .close-login {
        position: absolute;
        top: -15px;
        right: 15px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        text-align: center;
        padding: 11px 0;
        background: #70869a;
        cursor: pointer;
    }



    form.login-form {
        margin: 40px 0 10px;
    }



        form.login-form p {
            padding: 10px 0;
            margin: 0;
        }



    .btn-line.btn-success {
        border: 1px solid #81b9c3;
        background: 0 0;
        padding-top: 9px;
        padding-bottom: 9px;
    }



        .btn-line.btn-success:hover {
            border-color: transparent;
            background: #41c3ac;
        }
}



@media (max-width:360px) {

    .form-domain .input-domain {
        padding-left: 10px;
    }



    .form-domain .www {
        display: none;
    }
}



.sidebar_box {
    padding: 5px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}



    .sidebar_box label {
        display: block;
        color: #ff884d;
        text-align: center;
    }



    .sidebar_box .table {
        margin-bottom: 0;
    }



.issueList {
    background: #ff884d;
    display: table;
    min-height: 100px;
    padding: 10px;
    color: #FFF;
    width: 100%;
}



    .issueList.even {
        background: #ebebeb;
        color: #959595;
        display: table;
        width: 100%;
    }



    .issueList .modal {
        color: #959595;
    }



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



ul.contact-ul li.address {
    padding-left: 40px;
    position: relative;
    line-height: 130%;
}



ul.contact-ul li {
    display: block;
    padding: 3px 0;
    margin: 0;
}



    ul.contact-ul li.address .icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        padding: 7px 0;
        text-align: center;
        font-size: 16px;
    }



.prajust {
    text-align: justify;
    justify-content: center;
}

.redalert {
    color: #ff6b57;
}

.AffiliateTitle {
    position: absolute;
    z-index: 100;
    right: 0;
    height: 25px;
    border-radius: 3px;
    background: #32526e;
    top: 145px;
    color: white;
    font-size: 16px;
}
