/*

[Theme Color Stylesheet]

Project: HostWHMCS - Responsive Web Hosting and WHMCS WordPress Theme
Version: 1.3
Author : themelooks.com

*/

/* COLOR */
#headerNav .nav > li > a:hover,
#headerNav .nav > li.active > a,
#headerNav .nav > .dropdown.open > a,
.pricing--details a,
.panel-body a,
.header--logo span,
.banner--content h2,
.banner--content ul li:before,
.section--title h2 span,
.service--content h3 span,
.pricing--tag p strong,
.pricing--details h2 strong,
.feature--content h2 span,
.footer--about a:hover,
.footer--about a:focus,
.footer--links ul li a:hover,
.footer--links ul li a:focus,
.footer--contact-social .nav > li > a:hover,
.footer--contact-social .nav > li > a:focus,
.footer--copyright a,
.page-header--breadcrumb .breadcrumb li a:hover,
.page-header--breadcrumb .breadcrumb > .active,
.team--item:hover .team--name a,
.team--social-links ul li a:hover,
.team--social-links ul li a:focus,
.blog--post-title h2 a:hover,
.blog--post-title h2 a:focus,
.blog--post-meta a:hover,
.blog--post-meta a:focus,
.blog--recent-posts-widget ul li h4 a:hover,
.blog--recent-posts-widget ul li h4 a:focus,
.blog--links-widget ul li a:hover,
.blog--links-widget ul li a:focus,
.blog--tags-widget ul li a:hover,
.blog--tags-widget ul li a:focus,
.blog--post-footer a:hover,
.blog--post-footer a:focus,
.blog--post-comment-meta a:hover,
.blog--post-comment-meta a:focus,
.contact--address h2 span,
#headerNav .nav > li.current-menu-ancestor > a,
.blog--widget a:hover,
.comment-respond .title #cancel-comment-reply-link:hover,
.footer--widget ul li a:hover,
.footer--widget ul li a:focus,
body.page-template-template-whmcs .popover a,
body.page-template-template-whmcs .footer--copyright a,
#bridge #main-body a,
#bridge #main-body a:link,
#bridge #main-body a:visited,
#bridge #main-body a:hover,
#bridge #main-body a:active,
#bridge .navbar-main .navbar-nav > li > a:hover,
#bridge .navbar-main .navbar-nav > li > a:focus,
#bridge .navbar-main .navbar-nav > li.open > a {
    color: #c2d35b;
}

/* BACKGROUND COLOR */
.btn--primary,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:hover,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:focus,
#headerNav .nav > .dropdown > .dropdown-menu > li.active > a,
#header .navbar-toggle .icon-bar,
#banner .bx-pager-link.active,
.domain-search--form .input--text input.valid + .highlight,
.domain-search--form .input--radio .radio-inline input:checked + span:before,
.subscribe--form .input--text input.valid + .highlight .highlight,
.footer--widget h2:before,
.faq--content .accordion .panel-heading a,
.domain-ext--content:before,
.domain-ext--name:before,
.faq--categories h3:before,
.faq--categories ul li a:hover,
.faq--categories ul li.active a,
.login--form .form-group input.valid + .highlight,
.pricing-2--header:before,
.f0f--search-bar input.valid + .highlight,
.blog--post-pagination .pagination > li > a:hover,
.blog--post-pagination .pagination > li > a:focus,
.blog--post-pagination .pagination > li.active > a,
.blog--post-pagination .pagination > li.active > span,
.blog--widget-title:before,
.blog--search-widget .input--text input.valid + .highlight,
.blog--twitter-widget .blog--widget-title,
.blog--post-comments-title h3:before,
.blog--post-comment-form .title h3:before,
.blog--post-comment-form-group input.valid + .highlight,
.blog--post-comment-form-group textarea.valid + .highlight,
.contact--address h2:before,
.contact--form input.valid + .highlight,
.contact--form textarea.valid + .highlight,
.blog--post-content .page-links a:hover,
.blog--post-content .page-links span + span,
.blog--post-content .post-password-form input[type="submit"],
.subscribe--form .input--text .highlight,
.contact--form .highlight,
.login-popover input.btn-primary,
.login-popover input.btn-primary:active,
#bridge #home-banner input.btn-warning,
#bridge #main-body  a.label-warning,
#bridge #main-body  a.label-warning[href]:focus,
#bridge #main-body  a.label-warning[href]:hover,
#bridge .navbar-main .nav > .dropdown > .dropdown-menu > li > a:hover,
#bridge .navbar-main .nav > .dropdown > .dropdown-menu > li > a:focus,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge .main-content .btn-primary,
#bridge .main-content .btn-primary:hover,
#bridge .main-content .btn-primary:focus,
#bridge .main-content .btn-success,
#bridge .main-content .btn-success:hover,
#bridge .main-content .btn-success:focus,
#bridge .main-content .btn-info,
#bridge .main-content .btn-info:hover,
#bridge .main-content .btn-info:focus,
#bridge #openTicketSubmit,
#bridge #openTicketSubmit:focus,
#bridge #openTicketSubmit:hover,
#bridge #main-body .header-lined-order h1,
#bridge #order-boxes button[type="submit"],
#bridge #btnCheckAvailability,
#bridge #btnCheckAvailability:hover,
#bridge #btnCheckAvailability:focus,
#bridge .dataTables_wrapper .dataTables_info,
#bridge .status-customer-reply,
#bridge #main-body .pagination > .active > a,
#bridge .client-home-panels input[type="submit"].btn.btn-success,
.blog--post.sticky::before {
    background-color: #c2d35b;
}

/* BORDER COLOR */
#banner .bx-pager-link,
.domain-search--form .input--radio .radio-inline input:checked + span:before,
.footer--links ul li a:hover,
.footer--links ul li a:focus,
.domain-ext--content,
.counter-2--num,
.pricing-2--header,
.blog--post-pagination .pagination > li > a:hover,
.blog--post-pagination .pagination > li > a:focus,
.blog--post-pagination .pagination > li.active > a,
.blog--post-pagination .pagination > li.active > span,
.blog--links-widget ul li a:hover,
.blog--links-widget ul li a:focus,
.blog--post-content .page-links a:hover,
.blog--post-content .page-links span + span,
.blog--post-content .post-password-form label input:focus,
.blog--widget select:focus,
.blog--widget ul li a:hover,
.comment-respond .title #cancel-comment-reply-link:hover,
.footer--widget ul li a:hover,
.footer--widget ul li a:focus,
.login-popover input.btn-primary,
.login-popover input.btn-primary:active,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge .main-content .btn-primary,
#bridge .main-content .btn-primary:hover,
#bridge .main-content .btn-primary:focus,
#bridge .main-content .btn-success,
#bridge .main-content .btn-success:hover,
#bridge .main-content .btn-success:focus,
#bridge .main-content .btn-info,
#bridge .main-content .btn-info:hover,
#bridge .main-content .btn-info:focus,
#bridge #openTicketSubmit,
#bridge #openTicketSubmit:focus,
#bridge #openTicketSubmit:hover,
#bridge #order-boxes button[type="submit"],
#bridge #btnCheckAvailability,
#bridge #btnCheckAvailability:hover,
#bridge #btnCheckAvailability:focus,
#bridge #main-body .pagination > .active > a,
#bridge .client-home-panels input[type="submit"].btn.btn-success,
.blog--post.sticky  {
    border-color: #c2d35b;
}

#bridge #main-body .header-lined-order h1:after {
    border-top-color: #c2d35b;
}
.preloader .slice {
    border-left-color: #c2d35b;
}
#banner {
  background-color: #232c3b;
  padding-top: 40px !important;
}
#connection {
  background-color: #f8f8f8;
}
#feedback {
  background-color: #f8f8f8;
}
#features {
  background-color: #f8f8f8;
}
#domainExt {
  background-color: #f8f8f8;
}
#team {
  background-color: #f8f8f8;
}
#counter2 {
  background-color: #232c3b;
}
#footer {
  border-bottom-color: #151a23;
}
.banner--content h3 {
  font-size: 29px;
}
#connection .section--title h2, 
.bg--midnight .domain-search--form,
.domain-search--form .input--text input{
    color: #494949;
}
#connection form .input--text input {
    border-color: #494949;
}
#connection .section--title.block span {
    color: #fff;
}
#connection .highlight {
    background-color: #fff !important;
}
.domain-search--form .input--radio .radio-inline span:before,
.domain-search--form .input--text input {
  border-color: #fff;
}
#feedback.bg--whitesmoke,
#team.bg--whitesmoke,
#connection.bg--whitesmoke {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0;
}

/** header menu link color **/
#headerNav .nav > li > a{
    color: #ffffff;
}
#headerNav .nav > li > a:hover{
    color: #c2d35b !important;
}
#headerNav .nav > li.active > a{
    color: #c2d35b !important;
}
    
/**header sticky menu link color ***/

#header.sticky .nav > li > a{
    color: #232c3b;
}

#header.sticky .nav > li > a:hover{
    color: #c2d35b !important;
}
#header.sticky .nav > li.active > a{
    color: #c2d35b !important;
}
.bg--overlay:before {
    background-color: #232c3b;
    opacity: 0.8;
}

.bg--whitesmoke.no--border {
  border: medium none !important;
}
.header--navbar.transparent,
.header--navbar.dark.transparent {
    background: transparent none repeat scroll 0 0;
}
#features .feature--icon img {
    width: 90px;
}
.domain-search--form div {
    margin-bottom: 12px;
}
#connection {
    padding: 40px 0;
}


/*
Здесь можно добавить ваши CSS-стили.

Нажмите на значок помощи выше, чтобы узнать больше.
*/

#headerNav .nav > li > a:hover, #headerNav .nav > li > a:focus {
  font-weight: 500;
}

.header--logo {
    color: #494949 !important;
}

#headerNav .nav > li.active > a, #headerNav .nav > li.current-menu-ancestor > a, #headerNav .nav > .dropdown.open > a {
  font-weight: 500;
}

.header--navbar {
    padding-top: 7px;
    padding-bottom: 7px;
}

.banner--bg-animate {
    left: 2%;
}


@media screen and (max-width: 991px) {
.header--navbar .navbar-header {
    float: none;
    padding: 2px 0;
}
navbar .navbar-toggle {
    color: inherit;
}
#header .navbar-toggle.collapsed .icon-bar {
        background-color: #494949;
    }
    #header.sticky .navbar-toggle.collapsed .icon-bar {
        background-color: #494949;
    }
#footer {
    padding: 30px 0 50px;
  padding-bottom: 45px;
  border-bottom: none;
  background-color: rgb(174, 162, 90) !important;
    background-image: radial-gradient(circle at 11% 15%, rgba(255,76,219,0.46), rgba(255,255,255,0));
}
.section--title h2 {
    padding: 30px 0 25px;
}
.section--title {
    margin-bottom: 60px;
}
.feature--item-h {
    margin-bottom: 50px;
}
#features {
    padding: 80px 0 50px;
}
#footer-container {
padding: 0 25px;
}
}
.footer--copyright {
  color: #494949;
  bottom: 0;
  padding: 10px 0;
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  background-color: #fff !important;
}
#footer-container {
    padding: 0 25px 30px 25px;
}
#banner, #pageHeader.pagesetting {
  background: rgb(177, 163, 85);
  background-image: radial-gradient(circle at 11% 15%, #337ab7, rgba(255,255,255,0));
}
#footer {
  border-bottom: none;
  padding-bottom: 45px;
  background-color: rgb(174, 162, 90) !important;
  background-image: radial-gradient(circle at 11% 15%, rgb(64, 126, 173), rgba(255,255,255,0));
}

#connection.bg--coonection {
    background-color: rgb(173, 161, 87) !important;
    background-image: radial-gradient(circle at 11% 15%, rgb(248, 248, 248), rgba(255,255,255,0));
    border: none;
}
#backToTop {
    right: 20px;
    bottom: 55px;
}
#backToTop a {
    width: 50px;
    padding: 9px 0 12px;
    border-radius: 40%;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}
.faq--content .accordion .panel-heading a.collapsed {
  background: rgba(194, 211, 91, 0.33);
    color: #494949;
    background-image: radial-gradient(circle at 11% 15%, rgba(218, 213, 213, 0.97), rgba(255,255,255,0));
}
.faq--content .accordion .panel-heading a h4 i.fa-minus {
    margin-top: 4px;
}
.faq--content .accordion .panel-heading a h4 {
    font-weight: normal;
}
#pricing .pricing--item {
  margin: 40px 1px;
    border: none;
    background: #fff;
    background-image: radial-gradient(circle at 11% 15%, #f8f8f8, rgba(172, 187, 143, 0.22));
}
#pricing {
    padding: 30px 0;
}
#pricing .section--title {
    margin-top: -30px;
    margin-bottom: 0px;
}
#priceDetails {
    padding: 0 0 40px 0;
    border-top: none;
}
.section--title {
    margin-bottom: 60px;
}
#pricing .pricing--item .pricing--body .pricing--tag p strong {
  color: #494949
}
.dropdown-menu {
  min-width: 58px;
  box-shadow: 1px 6px 6px 0px rgba(0,0,0,.175);
    top: 85%;
  border: transparent;
}
#aboutDesc {
    padding: 0 0 50px 0;
    word-wrap: break-word;
}
.banner--bg-animate-left {
    background-position: left top;
}
.header--login-btn {
  margin-top: 12px;
}
@media screen and (max-width: 991px) {
  .header--login-btn {
      display: block !important;
      margin: 24px 0 -10px 0;
      float: none;
  }
  .header--login-btn .btn--primary.btn--ripple {
      background-color: transparent;
      color: #c2d35b;
      float: none !important;
      display: inline;
      padding: 0;
  }
}
.header--logo.navbar-brand > img {
  margin-top: 5px;
  height: 20px;
  width: 125px;
}
.btn--primary {
    padding: 7px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 900;
}
.pricing--item.raised:before {
    content: " ";
    position: absolute;
    border-radius: 4px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(61, 125, 175, 0.75);
    background-image: radial-gradient(circle at 11% 15%, rgba(194, 211, 91, 0.87), rgba(172, 187, 143, 0.22));
    z-index: -1;
}
.pricing--item.raised .pricing--tag p {
    /*color: #494949; */
}
.pricing--item.raised .pricing--tag strong {
    color: #ffffff !important; 
}
#pricing .pricing--item {
    margin: 40px 1px;
    border: none;
    border-radius: 4px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}
.faq--content .accordion .panel,
.faq--content .accordion .panel-heading,
.faq--content .accordion .panel-heading a,
.faq--content .accordion .panel-heading a.collapsed {
    border-radius: 4px;
}
#banner .bx-pager {
  margin-right: 10px;
}
.pricing--item.raised .pricing--body {
  padding-top: 50px;
}
.pricing--item.raised .pricing--body .pricing--details h2 strong {
  color: #494949;
}
.pricing--item.raised {
  padding-bottom: 47px;
}
.col-md-3.faq--categories li a {
  border-radius: 4px;
}
.pll-parent-menu-item a img {
  opacity: 0.8;
}
.faq--categories .nav li a {
  background: rgba(194, 211, 91, 0.33);
  color: #494949;
  background-image: radial-gradient(circle at 11% 15%, rgba(218, 213, 213, 0.97), rgba(255,255,255,0));
  font-weight: 400;
  font-size: 14px;
  padding: 6px 13px;
}
.faq--categories .nav li.active a {
  color: #fff;
}
.page-header--breadcrumb .breadcrumb {
    text-transform: none;
}
#pricing .more-link {
  font-size: 14px;
  border-bottom: 1px dotted #494949;
  color: #494949;
  z-index: 10;
  cursor: pointer;
}
#pricing .raised .more-link {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.pricing--item-h:hover {
  z-index: 10;
}
#services .service--icon img {
  width: 80px;
}
#services .service--icon {
    vertical-align: middle;
}

@media screen and (max-width: 991px) {
  #services {
    padding: 30px 0 40px;
  }
  #services .service--content h3 {
    word-break: break-word;
  }
  #services .col-md-4 {
      padding-left: 20px !important;
  }
  .pricing--item-h {
    margin-bottom: 0px;
  }
  .pricing--item {
    margin-top: 30px !important;
    margin-bottom: 0px !important;
  }
  .faq--categories .nav > li {
    float: none;
  }
  .banner--content h3 {
    font-size: 27px;
  }
  .banner--content h2 {
    font-size: 29px;
  }
  #pricing .more-link {
    display: none;
  }
}
/*
Здесь можно добавить ваши CSS-стили.

Нажмите на значок помощи выше, чтобы узнать больше.
*/
#headerNav .nav > li > a:hover, #headerNav .nav > li > a:focus {
  font-weight: 500;
}

.header--logo {
    color: #494949 !important;
}

#headerNav .nav > li.active > a, #headerNav .nav > li.current-menu-ancestor > a, #headerNav .nav > .dropdown.open > a {
  font-weight: 500;
}

.header--navbar {
    padding-top: 7px;
    padding-bottom: 7px;
}

.banner--bg-animate {
    left: 2%;
}


@media screen and (max-width: 991px) {
.header--navbar .navbar-header {
    float: none;
    padding: 2px 0;
}
navbar .navbar-toggle {
    color: inherit;
}
#header .navbar-toggle.collapsed .icon-bar {
        background-color: #494949;
    }
    #header.sticky .navbar-toggle.collapsed .icon-bar {
        background-color: #494949;
    }
#footer {
    padding: 30px 0 50px;
  padding-bottom: 20px !important;
  border-bottom: none;
    z-index: 10;
  background-color: rgb(174, 162, 90) !important;
    background-image: radial-gradient(circle at 11% 15%, rgba(255,76,219,0.46), rgba(255,255,255,0));
}
.section--title h2 {
    padding: 30px 0 25px;
}
.section--title {
    margin-bottom: 60px;
}
.feature--item-h {
    margin-bottom: 50px;
}
#features {
    padding: 80px 0 50px;
}
#footer-container {
padding: 0 25px;
}
.footer--copyright {
    top: 20px !important;
}
}
.footer--copyright {
  color: #494949;
  bottom: 0;
  padding: 10px 0;
  opacity: 0.6;
    z-index: 1;
    position: absolute;
    background-color: #fff;
}
#footer-container {
    padding: 0 25px 30px 25px;
}

#banner, #pageHeader.pagesetting {
  background-color: rgb(177, 163, 85) !important;
  background-image: radial-gradient(circle at 11% 15%, #337ab7, rgba(255,255,255,0));
}
#footer {
  border-bottom: none;
  padding-bottom: 0px;
  position: inherit;
  background-color: rgb(174, 162, 90) !important;
  background-image: radial-gradient(circle at 11% 15%, rgb(64, 126, 173), rgba(255,255,255,0));
}
#footer .container {
    position: relative;
    bottom: 0;
    height: 100%;
}
#footer-container {
    padding: 5px 25px 10px 25px;
}
.footer--copyright {
    top: 0px;
    position: relative;
}
#connection.bg--whitesmoke, #services {
  background: #ffffff;
  background-image: radial-gradient(circle at 11% 15%, rgb(255, 255, 255), rgba(175, 164, 92, 0.1));
  border: none;
}
#backToTop {
    right: 20px;
    bottom: 55px;
}
#backToTop a {
    width: 50px;
    padding: 9px 0 12px;
    border-radius: 40%;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}
.faq--content .accordion .panel-heading a.collapsed {
  background: rgba(194, 211, 91, 0.33);
    color: #494949;
    background-image: radial-gradient(circle at 11% 15%, rgba(218, 213, 213, 0.97), rgba(255,255,255,0));
}
.faq--content .accordion .panel-heading a h4 i.fa-minus {
    margin-top: 4px;
}
.faq--content .accordion .panel-heading a h4 {
    font-weight: normal;
}
#pricing .pricing--item {
  margin: 40px 1px;
    border: none;
    background: #fff;
    background-image: radial-gradient(circle at 11% 15%, #f8f8f8, rgba(172, 187, 143, 0.22));
}
#pricing {
    padding: 30px 0;
}
#pricing .section--title {
    margin-top: -30px;
    margin-bottom: 0px;
}
#priceDetails {
    padding: 0 0 40px 0;
    border-top: none;
}
.section--title {
    margin-bottom: 60px;
}
#pricing .pricing--item .pricing--body .pricing--tag p strong {
  color: #494949
}
.dropdown-menu {
  min-width: 58px;
  box-shadow: 1px 6px 6px 0px rgba(0,0,0,.175);
    top: 85%;
  border: transparent;
}
.faq--content .accordion .panel {
    border: none;
}
#faq {
    padding: 0 0 40px 0;
}
#faq .section--title {
  margin-top: 0;
    margin-bottom: 30px;
}
#headerNav .nav > li > a:hover {
    color: #c2d35b;
}
#pricing .pricing-font-icon img {
    width: 60px;
    margin-bottom: -10px;
}
#pricing .pricing--icon {
    transition-property: transform;
    transition-duration: .2s;
}
#pricing .pricing--item:hover .pricing--icon {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
}
#connection .shield {
  text-align: right;
}
#connection .shield img {
  width: 150px;
  margin: 40px 30px 0 0;
}
@media screen and (max-width: 991px) {
  #connection .shield img {
    display: none;
  }
}
#connection .shield-text label {
  color: #494949;
  cursor: pointer;
  user-select: none;
}
#connection .shield-text label input {
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
}
.section--title p {
    padding: 40px 0 40px 30px;
    border-left: none;
}
.section--title > .row > .col-md-6:last-child {
    border-left: 1px solid #e9e9e9;
}