.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.owl-prev {
    left: 5rem
}

.owl-next {
    right: 5rem
}

.radio .custom::before {
    display: none
}
.buylink {
  background-color: #ffb000;
    color: #020940;
    border: none;
    font-weight: 600;
    padding: 8px 30px;
    margin-bottom: 20px;
    transition: .5s;
}
.product-item-news {
    position: relative;
    border-bottom: 1px solid #e9e9e9
}

.product-item-news-left,
.product-item-news-right {
    display: inline-block
}

.product-item-news-left i {
    background: #e9e9e9;
    color: #4e002d;
    font-size: 20px;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center
}

.product-item-news-right {
    float: right;
    position: absolute;
    right: 0;
    line-height: 54px;
    width: 100%;
    padding-right: 15px;
    padding-left: 69px;
    margin-top: -1px
}

.product-item-news-right h5 {
    font-weight: 700;
    position: absolute;
    line-height: 54px;
    margin-top: 0
}

.product-item-news-right span {
    width: 100%;
    text-align: right;
    float: right
}

.product-item-news-50 {
    display: inline-block;
    width: 50%;
    float: left
}

.product-item-news-cont .product-content-t {
    padding: 15px
}

.product-item-news-cont .product-content-t h3 {
    text-align: center;
    margin-bottom: 5px
}

.product-content-t h3 {
    font-size: 16px;
    font-weight: 800;
    margin: 10px 0 0
}

.product-item-news-cont .product-content-t span {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #b30145
}

.product-content-t span {
    display: block;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.product-item-news-cont .product-meta a {
    width: 50%;
    display: inline-block;
    background: #b30145;
    color: #fff;
    text-align: center;
    padding: 6px 0
}

.product-meta a {
    width: 50%;
    display: inline-block;
    background: #b30145;
    color: #fff;
    text-align: center;
    padding: 6px 0
}

.product-item-news-cont .product-meta a:last-child {
    float: right;
    background: #4e002d
}

.product-meta a:last-child {
    float: right;
    background: #4e002d
}

.clear:after,
.clear:before {
    content: " ";
    display: table
}

.clear:after {
    clear: both
}

.clear:after,
.clear:before {
    content: " ";
    display: table
}

textarea::-webkit-input-placeholder {
    color: #0bf;
    font-size: 14px
}

textarea:-moz-placeholder {
    color: #0bf;
    font-size: 14px
}

textarea::-moz-placeholder {
    color: #0bf;
    font-size: 14px
}

textarea:-ms-input-placeholder {
    color: #0bf;
    font-size: 14px
}

textarea::placeholder {
    color: #0bf;
    font-size: 14px
}

.pricingtables.black .panel-heading {
    background: #2d2d2d!important
}

.pricingtables.black .panel-heading h3 {
    color: #fff!important
}

body {
    background: #fff;
    color: #333;
    font-family: hind;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    position: relative;
    webkit-font-smoothing: antialiased
}

.sub-info {
    font-family: hind, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    font-size: 18px
}

.smartphoto {
    background-color: rgba(0, 0, 0, .9)
}

.row {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%
}

.row.full-width {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 100%;
    width: 100%
}

.width0 {
    width: 0%
}

.width100 {
    width: 100%
}

.display-block {
    display: block
}

.display-none {
    display: none
}

.subscribe-position {
    position: absolute;
    left: -5000px
}

.row.no-gutter {
    margin: 0 auto
}

.row.no-gutter [class*=col-]:not(:first-child),
.row.no-gutter [class*=col-]:not(:last-child) {
    padding-left: 0;
    padding-right: 0
}

.center-block {
    float: none
}

#partners {
    text-align: center
}

a {
    color: #6d47d9;
    outline: 0;
    text-decoration: none
}

.footer a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none;
    color: #fff
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none;
    color: #6e6e6e
}

.main-footer a {
    color: #93999e
}

.sticky-wrapper {
    z-index: 100;
    position: relative
}

.banner-title {
    font-size: 3.5em;
    font-weight: 600;
    text-transform: uppercase
}

img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle
}

.section-title {
    margin-top: -2px;
    text-align: center
}

em {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 20px;
    display: inline-block
}

.bg_dark .section-title h2 span {
    color: #fff
}

.section_primary .section-title h2 {
    color: #fff
}

.section_primary .section-title h2:before {
    background-color: #fff
}

.slicknav_nav a:hover {
    background: #6d47d9!important
}

.is-sticky .main-badge {
    display: none;
    transition: all 2s linear
}

#plan_option h6 span.how_much {
    background: #333
}

#plan_option h6 span.how_much:after {
    border-top-color: #333;
    border-color: rgba(114, 172, 148, 0)
}

.top li.cart-link a {
    background: #0fa3f2
}

.slicknav_menu {
    background: #333;
    border-bottom: 1px solid #494b4c
}

.slicknav_btn {
    background: #333
}

.section-title h1 {
    display: inline-block;
    position: relative;
    margin: 0;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px
}

.section-title h1 span {
    display: block;
    margin-bottom: 5px;
    color: #6d47d9;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.section-title h1:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background-color: #6d47d9
}

.section-title.bg_primary h1:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background-color: #fff
}

.section-title h2 {
    display: inline-block;
    position: relative;
    margin: 0;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 15px
}

.section-title h2 span {
    display: block;
    margin-bottom: 5px;
    color: #6d47d9;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.section-title h2:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background-color: #6d47d9
}

.section-title.bg_primary h2:before {
    content: " ";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background-color: #fff
}

.text-underline-white {
    border-bottom: 1px dotted #fff
}

.text-underline-dark {
    border-bottom: 1px dotted #333
}

.bold {
    font-weight: 700
}

.bg-danger h2 span,
.bg-danger h2:before,
.bg-info h2 span,
.bg-info h2:before,
.bg-inverse h2 span,
.bg-inverse h2:before,
.bg-primary h2 span,
.bg-primary h2:before,
.bg-success h2 span,
.bg-success h2:before,
.bg-warning h2 span,
.bg-warning h2:before,
.bg_blue h2 span,
.bg_blue h2:before,
.bg_dark h2 span,
.bg_dark h2:before,
.bg_orange h2 span,
.bg_orange h2:before,
.bg_pink h2 span,
.bg_pink h2:before,
.bg_primary h2 span,
.bg_primary h2:before,
.bg_purple h2 span,
.bg_purple h2:before,
.bg_red h2 span,
.bg_red h2:before,
.bg_secondary h2 span,
.bg_secondary h2:before,
.section_dark h2 span,
.section_dark h2:before,
.section_primary h2 span,
.section_primary h2:before,
.section_secondary h2 span,
.section_secondary h2:before {
    color: #fff
}

.pop-video-container {
    position: relative
}

.pop-video-container a i {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    top: 35%;
    color: #6d47d9;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    border: 3px solid;
    border-radius: 50%;
    line-height: 65px;
    font-size: 20px
}

.demo-1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .2s;
    -webkit-transition-property: top, left, right, bottom;
    -moz-transition-property: top, left, right, bottom;
    -ms-transition-property: top, left, right, bottom;
    -o-transition-property: top, left, right, bottom;
    transition-property: top, left, right, bottom
}

.demo-1:focus:before,
.demo-1:hover:before {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    border: #fff solid 3px;
    bottom: -7px;
    left: -7px;
    top: -7px;
    right: -7px
}

.pop-video-container a i:hover {
    color: #fff
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bg-primary {
    background-color: #0275d8
}

.bg-success {
    background-color: #6d47d9
}

.bg-info {
    background-color: #279fba
}

.bg-warning {
    background-color: #fd7140
}

.bg-danger {
    background-color: #ef4a44
}

.bg-inverse {
    background-color: #292b2c
}

.bg_orange {
    background: #ff5722;
    color: #fff
}

.bg_dark-gray {
    background: #ebebeb;
    color: #333
}

.bg_red {
    background: #ef4a44;
    color: #fff
}

.bg_purple {
    background: #9c28b1;
    color: #fff
}

.bg_pink {
    background: #fe1a67;
    color: #fff
}

.bg_blue {
    background: #4385f5;
    color: #fff
}

.bg_yellow {
    background: #fc0;
    color: #333!important
}

.text_blue {
    color: #279fba
}

.bg_dark {
    background: #333;
    color: #fff
}

.bg_gray {
    background: #f9f9f9!important
}

.bg_white {
    background: #fff!important
}

.bg_primary {
    background: #6d47d9
}

.bg_secondary {
    background: #fd7140;
    color: #fff
}

.bg_dark .section-title h2,
.bg_dark h1,
.bg_dark h2,
.bg_dark h3,
.bg_dark h4,
.bg_dark h5,
.bg_dark h6,
.bg_dark p,
.bg_dark-gray .section-title h2,
.bg_pink .section-title h2,
.bg_primary .section-title h2,
.bg_primary h1,
.bg_primary h2,
.bg_primary h3,
.bg_primary h4,
.bg_primary h5,
.bg_primary h6,
.bg_primary p,
.bg_purple .section-title h2,
.bg_red .section-title h2,
.section-title.bg_orange h2,
bg_orange .section-title h2,
bg_secondary .section-title h2 {
    color: #fff
}

.bg_dark .section-title h2:before,
.bg_dark-gray .section-title h2:before,
.bg_pink .section-title h2:before,
.bg_primary .section-title h2:before,
.bg_purple .section-title h2:before,
.bg_red .section-title h2:before,
.section-title.bg_orange h2:before,
bg_orange .section-title h2:before,
bg_secondary .section-title h2:before {
    background-color: #fff
}

.section_gray {
    background: #f5f5f5
}

.section_white {
    background: #fff
}

.section_primary {
    background: #6d47d9
}

.section_secondary {
    background: #fd7140
}

.section_dark {
    background: #333
}

.section_title {
    text-align: center
}

.margin-t30 {
    margin-top: 30px
}

.margin-b30 {
    margin-bottom: 30px
}

.margin-t80 {
    margin-top: 80px
}

.margin-t50 {
    margin-top: 50px
}

.margin-b50 {
    margin-bottom: 50px
}

.margin-b80 {
    margin-bottom: 80px
}

.padding15 {
    padding: 15px
}

.padding30 {
    padding: 30px
}

.padding0 {
    padding: 0
}

.padding-t0 {
    padding-top: 0
}

.padding-l0 {
    padding-left: 0
}

.padding15 {
    padding: 15px
}

.padding-l30 {
    padding-left: 30px
}

.padding-l15 {
    padding-left: 15px
}

.padding-r30 {
    padding-right: 30px
}

.padding-r15 {
    padding-right: 15px
}

.padding-t15 {
    padding-top: 15px
}

.padding-t30 {
    padding-top: 30px
}

.padding-b0 {
    padding-bottom: 0
}

.padding-b15 {
    padding-bottom: 15px
}

.padding-b30 {
    padding-bottom: 30px
}

.padding-t80 {
    padding-top: 80px
}

.padding-t50 {
    padding-top: 50px
}

.padding-b50 {
    padding-bottom: 50px
}

.padding-b80 {
    padding-bottom: 80px
}

.padding-t100 {
    padding-top: 100px
}

.padding-b100 {
    padding-bottom: 100px
}

.paddingleft60 {
    padding-left: 60px
}

.paddingright60 {
    padding-right: 60px
}

.border {
    border: 1px solid #ccc
}

.border-top {
    border-top: 1px solid #ccc
}

.border-bottom {
    border-top: 1px solid #ccc
}

.border-solid {
    border: 1px solid #ccc
}

.border-dotted {
    border: 1px dotted #ccc
}

.border-dashed {
    border: 1px dashed #ccc
}

.relative {
    position: relative
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: montserrat, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
    line-height: 1.1;
    margin-bottom: 12px;
    margin-top: 12px;
    text-rendering: optimizelegibility;
    color: #333
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.7em
}

h3 {
    font-size: 1.5em
}

h4 {
    font-size: 1.3em
}

h5 {
    font-size: 1.1em
}

h6 {
    font-size: .9em
}

p {
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin: 0 0 17px 0;
    font-weight: 300
}

p:last-child {
    margin-bottom: 0
}

hr {
    border: solid #eff0f4;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 21px 0
}

hr.small {
    border: solid #fd7140;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 0 auto;
    margin-top: 27px;
    margin-bottom: 27px;
    max-width: 150px
}

.spacing-70 {
    padding-top: 70px
}

.spacing-40 {
    padding-top: 40px
}

.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

input[type=date].form-control,
input[type=datetime].form-control,
input[type=email].form-control,
input[type=number].form-control,
input[type=password].form-control,
input[type=search].form-control,
input[type=tel].form-control,
input[type=text].form-control,
input[type=time].form-control,
input[type=url].form-control {
    font-size: 18px;
    height: 45px;
    padding: 10px;
    width: 100%;
    border-radius: 3px
}

textarea.form-control {
    font-size: 18px;
    padding: 15px;
    width: 100%;
    border-radius: 3px
}

select.form-control {
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    width: 100%;
    background: #fff
}

.bank-selected {
    box-shadow: #6d47d9 0 0 8px 5px
}

button[type=submit] {
    background: #f62459;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 900;
    height: 55px;
    padding: 8px 6px 6px;
    text-transform: uppercase;
    width: 100%
}

button[type=submit]:hover {
    background: #6d47d9
}

input[type=date].form-control:focus,
input[type=datetime].form-control:focus,
input[type=email].form-control:focus,
input[type=number].form-control:focus,
input[type=password].form-control:focus,
input[type=search].form-control:focus,
input[type=tel].form-control:focus,
input[type=text].form-control:focus,
input[type=time].form-control:focus,
input[type=url].form-control:focus,
select:focus,
textarea.form-control:focus {
    box-shadow: none
}

.breadcrumbs {
    background: #f5f5f5;
    padding: 5px 0
}

.breadcrumbs h1 {
    color: #4a4a4a;
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 22px
}

ol.breadcrumb {
    background: 0 0;
    border-radius: 0;
    color: #4a4a4a;
    float: right;
    margin: 0;
    padding: 0 0 0;
    line-height: 18px
}

ol.breadcrumb li {
    font-size: 12px
}

ol.breadcrumb li:first-child {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 400
}

ol.breadcrumb li.active {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 300
}

ol.breadcrumb li a {
    color: #6d47d9;
    font-size: 12px
}

ol.breadcrumb li a:hover {
    color: #4c746e
}

ol.breadcrumb>li+li:before {
    color: #4a4a4a;
    content: "\f105";
    font-family: fontawesome;
    font-weight: 400;
    padding: 0 5px
}

ol.breadcrumb>li:first-child+li:before {
    content: "";
    padding: 0 3px 0 0;
    float: left
}

.top {
    background: #fff;
    padding: 20px 0
}

.top .wc_msg {
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 400
}

.top .nav {
    float: inherit
}

.top li.cart-link a {
    background: #0fa3f2;
    color: #fff
}

.top .nav li {
    color: #333
}

.top .nav li.cart-link a {
    background: #fff;
    padding: 5px 10px;
    margin-left: 5px;
    border-radius: 3px;
    color: #6d47d9;
    border: 2px solid #6d47d9
}

.top li.cart-link a:hover {
    background: #6d47d9;
    color: #fff
}

.top li.login-link {
    margin: 0 15px 0 0
}

.top li.login-link a {
    background: #0fa3f2;
    color: #fff;
    line-height: 35px
}

.top li.login-link a {
    background: #fff;
    padding: 2px 20px;
    margin-left: 5px;
    border-radius: 0;
    color: #175bb5;
    border: 2px solid #175bb5
}

.top li.login-link a:hover {
    background: #175bb5;
    color: #fff
}

.top li.register-link {
    margin: 0 15px 0 0
}

.top li.register-link a {
    background: #0fa3f2;
    color: #fff;
    line-height: 35px;
    border: 2px solid #f95732
}

.top li.register-link a {
    background: #f95732;
    padding: 2px 20px;
    margin-left: 5px;
    border-radius: 0
}

.top li.register-link a:hover {
    background: #fff;
    border: 2px solid #f95732;
    color: #f95732
}

.top .nav li ul.dropdown-menu li {
    margin-top: 0
}

.top .nav li:last-child {
    margin-right: 0
}

.top .nav li a {
    color: #333;
    font-weight: 400;
    display: inline-block;
    text-transform: uppercase;
    padding: 0
}

.top .nav li a:hover {
    color: #292929;
    background: 0 0
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: #6d47d9
}

.top .country_select {
    float: left
}

.top .country_select button {
    background: 0 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 0;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    margin-top: 1px
}

.top .country_select button i {
    margin-left: 20px;
    font-size: 18px
}

.top .country_select button:focus,
.top .country_select button:hover {
    background: 0 0;
    color: #767676
}

.top .country_select .dropdown-menu {
    border-radius: 0;
    margin-top: 0;
    background: #333;
    border: none;
    z-index: 10000!important;
    padding: 0;
    left: 0;
    right: 0
}

.top .country_select .dropdown-menu li {
    line-height: 25px;
    margin-right: 0
}

.top .country_select .dropdown-menu li:hover {
    background: #6d47d9
}

.top .country_select .dropdown-menu li a {
    color: #fff;
    font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8em;
    padding: 10px 15px;
    line-height: 24px;
    display: block
}

.logo {
    padding-top: 0
}

.main_menu {
    padding: 5px 0;
    border-top: 1px solid #ccc;
    background: #262626
}

nav#desktop-menu {
    padding: 0;
    float: left;
    text-align: left
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
}

.main_menu .col-sm-4 .sf-menu ul {
    right: 0!important;
    left: inherit!important
}

.sf-menu>li {
    float: left
}

.sf-menu li.sfHover>ul,
.sf-menu li:hover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu {
    float: left;
    margin: 0
}

.sf-menu.pull-right li:last-child a {
    padding-right: 0
}

.sf-menu ul {
    min-width: 12em;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -webkit-transition: all .2s;
    transition: all .2s
}

#desktop-menu ul li ul li a {
    color: #fff;
    background: #262626;
    margin-right: 0;
    border: 0
}

#desktop-menu ul li ul li a:hover {
    color: #fff;
    background: #6d47d9;
    transition: all .2s ease-out 0s;
    margin-left: 8px
}

.sf-menu li {
    white-space: nowrap
}

.sf-menu li a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.sf-menu li a:last-child {
    margin-right: 0
}

.sf-menu li.current a,
.sf-menu li.sfHover a,
.sf-menu li:hover a {
    color: #b09aee;
    -webkit-transition: none;
    transition: none
}

.sf-menu li.current ul li,
.sf-menu ul li {
    background: #fff
}

.sf-menu ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: #333;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .04em;
    padding: 10px 20px 10px
}

.sf-menu ul li.sfHover a,
.sf-menu ul li:hover a {
    background: #ededed;
    color: #6f6f6f;
    -webkit-transition: none;
    transition: none
}

.sf-menu ul li.sfHover li a {
    background: #fff
}

.sf-menu ul li li.sfHover a,
.sf-menu ul li li:hover a {
    background: #ededed;
    color: #6f6f6f;
    -webkit-transition: none;
    transition: none
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top-color: #6d47d9
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li:hover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
    border-top-color: #999
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #6f6f6f
}

.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li:hover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
    border-left-color: #fff
}

.slicknav_menu {
    display: none
}

#user-menu li a {
    margin-right: 0
}

#user-menu li ul li a {
    color: #fff;
    border: 0
}

#user-menu li ul li a:hover {
    color: #fff;
    background: #6d47d9;
    transition: all .2s ease-out 0s;
    margin-left: 8px
}

#mainslider .item {
    color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

#index-video:after,
#mainslider .item:before,
.cover-image:before,
.index-video-container:before {
    content: " ";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

.no-after:after,
.no-before:before {
    background: 0 0!important
}

#mainslider .item .slidecaption {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center
}

#mainslider .item .slidecaption h2 {
    color: #fff;
    font-weight: 900;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

#mainslider .item .slidecaption h4 {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    margin-top: 25px
}

#mainslider .item .slidecaption .btn-slide {
    background: #f62459;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 25px auto 10px auto;
    padding: 20px 50px;
    text-transform: uppercase
}

#mainslider .item .slidecaption .btn-slide:hover {
    background: #fff;
    color: #333
}

#mainslider-nav .item h5,
#mainslider-nav .item h6 {
    margin-bottom: 6px;
    margin-top: 0
}

#mainslider-nav .item {
    color: #4a4a4a;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .07em;
    margin: 0;
    text-align: center
}

#mainslider-nav .item i {
    color: #f62459;
    padding-right: 10px;
    vertical-align: middle;
    display: block;
    margin-bottom: 10px
}

#mainslider-nav .synced .item {
    background: #6d47d9;
    color: #fff
}

#mainslider-nav .synced .item h5,
#mainslider-nav .synced .item h6,
#mainslider-nav .synced .item i {
    color: #fff
}

.features {
    overflow: hidden
}

.features h2 {
    margin-bottom: 12px
}

.features span {
    display: block;
    font-size: 18px;
    font-weight: 300
}

.feature img {
    margin: 0 auto
}

.feature h4 {
    font-weight: 500;
    margin-top: 30px
}

.feature p {
    font-size: 17px;
    font-weight: 300;
    margin: 18px 0 0;
    padding: 0 0
}

.feature {
    position: relative
}

.main-feature {
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgba(32, 44, 47, .1);
    vertical-align: top;
    text-align: center;
    position: relative;
    border-radius: 3px
}

.single_box_right {
    margin: 10px 10px 23px 60px;
    padding: 0 20px 0
}

.single_box_right ul li [class^=fa] {
    position: relative;
    font-size: 15px;
    display: inline-block;
    color: grey
}

.single_box_right h3 {
    margin: 0 0 10px;
    font-size: 22px
}

.single_box_right h3 a {
    color: #e16657
}

.single_box_right h3 a:hover {
    color: #e16657
}

.left_icons {
    position: relative;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.left_icons [class^=fa] {
    display: block;
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.style2 .single_box_right {
    margin: 10px 10px 10px 110px;
    padding: 0
}

.left_icons.style2 [class^=fa] {
    text-align: center;
    background-color: #01c1c1;
    color: #e16657;
    font-size: 50px;
    width: 90px;
    line-height: 84px;
    height: 90px;
    padding: 0;
    top: 0;
    margin-top: 0;
    border: 4px solid transparent;
    color: #fff
}

.left_icons.style2:hover [class^=fa] {
    background-color: #21252b
}

.feature-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding-top: 20px;
    position: absolute;
    left: 0;
    top: 0
}

.feature-title {
    font-size: 24px;
    font-size: 1.5em;
    color: #333;
    font-weight: 400;
    margin: 0 0 10px
}

.offer {
    padding: 12px 0;
    text-align: center
}

.offer span {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 0
}

.offer h2 {
    font-size: 69px;
    font-weight: 900;
    line-height: .9;
    margin: 0;
    padding: 0 0 5px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: rgba(255, 255, 255, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

.offerdescription {
    padding: 12px 0;
    position: relative;
    top: -25px
}

.offerdescription h2 {
    color: #fff;
    font-weight: 900;
    margin: 0;
    padding: 6px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: rgba(255, 255, 255, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

.offerdescription p {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    margin: 0
}

.offerdescription2 {
    padding: 12px 0
}

.offerdescription2 h2 {
    color: #6d47d9;
    font-weight: 900;
    margin: 0;
    padding: 6px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: #333;
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #fff, 0 2px 0 #fff, 0 3px 0 #fff, 0 4px 0 #fff, 0 5px 0 #fff, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

.offerdescription2 p {
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    margin: 0
}

.cover-image {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
    position: relative
}

.cover-image2 {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
    position: relative
}

.cover-image3 {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
    position: relative
}

.section-parallax,
.section-parallax2,
.section-parallax3,
.section-parallax4,
.section-parallax5 {
    background-repeat: repeat;
    background-attachment: fixed!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important
}

.cover-image2:before {
    background: #000;
    content: " ";
    height: 100%;
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%
}

.domainsearch {
    border-radius: 3px;
    padding: 20px
}

.domainsearch .form-control {
    width: 100%
}

.domainsearch input[type=text].form-control {
    border-radius: 3px 0 0 3px;
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    width: 100%
}

.domainsearch select.form-control {
    border-radius: 0;
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    width: 100%;
    box-shadow: none!important
}

.domainsearch button[type=submit] {
    border-radius: 0 3px 3px 0;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 900;
    height: 55px;
    padding: 8px 6px 6px;
    text-transform: uppercase;
    width: 100%
}

.pricingtables.shared .row.no-gutter [class*=col-]:not(:first-child) {
    padding-left: 0;
    padding-right: 0
}

.pricingtables.shared .row.no-gutter [class*=col-]:not(:last-child) {
    padding-left: 0;
    padding-right: 0
}

.price-cercle {
    border: 10px solid #6d47d9;
    margin: 15px auto;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    position: relative
}

.ribbon {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 150px;
    height: 150px;
    overflow: hidden
}

.ribbon-content {
    font-weight: 700;
    z-index: 2;
    font-size: 20px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 12px 0;
    left: -5px;
    top: 28px;
    width: 202px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon-content:after,
.ribbon-content:before {
    content: "";
    border-top: 3px solid rgba(34, 34, 34, .6);
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon-content:before {
    left: 0
}

.ribbon-content:after {
    right: 0
}

.ribbon-small {
    top: 0;
    right: -5px;
    width: 113px;
    height: 100px
}

.ribbon-small .ribbon-content {
    top: 20px;
    left: 5px;
    width: 140px;
    padding: 6px 0;
    font-size: 16px;
    font-weight: 500
}

.pricingtables .row.no-gutter [class*=col-]:not(:first-child),
.pricingtables .row.no-gutter [class*=col-]:not(:last-child) {
    padding-left: 15px;
    padding-right: 15px
}

.pricingtables h2 {
    margin-bottom: 12px;
    text-align: center;
    margin-top: 0
}

.pricingtables h1 {
    margin-bottom: 12px;
    text-align: center;
    margin-top: 0
}

.pricingtables p {
    font-size: 17px;
    font-weight: 300;
    margin: 18px 0 0;
    text-align: center
}

.pricingtables h4 {
    color: #fff;
    font-size: 30px;
    letter-spacing: -.07em;
    margin: 0;
    text-align: center;
    font-weight: 300;
    margin-top: 50px
}

.pricingtables .panel {
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0
}

.pricingtables .panel-heading {
    background: #2d2d2d;
    border: 0;
    border-radius: 3px 3px 0 0;
    filter: none
}

.pricingtables .panel-heading h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -.07em;
    margin: 0;
    padding: 12px 0
}

.pricingtables .panel-body {
    background: #282828;
    margin: 0;
    padding: 10px 0 0
}

.pricingtables .panel-body span {
    color: #fff;
    font-size: 11px;
    margin: 0 auto;
    padding: 5px 10px
}

.pricingtables .panel-body span.start {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0
}

.pricingtables .panel-body span.per {
    background: 0 0;
    padding: 5px 10px 2px;
    color: #b49cf8
}

.pricingtables ul {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 2px 2px #ddd
}

.pricingtables ul li {
    border: 0;
    font-size: 16px;
    padding: 15px 0;
    border-top: 1px solid #f5f5f5
}

.pricingtables ul li:hover {
    background: #efebeb!important;
    color: #000
}

.pricingtables ul li:nth-child(odd) {
    background: #fff
}

.pricingtables ul li:nth-child(even) {
    background: #fff
}

.pricingtables .panel-footer {
    text-align: center;
    padding: 30px 15px;
    background: #f9f9f9;
    box-shadow: 0 1px 0 1px rgba(32, 44, 47, .1);
    border-radius: 0 0 3px 3px
}

.pricingtables .btn-pricetable {
    background: #6d47d9;
    border-radius: 3px;
    color: #fff;
    font-size: 1.3em;
    padding: 10px 30px
}

.pricingtables .btn-pricetable:hover {
    background: #8560ee
}

.pricingtables .most-popular {
    border-width: 3px;
    z-index: 2
}

.pricingtables .most-popular .panel-heading {
    background: #2d2d2d
}

.pricingtables .most-popular .panel-body {
    background: #6d47d9
}

.pricingtables .most-popular h4 {
    color: #fff
}

.pricingtables .most-popular .panel-body span.per {
    background: 0 0;
    padding: 5px 10px 2px;
    color: #fff
}

.pricingtables .most-popular .btn-pricetable {
    margin: 0 auto
}

.statistics {
    overflow: hidden
}

.statistics h2 {
    margin-bottom: 12px;
    text-align: center
}

.statistics h2 i {
    color: #6d47d9
}

.statistics p {
    font-size: 17px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.statistics span {
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.statistics .circle-text {
    color: #333;
    font-weight: 900
}

#index-video .index-video-container {
    min-height: 640px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden
}

#index-video .index-video-container:after {
    background: url(images/video_bg_pattern.png) repeat;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#index-video .index-video-container .videocaption {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center;
    top: 35%;
    z-index: 2
}

#index-video .index-video-container .videocaption h2 {
    color: #fff;
    font-size: 4.5em;
    font-weight: 900;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

#index-video .index-video-container .videocaption h4 {
    color: #fff;
    font-size: 2em;
    margin-top: 25px
}

#index-video .index-video-container .videocaption .btn-slide {
    background: #f62459;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin: 25px auto 10px auto;
    padding: 20px 50px;
    border-radius: 0;
    text-transform: uppercase
}

#index-video .index-video-container .videocaption .btn-slide:hover {
    background: #fff;
    color: #333
}

#index-video video {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

span.chooseprice {
    background: #fd7140;
    border-radius: 6px;
    color: #fff;
    display: table;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 5px 20px;
    position: relative
}

span.chooseprice:after {
    border: solid transparent;
    border-color: rgba(222, 98, 98, 0);
    border-top-color: #fd7140;
    border-width: 10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.btn-group.price-per-shared {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center
}

.btn-group.price-per-shared .btn {
    border: 0;
    font-size: 16px;
    padding: 22px 40px 20px;
    outline: 0;
    z-index: 1
}

.btn-group.price-per-shared .btn:hover {
    border: 0
}

.price-per-shared .btn-shared-checked {
    z-index: 2
}

.btn-shared-checked {
    background-color: #6d47d9;
    border-color: #4cae4c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-shared-checked:after {
    content: '';
    position: absolute;
    left: 42%;
    z-index: 100;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #6d47d9;
    outline: 0;
    clear: both;
    z-index: 1000
}

.btn-shared-checked.active,
.btn-shared-checked.focus,
.btn-shared-checked:active,
.btn-shared-checked:focus,
.btn-shared-checked:hover {
    background-color: #6d47d9;
    border-color: #398439;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    color: #fff;
    webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-shared-checked.active,
.btn-shared-checked:active {
    background-image: none;
    z-index: 1000
}

.pricingtables .left-price .panel,
.pricingtables .left-price .panel-body,
.pricingtables .left-price .panel-footer,
.pricingtables .left-price .panel-heading {
    background: 0 0;
    border: 0;
    box-shadow: none
}

.pricingtables .left-price ul {
    box-shadow: 0 2px 2px rgba(32, 44, 47, .2)
}

.pricingtables .left-price ul {
    margin-top: 226px
}

.pricingtables .sitelock ul {
    margin-top: 250px
}

.pricingtables.shared .left-price ul li {
    color: #fff;
    padding: 15px 10px
}

.pricingtables.shared .left-price ul li a {
    color: #7b7b7b
}

.pricingtables.shared .left-price ul li:nth-child(odd) {
    background: #fff
}

.pricingtables.shared .left-price ul li:nth-child(even) {
    background: #f9f9f9
}

.pricingtables.shared .most-popular {
    border-width: 3px;
    box-shadow: 20px 0 20px -10px rgba(0, 0, 0, .15), -20px 0 20px -10px rgba(0, 0, 0, .15);
    padding: 0;
    top: 0;
    z-index: 2
}

.most-popular .price-cercle {
    border: 10px solid #fff
}

.most-popular .panel-heading {
    background: #222
}

.pricingtables.shared h4 {
    color: #fff
}

.pricingtables.shared ul li i {
    color: #6d47d9
}

.pricingtables.shared .most-popular .twoyearprice,
.pricingtables.shared .most-popular .yearprice {
    border-color: #fff
}

.pricingtables.shared .most-popular h4 {
    color: #fff
}

.pricingtables.shared .most-popular .panel-body span.per {
    background: 0 0
}

.pricingtables.shared .most-popular ul li {
    font-size: 16px;
    padding: 15px 0
}

.tab2,
.tab3 {
    display: none;
    margin: 0 auto
}

.tooltip {
    background: 0 0;
    font-family: hind, sans-serif
}

.tooltip-inner {
    font-size: 14px;
    max-width: 150px;
    padding: 5px 8px
}

.shared-features {
    overflow: hidden
}

.shared-features p {
    font-size: 17px;
    font-weight: 300;
    margin: 0 auto
}

.r-tabs .r-tabs-nav {
    display: table;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.r-tabs .r-tabs-tab {
    float: left;
    list-style: none;
    margin: 0
}

.r-tabs .r-tabs-panel {
    display: none
}

.r-tabs .r-tabs-accordion-title {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

.r-tabs {
    border: 0;
    position: relative
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    background: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: relative
}

.r-tabs .r-tabs-nav .r-tabs-tab:first-child {
    border-left: 1px solid #fff
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    color: #7a7c89;
    float: left;
    font-weight: 400;
    margin: 0;
    padding: 22px 40px 20px;
    text-decoration: none
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background: #6d47d9;
    color: #fff;
    border-bottom: 0
}

.r-tabs .r-tabs-nav .r-tabs-state-active i {
    color: #fff
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after {
    content: '';
    position: absolute;
    left: 41.7%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #6d47d9;
    outline: 0;
    clear: both
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background: #efeff2;
    border: 1px solid #e4e7f0;
    color: #222;
    display: block;
    font-size: 14px;
    padding: 10px
}

,
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background: #fd7140;
    color: #fff;
    text-shadow: none
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity: .5
}

.panel-title a {
    display: block;
    padding: 20px 15px;
    font-size: 16px
}

.panel {
    margin-top: 5px
}

#shared-hosting-tabs .centralicon {
    text-align: center
}

#shared-hosting-tabs .centralicon img {
    border: 10px solid #f9f9f9;
    border-radius: 100%
}

#shared-hosting-tabs #feature1 h5,
#shared-hosting-tabs #feature5 h5 {
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 17px;
    text-align: left;
    font-weight: 300
}

#shared-hosting-tabs #feature1 p,
#shared-hosting-tabs #feature5 p {
    padding-left: 0;
    padding-roght: 0
}

#shared-hosting-tabs h5 {
    font-size: 25px;
    line-height: 1.3;
    font-weight: 300;
    margin-bottom: 17px;
    text-align: center
}

#shared-hosting-tabs p {
    padding: 0 40px
}

#shared-hosting-tabs .tabfeatures {
    margin-top: 30px
}

#shared-hosting-tabs .tabfeatures img {
    margin: 0 auto
}

#shared-hosting-tabs .tabfeatures p {
    padding: 0
}

#shared-hosting-tabs h6 {
    font-size: 18px;
    line-height: 1.3;
    padding: 17px 0 6px
}

#shared-hosting-tabs #feature1,
#shared-hosting-tabs #feature2,
#shared-hosting-tabs #feature3,
#shared-hosting-tabs #feature4,
#shared-hosting-tabs #feature5 {
    transition: all ease-out .2s .1s
}

.supportchannels {
    display: table;
    margin: 0 auto;
    text-align: center
}

.supportchannels .block-grid-item {
    padding: 0 45px
}

.supportchannels .block-grid-item i {
    background: #6d47d9;
    border: 6px solid #f9f9f9;
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    height: 90px;
    padding: 20px 0 0 0;
    text-align: center;
    transition: all .4s ease;
    webkit-transition: all .4s ease;
    width: 90px
}

.supportchannels .block-grid-item i:hover {
    background: #fd7140;
    transform: scale(1.3);
    webkit-transform: scale(1.3)
}

.order-step {
    margin: 25px 0 20px
}

.vps-order h3 {
    background: #6d47d9;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 20px 35px;
    position: relative;
    text-align: center;
    border-radius: 3px
}

.vps-order .ribbon {
    right: -4px;
    top: -2px
}

.vps-order h3:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(114, 172, 148, 0);
    border-bottom-color: #6d47d9;
    border-width: 10px;
    margin-left: -10px
}

.vps-order p {
    font-size: 15px;
    padding: 0 25px
}

.order-step .order-circle {
    position: relative;
    text-align: center
}

.order-step .order-circle span {
    border: 4px solid #6d47d9;
    border-radius: 1000px;
    color: #6d47d9;
    display: inline-block;
    font-weight: 900;
    height: 40px;
    line-height: 32px;
    moz-border-radius: 1000px;
    ms-border-radius: 1000px;
    o-border-radius: 1000px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    webkit-border-radius: 1000px;
    width: 40px;
    z-index: 10
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2
}

.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    top: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px;
    width: .8em
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.vps-prices-drag {
    float: left;
    margin: 0 0 40px;
    padding: 0 60px;
    width: 100%
}

.vps-prices-container {
    background: #2d2d2d;
    border-radius: 6px;
    float: left;
    padding-top: 55px;
    width: 100%
}

.vps-prices-panel {
    float: left;
    width: 100%
}

.vps-prices-container #vps-slider {
    background: #000;
    background: rgba(0, 0, 0, .15);
    border-radius: 6px;
    float: left;
    height: 17px;
    margin: 0 0 12px;
    width: 100%;
    cursor: pointer
}

.vps-prices-container #sliderlines {
    background: url(images/lines1.png) center top;
    display: table;
    height: 10px;
    margin: 0 auto;
    width: 100%
}

.vps-prices-container #vps-slider .ui-slider-range {
    background: #6d47d9;
    background: -moz-linear-gradient(left, #6d47d9 0, #f62459 100%);
    background: -webkit-linear-gradient(left, #6d47d9 0, #f62459 100%);
    background: linear-gradient(to right, #6d47d9 0, #f62459 100%);
    border-radius: 6px;
    cursor: pointer
}

.vps-prices-container #vps-slider .ui-slider-handle {
    background: #eee;
    top: -10px;
    border: 0;
    border-radius: 0;
    height: 20px;
    margin-left: -25px;
    margin-top: 8px;
    outline: 0;
    width: 35px;
    border-radius: 16em;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    -webkit-transition: border-radius .5s;
    -moz-transition: border-radius .5s;
    -o-transition: border-radius .5s;
    transition: border-radius .5s;
    background: #eee;
    background: -moz-linear-gradient(top, #eee 0, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(top, #eee 0, #ddd 100%);
    background: -o-linear-gradient(top, #eee 0, #ddd 100%);
    background: -ms-linear-gradient(top, #eee 0, #ddd 100%);
    background: linear-gradient(to bottom, #eee 0, #ddd 100%)
}

.vps-prices-container #vps-slider .ui-slider-handle:hover {
    cursor: pointer
}

.vps-plans {
    display: table;
    margin: 0 auto;
    padding: 2% 0 0;
    width: 99%
}

.vps-plans div.vps-plan {
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 300;
    margin: 0;
    text-align: left;
    width: 25%
}

.vps-plans div.vps-plan:first-child {
    text-align: left
}

.vps-plans div.vps-plan:last-child {
    margin-right: 0;
    padding-right: 0;
    text-align: right
}

.vps-plans div.vps-plan:nth-child(2) {
    padding-left: 70px
}

.vps-plans div.vps-plan:nth-child(3) {
    padding-right: 80px;
    text-align: right
}

.vps-plans.threeplans div.vps-plan {
    width: 33.3333333333333%
}

.vps-plans.threeplans div.vps-plan:nth-child(2) {
    padding-left: 0;
    text-align: center
}

.vps-plans.threeplans div.vps-plan:nth-child(3) {
    padding-right: 0;
    text-align: right
}

.vps-plans.fiveplans div.vps-plan {
    width: 20%
}

.vps-plans.fiveplans div.vps-plan:nth-child(2) {
    padding-left: 25px;
    text-align: left
}

.vps-plans.fiveplans div.vps-plan:nth-child(3) {
    padding-left: 0
}

.vps-plans.fiveplans div.vps-plan:nth-child(4) {
    text-align: right;
    padding-right: 30px
}

.vps-plans.sixplans div.vps-plan {
    width: 16.666666666667%
}

.vps-plans.sixplans div.vps-plan:first-child {
    text-align: left;
    width: 16.666666666667%
}

.vps-plans.sixplans div.vps-plan:nth-child(2) {
    padding-left: 0
}

.vps-plans.sixplans div.vps-plan:nth-child(3) {
    padding-right: 95px
}

.vps-plans.sixplans div.vps-plan:nth-child(4) {
    text-align: center
}

.vps-plans.sixplans div.vps-plan:nth-child(5) {
    padding-right: 25px;
    text-align: right
}

.vps-plans.sixplans div.vps-plan:last-child {
    margin-right: 0;
    padding-right: 0;
    text-align: right;
    width: 16.666666666667%
}

.sliderbottom {
    background: rgba(0, 0, 0, .1);
    float: left;
    padding: 10px 0 25px;
    text-align: center;
    width: 100%
}

.sliderbottom h6 {
    color: #fff;
    font-size: 19px;
    font-weight: 400
}

.sliderbottom .how_much {
    font-size: 29px;
    font-weight: 600;
    line-height: .9;
    margin: 0;
    padding: 0 0 5px
}

.total_amount {
    font-size: 36px;
    font-weight: 600;
    line-height: .9;
    margin: 0 0 10px;
    margin: 0;
    padding: 10px 10px 20px;
    color: #fff
}

a.order-vps {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    padding: 6px 15px;
    background-color: #6d47d9;
    border-color: #4cae4c;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    margin-top: 5px;
    display: inline-block;
    border-radius: 3px
}

.vps3-price {
    font-size: 3em;
    padding-bottom: 0
}

.pricingtables.vps {
    overflow: hidden
}

.pricingtables.servers {
    overflow: hidden
}

.pricingtables.servers .panel {
    border: 1px solid #e6e6e6;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none
}

.pricingtables.servers .panel-heading {
    background: #fff;
    border: 0;
    border-radius: 0;
    filter: none;
    border-bottom: 1px solid #e6e6e6
}

.pricingtables.servers .panel-heading h3 {
    color: #555;
    letter-spacing: -.07em;
    margin: 0;
    padding: 12px 0
}

.pricingtables.servers h4 {
    color: #6d47d9;
    letter-spacing: -.07em;
    text-align: center
}

.pricingtables.servers .panel-body {
    background: #fff;
    margin: 0;
    padding: 10px 0 15px
}

.pricingtables.servers .panel-body span {
    color: #555;
    font-size: 11px;
    margin: 0 auto;
    padding: 5px 10px
}

.pricingtables.servers .panel-body span.per {
    padding: 5px 10px 2px;
    background: 0 0
}

.pricingtables.servers ul {
    border: 0;
    list-style: none;
    margin: 0;
    padding: 0
}

.pricingtables.servers ul li:first-child {
    border-top: 1px solid #e6e6e6
}

.pricingtables.servers ul li {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    font-size: 15px;
    padding: 10px 0
}

.pricingtables.servers .panel-footer {
    text-align: center;
    background: #fff;
    border: 0
}

.pricingtables.servers .btn-pricetable {
    background: #6d47d9;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    margin: 10px auto;
    padding: 15px 50px 13px;
    font-weight: 700
}

.pricingtables.servers .btn-pricetable:hover {
    background: #6d47d9
}

#servers-video .servers-video-container {
    min-height: 550px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden
}

#servers-video .servers-video-container:after {
    background: url(images/video_bg_pattern.png) repeat;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#servers-video .servers-video-container .videocaption {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center;
    top: 30%;
    z-index: 2
}

#servers-video .servers-video-container .videocaption h2 {
    color: #fff;
    font-size: 3.5em;
    text-shadow: -1px 1px 0 #2d2d2f;
    font-weight: 600;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .0980392), 0 0 5px rgba(0, 0, 0, .0980392), 0 1px 3px rgba(0, 0, 0, .298039), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .247059), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .14902);
    -webkit-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all .3s cubic-bezier(.42, 0, .58, 1);
    transition: all .3s cubic-bezier(.42, 0, .58, 1)
}

#servers-video .servers-video-container .videocaption h4 {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    margin-top: 25px;
    text-shadow: -1px 1px 0 #2d2d2f
}

#servers-video .servers-video-container .videocaption .btn-slide {
    background: #6d47d9;
    border-radius: 0;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    margin: 25px auto 10px auto;
    padding: 7px 20px;
    border-radius: 5px;
    position: relative
}

#servers-video .servers-video-container .videocaption .btn-slide:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(113, 172, 147, 0);
    border-top-color: #6d47d9;
    border-width: 8px;
    margin-left: -8px
}

#servers-video video {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

.full {
    width: 100%
}

.filters {
    display: inline-flex
}

.filters i {
    font-size: 25px
}

.filters .align-fa {
    position: relative;
    right: 6px
}

.filters .fa-sort-up {
    position: relative;
    left: 8px
}

.servers-table {
    overflow: hidden
}

.products-table {
    min-width: 100%;
    border: 1px solid #dfe0e5;
    font-family: hind, sans-serif;
    background: #f7f7f7
}

.products-table thead th {
    color: #6e6e6e;
    font-weight: 700!important;
    font-size: 13px;
    font-weight: 700;
    border-left: 1px solid #dfe0e5;
    border-right: 1px solid #dfe0e5;
    border-bottom: 1px solid #dfe0e5;
    padding: 2em 1em
}

.products-table th {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 16px 12px;
    color: #6e6e6e;
    font-size: 15px;
    background: #fff
}

.products-table td {
    color: #6e6e6e;
    padding: 16px 12px;
    font-size: 15px;
    border-bottom: 1px solid #dfe0e5
}

.products-table th {
    padding: 2em 1em!important
}

.products-table td:last-child,
.products-table thead th:last-child {
    text-align: center
}

.products-table tr.alt,
.products-table tr.even,
.products-table tr:nth-of-type(even) {
    background: #fff
}

.products-table td span {
    padding: 0;
    margin: 0 auto;
    display: block
}

.sortable {
    animation: animateElement linear .5s;
    animation-iteration-count: 1
}

@keyframes animateElement {
    0% {
        opacity: 0;
        transform: translate(0, 10px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.swal2-popup {
    font-size: 1.6rem!important
}

.domains h2 {
    color: #fff;
    text-align: center;
    font-weight: 300
}

.domains p {
    color: #fff;
    text-align: center;
    font-size: 18px
}

.domainsearch-full {
    background: #666;
    border-radius: 0;
    padding: 20px
}

.domainsearch-full .form-control {
    width: 100%
}

.domainsearch-full input[type=text].form-control {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    width: 100%
}

.domainsearch-full select.form-control {
    border-radius: 0;
    font-size: 18px;
    height: 55px;
    padding: 5px 15px;
    width: 100%
}

.domainsearch-full button[type=submit] {
    background: #515151;
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 900;
    height: 55px;
    padding: 8px 6px 6px;
    text-transform: uppercase;
    width: 100%
}

.domainsearch-full button[type=submit]:hover {
    background: #646464
}

.domainsearch-full input[type=text]:focus,
.domainsearch-full select:focus {
    border: 0;
    box-shadow: 0 8px 6px -6px #000
}

#domainextensions {
    margin-top: 10px
}

#domainextensions .ribbon {
    right: -2px;
    top: -5px
}

#domainextensions .item {
    box-shadow: 0 2px 2px rgba(32, 44, 47, .3)
}

#domainextensions .item .extension {
    padding: 20px 20px;
    font-size: 22px;
    font-weight: 500;
    color: #6d47d9;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    background: #fff
}

#domainextensions .item .domain-price {
    text-align: center;
    background: #6d47d9;
    padding: 5px;
    color: #fff
}

.domainfeatures p {
    font-size: 17px;
    font-weight: 300;
    margin: 18px 0 0;
    text-align: center;
    padding: 0 30px
}

.domainfeatures h6 {
    font-size: 18px;
    color: #6d47d9;
    font-weight: 300;
    letter-spacing: .07em;
    border: 2px solid #6d47d9;
    margin: 0 auto;
    padding: 15px 25px;
    display: table;
    text-align: center
}

.domainfeatures .panel {
    border: 0;
    box-shadow: 0
}

.domainfeatures .panel-heading {
    border-left: 5px solid #6d47d9;
    box-shadow: 0;
    background: #6d47d9;
    color: #fff;
    border-radius: 0;
    padding: 22px 10px
}

.domainfeatures .panel-heading h4.panel-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff
}

.domainfeatures .panel-heading h4.panel-title a:focus,
.domainfeatures .panel-heading h4.panel-title a:hover {
    color: #fff
}

.domainfeatures .panel-body {
    padding: 15px;
    margin: 0
}

.domainfeatures .panel-body p {
    text-align: left;
    font-size: 15px;
    padding: 0;
    margin: 0
}

.through-line {
    color: rgba(0, 0, 0, .3);
    text-decoration: line-through
}

.price-cercle .common-price {
    color: #ffa200;
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    font-size: 16px;
    font-weight: 300
}

.domains-table {
    background: #fff;
    overflow: hidden
}

.domains-table td img {
    width: 100px
}

#tld-table {
    min-width: 100%;
    border: 1px solid #dfe0e5;
    font-family: hind, sans-serif;
    background: #f5f5f5
}

#tld-table thead th {
    background: #6d47d9;
    color: #fff;
    font-weight: 300;
    padding: 30px 15px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    text-shadow: none
}

#tld-table thead th.header.headerSortDown {
    background: #f5f5f5!important;
    color: #333
}

#tld-table thead th:before {
    position: absolute;
    font-family: FontAwesome;
    top: 30px;
    right: 12px;
    content: "\f0dc"
}

#tld-table th {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 16px 12px;
    color: #6e6e6e;
    font-size: 15px;
    background: #fff
}

#tld-table td {
    color: #6e6e6e;
    padding: 16px 12px;
    font-size: 15px;
    border-bottom: 1px solid #dfe0e5;
    text-align: center
}

#tld-table td:first-child {
    font-weight: 700;
    text-align: left
}

#tld-table thead th:first-child {
    text-align: left
}

#tld-table tr.alt,
#tld-table tr.even,
#tld-table tr:nth-of-type(even) {
    background: #fff
}

.about-hero {
    position: relative
}

.about-text {
    position: absolute;
    top: 35%;
    left: 1%;
    right: 1%;
    z-index: 999
}

.about-text h2 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600
}

.about-text h1 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600
}

.about-text p {
    font-size: 18px;
    color: #fff;
    text-align: center
}

.about li {
    font-size: 17px;
    font-weight: 300
}

.about p {
    font-size: 17px;
    font-weight: 300
}

.custom-info {
    background: url(images/info-banners/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.custom-info-column {
    background: #6d47d9
}

.custom-info2 {
    background: url(images/info-banners/2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.custom-info2-column {
    background: rgba(253, 113, 64, .7)
}

.custom-info3 {
    background: url(images/info-banners/3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.custom-info3-column {
    background: rgba(0, 0, 0, .7)
}

.custom-info4 {
    background: url(images/info-banners/3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.custom-info4-column {
    background: rgba(255, 255, 255, .8)
}

.thequote h5 {
    font-size: 3.5em;
    font-weight: 600;
    text-transform: uppercase
}

.custom-info h5,
.custom-info2 h5,
.custom-info3 h5 {
    color: #fff;
    font-size: 41px;
    font-weight: 600;
    margin-bottom: 30px
}

.custom-info p,
.custom-info2 p,
.custom-info3 p {
    color: #fff
}

.clients {
    border: 1px solid #d7d5d5
}

.clients .block-grid-item {
    text-align: center;
    padding: 30px 20px;
    border: 1px solid #d7d5d5;
    border-left: 0;
    border-top: 0;
    background: #fff
}

.apps {
    border: 1px solid #d7d5d5
}

.apps .block-grid-item {
    text-align: center;
    padding: 0 20px;
    border: 1px solid #d7d5d5;
    border-left: 0;
    background: #fff;
    border-bottom: 0;
    box-shadow: 0 2px 2px rgba(32, 44, 47, .1)
}

.apps .block-grid-item:nth-child(4n+4) {
    border-right: 0
}

.ourclients h3 {
    text-align: center
}

.ourclients p {
    text-align: center;
    font-size: 18px
}

.counter {
    position: relative;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center
}

.counter-holder:hover .counter-icon i.fa {
    border-radius: 50%
}

.counter-text {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize
}

.counter-number {
    font-size: 41px;
    font-weight: 600
}

.counter-number-holder {
    font-size: 42px;
    font-weight: 700;
    color: #fff
}

.counter-number-holder .counter-number {
    font-size: 42px
}

.team {
    width: 100%
}

.team img {
    max-width: 100%;
    height: auto;
    display: block;
    width: 100%
}

.team figcaption {
    background: #f5f5f5;
    padding: 25px 20px;
    text-align: center
}

.team h5 {
    text-transform: uppercase;
    line-height: normal;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    margin-top: 0
}

.team p {
    color: #999
}

.clients .block-grid-item:nth-child(4n+4) {
    border-right: 0
}

.testimonials h3 {
    text-align: center;
    color: #fff;
    font-weight: 300
}

.testimonials p {
    font-size: 18px;
    text-align: center;
    color: #fff
}

.testimonial-content {
    padding: 20px 0 0;
    text-align: center
}

.testimonial-content p {
    color: #fff;
    padding: 25px 60px 5px;
    font-size: 17px;
    text-align: center
}

.testimonial-content .whoclient h5 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 15px
}

.testimonial-content .whoclient h5 a {
    color: #333
}

.testimonialimg {
    text-align: center
}

.testimonial-content img {
    width: 160px;
    height: auto
}

.faq {
    overflow: hidden
}

.faq h2 {
    margin-bottom: 12px;
    text-align: center
}

.faq p {
    font-size: 17px;
    font-weight: 300;
    text-align: center
}

.faq-questions .panel-title a:active,
.faq-questions .panel-title a:focus,
.faq-questions .panel-title a:hover {
    color: #333;
    background: #f5f5f5
}

#custom_hover:hover {

      background: #f5f5f5;
}

.faq-questions .panel {
    margin-top: 0!important
}

.faq-questions .panel-group {
    margin-bottom: 0
}

.faq-questions {
    border: 1px solid #ddd
}

.faq .panel {
    border: 0;
    box-shadow: 0;
    box-shadow: none
}

.faq .panel-heading {
    border: 0;
    box-shadow: 0;
    background: #fff;
    color: #6e6e6e;
    border-radius: 0;
    padding: 0
}

.faq .panel {
    border-top: 1px solid #ddd
}

.faq .panel:first-child {
    border-top: 0
}

.faq .panel-heading h4.panel-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: #303030
}

.faq .panel-body {
    padding: 15px;
    margin: 0;
    border-top: 0
}

.faq .panel-body p {
    text-align: left;
    font-size: 16px;
    padding: 0;
    line-height: 24px
}

.needsupport h6 {
    margin-top: 25px
}

.login {
    overflow: hidden
}

.login-form-panel {
    border: 0;
    border-radius: 0
}

.login-form {
    text-align: center;
    border: 0;
    border-radius: 0;
    overflow: hidden
}

.Register-form-panel .center-block,
.login-form-panel .center-block {
    border-radius: 3px
}

.datacenter {
    overflow: hidden
}

.datacenter p {
    font-size: 17px;
    font-weight: 300;
    margin: 18px 0 0;
    text-align: center;
    padding: 0 30px
}

.datacenter-facilities {
    overflow: hidden
}

#datacenter-partners .item {
    margin: 3px;
    text-align: center
}

#qsSlider .ui-slider-success .ui-slider-range {
    background-color: #5cb85c
}

#qsSlider .ui-slider-range {
    background: #6d47d9;
    background: -moz-linear-gradient(left, #6d47d9 0, #f62459 100%);
    background: -webkit-linear-gradient(left, #6d47d9 0, #f62459 100%);
    background: linear-gradient(to right, #6d47d9 0, #f62459 100%);
    cursor: pointer;
    border-radius: 16px
}

.modal {
    text-align: center;
    padding: 0!important
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.smartphoto-nav ul {
    overflow: hidden
}

.coupon-code input {
    padding: 14px
}

.coupon-code .input-copon {
    padding: 13px
}

.coupon-code .btn {
    border-radius: 0 3px 3px 0
}

.checkbox {
    padding-left: 20px
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555
}

.checkbox input[type=checkbox],
.checkbox input[type=radio] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.checkbox input[type=checkbox]:focus+label::before,
.checkbox input[type=radio]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox input[type=checkbox]:checked+label::after,
.checkbox input[type=radio]:checked+label::after {
    font-family: FontAwesome;
    content: "\f00c"
}

.checkbox input[type=checkbox]:indeterminate+label::after,
.checkbox input[type=radio]:indeterminate+label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px
}

.checkbox input[type=checkbox]:disabled,
.checkbox input[type=radio]:disabled {
    cursor: not-allowed
}

.checkbox input[type=checkbox]:disabled+label,
.checkbox input[type=radio]:disabled+label {
    opacity: .65
}

.checkbox input[type=checkbox]:disabled+label::before,
.checkbox input[type=radio]:disabled+label::before {
    background-color: #eee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type=checkbox]:checked+label::before,
.checkbox-primary input[type=radio]:checked+label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type=checkbox]:checked+label::after,
.checkbox-primary input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type=checkbox]:checked+label::before,
.checkbox-danger input[type=radio]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:checked+label::after,
.checkbox-danger input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-info input[type=checkbox]:checked+label::before,
.checkbox-info input[type=radio]:checked+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type=checkbox]:checked+label::after,
.checkbox-info input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type=checkbox]:checked+label::before,
.checkbox-warning input[type=radio]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:checked+label::after,
.checkbox-warning input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-success input[type=checkbox]:checked+label::before,
.checkbox-success input[type=radio]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:checked+label::after,
.checkbox-success input[type=radio]:checked+label::after {
    color: #fff
}

.checkbox-primary input[type=checkbox]:indeterminate+label::before,
.checkbox-primary input[type=radio]:indeterminate+label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type=checkbox]:indeterminate+label::after,
.checkbox-primary input[type=radio]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-danger input[type=checkbox]:indeterminate+label::before,
.checkbox-danger input[type=radio]:indeterminate+label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type=checkbox]:indeterminate+label::after,
.checkbox-danger input[type=radio]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-info input[type=checkbox]:indeterminate+label::before,
.checkbox-info input[type=radio]:indeterminate+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type=checkbox]:indeterminate+label::after,
.checkbox-info input[type=radio]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-warning input[type=checkbox]:indeterminate+label::before,
.checkbox-warning input[type=radio]:indeterminate+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type=checkbox]:indeterminate+label::after,
.checkbox-warning input[type=radio]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-success input[type=checkbox]:indeterminate+label::before,
.checkbox-success input[type=radio]:indeterminate+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type=checkbox]:indeterminate+label::after,
.checkbox-success input[type=radio]:indeterminate+label::after {
    background-color: #fff
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio input[type=radio] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.radio input[type=radio]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio input[type=radio]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled {
    cursor: not-allowed
}

.radio input[type=radio]:disabled+label {
    opacity: .65
}

.radio input[type=radio]:disabled+label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type=radio]+label::after {
    background-color: #337ab7
}

.radio-primary input[type=radio]:checked+label::before {
    border-color: #337ab7
}

.radio-primary input[type=radio]:checked+label::after {
    background-color: #337ab7
}

.radio-danger input[type=radio]+label::after {
    background-color: #d9534f
}

.radio-danger input[type=radio]:checked+label::before {
    border-color: #d9534f
}

.radio-danger input[type=radio]:checked+label::after {
    background-color: #d9534f
}

.radio-info input[type=radio]+label::after {
    background-color: #5bc0de
}

.radio-info input[type=radio]:checked+label::before {
    border-color: #5bc0de
}

.radio-info input[type=radio]:checked+label::after {
    background-color: #5bc0de
}

.radio-warning input[type=radio]+label::after {
    background-color: #f0ad4e
}

.radio-warning input[type=radio]:checked+label::before {
    border-color: #f0ad4e
}

.radio-warning input[type=radio]:checked+label::after {
    background-color: #f0ad4e
}

.radio-success input[type=radio]+label::after {
    background-color: #5cb85c
}

.radio-success input[type=radio]:checked+label::before {
    border-color: #5cb85c
}

.radio-success input[type=radio]:checked+label::after {
    background-color: #5cb85c
}

input[type=checkbox].styled:checked+label:after,
input[type=radio].styled:checked+label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

input[type=checkbox] .styled:checked+label::before,
input[type=radio] .styled:checked+label::before {
    color: #fff
}

input[type=checkbox] .styled:checked+label::after,
input[type=radio] .styled:checked+label::after {
    color: #fff
}

.combo-prices h3 span {
    font-size: 13px;
    display: block
}

.combo-prices p em {
    font-size: 14px
}

.domain-prices .prices {
    text-align: center
}

.domain-prices .prices h4 {
    background: #333;
    padding: 12px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    margin: 0;
    border-radius: 3px 3px 0 0
}

.domain-prices .prices h4:after {
    content: '';
    position: absolute;
    left: 47%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    clear: both
}

.domain-prices .prices h4.active,
.domain-prices .prices h4:hover {
    background: #6d47d9;
    position: relative;
    margin: 0;
    border-radius: 3px 3px 0 0
}

.domain-prices .prices h4.active:after,
.domain-prices .prices h4:hover:after {
    content: '';
    position: absolute;
    left: 47%;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #6d47d9;
    clear: both
}

.domain-prices .prices p {
    font-size: 30px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    padding: 30px;
    border-radius: 0 0 3px 3px
}

.domain-prices .prices p small {
    font-size: 16px;
    font-weight: 300
}

.domain-prices .prices p span {
    display: block;
    font-size: 18px;
    font-weight: 600
}

.domain-p-container {
    border: 1px solid rgba(32, 44, 47, .1);
    margin-bottom: 30px;
    box-shadow: 0 2px 2px rgba(32, 44, 47, .1)
}

.main-badge {
    line-height: 18px;
    top: -5px;
    left: 5%
}

.left-badge-color-1,
.left-badge-color-2,
.left-badge-color-3 {
    width: auto;
    height: 15px;
    background: #f62459;
    position: absolute;
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 9px;
    padding: 0 3px;
    text-transform: uppercase;
    color: #fff;
    line-height: 18px
}

.left-badge-color-1:before,
.left-badge-color-2:before,
.left-badge-color-3:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 2px;
    left: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #f62459
}

.left-badge-color-2 {
    background: #6d47d9
}

.left-badge-color-2:before {
    content: "";
    border-right: 5px solid #6d47d9
}

.left-badge-color-3 {
    background: #175bb5
}

.left-badge-color-3:before {
    content: "";
    border-right: 5px solid #175bb5
}

.down-badge-color-1,
.down-badge-color-2,
.down-badge-color-3 {
    width: auto;
    height: 15px;
    background: #fc496d;
    position: absolute;
    margin-left: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 9px;
    padding: 0 3px;
    text-transform: uppercase;
    color: #fff
}

.down-badge-color-1:before,
.down-badge-color-2:before,
.down-badge-color-3:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    left: 0;
    border-style: solid;
    border-width: 4px 6px 0 0;
    border-color: #fc496d transparent transparent
}

.down-badge-color-2 {
    background: #82b440
}

.down-badge-color-2:before {
    content: "";
    border-color: #82b440 transparent transparent
}

.down-badge-color-3 {
    background: #f62459
}

.down-badge-color-3:before {
    content: "";
    border-color: #f62459 transparent transparent
}

ul.list1 {
    list-style: none;
    padding-left: 22px;
    overflow: hidden
}

ul.list1 li {
    position: relative;
    padding: 8px 0 4px;
    line-height: 25px;
    font-size: 16px
}

ul.list1 li:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #00b159;
    left: -19px;
    top: 13px;
    width: 9px;
    height: 9px;
    border-radius: 100%
}

ul.list2 {
    list-style: none;
    padding-left: 22px;
    overflow: hidden
}

ul.list2 li {
    position: relative;
    padding: 8px 0 4px;
    font-size: 16px
}

ul.list2 li:before {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #00b159;
    left: -19px;
    top: 13px;
    width: 9px;
    height: 9px
}

ul.list3 {
    list-style: none;
    padding-left: 22px;
    padding: 0
}

ul.list3 li {
    padding: 4px 0 4px
}

ul.list3 li i.fa {
    color: #00b159;
    font-size: 14px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 4px
}

ul.list4 {
    list-style: none;
    padding-left: 22px;
    padding: 0
}

ul.list4 li {
    padding: 4px 0 4px;
    font-size: 16px
}

ul.list4 li i.fa {
    background: #00b159;
    color: #fff;
    width: 17px;
    height: 17px;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    font-size: 11px;
    border-radius: 100%
}

ol.list5 {
    counter-reset: li;
    list-style: none outside none;
    padding: 0;
    overflow: hidden
}

ol.list5 li {
    position: relative;
    padding: 4px 0 4px 34px;
    font-size: 16px
}

ol.list5 li:after {
    content: counter(li, decimal-leading-zero) ".";
    counter-increment: li;
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -12px;
    color: #21252b;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px
}

ol.list6 {
    overflow: hidden
}

ol.list6 li {
    position: relative;
    padding: 4px 0 4px;
    font-size: 16px
}

.boxes {
    border: 1px solid #dde1e1;
    padding: 30px 15px
}

.boxes:first-child h1,
.boxes:first-child h2,
.boxes:first-child h3 {
    margin-top: 0
}

.boxes p:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.boxes-border-top {
    border-top: 5px solid #6d47d9
}

.boxes-border-left {
    border-left: px solid #01c1c1
}

.boxes.border-dotted {
    border: 1px dotted #dde1e1
}

.boxes.border-dotted-2 {
    border: 2px dotted #dde1e1
}

.boxes.border-dotted-3 {
    border: px dotted #dde1e1
}

.boxes.border-dashed {
    border: 1px dashed #dde1e1
}

.boxes.border-dashed-2 {
    border: 2px dashed #dde1e1
}

.boxes.border-dashed-3 {
    border: 3px dashed #dde1e1
}

.margin-0 {
    margin: 0
}

.margin-5 {
    margin: 5px
}

.margin-10 {
    margin: 10px
}

.margin-15 {
    margin: 15px
}

.margin-20 {
    margin: 20px
}

.margin-25 {
    margin: 25px
}

.margin-30 {
    margin: 30px
}

.margin-35 {
    margin: 35px
}

.margin-40 {
    margin: 40px
}

.margin-45 {
    margin: 45px
}

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

.margin-top-5 {
    margin-top: 5px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-25 {
    margin-top: 25px
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-35 {
    margin-top: 35px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-top-45 {
    margin-top: 45px
}

.margin-left-5 {
    margin-left: 5px
}

.margin-left-10 {
    margin-left: 10px
}

.margin-left-15 {
    margin-left: 15px
}

.margin-left-20 {
    margin-left: 20px
}

.margin-left-25 {
    margin-left: 25px
}

.margin-left-30 {
    margin-left: 30px
}

.margin-left-35 {
    margin-left: 35px
}

.margin-left-40 {
    margin-left: 40px
}

.margin-left-45 {
    margin-left: 45px
}

.margin-bottom-0 {
    margin-bottom: 0!important
}

.margin-bottom-5 {
    margin-bottom: 5px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-25 {
    margin-bottom: 25px
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-35 {
    margin-bottom: 35px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-45 {
    margin-bottom: 45px
}

.margin-right-5 {
    margin-right: 5px
}

.margin-right-10 {
    margin-right: 10px
}

.margin-right-15 {
    margin-right: 15px
}

.margin-right-20 {
    margin-right: 20px
}

.margin-right-25 {
    margin-right: 25px
}

.margin-right-30 {
    margin-right: 30px
}

.margin-right-35 {
    margin-right: 35px
}

.margin-right-40 {
    margin-right: 40px
}

.margin-right-45 {
    margin-right: 45px
}

.progress {
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    border-radius: 4px;
    background: #e7e9e9;
    border-radius: 16px
}

.progress-bar {
    background: #6d47d9;
    font-size: 14px;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    border-radius: 16px
}

.skills-name {
    margin-left: 15px
}

.skills-percentage {
    margin-right: 15px
}

.progress.progress-style1 {
    border-radius: 0;
    border-radius: 16px
}

.progress.progress-style1 .progress-bar {
    border-radius: 16px;
    background: #f62459
}

.progress.progress-style2 {
    height: 30px;
    line-height: 30px
}

.progress.progress-style2 .progress-bar {
    height: 30px;
    line-height: 30px;
    background: #f62459
}

.progress.progress-style3 {
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    border-radius: 16px
}

.progress.progress-style3 .progress-bar {
    height: 30px;
    line-height: 30px;
    border-radius: 16px
}

.single_box {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    text-align: center
}

.single_box img {
    border-radius: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.single_box [class^=fa] {
    font-size: 40px
}

.single_box.style1 {
    padding: 0 0 30px
}

.single_box.style1 [class^=fa] {
    font-size: 48px;
    line-height: 60px;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-bottom: 7px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.single_box.style1:hover [class^=fa] {
    color: #21252b
}

.single_box.style1 p.introtext {
    margin-bottom: 0
}

.single_box h3 {
    font-size: 24px;
    margin: 10px 0 14px
}

.single_box h3 a {
    color: inherit
}

.single_box h3 a:hover {
    color: #e16657
}

.single_box p.introtext {
    margin: 10px 0 30px
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 15px 13px;
    border-radius: 4px;
    font-size: 14px;
    background: #21252ba6;;
    filter: Alpha(Opacity=70);
    opacity: .7
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 13px;
    height: 13px;
    margin: 5px 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #21252b;
    filter: Alpha(Opacity=70);
    opacity: .7
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.owl-item-1 .owl-controls .owl-buttons div.owl-prev {
    position: absolute;
    top: 45%;
    left: 10px
}

.owl-item-1 .owl-controls .owl-buttons div.owl-next {
    position: absolute;
    top: 45%;
    right: 10px
}

.error h1 {
    font-size: 80px;
    font-weight: 600;
    color: #333;
    text-align: center
}

.big-title h1 {
    font-size: 80px;
    font-weight: 600;
    color: #333;
    text-align: center
}

.widget.search .input-group-addon {
    border-radius: 0 3px 3px 0;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 6px 22px;
    background: #6d47d9
}

.service-icon {
    margin: 0 auto;
    display: block;
    text-align: center;
    transition: all .3s
}

.service-icon:hover {
    transform: scale(1.1, 1.1);
    color: #6d47d9
}

.service-icon i {
    display: block
}

.service-text {
    width: 100%;
    margin-top: 15px;
    display: block;
    font-size: 16px
}

.fa.circle-icon {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 50px;
    text-align: center
}

.fa.square-icon {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 50px;
    text-align: center
}

.fa.square-border-icon {
    padding: 16px 19px;
    font-size: 32px;
    color: #6d47d9;
    border: 2px solid #6d47d9;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 49px;
    text-align: center;
    border-radius: 3px
}

.fa.square-border-icon-fill {
    padding: 16px 19px;
    font-size: 32px;
    color: #fff;
    border: 2px solid #6d47d9;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 46px;
    text-align: center;
    border-radius: 3px
}

.fa.border-icon {
    background: 0 0;
    padding: 19px;
    font-size: 32px;
    color: #6d47d9;
    border-radius: 50%;
    border: 2px solid #6d47d9;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 41px;
    text-align: center
}

.fa.fa-cog.rotate-icon {
    background: #6d47d9;
    padding: 16px 18px;
    font-size: 32px;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    vertical-align: middle;
    line-height: 49px;
    text-align: center
}

.alert-success {
    background: #e9ffd9;
    border: 1px solid #d1fab6;
    border-radius: 0
}

.alert-info {
    background: #d9edf7;
    color: #31708f;
    border: 0;
    border-radius: 0
}

.alert-warning {
    background: #fcf8e3;
    color: #8a6d3b;
    border: 0;
    border-radius: 0
}

.alert-danger {
    background: #f2dede;
    color: #a94442;
    border: 0;
    border-radius: 0
}

.custom-alert {
    padding: 20px 15px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
    margin: 20px 0;
    border-radius: 3px
}

.custom-alert p {
    margin-top: 0!important
}

.elements {
    background: #fff;
    overflow: hidden
}

h2.elements {
    font-weight: 300;
    margin: 30px 0;
    font-size: 29px;
    text-align: center;
    border-bottom: 7px solid #ededed;
    padding-bottom: 12px
}

.elements p {
    font-size: 17px;
    font-weight: 300;
    margin: 18px 0 0
}

.accordion-example .panel {
    border: 0;
    box-shadow: 0
}

.accordion-example .panel-heading {
    border: 0;
    box-shadow: 0;
    background: #f2f2f2;
    color: #6e6e6e;
    border-radius: 3px 3px 0 0;
    padding: 0
}

.accordion-example.panel-heading h4.panel-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.accordion-example .panel-body {
    padding: 15px;
    margin: 0
}

.accordion-example .panel-body p {
    text-align: left;
    font-size: 15px;
    padding: 0;
    margin: 0
}

.buttons-example {
    display: table;
    margin: 0 auto
}

.elements .btn {
    margin-bottom: 12px;
    margin: 0 1px;
    border-radius: 3px
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 10px 16px!important;
    font-size: 18px!important;
    line-height: 1.3333333!important
}

.btn {
    text-shadow: none;
    border-radius: 3px
}

.btn.no-radius {
    border-radius: 0
}

a.btn {
    background: #f62459
}

.btn.btn-default {
    background: #fff
}

.btn.btn-default a {
    display: block
}

.btn.btn-default:active,
.btn.btn-default:focus,
.btn.btn-default:hover {
    color: #4a4a4a!important;
    background: #e6e6e6
}

.btn.btn-primary {
    background: #6d47d9;
    border: 1px solid #8560ee;
    color: #fff
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    color: #fff;
    background: #8560ee;
    border: 1px solid #8560ee
}

.btn.btn-info {
    background: #59abe3
}

.btn.btn-success {
    background: #5cb85c
}

.btn.btn-border {
    border: 1px solid #4cae4c;
    color: #fff
}

.btn.btn-success:active,
.btn.btn-success:hover {
    background: #449d44
}

.btn.btn-warning {
    background: #e67e22
}

.btn.btn-warning:active,
.btn.btn-warning:hover {
    background: #f28f37
}

.btn.btn-danger {
    background: #d9534f
}

.btn.btn-danger:active,
.btn.btn-danger:hover {
    background: #c9302c
}

.btn-new {
    background: #f62459;
    color: #fff;
    border: 1px solid #de1b4c
}

.btn-new:active,
.btn-new:focus,
.btn-new:hover {
    background: #dd1a4b;
    color: #fff
}

#carousel-example .item {
    margin: 1px
}

#carousel-example .item img {
    display: block;
    width: 100%;
    height: auto
}

.counters p {
    font-size: 17px;
    font-weight: 300;
    margin: 0 auto;
    text-align: center
}

.counters span {
    display: block;
    font-size: 18px;
    font-weight: 300;
    text-align: center
}

.counters .circle-text {
    color: #807e7e;
    font-weight: 900
}

.elements h5.badge {
    font-size: 18px;
    padding: 9px 20px;
    background: #fd7140;
    display: table;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
    border-radius: 0
}

.pricingtables.default {
    background: #fff
}

.pricingtables.default .panel-heading {
    background: #222
}

.pricingtables.default .panel-heading h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.07em;
    margin: 0;
    padding: 20px 0
}

.post-meta {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.post-meta .comments,
.post-meta .date {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0;
    background-color: #222;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    overflow: hidden
}

.post-meta .comments,
.post-meta .date {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0;
    background-color: #222;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    overflow: hidden
}

.post-meta {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.blog .post-meta .comments,
.blog .post-meta .date {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    color: #fff;
    background-color: #e9e9e9;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    overflow: hidden
}

.blog .post-meta .comments {
    background-color: #6d47d9;
    border-radius: 0
}

.blog .post-meta .comments a {
    color: #fff
}

.blog .post-meta .date a {
    color: #303030
}

.blog article {
    background: #fff;
    border-radius: 6px
}

.blog.single article {
    margin-bottom: 40px
}

.blog article .post-content {
    padding: 25px;
    border: 1px solid #e4e4e4
}

.blog article .post-content h2 {
    font-size: 32px
}

.blog article .post-content h2 a {
    color: #6d47d9;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
    display: block
}

.blog article .post-content h2 {
    color: #6e6e6e;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 40px;
    display: block
}

.blog article .post-content hr {
    border: solid #fd7140;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin-top: 27px;
    margin-bottom: 27px;
    max-width: 70px
}

.blog article .post-content .thedate {
    color: #abaaaa;
    font-size: 19px;
    font-weight: 300
}

.blog article .post-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

.blog article .post-content ul li {
    font-size: 17px;
    font-weight: 300
}

.blog article .post-content blockquote {
    border-left-color: #6d47d9;
    font-size: 17px;
    font-weight: 300
}

.blog article .post-content .button {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 15px 20px;
    background: #6d47d9;
    border-radius: 3px;
    text-decoration: none
}

.blog article .post-content .button:hover {
    background: #8560ee
}

.sidebar {
    background: #fff;
    border-radius: 0
}

.sidebar .widget:last-child {
    margin-bottom: 0
}

.sidebar .widget h3.badge {
    border-radius: 0;
    padding: 12px 0;
    display: block;
    font-size: 16px;
    text-align: left;
    background: 0 0;
    color: #6d47d9;
    margin: 0
}

.sidebar .widget h3.badge:first-child {
    margin-top: 0;
    padding-top: 0
}

.sidebar .widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #e6e6e6
}

.sidebar .widget ul li {
    padding: 16px 10px;
    font-size: 16px;
    font-weight: 300;
    border-bottom: 1px solid #ededed
}

.sidebar .widget ul li.current {
    background: #cccccc2e
}

.sidebar .widget ul li:hover {
    color: #6d47d9;
    background: #cccccc2e
}

.sidebar .widget ul li span.badge {
    float: right;
    margin-top: 2px;
    border: 1px solid #6d47d9;
    background: 0 0;
    color: #6d47d9;
    font-weight: 300
}

.sidebar .widget ul li a {
    color: #6e6e6e
}

.sidebar .widget ul li.current a {
    color: #4714d8
}

.sidebar .widget ul li a:hover {
    color: #6d47d9
}

.contact-address address a i.fa {
    color: #6d47d9;
    font-size: 20px;
    width: 35px;
    padding: 5px 0;
    text-align: center
}

.contact a {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.45;
    margin: 0 0 17px 0;
    font-weight: 300
}

.sidebar .widget .blogsearch input[type=text].form-control {
    border: 0;
    box-shadow: none;
    border-radius: 3px;
    font-size: 15px;
    height: 45px;
    padding: 5px 15px;
    width: 100%;
    border: 1px solid #e6e6e6
}

.tagcloud {
    overflow: hidden
}

.tagcloud a {
    border: 1px solid #6d47d9;
    color: #6d47d9;
    display: block;
    float: left;
    font-size: 14px;
    margin: 0 6px 6px 0;
    padding: 5px 7px;
    position: relative;
    border-radius: 3px
}

.tagcloud a:hover {
    background: #6d47d9;
    color: #fff
}

.blog nav ul.pagination li {
    font-size: 15px
}

.blog nav ul.pagination li a {
    color: #6e6e6e;
    padding: 10px 18px 9px;
    border-radius: 3px;
    margin: 1px
}

.blog nav ul.pagination li a.active,
.blog nav ul.pagination li a.active:hover {
    background: #6d47d9;
    color: #fff;
    border-color: #6d47d9
}

.blog nav ul.pagination li a:hover {
    background: #f5f5f5;
    color: #333
}

.author-wrap {
    position: relative;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    margin-bottom: 50px
}

.author-gravatar {
    margin: 0;
    line-height: 1
}

.author-gravatar img {
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.author-title {
    color: #6e6e6e;
    display: block;
    line-height: 1.5;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #6d47d9
}

.author-title h6 {
    padding: 0;
    margin: 0 0 6px;
    font-size: 19px;
    font-weight: 700;
    color: #6d47d9
}

.author-description {
    display: block;
    margin: 0 0 5px
}

.author-description p {
    margin: 0;
    font-size: 17px;
    font-weight: 300
}

#addcomments,
.comments {
    background: #fff;
    border-radius: 6px
}

#thecomments {
    margin-top: 0
}

#thecomments h2 {
    font-size: 25px
}

#addcomments {
    margin-top: 0
}

ol.commentlist {
    margin: 0;
    padding: 0 20px
}

.commentlist .comment-body {
    padding: 0;
    margin: 0;
    position: relative;
    border-top: 0
}

.comment-body a:hover {
    text-decoration: underline
}

.comment-body a.comment-reply-link {
    background: #6d47d9;
    margin: 0;
    text-decoration: none;
    color: #fff;
    padding: 3px 8px 4px;
    font-size: 11px;
    border: 0;
    border-radius: 3px
}

.comment-body a.comment-reply-link:hover {
    background: #6e6e6e
}

ol.commentlist li {
    margin-top: 20px;
    list-style: none;
    padding: 20px 0;
    background: #fff
}

ol.commentlist .comment-reply {
    margin-left: 48px;
    margin-top: 0;
    list-style: none;
    padding: 0 0 20px 0;
    background: #fff
}

ol.commentlist li ul.children {
    margin-bottom: 0;
    margin-top: 25px
}

ol.commentlist li ul.children li {
    border-bottom: 0;
    padding-left: 20px;
    margin: 10px 0;
    border-left: 1px solid #e8e8e8
}

ol.commentlist li ul.children comment-body {
    padding: 15px 0 5px;
    margin: 10px 0 0;
    position: relative
}

.reply {
    margin-bottom: 25px
}

ol.commentlist img.avatar {
    margin-right: 20px;
    float: left;
    width: 48px
}

ol.commentlist .comment-author {
    line-height: 25px;
    border: 0;
    width: 100%
}

.comment-body h6 {
    font-style: normal;
    margin: 0;
    padding: 8px 0 0
}

.comment-body h6 a {
    color: #6e6e6e
}

.comment-body h6 a:hover {
    color: #fd7140;
    text-decoration: none
}

.comment-time {
    font-size: 12px;
    font-style: normal;
    color: #585858
}

.commentmetadata {
    clear: both;
    padding: 0;
    margin: 0
}

.commentmetadata a {
    margin: 0;
    color: #000;
    text-decoration: underline
}

.comment-body p {
    padding: 20px 0 6px;
    font-weight: 300
}

.comment-body .comment-author.vcard {
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px
}

.comment-body ol,
.comment-body ul {
    padding: 0;
    margin: 0
}

.comment-body ol li,
.comment-body ul li {
    padding: 7px 0;
    margin: 0;
    border: 0
}

.comment-body ol li ol,
.comment-body ul li ul {
    padding: 7px 0 7px 7px;
    margin: 0;
    border: 0
}

#reply-title {
    margin: 10px 0;
    padding: 0 0 5px;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.3;
    display: block;
    margin-bottom: -2px;
    font-weight: 700
}

.comment-notes {
    padding-top: 25px;
    text-align: center
}

form#commentform textarea {
    min-height: 150px
}

form#commentform label,
form#commentform p {
    font-weight: 300
}

form#commentform input#submit {
    background: #6d47d9;
    margin-top: 0;
    color: #fff;
    padding: 9px 12px 10px;
    font-size: 16px;
    border: 0;
    border-radius: 3px
}

form#commentform input#submit:hover {
    background: #8560ee
}

#map_wrapper {
    height: 550px
}

#map_canvas {
    width: 100%;
    height: 100%
}

#map_canvas img {
    max-width: none
}

.info_content h5 {
    font-weight: 400;
    color: #fd7140
}

.info_content p {
    font-weight: 300;
    font-size: 16px
}

.contact {
    background: #fff;
    overflow: hidden
}

.contact h3 {
    padding: 12px 0;
    font-size: 22px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 25px;
    margin-top: 0;
    padding-top: 0
}

.contact-address address p i.fa {
    color: #6d47d9;
    font-size: 20px;
    width: 35px;
    padding: 5px 0;
    text-align: center
}

.contact-address address p i.fa,
.contact-address address p span {
    display: table-cell;
    vertical-align: top
}

#contactform label {
    font-weight: 300
}

#sendstatus {
    margin: 0
}

#sendstatus .alert.alert-danger {
    border-radius: 0;
    background: #ffecec;
    border: 1px solid #fad9d7
}

#sendstatus .alert.alert-success {
    background: #e9ffd9;
    color: #13c823;
    border-radius: 0;
    border: 1px solid #d1fab6
}

.contact h4.badge {
    border-radius: 0;
    padding: 12px;
    display: block;
    font-size: 16px;
    text-align: left;
    background: #fd7140
}

.contact p,
.contact p a {
    color: #6e6e6e
}

.contact p a:hover {
    color: #fd7140
}

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

.contact ul li {
    padding: 9px 6px;
    font-size: 16px
}

.contact ul li a {
    color: #6e6e6e
}

.contact ul li a:hover {
    color: #fd7140
}

#datacenterLocations .container {
    position: relative
}

#datacenterLocations img.img-responsive {
    margin: 0 auto
}

.datacenter-locations {
    position: relative
}

.datacenter-location-marker {
    position: absolute;
    color: #6d47d9;
    font-size: 34px;
    line-height: 38px;
    cursor: pointer
}

.datacenter-location-marker.marker-1 {
    top: 36%;
    left: 17%
}

.datacenter-location-marker.marker-2 {
    top: 26%;
    left: 23%
}

.datacenter-location-marker.marker-3 {
    top: 63%;
    left: 36%
}

.datacenter-location-marker.marker-4 {
    top: 47%;
    left: 69%
}

.datacenter-location-marker.marker-5 {
    top: 59%;
    left: 75.7%
}

.datacenter-location-marker.marker-6 {
    top: 26%;
    left: 51%
}

.footer {
    background: #262626
}

.footer h4 {
    color: #fff;
    font-size: 18px;
    letter-spacing: -.05em;
    margin: 0;
    padding: 0 0 12px;
    font-weight: 300
}

.footer p {
    color: #93999e
}

.footer ul {
    list-style: none;
    padding: 10px 0 0
}

.footer ul li {
    color: #93999e;
    font-size: 14px;
    padding: 5px 0 5px 20px;
    position: relative
}

.copyright p {
    font-size: 14px;
    margin-bottom: 15px
}

.payment-icons {
    margin-top: 15px
}

.main-footer ul li:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 5px;
    color: #6d47d9
}

.social-links a i {
    position: relative;
    top: 8px
}

.social-links a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    text-align: center;
    @include em(20);
    line-height: 2.6;
    margin-right: 10px;
    margin-bottom: 10px
}

.social-links a:hover {
    background-color: rgba(28, 34, 49, .2);
    color: #fff
}

.footer ul li a {
    color: #93999e
}

.footer ul li a:hover {
    color: #fff;
    text-decoration: none
}

.footer ul.questions {
    list-style: none;
    margin: 0;
    padding: 10px 0 0
}

.footer ul.questions li {
    font-size: 16px;
    margin-bottom: 4px;
    padding: 10px 15px
}

.footer ul.questions li i {
    padding-right: 6px
}

.footer ul.questions li a:hover {
    color: #fff
}

#mc_embed_signup {
    text-align: right;
    padding-top: 5px
}

#mc_embed_signup input[type=email].form-control {
    border-radius: 3px 0 0 3px;
    font-size: 18px;
    height: 50px;
    padding: 5px 15px;
    width: 100%
}

#mc_embed_signup input[type=submit] {
    background: #6d47d9;
    border: 0;
    border-radius: 0 3px 3px 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 900;
    height: 50px;
    padding: 8px 6px 6px;
    text-transform: uppercase;
    width: 100%;
    float: right;
    position: relative
}

#mc_embed_signup input[type=submit]:hover {
    background: #6d47d9
}

#mc_embed_signup input[type=email]:focus,
.domainsearch select:focus {
    box-shadow: 0 8px 6px -6px #000
}

.subscribe {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.subscribe h3,
.subscribe p {
    color: #93999e
}

.subscribe h3 {
    margin-top: 0
}

.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    background: #fff
}

.loading p {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50vh
}

.loading .loader {
    margin: -12em 0 0 -12em;
    width: 50px;
    height: 50px;
    font-size: 2px;
    position: absolute;
    text-indent: -9999em;
    top: 50vh;
    left: 50vw;
    border-top: .8em solid rgba(0, 0, 0, .2);
    border-right: .8em solid rgba(0, 0, 0, .2);
    border-bottom: .8em solid rgba(0, 0, 0, .2);
    border-left: .8em solid #262626;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 .7s infinite linear;
    animation: load8 .7s infinite linear
}

.loading .loader,
.loading .loader:after {
    border-radius: 50%;
    width: 24em;
    height: 24em
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#back-to-top {
    color: #fff;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    display: none;
    text-align: center;
    border-radius: 3px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-color: rgba(0, 0, 0, .4);
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color .1s linear;
    -moz-transition: background-color .1s linear;
    -webkit-transition: background-color .1s linear;
    -o-transition: background-color .1s linear
}

#back-to-top i {
    padding-top: 15px;
    font-size: 17px
}

#back-to-top:hover {
    background: #6d47d9
}

.no-shadow {
    text-shadow: none!important
}

.text-muted {
    color: #777!important
}

.text-left {
    text-align: left!important
}

.text-new {
    color: #f62459!important
}

.text_dark {
    color: #333!important
}

.text_white {
    color: #fff!important
}

.text_mute {
    color: #999!important
}

.text_primary {
    color: #6d47d9!important
}

.text_secondary {
    color: #fd7140!important
}

.text_purple {
    color: #8d55a0!important
}

.text_pink {
    color: #dd1a4b!important
}

.alert {
    border-radius: 3px
}

.text-success,
.text_success {
    color: #5cb85c
}

.text-info,
.text_info {
    color: #5bc0de!important
}

.text-warning,
.text_warning {
    color: #f0ad4e!important
}

.text-danger,
.text_danger {
    color: #ef4a44!important
}