/*
Theme Name: CloudOcean - Responsive Hosting WHMCS7 Template
Theme URI: https://whmcsdes.com/whmcs-cloud/
Description: awesome and clean Template multi pages .Template is designed to Hosting Companies ,Contains +25 HTML files which have been well organized built using 1170 grid system .
Version: 7.6.1
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/
/*------------------------------------------------------------------

[Table of contents]

1. WHMCS Style
2. Header
3. Plans
4. Features
5. Portfolio
6. Our Customers
7. Faq
8. Partners
9. Footer
10. Shared Hosting Page
11. Dedicated Hosting Page
12. Web Design Page
13. Web Development Page
14. Support Page
15. Seo Page
16. Domains Page
17. Blog
18. Single Post Page
19. About Page
20. Error 404 Page
21. Login & Register Page
22. Contact us Page
23. Comming Soon Page
24. Terms & Privacy Page
25. Payment Methods
26. Plans Styles
27. Layout Cog
28. Footer Layouts

-------------------------------------------------------------------*/
/* WHMCS Style */
.main-content {
  margin-bottom: 0;
}

.custom-whdesNot>li>a:focus,
.custom-whdesNot>li>a:hover {
  background-color: transparent;
}

.whdes-navbar {
  background: #f8f8f8;
}

.nav-whdes-lv li a {
  color: #7e7e7e;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}

div.header-lined h1 {
  margin-top: 0;
  margin-bottom: 25px;
  padding: 6px 0;
  border-bottom: 0;
  font-weight: 400;
  color: #000;
  font-size: 25px;
}

.block-shortcuts {
  background: #f8f8f8;
  padding: 25px;
  margin-bottom: 30px;
}

.block-shortcuts .icon {
  color: #3897f0;
  border-radius: 360px;
  padding: 6px 0;
  font-size: 27px;
  float: right;
  width: 50px;
  text-align: center;
}

.block-shortcuts .title {
  font-family: Raleway, sans-serif;
  font-size: 18px;
  color: #000;
}

.block-shortcuts .stat {
  font-family: open sans, sans-serif;
  font-size: 18px;
  color: #7e7e7e;
}

.block-shortcuts a {
  text-decoration: none;
}

.panel-sidebar>.panel-heading {
  background-color: transparent;
}

.nomargin {
  margin: 0;
}

.dropdown-menu>li>a:focus,
.navbar-main .dropdown-menu>li>a:hover {
  background-color: #3897f0;
}

.msg-yuh {
  width: 96.6% !important;
  margin-left: 16px;
}

.client-home-panels .panel {
  min-height: 120px;
  padding: 10px;
}

.panel.panel-sidebar.panel-sidebar a.btn.btn-success.btn-sm.btn-block {
  background-color: #1DA0DA;
  border-color: #1DA0DA;
  border-radius: 25px;
}

.panel-sidebar>.panel-footer {
  background-color: #fff;
}

.twitter-box {
  border: 1px solid #e7e7e7;
  padding: 1px 15px 15px;
  margin: 10px 0 30px;
  font-family: open sans, sans-serif;
  color: #7e7e7e;
  font-size: 12px;
  background: #f9f9f9;
}

.ticket-box {
  background: #f8f8f8;
  padding: 25px;
  border: 1px solid #e7e7e7;
  margin: 30px 0;
  min-height: 112px;
}

.ticket-box strong a {
  color: #1da0da;
}

.title-sub-t {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
}

.custom-colly {
  background: #f8f8f8;
  margin-top: 35px;
}

.custom-colly .icon-bar {
  color: #7e7e7e;
  background: #7e7e7e;
}

/* Header */
body {
  background: #f8f8f8;
}

.logo {
  margin: 30px 0;
}

.dropdown {
  display: inline;
}

.navbar-collapse {
  padding: 0;
}

.navbar-right {
  margin-right: 0;
}

ul.menu-header {
  float: right;
  list-style-type: none;
  margin: 39px 0 40px;
  padding: 0;
}

ul.menu-header li {
  display: inline;
  padding-left: 26px;
}

ul.menu-header a {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .1s;
}

ul.menu-header a:hover {
  padding-top: 36px;
}

.active-l {
  padding-top: 37px !important;
}

.fa-angle-down {
  font-weight: 700;
  padding: 0 5px;
}

.custom.dropdown-menu {
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  margin-top: 22px;
  padding: 0;
  min-width: 205px;
}

.custom.dropdown-menu>li {
  border-bottom: 1px solid #e7e7e7;
  display: inline-block;
  width: 100%;
  transition: all .3s;
  padding: 0;
}

.custom.dropdown-menu>li:hover {
  color: #fff;
}

.custom.dropdown-menu a {
  color: #7e7e7e;
  display: block;
  font-family: "open sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 15px;
  text-transform: none;
  transition: all 0.3s ease 0s;
}

.custom.dropdown-menu a:hover {
  background: transparent;
  color: #fff;
  padding: 12px 15px;
  border: none;
}

.custom-whdesLang li a:hover,
.custom-whdesNot li a:hover {
  padding-top: 3px !important;
  border-top: 0 !important;
}

.fa-object-group.h-menu,
.fa-globe.h-menu,
.fa-server.h-menu,
.fa-cloud.h-menu,
.fa-chain.h-menu,
.fa-wordpress.h-menu,
.fa-commenting.h-menu,
.fa-newspaper-o.h-menu,
.fa-image.h-menu,
.fa-pie-chart.h-menu,
.fa-dashboard.h-menu,
.fa-wpforms.h-menu,
.fa-support.h-menu,
.fa-columns.h-menu,
.fa-sticky-note-o.h-menu,
.fa-file-image-o.h-menu,
.fa-spinner.h-menu,
.fa-user.h-menu,
.fa-user-plus.h-menu,
.fa-warning.h-menu,
.fa-balance-scale.h-menu,
.fa-gavel.h-menu,
.fa-align-justify.h-menu,
.fa-ticket.h-menu {
  float: none;
  font-size: 14px;
  margin: 0;
  padding-right: 9px;
}

.clientarea {
  text-transform: none !important;
}

.glyphicon.glyphicon-user {
  padding-right: 7px;
  font-family: "Glyphicons Halflings";
}

.login-area-custom {
  padding: 0 10px;
}

.c-inp {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #e7e7e7;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 3px;
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 20px;
  padding-bottom: 6px;
  text-align: center;
  border-bottom-color: #e7e7e7;
  width: 100%;
}

.c-check {
  position: relative;
  top: 2px;
}

.c-sub {
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 3px;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-top: 20px;
  padding-bottom: 6px;
  text-align: center;
  width: 100%;
}

.c-cont {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  margin-top: 10px;
}

.c-check {
  margin-right: 9px !important;
  margin-top: 10px !important;
}

.c-cont-c {
  margin-bottom: 20px;
  margin-top: 10px;
}

.c-cont>a,
.c-cont-c>a {
  display: inline !important;
  padding-left: 9px !important;
  color: #7e7e7e;
}

.c-cont>a:hover,
.c-cont-c>a:hover {
  color: #000 !important;
}

.fa-user-plus.client {
  color: #7e7e7e;
  font-size: 13px;
}

.fa-question {
  color: #7e7e7e;
  font-size: 13px;
  padding-right: 7px;
}

.custom-lang-h {
  font-size: 17px;
  font-weight: 400;
  cursor: pointer;
}

.custom-whdesLang {
  max-height: 250px;
  overflow: scroll;
}

.custom-whdesLang>li>a:focus,
.custom-whdesLang>li>a:hover {
  background-color: transparent;
}

.menu-ser.customz {
  color: #fff;
  padding: 7px;
  border-radius: 4px;
  font-size: 17px;
  margin-right: 6px;
}

.count {
  float: left;
  margin-left: 15px;
  color: #86C655;
  margin-bottom: 19px;
  font-family: roboto slab, sans-serif;
  font-weight: 700;
  font-size: 15px;
}

.l-p {
  float: left;
  font-family: open sans, sans-serif;
  font-weight: 700;
  color: #000;
  margin-left: 20px;
  text-transform: uppercase;
  font-size: 13px;
}

.r-p {
  float: right;
  color: #65C039;
  margin-right: 20px;
  font-family: roboto slab, sans-serif;
  font-size: 14px;
}

a.check-p {
  color: #fff !important;
  font-family: open sans, sans-serif;
  font-weight: 700 !important;
  font-size: 13px;
  display: table !important;
  text-align: center;
  margin: 0 auto;
  border-radius: 2px;
  padding: 8px 10px !important;
}

a.check-p:hover {
  background: #656D78 !important;
}

.custom.dropdown-menu.carti li:hover {
  background: transparent;
}

.custom.dropdown-menu.carti li a:hover {
  color: #000;
}

.price-cart {
  padding: 15px 0 !important;
}

.check-p {
  margin: 10px auto !important;
}

/* Notifications */
.custom-noti-h {
  cursor: pointer;
  font-size: 17px;
}

.custom-whdesNot li {
  display: block !important;
  padding: 10px !important;
  color: #7e7e7e;
}

.count-cart {
  background-color: red;
  color: #fff;
  border-radius: 360px;
  padding: 0px 5px;
  position: absolute;
  top: -13px;
  left: 11px;
  font-size: 12px;
}

.carousel-co {
  min-height: 550px;
}

.carousel-co .item {
  height: 480px;
}

.item-clients.custom {
  padding: 20px 0;
}

.item h2 {
  color: #000000;
  font-family: roboto slab, sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 60px;
  margin: 0;
  text-align: center;
}

.item p {
  font-family: open sans, tahoma;
  font-size: 14px;
  font-style: oblique;
  -webkit-font-style: oblique;
  -o-font-style: oblique;
  -moz-font-style: oblique;
  line-height: 30px;
  text-align: center;
  margin-bottom: 40px;
}

.server-d {
  margin: 37px auto 25px;
  ;
  transition: all 0.3s ease 0s;
  width: auto !important;
  display: block;
}

.server-d:hover {
  opacity: .7;
}

.c-feature {
  color: #797979;
  display: inline;
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
  font-weight: 600;
  margin: 0 15px;
  transition: all .3s;
}

.c-feature:hover {
  color: #000;
  cursor: pointer;
}

.features {
  margin: 0 auto;
  text-align: center;
}

.fa-check-circle {
  padding-right: 3px;
}

.price-res {
  background: #d3d3d3 none repeat scroll 0 0;
  border-radius: 2px;
  color: #ffffff;
  display: inline;
  font-family: roboto slab, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 17px 40px;
  text-align: center;
  margin: 0 10px;
}

a.order {
  border-radius: 2px;
  color: #ffffff;
  display: inline;
  font-family: roboto slab, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 40px;
  text-align: center;
  margin: 0 10px;
  text-decoration: none;
  transition: all .3s;
}

a.order:hover {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #000;
  color: #000;
}

.item {
  margin: 6px 0;
}

.buttons-item {
  margin: 50px 0;
}

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

.bg-h {
  margin-top: -323px;
  width: 100%;
  background: #fff url(../img/h-bg.png);
  height: 368px;
  border: 0;
  background-position: center center;
  border-bottom: 3px solid #F8F8F8;
}

.fa-question.custom,
.fa-file-alt.custom,
.fa-headphones.custom,
.fa-comments.custom {
  border-radius: 18px;
  color: #ffffff;
  font-size: 30px;
  padding: 20px;
  text-align: center;
  margin: 0 auto;
  display: table;
  transition: all .3s;
}

.fa-file-alt.custom:hover,
.fa-headphones.custom:hover,
.fa-comments.custom:hover,
.fa-question.custom:hover {
  background: #86c655 none repeat scroll 0 0;
}

.fa-question.custom {
  border-radius: 18px;
  color: #ffffff;
  display: table;
  font-size: 30px;
  margin: 0 auto;
  padding: 20px 25px;
  text-align: center;
  transition: all .3s;
}

.resources a {
  color: #000000;
  display: block;
  font-family: roboto slab, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 63px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}

.resources a:hover {
  color: #86c655;
}

.resources {
  margin: 10px auto;
}

.item-search {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  display: block;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 25px auto 47px;
  padding: 15px 10px;
  text-align: center;
  display: inline;
  border-radius: 8px;
  width: 250px;
  color: #7e7e7e;
}

.search-custom {
  text-align: center;
}

.contact-ev {
  margin-bottom: 42px;
}

a.contact {
  border-radius: 2px;
  color: #ffffff;
  display: table;
  font-family: roboto slab, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0 auto;
  padding: 15px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

a.contact:hover {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #000;
  color: #000;
}

.owl-prev,
.owl-next {
  border: 2px solid #000000;
  border-radius: 16px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0;
  padding: 4px 12px;
  display: inline;
  color: #000;
  transition: all .3s;
}

.owl-prev:hover,
.owl-next:hover {
  border: 2px solid #000000;
  background: #000;
  color: #fff;
}

.clientarea-tab.fa-user {
  display: inline !important;
  font-family: fontawesome, sans-serif;
}

/* Domains Carousel */
.domain-area-carousel {
  text-align: center;
}

.domain-input-carousel {
  background: #fff;
  border-radius: 4px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  border: 1px solid #cacbcb;
  width: 40%;
  padding: 12px;
  font-weight: 400;
}

.domain-search-carousel {
  color: #fff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 12px;
  border-radius: 4px;
  transition: all .3s;
}

.domain-search-carousel:hover {
  background: transparent;
}

.domain-transfer-carousel {
  background: #2E3234;
  border: 1px solid #2E3234;
  font-size: 13px;
  color: #fff;
  padding: 12px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  border-radius: 4px;
  transition: all .3s;
}

.domain-transfer-carousel:hover {
  background: transparent;
  color: #2E3234;
  border: 1px solid #2E3234;
}

.domain-area-carousel {
  text-align: center;
}

.ext-carousel {
  display: inline;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #A2A4A5;
  margin: 0 15px;
}

.price-domain-ca {
  color: #86c724;
  font-weight: 700;
  font-size: 18px;
}

.extensions {
  margin-top: 30px;
}

/* End Header */
/* Plans */
section {
  margin: 100px 0 0;
  display: inline-block;
  width: 100%;
}

.section-title-block {
  margin-bottom: 50px;
}

.section-title-block h2 {
  color: #000;
  font-family: roboto slab, sans-serif;
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  margin: 0;
}

.section-title-block h5 {
  color: #808080;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin: 15px 0 0;
  text-align: center;
}

.block-plan {
  background: #f3f5f7 none repeat scroll 0 0;
  border-radius: 2px;
  padding: 30px;
  width: 100%;
  transition: all .3s;
}

.block-plan:hover {
  background: #fff none repeat scroll 0 0;
}

.block-plan>img {
  border-bottom: 3px solid #9a9a9a;
  display: block;
  height: 60px;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 60px;
}

.block-plan>span {
  color: #9a9a9a;
  font-size: 19px;
  font-weight: 600;
  line-height: 58px;
  display: block;
  text-align: center;
  font-family: "roboto slab", sans-serif;
  margin-top: -4px;
}

.price-m {
  display: inline;
  font-family: roboto slab, sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.ext-m {
  color: #9a9a9a;
  display: inline-block;
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding-left: 10px;
  text-align: left;
}

.price-plan-custom {
  margin: 10px 0 30px;
  text-align: center;
}

.block-plan>p {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.block-plan>p:hover {
  color: #000;
  cursor: pointer;
}

.block-plan>a {
  border-radius: 2px;
  color: #ffffff;
  display: table;
  font-family: open sans, sans-serif;
  font-weight: 700;
  margin: 20px auto 0;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}

.block-plan>a:hover {
  color: #fff;
  background: #000;
}

/* End Plans */
/* Features */
.features-hp {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 80px 0;
}

.fea-block {
  border: 1px solid #cacbcb;
  min-height: 205px;
  max-height: 205px;
  padding: 10px;
  width: 100%;
  transition: all .3s;
  overflow: hidden;
}

.fea-block:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  margin-top: -10px;
}

.fa-life-ring.hp-features,
.fa-money-bill.hp-features,
.fa-gift.hp-features,
.fa-mobile-alt.hp-features {
  color: #ececec;
  display: block;
  font-size: 50px;
  text-align: center;
  padding-bottom: 25px;
  transition: all .3s;
}

.fea-block>p {
  color: #8f8f8f;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
}

.fea-block h2 {
  color: #dcdcdc;
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: normal;
  padding-bottom: 10px;
  margin-top: 16px;
}

/* End Features */
/* Portfolio */
.custom-tabs {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.custom-tabs a {
  border: 1px solid #cacbcb;
  border-radius: 8px;
  color: #000000;
  display: block;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  min-width: 120px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.custom-tabs>li.active>a::after,
.custom-tabs>li.active>a:hover::after,
.custom-tabs>li.active>a:focus::after {
  float: right;
  height: 15px;
  left: 17px;
  position: relative;
  top: 1px;
  width: 15px;
}

.custom-tabs>li.active>a,
.custom-tabs>li.active>a:hover,
.custom-tabs>li.active>a:focus {
  color: #ffffff;
  text-align: center;
}

.custom-tabs>li {
  margin-bottom: 20px;
}

.article-item.cus {
  margin: 0;
}

.client-op-c.customize {
  margin-bottom: 90px;
}

.item-portfolio {
  border: 1px solid #cacbcb;
  border-radius: 6px;
  min-height: 225px;
  max-height: 225px;
}

.item-port {
  margin-bottom: 30px;
  width: 100% !important;
}

.item-port-hvr {
  border-radius: 6px;
  display: none;
  height: 225px;
  left: 1.2px;
  margin-top: -245px;
  opacity: 0.9;
  position: relative;
}

.item-port-hvr>h2 {
  color: #ffffff;
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  padding-top: 60px;
  text-align: center;
}

.b-b-hvr {
  background: #ffffff none repeat scroll 0 0;
  height: 4px;
  margin: 0 auto;
  width: 50px;
}

.fa-link.customyz,
.fa-wordpress.custom,
.fa-joomla,
.fa-shopping-basket,
.fa-drupal {
  color: #ffffff;
  font-size: 20px;
  margin: 30px 10px;
  text-decoration: none;
}

.icons-hvr {
  text-align: center;
}

figure.effect-goliath img,
figure.effect-goliath h2 {
  transition: transform 0.35s ease 0s;
}

figure.effect-goliath img {
  backface-visibility: hidden;
}

figure.effect-goliath h2 {
  bottom: 0;
  left: 0;
  padding: 30px;
  position: absolute;
}

figure.effect-goliath p {
  bottom: 0;
  position: absolute;
}

figure.effect-goliath p {
  font-size: 90%;
  opacity: 0;
  text-transform: none;
  transform: translate3d(0px, 50px, 0px);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

figure.effect-goliath:hover img {
  transform: translate3d(0px, -80px, 0px);
}

figure.effect-goliath:hover h2 {
  transform: translate3d(0px, -100px, 0px);
}

figure.effect-goliath:hover p {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.grid figure {
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 0;
  cursor: pointer;
  float: left;
  height: auto;
  margin: 0 0 3px 17.3px;
  max-height: 221px;
  min-height: 221px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 31.4%;
}

.grid figure img {
  display: block;
  position: relative;
  width: 100%;
  height: 221px;
}

.grid figure figcaption {
  backface-visibility: hidden;
  color: #ffffff;
  font-size: 1.25em;
  padding: 2em;
  text-transform: uppercase;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.grid figure figcaption>a {
  font-size: 0;
  opacity: 0;
  text-indent: 200%;
  white-space: nowrap;
  z-index: 1000;
}

.grid figure h2 {
  font-weight: 300;
  word-spacing: -0.15em;
  text-shadow: 1px 2px 5px #000000;
}

.grid figure h2 span {
  font-weight: 800;
  line-height: normal;
}

.grid figure h2 {
  margin: 0;
}

.grid {
  clear: both;
  list-style: outside none none;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  text-align: center;
}

.effect-goliath a {
  text-decoration: none;
  transition: all .3s;
}

.effect-goliath i {
  color: #acacac !important;
  display: inline;
  font-size: 25px !important;
  margin: 0 10px !important;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}

.effect-goliath i:hover {
  color: #000 !important;
}

.custom-icons {
  display: block;
  position: relative;
  text-align: center;
  top: 170px;
  width: 72%;
}

.goto.p {
  border: 1px solid #cacbcb;
  color: #7e7e7e;
  display: table;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 30px auto;
  padding: 8px 35px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  border-radius: 2px;
}

.goto.p:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
}

.effect-goliath h2 {
  font-family: open sans, sans-serif;
}

/* End Portfolio */
/* Our Customers */
.title-cus {
  height: 240px;
  margin-left: 121px;
  margin-top: -134px;
  width: 300px;
  z-index: 1;
}

.clients-op h2 {
  display: inline-block;
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  z-index: 2;
}

.clients-op span {
  color: #ffffff;
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 150px;
  margin: 0;
  text-align: center;
  z-index: 3;
  display: inline;
}

.title-cust-c {
  float: left;
}

.clients-rep {
  background: #f3f5f7;
  padding: 41px 19px;
  width: 100%;
  z-index: 4;
}

.fa-quote-left.custom-q {
  color: #b1b1b1;
  font-size: 22px;
  font-style: oblique;
  position: relative;
  text-align: center;
  top: -51px;
  width: 100%;
}

.user-c {
  border: 2px solid #e7e7e7;
  border-radius: 360px;
  display: block;
  height: 95px;
  margin: 0 auto 30px;
  transition: all 0.3s ease 0s;
  width: 95px !important;
}

.user-c:hover {
  opacity: .7;
}

.clients-rep h3 {
  color: #000000;
  cursor: pointer;
  font-family: open sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.clients-rep h4 {
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-style: oblique;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: center;
}

.clients-rep p {
  color: #7e7e7e;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  margin: 30px 0;
  padding: 0;
  text-align: center;
  font-family: open sans, sans-serif;
}

/* End Customers */
/* Faq */
.custom-head.panel-heading {
  background: #f3f5f7 none repeat scroll 0 0;
  border: medium none;
}

.panel-title>a {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.custom.panel.panel-default {
  border: medium none;
  box-shadow: none;
}

.custom.panel-body {
  border: 1px solid #e7e7e7;
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 12px;
  line-height: 27px;
}

.custom.fa-plus-square {
  color: #b1b1b1;
  float: right;
  font-family: 'Font Awesome 5 Pro' !important;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  text-align: right;
}

/* End Faq */
/* Partners */
.partners {
  margin-top: 70px;
  margin-bottom: 30px;
}

.partnet-item {
  background: #CBCBCB;
  border: 1px solid #cacbcb;
  border-radius: 1px;
  padding: 5px 0;
  transition: all .3s;
  margin-bottom: 20px;
}

.partnet-item:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* End Partners */
/* Footer */
.footer-whdes {
  background: #2e3234;
  margin-top: 70px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.products-res {
  float: left;
  margin-left: 0;
}

.products-res ul {
  margin: 0;
  padding: 0;
}

.company {
  float: left;
}

.products-res>h1,
.company>h1 {
  color: #fff;
  font-family: roboto slab, sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  padding-bottom: 10px;
}

.s>ul,
.company>ul {
  list-style: outside none none;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0;
}

.products-res li,
.company li {
  padding: 7px 0;
}

.products-res a,
.company a {
  color: #b8b8b8;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.contact-b {
  color: #b8b8b8;
}

.contact-b h1 {
  font-family: roboto slab, sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
  color: #fff;
}

.fa-home,
.fa-phone,
.fa-envelope,
.fa-calendar {
  font-size: 18px;
  padding-right: 7px;
  font-weight: normal;
}

.method {
  margin: 15px 0;
}

.method>span {
  font-family: open sans,sans-serif,'font awesome 5 pro';
  font-size: 13px;
  font-weight: 600;
  line-height: 27px;
}

.getin-t {
  float: left;
}

.followus {
  float: left;
}

.followus>ul {
  list-style: outside none none;
  margin-top: 20px;
  padding: 0;
}

.followus li {
  display: inline;
  margin-right: 5px;
}

.followus li a {
  color: #b8b8b8;
  padding: 8px;
  11px;
  text-decoration: none;
  border-radius: 3px;
  transition: all .3s;
}

.payment {
  margin-top: 50px;
  display: block;
}

.fa-cc-visa,
.fa-cc-paypal,
.fa-cc-mastercard {
  font-size: 31px;
  margin: 20px 5px 20px 0;
  cursor: pointer;
}

.copyr {
  float: left;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 30px 0 0;
  color: #b8b8b8;
}

.impo-l {
  float: right;
  list-style: outside none none;
  margin: 30px 0 0;
  padding: 0;
}

.impo-l>li {
  display: inline;
  padding-left: 15px;
}

.impo-l a {
  color: #b8b8b8;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.effect-goliath h2 {
  font-size: 19px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.validation {
  display: none;
}

/* End Footer */
/* Shared Hosting About */
.breadcrumb {
  border: medium none;
  border-radius: 0;
  list-style: outside none none;
  margin-bottom: 20px;
  padding: 22px 0;
}

.fa-home.bread {
  font-size: 18px;
  color: #fff;
  float: left;
}

.breadcrumb a {
  color: #fff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.breadcrumb li {
  float: left;
}

.breadcrumb a::after {
  content: " / ";
  margin: 0 10px;
}

.breadcrumb .active {
  color: #fff;
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.details {
  margin-top: 100px;
}

.real-width {
  width: auto !important;
  margin-top: 0 !important;
}

.img-about.custom {
  margin-top: 125px;
}

.img-about-cusz {
  margin-top: 0;
}

.img-about {
  float: right;
  margin-top: 100px;
  cursor: pointer;
  height: 100%;
}

.details h3 {
  color: #000000;
  font-family: roboto slab, sans-serif;
  font-size: 31px;
  font-weight: 100;
  margin: 0;
  padding-top: 59px;
}

.details>h2 {
  color: #000000;
  font-family: roboto slab, sans-serif;
  font-size: 33px;
  font-weight: 700;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.line-b {
  background: #e0e0e0 none repeat scroll 0 0;
  height: 3px;
  margin: 30px 0;
  width: 60px;
}

.details>p {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 27px;
}

/* End About */
/* Plans */
.shared-icon {
  border-bottom: 3px solid #9a9a9a;
  color: #9a9a9a;
  display: block;
  font-size: 44px;
  margin: 0 auto;
  padding-bottom: 13px;
  text-align: center;
  width: 60px;
}

.features-plans>p {
  border-bottom: 1px solid #e7e7e7;
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 25px;
  padding-bottom: 10px;
  text-align: center;
  transition: all 0.3s ease 0s;
}

.features-plans>p:hover {
  color: #000;
  cursor: pointer;
}

.popular {
  background: #86c655 none repeat scroll 0 0;
  border-radius: 0 0 3px 3px;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 11px 20px;
  text-align: center;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  position: relative;
  top: -29px;
}

/* End Plans */
/* Features */
.feature-item {
  float: left;
  margin-bottom: 50px;
}

.last-nomargin {
  margin-bottom: 0;
}

.text-f {
  float: left;
  width: 85%;
}

.text-f>h3 {
  font-family: roboto slab, sans-serif;
  font-size: 19px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: all .3s;
  cursor: pointer;
  text-align: right;
  padding-right: 20px;
}

.text-f>p {
  color: #678ea6;
  font-family: open sans, sans-serif;
  font-weight: 400;
  line-height: 27px;
  margin: 0;
  padding: 10px 0;
  font-size: 13px;
  text-align: right;
  padding-right: 20px;
}

.custom-icon-block {
  font-size: 34px !important;
  text-align: center !important;
  transition: all 0.3s ease 0s;
  width: 66px;
  padding: 17px 0 !important;
}

.text-r {
  float: right;
  width: 85%;
}

.text-r>h3 {
  font-family: roboto slab, sans-serif;
  font-size: 19px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: all .3s;
  cursor: pointer;
}

.text-r>p {
  color: #678ea6;
  font-family: open sans, sans-serif;
  font-weight: 400;
  line-height: 27px;
  margin: 0;
  padding: 10px 0;
  font-size: 13px;
  padding-right: 20px;
}

.app-img {
  display: block;
  margin: 0 auto;
}

.app h1 {
  color: #ffffff;
  font-family: roboto slab, sans-serif;
  font-size: 32px;
  line-height: 47px;
  margin-top: -170px;
  text-align: center;
}

.app-icons {
  text-align: center;
}

.fa-wordpress.app,
.fa-drupal.app,
.fa-joomla.app,
.fa-opencart.app,
.fa-subway.app,
.fa-ball-o.app {
  color: #ffffff;
  font-size: 48px;
  margin: 60px 20px 45px 20px;
}

/* End Features */
/* Faq */
.item-faq {
  margin-bottom: 40px;
}

.item-faq>h3 {
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.item-faq>p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  padding-top: 10px;
}

.faq h2 {
  color: #b2b2b2;
}

.custom-par {
  border: 0 none !important;
  padding: 0 !important;
}

/* End Faq */
/* End Shared Hosting */
/* Dedicated Hosting */
.details.custom {
  margin-left: 0;
  margin-top: 6px;
}

.client-op-c {
  padding-bottom: 25px;
}

.user-c-c {
  border: 3px solid #ffffff;
  border-radius: 360px;
  height: 100px;
  margin: 30px auto;
  width: 100px !important;
}

.item-clients.custom>h3 {
  color: #ffffff;
  font-family: roboto slab, sans-serif;
  font-size: 19px;
  font-weight: 600;
  text-align: center;
}

.item-clients.custom h4 {
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-size: 14px;
  text-align: center;
}

.item-clients.custom>p {
  border-bottom: medium none;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 27px;
  padding: 30px 60px;
  text-align: center;
}

.details.s-c>h3 {
  padding-top: 100px !important;
}

.details.s-web>h3 {
  padding-top: 13px !important;
}

/* End Dedicated Hosting */
/* Web Design */
.support-app {
  background: #f3f5f7 none repeat scroll 0 0;
  margin-top: 90px;
  padding-bottom: 70px;
}

.support-app h1 {
  font-family: roboto slab, sans-serif;
  font-size: 24px;
  line-height: 37px;
  padding-top: 53px;
  text-align: center;
}

.app-we-support {
  float: none;
  margin: 0 auto;
  text-align: center;
}

.item-support {
  display: inline-block;
  margin: 0 30px;
  transition: all .3s;
}

.fa-wordpress.support-app,
.fa-joomla.support-app,
.fa-opencart.support-app,
.fa-university.support-app,
.fa-youtube.support-app,
.fa-weixin.support-app,
.fa-drupal.support-app {
  color: #cbcbcb;
  font-size: 50px;
  margin: 50px 0 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  transition: all .3s
}

.item-support>h2 {
  color: #cbcbcb;
  cursor: pointer;
  font-family: open sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.goto.p.custom {
  margin-bottom: 70px;
}

/* End Web Design */
/* Web Development */
.details.s-web-d>h3 {
  padding-top: 60px;
}

/* End Web Development */
/* Support */
.details.s-web-sup>h3 {
  padding-top: 70px;
}

.faq.custom {
  background: #eff0f1 none repeat scroll 0 0;
}

/* End Support */
/* Start Seo */
.block-sq {
  background: #ffffff none repeat scroll 0 0;
  padding: 25px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.block-sq>h3 {
  display: inline;
  font-family: roboto slab, sans-serif;
  font-weight: 100;
  line-height: 31px;
  margin: 0;
}

.fa-chart-pie.seo,
.fa-object-group.seo,
.fa-paper-plane.seo {
  float: right;
  font-size: 30px;
  margin-top: -16px;
}

.block-sq>p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 27px;
  padding-top: 25px;
}

/* End Seo */
/* Domains */
.details.s-web-dom>h3 {
  padding-top: 140px;
}

.domain-book {
  margin-top: 90px;
}

.domain-book {
  margin-top: 70px;
}

.book-d {
  border: 1px solid #cacbcb;
  border-radius: 52px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  padding: 15px 15px 15px 25px;
  width: 100%;
}

.search-b {
  border-radius: 25px;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-weight: 600;
  padding: 15px;
  width: 100%;
  transition: all .3s;
}

.search-b:hover {
  background: transparent;
}

.transfer-b {
  background: #86c655 none repeat scroll 0 0;
  border: 1px solid #86c655;
  border-radius: 25px;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-weight: 600;
  padding: 15px;
  width: 100%;
  transition: all .3s;
}

.transfer-b:hover {
  background: transparent;
  border: 1px solid #86c655;
  color: #86c655;
}

.renew-b {
  background: #e89e0f none repeat scroll 0 0;
  border: 1px solid #e89e0f;
  border-radius: 25px;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-weight: 600;
  padding: 15px;
  width: 100%;
  transition: all .3s;
}

.renew-b:hover {
  background: transparent;
  border: 1px solid #e89e0f;
  color: #e89e0f;
}

.bg-custom.cus td {
  font-weight: 700;
  font-size: 14px !important;
}

.custom.table tr:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.custom.table td:hover {
  color: #000;
}

.bg-custom {
  background: #f8f8f8 none repeat scroll 0 0;
}

.custom.table td,
.custom.table a {
  border: 0 none;
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  padding: 15px;
  text-align: center;
  text-decoration: none;
}

.custom.table {
  margin-bottom: 20px;
}

.fa-long-arrow-right {
  font-size: 16px;
}

/* End Domains */
/* Portfolio */
.portfolio-customize {
  margin-top: 0;
}

.portfolio-page h2 {
  font-family: roboto slab, sans-serif;
  font-size: 30px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  padding-bottom: 10px;
  line-height: normal;
}

.portfolio-page p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-weight: 400;
  text-align: center;
  padding-bottom: 70px;
  margin-bottom: 0;
}

.nav.nav-tabs.custom-tabs-c {
  display: table;
  margin: 0 auto 40px;
  text-align: center;
}

.nav.nav-tabs.custom-tabs-c a {
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.nav.nav-tabs.custom-tabs-c>li {
  margin-left: 10px;
  margin-right: 10px;
}

.port-img {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  height: auto;
  margin-bottom: 30px;
  max-height: 245px;
  min-height: 245px;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.port-img:hover {
  opacity: .7;
}

.title-port {
  background: #000000 none repeat scroll 0 0;
  bottom: 45px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  color: #ffffff;
  float: right;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  opacity: 0.6;
  padding: 4px 8px;
  position: absolute;
  right: 35px;
  text-align: right;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.title-port:hover {
  color: #fff;
  opacity: 1;
}

.links-port {
  bottom: 49px;
  display: block;
  float: left;
  left: 35px;
  position: absolute;
}

.fa-heart,
.fa-link.cus {
  background: #000000 none repeat scroll 0 0;
  border-radius: 360px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  font-size: 15px;
  padding: 9px 7px 6px 8px;
  text-decoration: none;
  color: #ffffff;
  transition: all .3s;
  opacity: 0.6;
}

.fa-heart:hover,
.fa-link.cus:hover {
  border-radius: 360px;
  color: #fff;
  opacity: 1;
}

.pager {
  margin: 40px 0 20px;
}

.pager.custom a {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.pager.custom>li {
  margin: 0 5px;
}

/* End Portfolio */
/* Blog */
.article-item {
  margin: 0 0 50px;
}

.article-item>img {
  height: 350px;
  width: 100%;
  transition: all .3s;
}

.article-item>img:hover {
  opacity: .8;
}

a.format {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 2px;
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 11px;
  position: absolute;
  right: 35px;
  text-decoration: none;
  top: 67px;
}

.article-item .title {
  color: #000000;
  display: table;
  font-family: roboto slab, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 15px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  padding-top: 30px;
}

.custom-pop.title {
  padding-top: 50px;
}

.date-user {
  display: inline-block;
  font-family: open sans, sans-serif;
  font-size: 13px;
  margin-top: 10px;
  text-decoration: none;
}

a.format-cust {
  border: 1px solid #000000;
  border-radius: 25px;
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin-left: 20px;
  padding: 2px 11px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

a.format-cust:hover {
  color: #fff;
}

.date-user a {
  font-family: open sans, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #7e7e7e;
  padding-right: 5px;
  font-style: oblique;
}

.comment-c,
.wid-block {
  display: inline;
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
  font-weight: 600;
  margin-left: 20px;
}

.comment-c a,
.wid-block a {
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

a.user-blog {
  color: #9e9e9e;
  font-style: oblique;
  text-decoration: none;
}

.fa-comment-o,
.fa-eye {
  padding-right: 5px;
}

.end-art {
  background: #f3f5f7 none repeat scroll 0 0;
  height: 4px;
  margin: 50px 0;
  width: 100%;
  float: left;
}

.searchy-tex {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding-right: 5px;
  width: 90%;
}

.search-but {
  background: rgba(0, 0, 0, 0) url("../img/search.png") no-repeat scroll 0 0;
  border: medium none;
  float: right;
  height: 14px;
  margin-top: 7px;
  width: 14px;
}

.widget {
  margin-bottom: 50px;
}

.search-wid {
  border-bottom: 3px solid #f3f5f7;
  padding-bottom: 14px;
}

.widget.border {
  border: 1px solid #cacbcb;
  padding: 20px;
}

.widget.border>h3 {
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 10px;
  text-align: left;
}

a.title-wid-post {
  color: #9e9e9e;
  display: block;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.comment-c.cus>a {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: all .3s;
}

.comment-c.cus {
  margin-left: 6px;
}

.item-post-p {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 25px;
}

.date-user.cus>a {
  font-size: 12px;
  font-weight: 400;
}

.widget-links {
  list-style: outside none none;
  padding: 0;
}

.widget-links>li {
  border-top: 1px solid #e7e7e7;
  margin-top: 20px;
  padding-top: 15px;
}

.widget-links a {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  font-weight: 600;
  padding-top: 2px;
}

.widget-follow {
  margin: 0;
  padding: 0;
}

.widget-follow>li {
  display: inline;
}

.fa-facebook.widget,
.fa-twitter.widget,
.fa-instagram.widget,
.fa-google-plus.widget,
.fa-pinterest.widget,
.fa-linkedin.widget {
  border: 1px solid #c3c3c3;
  border-radius: 360px;
  color: #c3c3c3;
  font-size: 14px;
  margin: 0;
  padding: 8px 9px;
  text-decoration: none;
  transition: all .3s;
}

.fa-facebook.widget:hover,
.fa-twitter.widget:hover,
.fa-instagram.widget:hover,
.fa-google-plus.widget:hover,
.fa-pinterest.widget:hover,
.fa-linkedin.widget:hover {
  color: #fff;
}

.fa-facebook.widget {
  padding: 8px 11px;
}

.fa-google-plus.widget {
  padding: 8px 7px;
}

.widget-follow {
  margin-top: 20px;
  padding: 0;
}

/* End Blog */
/* Single */
.article-item>p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-weight: 400;
  line-height: 29px;
  text-align: left;
  padding-bottom: 5px;
}

.quote-custom {
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-style: oblique;
  font-weight: 400;
  line-height: 28px;
  margin: 20px 0 20px 30px;
}

.widget-collection {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  float: left;
  padding: 30px;
  width: 100%;
}

.author-blog>img {
  border-radius: 360px;
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 100px;
}

.author-blog a {
  color: #000000;
  display: block;
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding-top: 20px;
  text-align: center;
  text-decoration: none;
}

.follow-tw {
  padding-top: 5px;
  text-align: center;
}

.fa-twitter.bog {
  color: #1da0da;
  font-size: 14px;
}

a.twit {
  color: #9e9e9e;
  display: inline;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.tags-blog {
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.tags-blog>ul {
  list-style: outside none none;
  margin-top: 5px;
  padding: 0;
}

.tags-blog li {
  display: inline-block;
  margin-bottom: 25px;
  margin-right: 10px;
}

.tags-blog a {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e7e7e7;
  border-radius: 2px;
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 10px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.tags-blog a:hover {
  background: #364157 none repeat scroll 0 0;
  border: 1px solid #364157;
  border-radius: 2px;
  color: #fff;
}

.fa-facebook.blog {
  border-radius: 10px;
  color: #3b5998;
  font-size: 15px;
  padding: 0 18px 0 0;
  text-decoration: none;
}

.fa-twitter.blog {
  border-radius: 10px;
  color: #1da0da;
  font-size: 15px;
  padding: 0 13px 0 0;
  text-decoration: none;
}

.fa-instagram.blog {
  border-radius: 10px;
  color: #fccc63;
  font-size: 15px;
  padding: 0 13px 0 0;
  text-decoration: none;
}

.fa-google-plus.blog {
  border-radius: 10px;
  color: #dd4b39;
  font-size: 15px;
  padding: 0 7px 0 0;
  text-decoration: none;
}

.share-blog>ul {
  list-style: outside none none;
  padding: 0;
}

.share-blog li {
  margin-bottom: 11px;
}

.share-blog a {
  color: #9e9e9e;
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.comment-rep-cus {
  float: left;
}

.comment-rep {
  font-family: roboto slab, sans-serif, fontawesome;
  font-size: 19px;
  font-weight: 600;
  margin-top: 12px;
}

.fa-comment-o.rep {
  font-size: 19px;
  font-weight: 700;
}

.fa-commenting-o.rep {
  padding-right: 5px;
  font-size: 20px;
}

.comment-area {
  border: 1px solid #cacbcb;
  float: left;
  padding: 20px;
  margin-top: 30px;
  transition: all .3s;
}

.comment-area:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.comment-area>img {
  border-radius: 360px;
  display: inline;
  float: left;
}

.reply-area {
  display: inline;
  float: left;
  margin-left: 30px;
  width: 85%;
}

.reply-area>p {
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 26px;
  text-align: left;
  padding-bottom: 0;
}

a.date-rep {
  color: #9e9e9e;
  display: table;
  font-family: open sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 0 25px;
  text-decoration: none;
  font-style: oblique;
}

a.reply-rep {
  border-radius: 2px;
  color: #ffffff;
  float: right;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 20px;
  text-decoration: none;
  transition: all .3s;
}

a.reply-rep:hover {
  background: #364157 none repeat scroll 0 0;
  color: #fff;
}

a.user-rep {
  color: #000000;
  font-family: open sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.comment-area.rep {
  background: #f8f8f8 none repeat scroll 0 0;
  float: right;
  width: 90%;
}

.reply-area.cus {
  width: 83%;
}

.inpt-add {
  -moz-border-bottom-colors: #e7e7e7;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #e7e7e7;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 3px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin: 10px 13px 0 0;
  padding-bottom: 10px;
  width: 100%;
  border-bottom-color: #e7e7e7;
}

.add-reply {
  margin: 20px 0;
}

.sub-add {
  border: medium none;
  border-radius: 2px;
  color: #ffffff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 15px 0 0 14px;
  padding: 10px 15px;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;
}

.sub-add:hover {
  background: #364157 none repeat scroll 0 0;
}

.article-rel {
  background: #f3f5f7 none repeat scroll 0 0;
  border-radius: 2px;
  padding: 15px 15px 21px 10px;
  min-height: 110px;
  margin-bottom: 30px;
}

.article-rel>img {
  float: left;
  border-radius: 2px;
}

.text-post-c {
  display: table;
  margin-left: 95px;
}

.text-post-c>span {
  color: #9e9e9e;
  font-family: open sans, sans-serif, fontawesome;
  font-size: 13px;
}

.text-post-c>a {
  color: #000000;
  display: block;
  font-family: roboto slab, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 23px;
  padding-top: 5px;
  text-decoration: none;
  transition: all .3s;
}

.fa-long-arrow-left.article,
.fa-long-arrow-right.article {
  padding-right: 7px;
  font-size: 13px;
}

.item.cus-blog>img {
  border: 2px solid #e7e7e7;
  margin-bottom: 0;
  width: 100%;
}

/* End Single */
/* About */
.aboutus>p {
  line-height: 28px;
  text-align: left;
  padding-bottom: 0;
}

.aboutus h3,
#teamus>h3 {
  font-family: roboto slab, sans-serif;
  font-size: 23px;
  font-weight: 700;
  padding-bottom: 10px;
}

.item-us {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  padding: 30px 0;
  margin-top: 30px;
}

.item-us>img {
  border: 1px solid #e7e7e7;
  border-radius: 360px;
  display: block;
  height: 100px;
  margin: 0 auto 30px;
  transition: all 0.3s ease 0s;
  width: 100px;
}

.item-us>img:hover {
  opacity: .7;
}

.item-us>a {
  color: #000000;
  display: table;
  font-family: roboto slab, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.item-us h4 {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-style: oblique;
  margin: 4px 0 0;
  text-align: center;
}

.item-us>ul {
  list-style: outside none none;
  margin: 20px auto 0;
  padding: 0;
  text-align: center;
}

.item-us li {
  display: inline;
}

.fa-facebook.team,
.fa-twitter.team,
.fa-instagram.team,
.fa-linkedin.team {
  color: #9e9e9e;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  padding: 6px 9px;
}

.fa-facebook.team:hover,
.fa-twitter.team:hover,
.fa-instagram.team:hover,
.fa-linkedin.team:hover {
  background: #e7e7e7 none repeat scroll 0 0;
  border-radius: 360px;
  color: #9e9e9e;
}

.map-custom {
  border: 0;
  width: 100%;
  margin-top: 90px;
  height: 400px;
  margin-bottom: 20px;
}

/* End About */
/* Error */
.error-area h3 {
  font-family: roboto slab, sans-serif;
  font-size: 150px;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
}

.error-area h4 {
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  text-align: center;
  margin-bottom: 100px;
}

/* End Error */
/* Login & Register */
.userlogin {
  -moz-border-bottom-colors: #f5f3f7;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: -moz-use-text-color -moz-use-text-color #f5f3f7;
  border-image: none;
  border-style: none none solid;
  border-width: medium medium 3px;
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  margin-top: 30px;
  padding: 0 5px 10px;
  width: 100%;
  border-bottom-color: #f5f3f7;
}

.login-but {
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 3px;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-bottom: 10px;
  width: 100%;
}

.check-box-c {
  display: inline;
  margin-right: 30px;
}

.forget-cus {
  display: inline;
  margin-right: 30px;
}

.newclient-cus {
  display: inline;
}

.check-box-c>span {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease 0s;
}

.check-box-c>span:hover {
  color: #000;
}

.check-box-c>input {
  margin-right: 7px;
  position: relative;
  top: 2px;
}

.forget-cus>a {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.forget-cus>a:hover {
  color: #000;
}

.newclient-cus>a {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.newclient-cus>a:hover {
  color: #000;
}

.login-custom {
  border: 1px solid #cacbcb;
  margin: 0 0 50px;
  padding: 20px 25px;
}

.header-title-style h1 {
  font-family: roboto slab, sans-serif;
  color: #000;
  font-size: 26px;
  text-align: center;
}

.header-title-style h1 small {
  font-family: open sans, sans-serif;
  color: #7e7e7e;
  font-size: 18px;
  text-align: center;
}

.btn-facebook {
  background-color: transparent;
  color: #3B5999;
}

.btn-twitter {
  background-color: transparent;
  color: rgb(43, 169, 225);
}

.btn-google {
  background-color: transparent;
  color: #dd4b39;
}

/* End Login & Register */
/* Contact us */
.socialmedia {
  background: #f8f8f8 none repeat scroll 0 0;
  padding: 30px 0;
  text-align: center;
  margin-top: 50px;
}

.social-cus h3 {
  font-family: roboto slab, sans-serif;
  font-size: 20px;
}

.socialmedia h3 {
  color: #9e9e9e;
  display: inline-block;
  font-family: roboto slab, sans-serif;
  font-size: 29px;
  line-height: 34px;
  text-align: left;
}

.social-icons {
  bottom: 20px;
  display: inline-block;
  margin-left: 40px;
  position: relative;
}

.fa-facebook.social-cus {
  border: 1px solid #9e9e9e;
  border-radius: 360px;
  color: #9e9e9e;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0 3px;
  transition: all 0.3s ease 0s;
}

.fa-twitter.social-cus,
.fa-google-plus.social-cus,
.fa-linkedin.social-cus,
.fa-instagram.social-cus {
  border: 1px solid #9e9e9e;
  border-radius: 360px;
  color: #9e9e9e;
  padding: 8px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  margin: 0 3px;
}

.fa-facebook.social-cus:hover,
.fa-twitter.social-cus:hover,
.fa-google-plus.social-cus:hover,
.fa-linkedin.social-cus:hover,
.fa-instagram.social-cus:hover {
  color: #ffffff;
}

.contact-ways {
  text-align: center;
  padding: 60px 0;
}

.mail-con {
  display: inline;
}

.phone-con {
  display: inline;
}

.mail-con,
.phone-con {
  color: #ffffff;
  font-family: roboto slab, sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin: 0 10px;
}

.fa-mobile.mail,
.fa-envelope.mail {
  font-size: 22px;
  padding-right: 7px;
}

.map.contact {
  width: 100%;
  height: 450px;
  border: 0;
  margin-bottom: 20px;
}

/* End Contact us */
/* Comming Soon */
.comingsoon {
  display: block;
  float: none;
  margin: 0 0 200px;
}

.countdown-rtl {
  direction: rtl;
}

.countdown-show1 .countdown-section {
  width: 98%;
}

.countdown-show2 .countdown-section {
  width: 48%;
}

.countdown-show3 .countdown-section {
  width: 32.5%;
}

.countdown-show4 .countdown-section {
  width: 24.5%;
}

.countdown-show5 .countdown-section {
  width: 19.5%;
}

.countdown-show6 .countdown-section {
  width: 16.25%;
}

.countdown-show7 .countdown-section {
  width: 14%;
}

.countdown-section {
  display: block;
  float: left;
  font-size: 75%;
  text-align: center;
}

.countdown-amount {
  font-size: 200%;
}

.countdown-period {
  display: block;
}

.countdown-descr {
  display: block;
  width: 100%;
}

.countdown-section {
  color: #4d4d4d;
  font-family: roboto slab, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.coming-custom {
  background-attachment: scroll, scroll, scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position: 0 0%, 0 0%, 0 0;
  background-repeat: repeat;
  background-size: 200em 200em;
  border: medium none;
  box-sizing: content-box;
  color: #ffffff;
  font: 0.5px Arial, Helvetica, sans-serif;
  height: auto;
  text-overflow: clip;
  width: 100%;
  margin-top: 0;
}

.coming-custom h3 {
  font-family: roboto slab, sans-serif;
  font-size: 33px;
  font-weight: 100;
  padding-top: 60px;
  text-align: center;
}

.comingsoon.custom {
  margin: 60px 0 250px;
}

.comingsoon.custom .countdown-section {
  color: #fff;
  font-family: roboto slab, sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.bor-bot {
  background: #e7e7e7 none repeat scroll 0 0;
  height: 4px;
  margin: 30px auto;
  width: 60px;
}

.text-coming {
  margin: 54px 0;
}

.text-coming h2 {
  font-family: roboto slab, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 50px;
  margin: 0;
  text-align: center;
  padding-top: 0;
}

.text-coming p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 27px;
  text-align: center;
}

.cus-footer {
  text-align: center;
  display: inline-block;
  margin: 80px auto 50px;
  width: 100%;
}

.cus-footer>span {
  color: #d1d1d1;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding-right: 10px;
}

/* End Comming Soon */
/* Terms */
.terms-of-service {
  margin-top: 67px;
}

.custom-tab-panel {
  margin-bottom: 20px !important;
}

.terms-of-service>p {
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 2px;
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  font-style: oblique;
  line-height: 27px;
  margin: 40px 0;
  padding: 15px;
  text-align: center;
}

.terms-of-service>h1 {
  color: #000000;
  font-family: roboto slab, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin-top: ;
}

.custom>p {
  border-bottom: 1px solid #e7e7e7;
  color: #7e7e7e;
  font-family: open sans, sans-serif;
  font-size: 13px;
  line-height: 27px;
  padding-bottom: 10px;
}

/* End Terms */
/* Payment Methods */
.payment-methods {
  margin: 63px 0 70px;
}

.method-debit {
  border: 1px solid #cacbcb;
  padding: 30px 20px;
}

.payment-methods h2 {
  padding-bottom: 20px;
  font-size: 30px;
  text-align: center;
  font-family: roboto slab, sans-serif;
  font-weight: 700;
  padding-bottom: 20px;
  margin: 0;
}

.detbit-card {
  margin-bottom: 90px;
}

.detbit-card.custom {
  margin-bottom: 20px;
}

.detbit-card h2 {
  font-size: 20px;
  padding-bottom: 40px;
}

.payment-methods p {
  color: #9e9e9e;
  font-family: open sans, sans-serif;
  font-weight: 400;
  text-align: center;
  padding-bottom: 70px;
  margin-bottom: 0;
}

.fa-cc-paypal.pay,
.fa-cc-visa.pay,
.fa-cc-mastercard.pay {
  margin: 0;
  font-size: 60px;
  text-align: center;
  display: block;
  text-decoration: none;
  transition: all .3s;
}

.fa-cc-paypal.pay:hover,
.fa-cc-visa.pay:hover,
.fa-cc-mastercard.pay:hover {
  color: #7e7e7e;
}

.fa-cc-paypal.pay {
  color: #2BA0ED;
}

.fa-cc-visa.pay {
  color: #0058B6;
}

.fa-cc-mastercard.pay {
  color: #FEAD33;
}

.method-debit h3 {
  text-align: center;
  font-family: roboto slab, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #8e8e8e;
  margin: 20px 0 16px;
  cursor: pointer;
}

.hint-pay h3,
.mail-pay span {
  font-family: open sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #afafaf;
  line-height: 27px;
  margin: 0;
}

.fa-envelope.mail-p {
  font-family: fontawesome;
  font-size: 16px;
}

.mail-pay {
  text-align: center;
}

.bank-transfer {
  margin: 0 auto 30px;
  display: block;
  border: 1px solid #fff;
  border-radius: 4px;
  width: 240px;
  padding: 10px 20px;
  transition: all .3s;
}

.method-debit.bank {
  margin-bottom: 40px;
}

a.alert-link.pay {
  text-decoration: none;
}

/* End Payment Methods */
/* Start Plans Styles */
.plan-style {
  margin: 100px 0 0;
}

.plan-style h2 {
  font-family: roboto slab, sans-serif;
  background: #fff;
  border: 1px solid #cacbcb;
  padding: 13px;
  font-size: 20px;
  color: #000;
  text-align: center;
  margin: 0 0 70px;
}

/* Style #1 */
.plan-st2 {
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  width: 100%;
  text-align: center;
  padding: 20px;
  float: left;
  transition: all .3s;
}

.plan-st2.active-st2 h3,
.plan-st2.active-st2 span,
.plan-st2.active-st2 .fa-database.st2,
.plan-st2.active-st2 a {
  color: #fff;
}

.plan-st2.active-st2 a.order-st2 {
  color: #fff;
  border: 1px solid #fff;
}

.plan-st2:hover h3,
.plan-st2:hover span,
.plan-st2:hover .fa-database.st2,
.plan-st2:hover a {
  color: #fff;
}

.plan-st2:hover a.order-st2 {
  color: #fff;
  border: 1px solid #fff;
}

.plan-st2 h3 {
  font-family: roboto slab, sans-serif;
  color: #000;
  font-weight: 700;
  margin: 0;
  cursor: pointer;
}

.plan-st2 span {
  font-family: open sans, sans-serif;
  font-size: 14px;
  display: block;
  margin: 10px 0;
  font-weight: 600;
}

.fa-database.st2 {
  font-size: 25px;
  color: #7e7e7e;
  margin-top: 10px;
}

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

.plan-st2 ul li a {
  font-family: open sans, sans-serif;
  color: #7e7e7e;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s;
}

.plan-st2 li {
  margin: 10px 0;
}

a.order-st2 {
  border: 1px solid #000;
  font-family: open sans, sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #000;
  padding: 7px 15px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
}

/* Style #2 */
.plan-st3 {
  background: #fff;
  border-right: 1px solid #cacbcb;
  border-left: 1px solid #cacbcb;
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #cacbcb;
}

.plan-st3 h3 {
  color: #fff;
  font-family: roboto slab, sans-serif;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  font-size: 22px;
}

.plan-st3 span {
  background: #656D78;
  width: 100%;
  display: block;
  color: #fff;
  font-family: roboto slab, sans-serif;
  font-size: 17px;
  padding: 10px 0;
}

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

.plan-st3 ul li {
  border-bottom: 1px solid #e7e7e7;
  padding: 10px;
}

.plan-st3 ul li a {
  font-family: open sans, sans-serif;
  color: #7e7e7e;
  font-weight: 400;
  font-size: 13px;
  text-decoration: none;
  transition: all .3s;
  cursor: pointer;
}

.plan-st3 ul li a:hover {
  color: #3897F0;
}

a.order-st3 {
  color: #fff;
  font-family: open sans, sans-serif;
  font-weight: 700;
  padding: 10px 0;
  display: table;
  text-align: center;
  margin: 0 auto;
  width: 70%;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  transition: all .3s;
}

.plans-tabs {
  margin: 0 auto 50px;
  padding: 0;
  text-align: center;
}

.plans-tabs li {
  list-style: none;
  display: inline-block;
  background: #fff;
  border: 1px solid #cacbcb;
  padding: 10px 15px;
  border-radius: 2px;
  margin: 0 10px;
}

.plans-tabs li a {
  font-family: open sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  color: #656D78;
}

.active-tabp {
  color: #fff !important;
}

/* Style #3 */
.table-head {
  color: #fff;
  font-family: roboto slab, sans-serif;
  font-size: 14px;
}

.table-l-head {
  background: #656D78;
  color: #fff;
  font-family: open sans, sans-serif;
  font-size: 13px;
  text-align: center;
  border: 1px solid #4f555e !important;
  padding: 20px 0 !important;
}

.table-head th {
  text-align: center;
  padding: 20px 0 !important;
}

.table-body td {
  text-align: center;
  font-family: open sans, sans-serif;
  font-size: 13px;
  color: #7e7e7e;
  font-weight: 600;
  padding: 20px 0 !important;
}

.table-body tr:hover {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.price-table td {
  color: #3897F0;
  font-size: 18px;
  font-family: roboto slab, sans-serif;
}

.order-table .fa-arrow-right {
  text-align: center;
  width: 100%;
  padding: 20px 0;
  text-decoration: none;
}

/* End Plans Tables */
/* Layout Cog */
.icon-cog {
  background: #2B2B2B;
  color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
}

.fa-cog.lay {
  text-align: center;
  font-size: 22px;
}

.layout-options {
  position: fixed;
  left: 0;
  top: 150px;
  z-index: 99999;
}

.block-switcher-cloud {
  display: table;
  margin-top: 32px;
}

.block-switcher-cloud h3 {
  text-align: left;
  margin: 0;
  font-family: open sans, sans-serif;
  font-size: 14px;
  color: #000;
  padding-bottom: 14px;
  font-weight: 600;
}

.block-switcher-cloud.color-swr button {
  margin: 0 3px 3px 0;
  display: inline-block;
  border-radius: 1px;
  text-decoration: none;
  height: 35px;
  width: 40px;
  float: left;
  border: 0;
}

.box-layout {
  border: 1px solid #e7e7e7;
  float: left;
  padding: 30px 20px;
  margin-left: -200px;
  width: 200px;
  background: #fff;
}

.box-layout h2 {
  font-family: Raleway, sabs-serif;
  font-weight: 700;
  color: #333333;
  margin: 0 0 35px 0;
  font-size: 21px;
}

.layout-o ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}

.green-o {
  background: #63BE38;
}

.sky-o {
  background: #3897F0;
}

.yellow-o {
  background: #F18800;
}

.violet-o {
  background: #7870C0;
}

.layout-btn {
  padding: 0;
  margin: 20px 0 0;
}

.layout-btn li {
  display: inline-block;
  background: #f8f8f8;
  border: 1px solid #cacbcb;
  margin-right: 10px;
  padding: 8px 12px;
  border-radius: 2px;
  transition: all .3s;
}

.layout-btn li:hover {
  background: #3897F0;
  border: 1px solid #3897F0;
}

.layout-btn li:hover a {
  color: #fff;
}

.layout-btn li a {
  text-decoration: none;
  color: #000;
  font-family: open sans, sans-serif;
  font-size: 13px;
  cursor: pointer;
}

.b-layout {
  margin: 0 auto;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.fa-paint-brush.lay-title,
.fa-object-group.lay-title,
.fa-language.lay-title {
  padding-right: 9px;
  color: #000;
  font-size: 16px;
}

/* Layout Width */
.layout-width {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  background: #fff;
}

.wide-layout,
.boxed-layout {
  background: #323A36;
  color: #fff;
  border: 0;
  border-radius: 2px;
  padding: 7px 12px;
  font-family: open sans, sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-right: 3px;
  transition: all .3s;
}

.pattern-box {
  width: 45px;
  height: 35px;
  border-radius: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  border: 0;
}

.pattern1 {
  background: url("../img/patterns/1.png");
}

.pattern2 {
  background: url("../img/patterns/2.png");
}

.pattern3 {
  background: url("../img/patterns/3.png");
}

.pattern4 {
  background: url("../img/patterns/4.png");
}

.pattern5 {
  background: url("../img/patterns/5.png");
}

.pattern6 {
  background: url("../img/patterns/6.png");
}

.pattern7 {
  background: url("../img/patterns/7.png");
}

.pattern8 {
  background: url("../img/patterns/8.png");
}

.pattern9 {
  background: url("../img/patterns/9.png");
}

.pattern10 {
  background: url("../img/patterns/10.png");
}

/* Footer 2 Layout */
.footer-ly2-nav {
  color: #fff;
  padding: 25px 0;
  margin-top: 75px;
}

.layout2 {
  margin-top: 0;
}

.block-ly2 .fa-map-marker {
  border: 2px solid #fff;
  padding: 10px 15px;
  font-size: 22px;
}

.block-ly2 .fa-phone,
.block-ly2 .fa-envelope-o {
  border: 2px solid #fff;
  padding: 10px 12px;
  font-size: 22px;
}

.block-ly2 h1 {
  font-family: Raleway, sans-serif;
  font-size: 18px;
  margin: 15px 0 0;
  line-height: 27px;
}

.block-ly2 .fa-facebook,
.block-ly2 .fa-twitter,
.block-ly2 .fa-instagram,
.block-ly2 .fa-google-plus {
  font-size: 25px;
  border: 2px solid #fff;
  padding: 10px 15px;
  margin-right: 3px;
  text-decoration: none;
  color: #fff;
}

.layout2 .products-res>ul,
.layout2 .company>ul {
  float: left;
  margin-right: 30px;
}

.layout2 .payment {
  margin-top: 0;
}

/* Footer 3 Layout */
.white-one {
  background: #fff;
}

.white-one .products-res>h1,
.white-one .company>h1 {
  color: #000;
}

.white-one .products-res a,
.white-one .company a {
  color: #7e7e7e;
}

.white-one .copyr {
  color: #7e7e7e;
}

.white-one .impo-l a {
  color: #7e7e7e;
}

.white-one .contact-b h1 {
  color: #000;
}

ul.nav a {
  cursor: pointer;
}

.active {
  color: #f00;
  font-weight: bolder;
}

.h-menu {
  margin-right: 11px;
}

.menu-header span.fal.fa-angle-down {
  margin-left: 4px;
}