.btn strong,
.superstrong {
    font-weight: 900
}

ul.menu-icon,
ul.top-menu {
    float: right;
    list-style: none
}

.domain-search:after,
.main-features-wrap:after,
.main-plan-wrap:after {
    clear: both
}

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

.alert-danger,
.alert-info,
.alert-success,
.alert-warning {
    color: #fff;
    border: none
}

hr {
    margin: 50px 0
}

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

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

.alert-success {
    background: #41c3ac
}

.alert-info {
    background: #119ee7
}

.alert-warning {
    background: #ff884d
}

.alert-danger {
    background: #ff6b57
}

.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.caret-style li:before,
ul.check-style li:before {
    font-size: 16px;
    color: #ff6b57;
    font-family: FontAwesome
}

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 {
    content: "\f00c";
    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 {
    content: "\f0da";
    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.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: 110px;
    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
}

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,
ul.top-menu.separated li.dotted {
    position: relative;
    text-decoration: none;
    color: #fff
}

ul.menu-icon li a {
    padding: 33px 15px 25px 60px;
    display: block;
    margin: 0
}

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;
    font-size: 13px
}

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;
    display: inline;
    margin: 0;
    font-size: 6px;
    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: 82.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: 16.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,
#nav-menu ul.main ul.submain ul.subsubmain {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 260px;
    -webkit-transition: All .3s ease;
    -moz-transition: All .3s ease;
    -o-transition: All .3s ease
}

#nav-menu ul.main ul.submain {
    top: 110px;
    overflow: hidden;
    height: 0;
    left: 0;
    float: none
}

#nav-menu ul.main ul.submain ul.subsubmain {
    left: 100%;
    top: 0;
    display: block
}

#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: 50px;
    padding-right: 50px;
    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
}

.about-author a,
.header-tags a,
footer a:hover {
    text-decoration: underline
}

#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
}

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

.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
}

.price-tag,
.ractagle-bubble {
    position: absolute;
    background: #ff6b56;
    border-radius: 50%
}

.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;
    
}

.animate-in .image.image-2,
.animate-in .image.image-4 {
    right: 0
}

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

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

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

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

.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 {
    width: 210px;
    height: 210px;
    text-align: center;
    color: #f1c40f;
    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,
.ractagle-bubble h2 strong {
    font-weight: 900
}

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

.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 {
    color: #fff;
    right: 10%;
    top: 0;
    opacity: 0;
    padding: 50px
}

.ractagle-bubble h2 {
    font-size: 40px;
    padding: 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 .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,
.price-wrap-inner-tab {
    margin-left: -25px;
    margin-right: -25px;
    background: #ecf0f1
}

.domain-search.inner-tab {
    border-radius: 0;
    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 {
    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
}

.form-domain,
.search-input {
    display: block;
    margin: 0;
    float: left
}

.form-domain {
    padding: 0;
    width: 70%
}

.search-input {
    padding: 0 5px 0 0;
    position: relative;
    width: 85%
}

.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) right no-repeat #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(.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: 15%;
    left: 19%
}

.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 .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
}

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

#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 30px;
    background: #232C3B;
}

#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 {
	transition: 0.4s;
}
#footer ul li a:hover {
	text-decoration: none;
	color: #f05323;
}
#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 .icons-media li {
	display: inline-block;
	padding: 8px;
	width: 30px;
	text-align: center;
}
#footer .icons-media a {
	border: 1px solid;
	border-color: rgba(255, 255, 255, 0.1);
	padding: 5px 0;
	margin-right: 3px;
	color: #fff;
	transition: 0.4s;
}
#footer .icons-media a:hover {

	border-color: #f05323;
	color: #f05323;
}
#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 {
    /* background: #32526e; */
    background: #232C3B;
    height: 55px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    padding: 43px 0 46px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

footer a {
	color: #fff;
	transition: 0.4s;
}
footer a:hover {
    color: #f05323;
    text-decoration: none;
}


.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
}

.page-full h1,
.page-full h2,
.page-full h3,
.page-full p {
    line-height: 100%;
    padding: 0
}

.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;
    margin: 0 0 5px
}

.page-full h2 {
    color: #fff;
    font-size: 48px;
    margin: 0 0 5px
}

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

.page-full p {
    font-size: 18px;
    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
}

.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,
.single-post .circle-date {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    text-align: center
}

.blog-column.lg .circle-date {
    background: #ff884d;
    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 {
    background: #ff884d;
    color: #fff;
    font-size: 10px;
    padding: 15px 0
}

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

.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
}

.sidebar .sidebar-header,
.single-post .metadata {
    font-weight: 900;
    border-bottom: 1px solid #e5e5e5
}

.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
}

.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 .media-body,
.post-comments .media-body {
    padding-left: 10px
}

.about-author a {
    color: #fff
}

a.social-icon,
ul.archives li a,
ul.tags li a {
    text-decoration: none
}

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

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

.post-comments {
    margin: 50px 0
}

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

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

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

.sidebar .sidebar-header {
    height: 45px;
    font-size: 18px;
    color: #ff884d;
    padding: 12px 25px
}

ul.archives li,
ul.tags li {
    font-size: 16px;
    line-height: 100%
}

ul.tags {
    padding: 0 25px
}

ul.tags li {
    padding: 5px 0;
    font-style: italic;
    font-weight: 700
}

ul.tags li a {
    color: #32526e
}

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

ul.archives {
    padding: 0 25px
}

ul.archives li {
    padding: 8px 0;
    font-weight: 400;
    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
}

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
}

.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) {
    .overflow-top,
    header .logo {
        position: relative
    }
    .title {
        font-size: 36px;
        top: 10px
    }
    .subtitle {
        top: 80px
    }
    header {
        height: auto;
        text-align: center
    }
    .overflow-top {
        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,
    #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
    }
    #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;
        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
    }
    #footer ul li.address .icon,
    .domain-search .triangle-shadow,
    .domain-search .triangle-topleft {
        display: none
    }
    #nav-menu ul.main li ul.subsubmain li a {
        padding-left: 70px
    }
    #nav-menu ul.main li a {
        text-align: left;
        padding: 15px
    }
    #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%
    }
    .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
    }
    #footer ul li.address,
    .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
    }
}

.pricing-footer,
.pricing-head {
    text-align: center
}

@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) {
    .domain-search,
    .overflow-top {
        margin-top: 0
    }
    #slideshow {
        display: none
    }
    .navtab .text-right {
        text-align: center
    }
    .page-heading .inner {
        padding: 20px 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)
    }
    .blog-column .caption,
    .server-thumbnail .caption {
        padding: 15px
    }
    .price-wrap ul li .price-value {
        font-size: 18px;
        font-weight: 900
    }
    .form-domain .domain-extension select {
        width: 80px
    }
    footer {
        height: auto;
        padding-left: 15px;
        padding-right: 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
    }
    .form-comment,
    .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
    }
    .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
    }
}

.content {
    padding: 30px 0
}

.pricing {
    position: relative;
    margin-bottom: 15px;
    border: 3px solid #eee
}

.pricing-active,
.pricing:hover {
    border: 3px solid #ff884d
}

.pricing-active {
    margin-top: -10px;
    box-shadow: 7px 7px rgba(54, 215, 172, .2)
}

.pricing:hover h4 {
    color: #ff884d
}

.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal
}

.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic
}

.pricing-head h3 {
    font-weight: 300;
    color: #fafafa;
    padding: 12px 0;
    font-size: 27px;
    background: #ff884d;
    border-bottom: solid 1px #ff9800
}

.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 54px;
    font-weight: 300;
    background: #fbfef2;
    border-bottom: solid 1px #f5f9e7
}

.pricing-head-active h4 {
    color: #ff884d
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative
}

.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7
}

.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    padding: 0 20px 19px
}

.price-active,
.pricing:hover {
    z-index: 9
}

.price-active h4 {
    color: #ff884d
}

.no-space-pricing .pricing:hover {
    transition: box-shadow .2s ease-in-out
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #ff884d;
    padding: 15px 0;
    font-size: 80px;
    transition: color .5s ease-in-out
}

.yellow-crusta.btn {
    color: #FFF;
    background-color: #f3c200
}

.yellow-crusta.btn.active,
.yellow-crusta.btn:active,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:hover {
    color: #FFF;
    background-color: #cfa500
}

/* Main carousel style */
.carousel {
/*     width: 600px;*/
}
/*   */
.btn-block:hover {
  text-decoration: none;
  background: #ff884d;
  border-color: #ff884d;
  transition: width 1s;
  width: 90%;
}
/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}
#map {
    width: 100%; height: 400px;
}

.info-window {
    font-family: 'Montserrat', sans-serif;
}
.info-content {
    color: #999;
}
/*     */
.btn-block:hover {
  text-decoration: none;
  color:'#fff';
  background-color: #ff884d;
  border-color: #ff884d;
  transition: width 1s;
  width: 90%;
}
.btn-block {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-block:focus,
.btn-block.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}