@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Roboto-Bold.ttf);
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration:none;
  list-style: none;}

html {
    height:100%;
}

body {
    min-height: 100vh;
    min-width: 1024px;
    position: relative;
    background: #f9f9f9;
    font-family: 'Roboto', sans-serif;
}

a,
h2,
button,
input[type="submit"] {
    transition: all .3s ease-out;
}

a:hover,
a:focus,
a {
    text-decoration: none;
}

form {
    margin: 0;
}

input::-webkit-input-placeholder {
    color:#777 !important;
}

input:-moz-placeholder {
    color:#777 !important;
}

input::-moz-placeholder {
    color:#777 !important;
}

input:-ms-input-placeholder {
    color:#777 !important;
}

.navbar {
    margin: 0;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus,
textarea:focus, input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    box-shadow: none;
    outline: 0;
}

textarea {
  padding: 20px 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #777;
  font-weight: normal;
  border-radius: 2px;
  box-shadow: none!important;
  border: 1px solid #e3e3e3!important;}

.span3,.span9 {
    min-height:0!important;
}

h1 {
  font-weight: 300;
  font-size: 60px;
  font-family: 'Roboto', sans-serif;
  color: #101010;
  line-height: 70px;
}

h1 span {
  font-weight: 700;
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #101010;
}

h3,
h3 a {
  color: #101010;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

h4 {
  color: #101010;
  font-family: 'Roboto', sans-serif;
}

strong,
b {
  color: #101010;
}

/**************START HEADER****************/
.header {
    background-color: #fcfcfc;
    border-bottom: 1px solid #f3f3f3;
    height: 100px;
    margin-bottom: 80px;
    top: 0;
    width: 100%;
    z-index: 100;
}

/* ========================================================================
    Menu
 ========================================================================== */

.header .row-fluid {
    align-items: center;
    display: flex;
    margin-top: 5px;
}

.main_menu ul.menu > li > a {
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px;
    padding: 36px 6px;
    color: #777
}

.main_menu ul.menu > li.active > a {
    box-shadow: none;
    color: #101010;
    font-weight: 700;
}

.main_menu ul.menu > li > a:hover {
    color: #101010;
}

.main_menu ul.menu li {
    float: left;
    list-style: none;
    position: relative;
}

.main_menu ul.menu {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin: 0;
    width: 100%;
}

/*
/* Left Menu
*/

.menuLogin .menu {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

a.account-item {
    color: #101010;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px;
    padding: 36px 6px;
}

.menu li a.login_btn {
    display: block;
    background: #ff671f;
    border-radius: 3px;
    color: #fafafa;
    font-weight: bold;
    padding: 14px 0;
    text-align: center;
    width: 110px;
}

.menuLogin .menu li {
    float: left;
    position: relative;
}

/*
/* Sub Menu
*/

.menuLogin ul.menu li.parent ul li a,
.main_menu ul.menu li.parent ul li a {
    color: #101010;
    font: 600 18px/36px 'Roboto', sans-serif;
    text-decoration: none;
}

.menuLogin ul.menu li.parent ul,
.main_menu ul.menu li.parent ul {
    background: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 40px 100px rgba(0,0,0,.15);
    display: none;
    left: -130px;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 80px;
    width: 360px;
    z-index: 9999;
}

.menuLogin ul.menu li.parent ul li:first-child,
.main_menu ul.menu li.parent ul li:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.menuLogin ul.menu li.parent ul li:last-child,
.main_menu ul.menu li.parent ul li:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.menuLogin ul.menu li.parent ul li a,
.main_menu ul.menu li.parent ul li a {
    display: block;
    margin: 0 10px;
    padding: 25px;
}

.menuLogin ul.menu li.parent ul li,
.main_menu ul.menu li.parent ul li {
    border-bottom: 1px solid #f3f3f3;
    width: 100%;
}

.menuLogin ul.menu li.parent ul li:last-child,
.main_menu ul.menu li.parent ul li:last-child {
    border-bottom: none;
}

.main_menu ul.menu li:first-child li.active,
.menuLogin ul.menu li.parent ul li:hover,
.main_menu ul.menu li.parent ul li:hover {
    background: #fcfcfc;
}

.menuLogin ul.menu li.parent ul::before,
.main_menu ul.menu li.parent ul::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    top: -7px;
    right: 180px;
    border-width: 0 8px 8px;
}

/* Animation menu  */
.menuLogin ul.menu li.parent:hover ul,
.main_menu ul.menu li.parent:hover ul {
    display: block;
    animation: submenu .2s !important;
}

@keyframes submenu {
    0% {
        transform: scale(.5);
    }

    100% {
        transform: scale(1);
    }
}

/* Menu with icon */
.menuLogin ul.menu li.parent ul li a:before,
.main_menu ul.menu li.parent ul li a[class*="menu"]:before {
    content: "";
    display: inline-block;
    font: 24px/1px 'Material-Design-Iconic-Font';
    height: 100%;
    margin-right: 25px;
    vertical-align: sub;
}

.main_menu ul.menu li.parent ul li a.menu-overview-icon:before {
    content: "\f318";
    font: 24px/0px "Ionicons";
}

.main_menu ul.menu li.parent ul li a.menu-builder-icon:before {
    content: "\f2ad";
    font: 24px/0px "Ionicons";
}

.main_menu ul.menu li.parent ul li a.menu-built-icon:before {
    content: '\f1e8';
}

.main_menu ul.menu li.parent ul li a.menu-template-icon:before {
    content: '\f240';
}

.main_menu ul.menu li.parent ul li a.menu-blogging-icon:before {
    content: '\f242';
}

.main_menu ul.menu li.parent ul li a.menu-store-icon:before {
    content: '\f1c9';
}

.main_menu ul.menu li.parent ul li a.menu-responsive-icon:before {
    content: '\f295';
}

.main_menu ul.menu li.parent ul li a.menu-help-center:before {
    content: '\f1f6';
}

.main_menu ul.menu li.parent ul li a.menu-docs:before {
    content: '\f222';
}

.main_menu ul.menu li.parent ul li a.menu-contact-us:before {
    content: '\f2a4';
}

.main_menu ul.menu li.parent ul li a.menu-hosting:before {
    content: '\f173';
}

.menuLogin ul.menu li.parent ul li a.downloads:before {
    content: '\f220';
}

.menuLogin ul.menu li.parent ul li a.edit-account:before {
    content: '\f1c6';
}

.menuLogin ul.menu li.parent ul li a.log-out:before {
    content: '\f1af';
}

/**************END MEIN MENU****************/
/**************END HEADER****************/
/********* START PAGE SUBSCRIBE AND UNSUBSCRIBE********/
.unsubscribe {
  width: 833px;
  height: 478px;
  position: relative;
  margin: 0 auto 100px;
}

.unsubscribe .unsubscribe-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 640px;
  text-align: center;
  height: 205px;
}

.unsubscribe .unsubscribe-text h1 {
  margin: 0 0 17px;
}

.unsubscribe .unsubscribe-text h2 {
  margin-bottom: 26px;}

.unsubscribe .unsubscribe-text p {
  margin: 0;
  text-align: center;
}

/********* END PAGE SUBSCRIBE AND UNSUBSCRIBE ********/
/********* START LOG IN PAGE ********/
.reset-complete {
    margin-bottom: 100px!important;
}

.reset-complete form p {
    text-align: center;
}

.reset-complete fieldset .reset-form .reset-fields label span {
    display: none;
}

.reset-complete h1 {
    text-align:center; margin:0;
}

/********* START BLOG ********/
.ba-page i {
  color: #333;
  font-size: 36px;
}

.card_pay {
  text-align: center!important;
  margin-bottom: 60px!important;
  color: #777;
}

.desc_licen h4 {
  color: #333;
  font-size: 14px;
}

.price-table p,
.desc_licen p {
    color: #777;
    font: 300 16px/32px 'Roboto', sans-serif;
}

.price-table {
    background: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    display: table;
    margin-top: 88px;
    overflow: hidden;
    width: 100%;
}

.product_container a:hover {
    opacity: 0.9;
}

.item-page p {
    text-align: left;
}

/* Start article pagination */
ul.article-nav {
    text-align: center;
    margin: 0 auto;
}

ul.article-nav > li {
    display: inline-block;
}

li.prev {
    padding-right: 10px;
    width: 45%;
    text-align: left;
}

li.next {
    width: 45%;
    text-align: right;
}

li.prev > a:before {
    content: "\f107";
    font-family: "Ionicons";
    margin-right: 10px;
}

li.next > a:after {
    content: "\f10a";
    font-family: "Ionicons";
    margin-left: 10px;
}

/********* START HELP PAGE ********/
.Position-3 {
    margin: 0 auto;
    text-align:center;
    width: 955px;
}

/********* END HELP PAGE ********/

/*
/* Modal
*/
#system-message,
#myModal {
    background-color: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    box-sizing: border-box;
    left: 50%;
    margin-left: -162px;
    overflow: hidden;
    position: fixed;
    top: calc(50% - 160px) !important;
    width: 325px;
    z-index: 1050;
}

@keyframes notification-in {
    0% {bottom: 0; transform: translateY(100%); opacity: 0;}
    10% {bottom: 50px; transform: translateY(0); opacity: 1; }
    90% {bottom: 50px; transform: translateY(0); opacity: 1; }
    100%{bottom: 0; transform: translateY(100%); opacity: 0;}
}

#system-message {
    animation: notification-in 5s cubic-bezier(.25,.98,.26,.99) both;
    background: #2e3041 !important;
    border-radius: 6px;
    bottom: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    box-sizing: border-box;
    color: #fff;
    left: auto;
    margin: 0;
    padding: 25px;
    position: fixed;
    right: 50px;
    top: auto !important;
    width: 300px;
    z-index: 99999;
}

#system-message dt {
    font-size: 14px ;
    text-transform: capitalize;
    margin: 0 0 15px 0 ;
    color: #fff ;
    padding: 0 ;
}

#system-message .message ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    opacity: .6;
}

#myModal .modal-footer,
#myModal .modal-body,
#myModal .modal-header {
    padding: 25px ;
    border: none;
}

#myModal .modal-body {
    padding-top: 0;
}

#myModal .modal-body,
#myModal .modal-header {
    padding-bottom: 0;
}

.ba-gridbox-price .modal-header h3,
#myModal .modal-header h3 {
    color: #1a1a1a;
    font: 500 18px/ 20px 'Roboto', sans-serif;
    margin: 0 0 50px 0;
}

.ba-gridbox-price .zmdi-close,
.manage-domains-dialog .zmdi-close,
#myModal .modal-header .close {
    color: #757575;
    cursor: pointer;
    font-size: 24px;
    font-weight: normal;
    line-height: 18px;
    opacity: .56;
    transition: .3s;
}

.ba-gridbox-price .zmdi-close,
.manage-domains-dialog .zmdi-close {
    color: #1a1a1a;
}

.ba-gridbox-price .zmdi-close:hover,
.manage-domains-dialog .zmdi-close:hover,
#myModal .modal-header .close:hover {
    opacity: 1;
}

#myModal .modal-footer {
    background: transparent;
}

#myModal .modal-footer .btn {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    transition: all .3s;
}

/* Gridbox Price Modal */
.modal.ba-gridbox-price.in {
    background: #f9f9f9 !important;
    height: calc(100Vh - 100px);
    left: 50px;
    margin: 0 !important;
    text-align: center !important;
    top: 50px !important;
    transform: none !important;
    width: calc(100vw - 100px)!important;
}

.price-table-wrapper {
    margin-top: calc(50vh - 315px);
}

.ba-gridbox-price .modal-header {
    border: none;
    margin-bottom: 25px;
    padding: 0;
    text-align: right;
}

.ba-gridbox-price .modal-header h3 {
    display: inline-block;
    margin: 0;
}

/********* START BTN DEMO AND BUY ********/
.btn_demo_buy {
  display: table;
  margin: 0 auto;
}

.btn_demo_buy form {
    margin-bottom: 0;
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice form button,
.ba-product-download a,
.digistore form.downland > input,
form input[name="submit"],
a.blue_btn,
a.blue_btn:hover,
a.green_btn:hover,
a.green_btn,
.btn_demo_buy a {
    border-radius: 3px;
    border: none;
    color: #fff;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;
    float: right;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    width: auto;
    z-index: 1;
}

.logout form button,
.answer-question form fieldset div.buttons input,
.Position-3 .search input[type="submit"],
.reset-complete form button,
.digistore-log-reg #reg_form form button,
#digistorecartcontinue div button,
.reset-confirm form div button,
.remind form div button,
.reset form div button,
.extention_templates_button,
.search form .word a,
form input[type="submit"],
a.blue_btn {
    background: #1da6f4!important;
    box-shadow: none;
}

.btn_demo_buy a.blue_btn {
    margin-right: 15px!important;
}

.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice a {
    height: auto;
    background: #1da6f4 !important;
    text-transform: capitalize;
    padding: 15px 25px;
}

.reset-complete form button:hover,
.reset-complete form button,
.extention_templates_button:hover,
.logout form button:hover,
.answer-question form fieldset div.buttons input:hover,
.Position-3 .search input[type="submit"]:hover,
.search form .word a:hover {
    background: #1da6f4!important;
}

form input[name="submit"],
a.green_btn {
  background: #85d88d!important;
  border-radius: 3px;
}

form input[name="submit"]:hover,
a.green_btn:hover,
.btn_demo_buy a.green_btn:hover {
  background: #85d88d!important;
}

.btn_demo_buy a:hover {
    color: #ffffff;
}

.ba-header-title a:hover,
.ba-header-title a {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    font-size: 14px;
    margin: 25px 15px 0;
    padding: 25px 0;
    width: 200px;
}

a.blue_btn,
a.blue_btn:hover,
a.green_btn:hover,
a.green_btn {
    float: none;
}

.form-validate>div .validate.button {
    margin-top: 0;
}

/********* END TOP MENU BTN ********/
/********* END BTN DEMO AND BUY ********/
/********* START PROFILE DOWNLAND PAGE ********/

.digistore-order,
.profile-downland {
  text-align: center;
  margin-bottom: 100px;
}

.digistore-order .digistore-order-body {
    padding-bottom: 40px!important;
}

.digistore-order .digistore-order-body,
.profile-downland .downland-prof {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: inline-flex;
    margin-bottom: 30px;
    padding: 40px 25px;
    text-align: left;
    width: 940px;
}

.profile-downland .downland-prof {
    background: transparent;
    border-radius: 0;
    border: 1px solid #eee;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 40px 50px;
    flex-wrap: wrap;
    width: 100%;
}

.manage-domains-wrapper {
    display: flex;
    width: 100%;
}

.manage-domains-row {
    align-items: center;
    background: #f9f9f9;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 20px;
}

.manage-domains-dialog .manage-domains-status,
.manage-domains-deactivate-action {
    background: #eee;
    color: #999;
    font: 400 10px/18px 'Roboto', sans-serif;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-transform: uppercase;
}

.manage-domains-dialog .manage-domains-status {
    border-radius: 20px;
}

.manage-domains-deactivate-action {
    background: #ff671f;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s;
}

.manage-domains-dialog-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.manage-domains-dialog .domains-dialog-header-title,
.manage-domains-dialog .manage-domains-title {
    margin: 0 !important;
}

.ba-packages-wrapper button:after,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button:after,
.manage-domains-wrapper p {
    background: #84d88c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font: 500 14px/18px 'Roboto', sans-serif;
    padding: 10px 15px;
    transition: .3s;
}

.product-tabs.ba-wrapper {
    display: flex;
}

.product-tabs-wrapper {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 0 10px;
    padding: 25px 25px 25px 10px;
    width: calc(50% - 20px);
}

.product-tabs-wrapper > div:first-child {
    margin-top: 15px;
}

.digistore-order .digistore-order-body>div,
.profile-downland .downland-prof>div {
    float:left;
}

.profile-downland .downland-prof > div p {
    margin: 0;
}

.ba-product-title-wrapper .active-installs,
.profile-downland .downland-prof > div p.active-installs {
    background: #ffc926;
    margin: 0;
}

.digistore-order .digistore-order-body>div.general_text_title {
    width:280px;
}

.digistore-order .digistore-order-body>div.general_text_larger,
.profile-downland .downland-prof>div.digistore_details {
    width:380px;
    margin: 0 20px;
}

.digistore-order .digistore-order-body>div.general_text_larger p,
.digistore-order .digistore-order-body>div.general_text_title p,
.digistore-order .digistore-order-body>div.general_text_title p a {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  font-family: 'Roboto', sans-serif;
  color: #101010;
  margin-bottom: 3px;
}

.digistore-order .digistore-order-body>div.general_text_title p a:hover,
.profile-downland .downland-prof>div.general_text_larger p a:hover {
    color: #5F5F5F;
}

.profile-downland .downland-prof>div.general_text_larger a {
  color: #777;
  font-size: 12px;
}

.profile-downland .downland-prof>div.general_text_larger a:hover {
    color: #101010;
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice a {
    box-sizing: border-box;
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice>button,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice form {
  float: right;
  margin: 0;
}

.digistore-order .digistore-order-body>div.digistore_invoice div {
  float: right;
  margin-top: 12px;
  width: 27px;
  height: 27px;
  background-color: #D0D0D0;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}

.digistore-order .digistore-order-body>div.digistore_invoice div:hover{
  background-color: #101010;
  cursor: pointer;}

.digistore-order .digistore-order-body>div.digistore_invoice div a{
  display: block;
  width: 14px;
  height: 14px;
  margin: 5px 0 0 6px;}

.digistore form.downland{text-align: center;}

.digistore form.downland h1{
    font:700 44px/ 70px 'Roboto', sans-serif;
    color: #101010;
}

/* ========================================================================
    Reviews
 ========================================================================== */

.reviews > div {
    position: relative;
    height: 400px;
}

.reviews-wrapper {
    position: absolute;
    display: inline-block;
}

.avatar-face img {
    border-radius: 50%;
    width: 70px;
}

.author-reviews {
    background: #f58569;
    border-radius: 50px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 50px;
    opacity: 0;
    padding: 15px 25px;
    position: absolute;
    visibility: hidden;
    top: calc(-2em - 40px);
    transition: all .15s linear;
}

.reviews-wrapper.active .author-reviews{
    opacity: 1;
    margin-top: 0;
    visibility: visible;
}

.author-reviews.reviews-right {
    right: -40px;
}

.author-reviews.reviews-left {
    left: -40px;
}

.author-reviews:before {
    border: 5px solid transparent;
    border-top-color: #f58569;
    bottom: -10px;
    content: "";
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0px;
}

.author-reviews.reviews-right:before {
    right: 45px;
    border-left-color: #f58569;
}

.author-reviews.reviews-left:before {
    left: 45px;
    border-right-color: #f58569;
}

.author-reviews p {
    color: #fff;
    margin: 0;
    white-space: nowrap;
}

/* Reviews Position */
.avatar-top {
    top:50px;
}

.avatar-center {
    top: 40%;
}

.avatar-bottom {
    top: 85%;
}

.center-avatar {
    left: 63%
}

.left-avatar {
    left: 0%;
}

.right-avatar {
    left: 45%;
}

.avatar-bottom.right-avatar + .avatar-bottom.right-avatar {
    left: -20px;
    top: 55%;
}

.avatar-bottom.bottom-avatar+.avatar-bottom.bottom-avatar {
    right: -70px;
    top: 52%;
    z-index: 1;
}

.reviews > div:nth-child(2) .avatar-top {
    top:25%;
}

.reviews > div:nth-child(2) .avatar-center {
    top: 60%;
}

.reviews > div:nth-child(2) .avatar-bottom {
    top: auto;
    bottom: 15%;
}

/*
/* Package Info
*/

.ba-packages-wrapper .ba-package-info {
    background: transparent;
    border-radius: 0;
    border-right: 1px solid #eee;
    box-shadow: none;
    float: left;
    margin-left: 250px;
    margin: 0 !important;
    padding-bottom: 100px;
    position: relative;
    text-align: center;
    width: 380px;
}

.ba-package-title {
    text-align: left;
    line-height: 16px;
}

.ba-package-expires span:first-child {
    font-size: 92px;
    letter-spacing: -3px;
    line-height: 92px;
    margin: 0 5px;
}

.ba-package-expires span:last-child {
    vertical-align: top;
}

.ba-package-expires {
    margin: 35px 0;
}

.ba-package-item .ba-package-product {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    float: left;
    justify-content: space-between;
    margin-left: 50px;
    padding: 20px 25px;
    width: calc(100% - 455px);
    border-bottom: 1px solid #eee;
    min-height: 117px;
}

.ba-package-item > div:nth-child(4) {
    border-bottom: none;
}

.ba-package-product .ba-product-title {
    margin: 0 0 15px 0;
    text-align: left;
    width: 100%;
}

.ba-package-item {
    margin-bottom: 50px;
    border: 1px solid #eee;
}

/********* END PROFILE DOWNLAND PAGE ********/
/********* END PROFILE PAGE ********/
/********* START CART PAGE ********/
.bar-step {
    display: none;
}

#cart_form div #digistorecarttable {
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    padding: 25px 0;
    width: 100%;
}

#cart_form div #digistorecarttable>div.digistorecart-total{
    text-align: right;
}

#cart_form div #digistorecarttable .digistorecart-title p,
#cart_form div #digistorecarttable>div.digistorecart-total p {
    line-height: 30px;
    margin: 0;
}

#cart_form div #digistorecarttable .digistorecart-title {
    text-align: left;
    flex-grow: 2;
}

.ba-gridbox-price .modal-header h3,
.manage-domains-dialog-header .domains-dialog-header-title,
.ba-packages-wrapper .ba-package-info,
.profile-downland .downland-prof>div.digistore_details p,
.profile-downland .downland-prof>div.general_text_larger p,
.profile-downland .downland-prof>div.general_text_larger p a,
.ba-package-product .ba-product-title,
.ba-package-expires,
.ba-package-title,
.digistorecartpromo .digistorecartpromo-total .digi_cart_price,
#cart_form div #digistorecarttable>div.digistorecart-total p,
#cart_form div #digistorecarttable>div.digistorecart-title p{
    color: #101010;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.digistorecartpromo .digistorecartpromo-total .digi_cart_price {
    font-size: 72px;
    line-height: 72px;
}

#cart_form div #digistorecarttable>div.digistorecart-title p{margin:0;}

#cart_form div #digistorecarttable>div.digistorecart-remove a:after{
  content: "X";
  font-weight: 800;
  font-size: 10px;
  line-height: 0;
  display: block;}

#cart_form div #digistorecarttable>div.digistorecart-remove a{
  color: #fff;
  background-color: #D0D0D0;
  padding: 13px 10px;
  border-radius: 50%;
  line-height: 8px;
  display: block;
  margin-right: 10px;}

#cart_form div #digistorecarttable>div.digistorecart-remove a:hover{
    background-color: #101010;
}

.digistorecartpromo{
    text-align: center;
}

.digistorecartpromo .digistorecartpromo-bottom .input-append {
    display: block
}

.digistorecartpromo .digistorecartpromo-bottom input#promocode {
    background: #f9f9f9;
    border: none;
    height: 55px;
    margin-top: 0;
    padding: 0 10px;
}

.digistorecartpromo .digistorecartpromo-bottom .input-append button {
    display: none;
}

.digistorecartpromo .digistorecartpromo-total .digi_cart_price {
    margin-top: 40px;
}

#digistorecartcontinue div select{
    display: none;
}

#digistorecartcontinue div .btn.btn-warning,
#digistorecartcontinue div .html-container{
    float: none!important;
    margin:0!important;
}

.digistorecart-continue-checkbox {
    margin-bottom: 100px;
    margin-top: 25px;
    text-align: center;
}

.ba-packages-wrapper button,
.akeeba-bootstrap form .digistore-cart-end input[name="submit"],
#digistorecartcontinue div button {
    border-radius: 0 !important;
    bottom: 0;
    height: 70px !important;
    left: 0;
    margin: 0 !important;
    position: absolute !important;
}

.ba-packages-wrapper button,
#digistorecartcontinue div button,
.akeeba-bootstrap form .digistore-cart-end input[name="submit"] {
    width: 100% !important;
}

.akeeba-bootstrap form .digistore-cart-end input[name="submit"] {
    text-transform: capitalize;
}

.digistorecartcontinue .digistorecart-continue-checkbox a:hover,
.digistorecartcontinue div button:hover{color: #101010;}


/********* START STEP 3 PAGE ********/
.digistore form.downland > input,
.akeeba-bootstrap form .digistore-cart-end {
    margin-bottom: 100px;
    margin-top: 50px;
    text-align: center;
}

.akeeba-bootstrap form .digistore-cart-end p{
  font-size: 14px;
  line-height: 30px;}

/********* END STEP 3 PAGE ********/

/* ========================================================================
    Footer
 ========================================================================== */

.footer {
    background: #2e3042;
    padding-top: 100px;
    text-align: center;
    margin-top: 100px;
}

.footer a.cta-green-btn {
    background: #67d9b4;
    box-shadow: none;
}

.footer > div.footer-cta {
    padding-bottom: 125px;
    border-bottom: 1px solid #313e46;
}

.footer h5.title-tag {
    background: #262636;
    color: #d2d5d6;
}

.footer h2 {
    color: #fff;
    margin-bottom: 50px;
}

.footer a.cta-green-btn:hover {
    background: #262636;
}

/*
/* Footer Menu
*/

.copyright-wrapper {
    padding-top: 70px;
    padding-bottom: 50px;
}

.copyright-wrapper a,
.copyright-wrapper p {
    font: 500 12px/24px 'Roboto', sans-serif;
    color: #4d5961;
    text-transform: capitalize;
    text-align: left;
}

.copyright-wrapper a:hover {
    color: #fff;
}

.footer-vertical-menu a {
    display: block;
    margin: 15px 0;
    text-align: left;
}

span.footer-title {
    color: #b8d5d6;
    display: block;
    font:500 12px/24px 'Roboto', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 25px;
    text-align: left;
    text-transform: uppercase;
}


/********* START E-MAIL ********/
/*Unsubscribe page*/
#unsubpage {
    color: #777;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 50%;
}

#unsubpage .unsubintro,
form #unsubbutton_div input.button[type="submit"] {
    background: transparent !important;
    border: none !important;
    color: #5388B4 !important;
    font: 300 22px/36px 'Roboto', sans-serif !important;
    text-shadow: none !important;
}

form #unsubbutton_div input.button[type="submit"]:hover{
    color: #0069de !important;
}

#unsubpage .unsubintro {
    color: #999 !important;
}

.subscribe-title h3 {
  margin: 40px;
  text-align: center;
}

/********* END FOOTER E-MAIL ********/

/********* START SYSTEM MESSAGES ********/

#system-message dd,
#system-message .message ul {
    margin: 0 !important;
}

#system-message > div > div a {
    padding: 8px;
    position: absolute;
    top: 0;
    right: 5px;
}

#system-message > div > div a:before {
    color: #fff;
    content: '\f136';
    font: normal normal normal 24px/1 'Material-Design-Iconic-Font';
}

#system-message > div > div a {
    bottom: 25px;
    cursor:pointer;
    position: absolute;
    right: 25px;
}

.digistore-message{
    text-align: center;
    margin-bottom: 150px;
}

.digistore-message h1{
    color: #101010;
    cursor: default !important;
    font: 700 18px/16px 'Roboto', sans-serif;
    letter-spacing: 0;
    margin: 30px 0 !important;
    text-transform: capitalize;
}

.digistore-message:before {
    content: '\f1f3';
    color: #c7c7c7;
    cursor: default !important;
    font: normal normal normal 86px/1 'Material-Design-Iconic-Font';
}

.digistore-message p {
    display: none;
}

/********* END SYSTEM MESSAGES ********/
/* ========================================================================
    Gallery presentation page
 ========================================================================== */
/*
/* Disqus comments
*/
p.disqus-comment {
    color: #3f4549;
    font-size: 15px;
    left: 225px;
    position: absolute;
    top: 700px;
}

div#disqus_thread {
    background: #f3f3f3;
    padding: 75px;
}

/* Animation comments */
p.disqus-comment span.ba-cursor {
    animation: blink-cursor 8s infinite;
    opacity: 1;
}

@keyframes blink-cursor {
    0% { opacity: 0; }

    8% { opacity: 1; }

    16% { opacity: 0; }

    24% { opacity: 1; }

    25% { opacity: 0; }

    100% { opacity: 0; }

}

p.disqus-comment span {
    animation: blink 1s infinite;
    opacity: 1;
}

@keyframes blink {
    to{ opacity: .0; }

}

p.disqus-comment {
    animation: comments 8s steps(40, end)infinite;
    overflow: hidden;
    white-space: nowrap;
    width: 280px;
}

@keyframes comments {
    0% { width: 2px; }

    25% { width: 2px; }

    60% { width: 280px; }

    90% { width: 280px; }

    100% { width: 2px; }

}

/* ========================================================================
    Forms presentation page
 ========================================================================== */
/* Video */
.forms-video-intro {
    background: url(/images/extensions/forms/joomla-forms-main.png) no-repeat 50% 0px;
    height: 496px;
}

.forms-video-pages {
    background: url(/images/extensions/forms/multipage-forms.png) no-repeat 50% 0px;
    height: 384px;
}

/* Text */
.product-header {
    margin: 100px 0 50px;
    position: relative;
}

.product-header h3 {
    font-size: 30px;
}

.reset-complete.ba-registration h1,
#cart_form .digistorecartpromo .general_text {
    font-size: 18px;
}

h4.large-text,
.reset-complete.ba-registration h1,
p.large-text a,
p.feature-text,
p.large-text,
.product-tabs p a,
.product-tabs p {
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 25px;
}

.reset-complete h1,
.reset-confirm form p,
.digistore form.downland #digistore_body .digistore_orders p,
#myModalBody p,
.akeeba-bootstrap form .digistore-cart-end p,
#cart_form .digistorecartpromo .general_text,
#ba-content #user-registration p {
    color: #757575;
    font: 400 16px/30px 'Roboto', sans-serif;
    margin: 0 0 10px;
}

.reset-complete h1 {
    text-align: left;
}

p.large-text a,
.product-tabs p a {
    color: #429bff !important;
}

.product-tabs p {
    font-size: 18px;
}

.product-tabs .tab-description {
    height: 450px;
    display: table-cell;
    vertical-align: middle;
}

.product-tabs .tab-description h3 {
    text-align: left;
}

h4.large-text,
p.large-text {
    font-size: 22px;
    margin-top: 20px;
    padding: 0px 100px;
    text-align: center;
}

/* Tabs */
.product-tabs .nav-tabs>li {
    display: inline-block;
    float: none;
}

.product-tabs .nav-tabs {
    border-bottom: 1px solid #eee;
    margin-bottom: 50px;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
    background-color: #eee;
    color: #101010 !important;
    border: 1px solid #eee;
    border-bottom-color: transparent;
    outline: none !important;
}

.product-tabs .nav>li>a:hover {
    color: #101010 !important;
    background-color: #eee;
}

.product-tabs .nav-tabs>li>a {
    border-radius: 2px;
    color: #777;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 3px;
    padding: 12px;
    text-transform: uppercase;
}

.product-tabs .nav-tabs>li>a:hover,
.product-tabs .nav-tabs>li>a:focus {
    border-color: transparent;
}

/* Images in Tabs */
img.img-preview-shadow {
    border-radius: 6px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.09);
    margin: 30px;
    width: 610px;
}

img.img-preview {
    border: 1px solid #eee;
    margin: 30px 0;
    width: 610px;
    box-sizing: border-box;
    max-width: 100%;
}

/* Video in Tabs */
.preview-video iframe {
    border-radius: 9px;
    box-shadow: 0 20px 30px 0 rgba(0,0,0,.25);
    margin: 30px;
}

/* Product Menu */
.product-menu {
    box-sizing: border-box;
    padding: 10px 0;
    margin-top: 25px;
    text-align: center;
    width: 100%;
    z-index: 10;
}

.product-menu.fixed-menu {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    left: 0;
    margin-top: 0;
    position: fixed;
    top: 0;
}

.product-menu.fixed-menu.menu-hidden {
    visibility: hidden;
}

.product-menu ul {
    margin: 0;
    padding: 0;
}

.product-menu li {
    display: inline-block;
    text-decoration: none;
    width: 140px;
}

.product-menu.fixed-menu.menu-hidden li:last-child {
    opacity: 0;
}

.product-menu.fixed-menu li:last-child {
    background: #1da6f4;
    margin-right: 0;
    position: absolute;
    right: 10px;
    opacity: 1;
    transition: opacity .6s linear;
}

.product-menu.fixed-menu li:last-child a i,
.product-menu.fixed-menu li:last-child a {
    color: #fff;
}

.product-menu.fixed-menu.menu-hidden li:last-child a i,
.product-menu.fixed-menu.menu-hidden li:last-child a {
    transition: none;
}

.product-menu.fixed-menu li:last-child a {
    padding: 15px 31px;
}

.ba-header-title .ba-header-link a:hover,
.ba-header-title .ba-header-link a,
.features-list li,
.product-menu li a {
    color: #777;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    letter-spacing: 3px;
    font-weight: 500;
    padding: 15px 0;
    text-decoration: none;
    text-transform: uppercase;
}

.product-menu li:not(:last-child) a {
    transition: none;
}

.features-list li i,
.product-menu li a i {
    color: #bababa;
    display: block;
    font-size: 24px;
    margin-bottom: 10px;
    text-align: center;
}

.features-list li i {
    color: #1a1a1a;
}

.features-list ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.features-list li {
    background: #eee;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-block;
    height: 135px;
    margin: 15px;
    padding: 40px 10px;
    width: 170px;
}

.product-menu li a:hover,
.product-menu li a.active {
    color: #101010;
}

.product-menu li a:hover i,
.product-menu li a.active i {
    color: #101010;
}

/* Integrations List */
.features-list.integrations-list ul {
    justify-content: left;
}

.features-list.integrations-list li {
    background: #f3f3f3;
    border-radius: 0;
    border: 1px solid #eee;
    cursor: default;
    display: inline-flex;
    flex-direction: column;
    height: 220px;
    justify-content: center;
    margin: 10px;
    padding: 30px 10px;
    width: 260px;
    position: relative;
}

.features-list.integrations-list li img {
    margin: 0 auto;
    margin-bottom: 25px;
    max-height: 30px;
    max-width: 40px;
    transition: .3s;
}

.features-list.integrations-list.gridbox-integrations li:after {
    content: "";
    height: 95px;
    width: 92px;
    display: block;
    z-index: 0;
    position: absolute;
    top: 62px;
    transform: rotate(45deg);
    border-radius: 15px;
    left: 105px;
    background: linear-gradient(85deg, #d0d0d0 0, rgb(0 0 0 / 0) 69%);
    filter: blur(1px);
}

.features-list.integrations-list.gridbox-integrations ul li img {
    max-height: 76px;
    max-width: 76px;
    border-radius: 15px;
    z-index: 1;
}

.features-list.integrations-list li:hover {
    background: transparent;
}


/* Pricing table */
.price-table {
    margin-top: 0;
}

.price-table table {
    border-collapse: inherit;
    width: 100%;
}

.price-table thead,
.price-table tr:last-child {
    background-color: #fcfcfc;
}

.price-table table td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 15px 25px;
    vertical-align: middle;
}

.price-table:not(.col3-table) table td:nth-child(2),
.price-table:not(.col3-table) table td:nth-child(3) {
    width: 200px;
}

.price-table:not(.col3-table) table td:nth-child(3) {
    border-right: none;
}

.price-table table tbody tr:last-child td {
    border-bottom: none;
}

.price-table i {
    float: left;
    margin: 5px 25px 0 0;
    width: 30px;
}

.price-table h4 {
    margin: 0;
    text-align: left;
}

p.feature-text {
    font-size: 18px !important;
    text-align: center;
}

p.feature-text strong {
    color: #101010;
    font-weight: 700;
}

.price-table.col3-table table td:nth-child(4) {
    border-right: none;
}

.price-table.col3-table table tr:last-child td:not(:first-child) {
    width: 200px;
}

.price-table.col3-table table tr:last-child td {
    padding: 15px 0;
}

.price-wrapper {
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 20px;
    padding: 20px 0 60px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 360px;
}

.price-wrapper:hover{
    transform: translateY(-20px);
}

.ba-gridbox-price .price-wrapper {
    padding: 20px 0 30px;
}

.price-wrapper.price-pro {
    background: #f3f3f3;
}

.single-product .price-wrapper.price-pro {
    background: transparent;
}

.price-option .price-wrapper{
    border: none;
}

.price-wrapper h4 {
    margin: 0;
    font-size: 16px;
}

.price-wrapper:first-child {
    margin-left: 0;
}

.group-wrapper {
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: column;
    padding: 20px 40px;
    text-transform: capitalize;
}

.group-wrapper:last-child {
    border: none;
}

.price {
    display: block;
    font-size: 56px;
    font-weight: 900;
    line-height: 56px;
    margin: 15px;
    color: #101010;
}

.group-wrapper span {
    color: #777;
    font-weight: 300;
    margin: 10px 0;
    height: 20px;
}

.price-wrapper .lifetime {
    display: block;
    position: absolute;
    right: 25px;
    top: -20px;
}

.ba-version,
.money-back,
.price-wrapper .lifetime span {
    background: #84d88c;
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    font: 500 14px/18px 'Roboto', sans-serif;
    margin: 0;
    padding: 10px 20px;
}

.ba-version,
.price-wrapper .lifetime span {
    background: #ffc926;
    font-size: 12px;
}

.ba-heading-headline h1 {
    display: inline-block;
}

.ba-version{
    position: absolute;
    top: 0;
}

.bundle-includes-wrapper span,
.price-option span,
.lifetime ~ .group-wrapper span {
    position: relative;
}

.price-option-checkbox:last-child {
    margin-left: 30px;
}

.bundle-includes-wrapper span:before,
.price-option span:before,
.lifetime ~ .group-wrapper span:before {
    background: #1ca6f4;
    border-radius: 3px;
    color: #fff;
    content: '\f26b';
    display: block;
    font: normal normal normal 16px/18px 'Material-Design-Iconic-Font';
    height: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}

.price-option .price-option-checkbox:before,
.bundle-includes-wrapper span:before {
    background: #ffc926;
    border-radius: 50%;
    font-size: 24px;
    height: 28px;
    left: 35px;
    line-height: 28px;
    width: 28px;
}

.price-option .price-option-checkbox:before {
    top: -4px;
}

.price-option .price-option-checkbox:not(.price-checked):before {
    content: "";
    background: #d2d2d2;
}

.price-option .price-option-checkbox:before,
.price-option span:before {
    left: 50%;
}

.price-option .price-wrapper:first-child span:before {
    display: none;
}

.price-option span.no-option:before {
    content: '';
    background: transparent;
    border: 2px solid #eee;
    box-sizing: border-box;
}

.single-product .price-wrapper.price-free {
    margin-left: 330px;
    background: #f3f3f3;
}

.price + span {
    background: #eee;
    border-radius: 30px;
    color: #777;
    display: inline-block;
    font: 700 10px/18px 'Roboto', sans-serif;
    letter-spacing: 3px;
    padding: 5px 30px;
    text-transform: uppercase;
}

.price-option ~ .price-wrapper {
    margin-top: 100px;
    margin-bottom: 100px;
}

.ba-gridbox-price .price-wrapper.price-pro ~ .price-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.price-title {
    font-size: 18px;
    padding-top: 10px;
    margin: 0;
}

.bundle-includes-title {
    font-size: 24px;
    margin: 50px 0;
}

.bundle-includes-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 700px;
}

.ba-gridbox-price .bundle-includes-wrapper {
    margin-top: 25px;
}

.bundle-includes-wrapper span {
    box-sizing: border-box;
    color: #777;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    margin: 20px 0;
    padding-left: 80px;
    text-align: left;
    width: 33%;
}

.recommended-hosting a,
a.price-btn,
span.price-btn,
form input[name="submit"].price-btn {
    background: #1ca6f4 !important;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font: 500 14px/18px 'Roboto', sans-serif;
    margin: 25px 45px;
    padding: 20px 25px;
    text-transform: capitalize;
    width: 75% !important;
}

.recommended-hosting a,
.price-one form input[name="submit"].price-btn {
    background: #67d9b4!important;
}

.recommended-hosting {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.recommended-hosting .price-wrapper:hover {
    transform: none;
}

.recommended-hosting .price-wrapper.hosting-wrapper {
    padding: 25px 50px;
    margin-left: 0;
    width: 500px;
}

.recommended-hosting .price-wrapper.price-pro {
    padding: 25px 50px;
    width: 360px;
}

.recommended-hosting img {
    margin: 35px 0;
}

.recommended-hosting .bundle-includes-wrapper {
    flex-direction: column;
    width: auto;
}

.recommended-hosting .bundle-includes-wrapper span.bold-includes {
    width: auto;
    color: #777;
    font-weight: 300;
}

.recommended-hosting a {
    margin: 25px 0;
    width: 100% !important;
}

.recommended-hosting .bundle-includes-wrapper span:before {
    background: #d2d2d2;
    content: "";
}

.single-product {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    padding: 0 50px;
}

.bundle-price-wrapper {
    margin-top: 100px;
}

.bundle-includes-wrapper span.bold-includes {
    font-weight: bold;
    color: #1a1a1a;
}

.single-product .price-pro form input[name="submit"].price-btn,
.price-bro form input[name="submit"].price-btn {
    background: #ff671f!important;
}

.single-product span.price-btn {
    background: #ff671f !important;
    cursor: pointer;
    letter-spacing: 0;
    transition: all .3s ease-out;
}

.money-back {
    background: #f58569;
    margin-top: 50px;
}

.price-option {
    width: 100%;
    margin-top: 50px;
}

.price-option-row {
    display: flex;
    justify-content: space-between;
    padding: 25px;
}

.price-option-row > span {
    flex-grow: 1;
    display: flex;
}

.price-option-row .price-option-title {
    color: #777;
    flex-grow: 0;
    font-size: 18px;
    font-weight: 300;
    width: 300px;
}

.price-option-group-title {
    color: #101010;
    font-size: 18px;
    font-weight: bold;
}

.price-option-group-title:before,
.price-option-title:before {
    display: none !important;
}

.price-option-row:nth-child(even) {
    background: #f3f3f3;
}


/* ========================================================================
    Our plans page
 ========================================================================== */

 /* F.A.Q */

.faq h3 {
    text-align: left;
}

.faq .span1 {
    padding-top: 20px;
}

.faq {
    margin-top: 150px;
}

.faq .row-fluid {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/* ========================================================================
    Gridbox presentation page
 ========================================================================== */

/*
/* Video modal
*/
.ba-video-link:hover {
    opacity: .8;
}

.ba-video-link img {
    margin-left: 10px;
}

.ba-video.modal {
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 100px rgba(0,0,0,.3);
    height: 540px;
    margin-left: -480px;
    margin-top: -280px;
    top: 50%;
    width: 960px;
}

.modal-backdrop {
    opacity: .2;
    animation: fade .3s;
}

@keyframes fade {
    0%{opacity: 0; }

    100%{opacity: .2; }

}

.hide.in {
    animation: zoom-in .3s;
}

@keyframes zoom-in {
    0%{
        transform: scale(.7);
    }

    100%{
        transform: scale(1);
    }
}

/*
/* Pricing table
*/

.ba-product-download a,
.digistore form.downland > input,
.price-table form input[name="submit"],
.price-table form input[name="submit"]:hover,
.price-table .blue_btn:hover,
.price-table .blue_btn,
a.blue_btn.btn-md,
form input[name="submit"].btn-md {
    box-sizing: border-box;
    float: none;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice>button,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice form button {
    width: 175px !important;
}

.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button {
    background: #ff671f !important;
    color: #fff;
    margin-right: 15px;
    text-transform: capitalize;
    width: auto !important;
    padding: 15px 25px;
}

.digistore .ba-packages-wrapper button,
.ba-package-info,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button {
    position: relative;
    overflow: visible !important;
}

.ba-packages-wrapper button:after,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button:after {
    content: attr(data-off);
    pointer-events: none;
    position: absolute;
    white-space: nowrap;
}

.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button:after {
    bottom: -27px;
    left: -45px;
}

.ba-packages-wrapper button:after {
    right: 15px;
    top: -30px;
}

.ba-packages-wrapper button i,
.ba-product-download a i,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice a i,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice form button i {
    font-size: 24px;
    padding-right: 8px;
    vertical-align: sub;
    width: 24px;
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice>button,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice form button,
.ba-product-download a,
.digistore form.downland > input,
.ba-wrapper .price-table .blue_btn {
    background: #eee !important;
    color: #363637;
}

.ba-product-download a {
    background: #1da6f4 !important;
    box-sizing: border-box;
    color: #fff;
    line-height: 18px;
    white-space: nowrap;
}

.digistore .ba-product-download a {
    text-transform: capitalize;
    padding: 15px 25px;
}

.price-table form input[name="submit"],
.ba-wrapper .price-table .blue_btn {
    padding: 15px 25px;
}

/* Slider*/
.ba-gridbox-img {
    position: relative;
}

/* ========================================================================
    Header
 ========================================================================== */
.ba-wrapper-headline {
    text-align: center;
    width: 100%;
}

.profile-downland h1,
.ba-header-title {
    margin-bottom: 50px;
}

.ba-header-title h1 {
    margin: 30px 0;
}

.item-page > h1,
.digistore-order h1,
.profile-downland h1,
h1.heading {
  font-size: 44px;
  font-weight: 700;
}

.ba-page .ba-header-title {
    margin-top: 0;
    position: relative;
}

.ba-page.item-page {
    width: inherit;
}

.opacity_img {
    margin-bottom: -1px;
}

.ba-wrapper-headline .red-buy-btn,
.ba-wrapper-headline .blue-free-btn {
    background: #1da6f4;
    border-radius: 3px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    border: none;
    color: #fff;
    display: inline-block;
    font: 500 14px/18px 'Roboto', sans-serif;
    overflow: hidden;
    text-transform: capitalize;
    transition: all .3s ease-in-out;
    margin: 25px 15px 0;
    padding: 25px 0;
    width: 250px !important;
}

.ba-wrapper-headline .red-buy-btn {
    background: #ff671f;
    cursor: pointer;
}

.ba-header-link {
    display: flex;
    justify-content: center;
}

.ba-header-title .ba-header-link a:hover,
.ba-header-title .ba-header-link a {
    background: transparent !important;
    box-shadow: none;
    color: #999;
    margin: 25px 40px 0;
    width: auto;
}

.ba-header-title .ba-header-link a:hover {
    color: #1a1a1a !important;
}

/* ========================================================================
    Body
 ========================================================================== */
.item-page.ba-page.ba-wrapper,
.item-page,
.ba-page .ba-wrapper {
    width: 985px;
    margin: 0 auto;
    text-align: center;
}

/* ========================================================================
    Item
 ========================================================================== */
.ba-item p {
    color: #777;
    font: 300 18px/36px 'Roboto', sans-serif;
}

.ba-blog.item-page a,
.ba-blog .item a,
.ba-item a {
    font: 300 18px/36px 'Roboto', sans-serif;
}

.ba-blog.item-page table.docs-table a {
    font-size: 16px !important;
}

.ba-item h2 {
    color: #101010;
    font: 600 30px/40px 'Roboto', sans-serif;
    margin-top: 50px;
    text-align: left;
}

.item-page.ba-blog h2 {
    font-size: 28px;
    margin-top: 80px;
    text-align: left;
}

.ba-blog .item h3,
.item-page.ba-blog h3 {
    font-size: 24px;
    margin-top: 80px;
}

.item-page.ba-blog h4 {
    font-size: 20px;
    line-height: 40px;
    margin-top: 80px;
}

.ba-blog .item ul li,
.item-page.ba-blog ul li {
    color: #777;
    font: 300 18px/36px 'Roboto', sans-serif;
    list-style: disc;
}

/* ========================================================================
    Login
 ========================================================================== */
/* login */
.log-rem div ul{
    margin: 0;
}

.ba-login-links {
    margin-bottom: 100px;
    text-align: center;
}

.ba-login-links ul {
    margin: 50px 0 0 0;
}

.ba-login-links ul li {
    display: inline-block;
    margin: 0 10px;
}

.ba-login-links ul li:last-child {
    display: none;
}

.login fieldset .log-rem div ul li {
    margin: 0 0 20px 10px;
}

#remember-lbl {
    display: inline-block;
}

.ba-registration + #ba-content h3,
.ba-login h3 {
    color: #1a1a1a;
    cursor: default;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 50px 0;
}

.log-rem .login-fields input,
#agreeterms,
#remember {
    height: 45px;
    margin: 0 10px 0 0;
    opacity: 0;
    position: relative;
    width: 20px;
    z-index: 1;
}

.ba-logo {
    margin-bottom: 50px;
}

.digistore-log-reg #reg_form form button {
    float: none;
}

.ba-recaptcha-wrapper {
    display: flex;
    justify-content: flex-end;
}

#continue_button {
    margin-top: 25px;
}

.ba-login.login {
    border-radius: 6px;
    border: none;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px;
    width: 325px;
    z-index: 1050;
}

.ba-packages-wrapper button,
.reset-complete form button,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice a,
.logout form button,
.answer-question form fieldset div.buttons input,
.log_option label,
.reg_option label,
.akeeba-bootstrap form .digistore-cart-end input,
.registration form .profile-edit-container + div button,
.profile-edit form .profile-edit-container + div button,
.form-validate > div .validate.button,
#digistorecartcontinue div button,
.digistore-log-reg #reg_form form button,
.extention_templates_button,
.login fieldset button,
.login fieldset input.button,
.profile-edit form button,
.registration form .profile-edit-container+div button,
.remind form div button,
.reset form div button,
.reset-complete form button,
.reset-confirm form div button,
.login.login button {
    background: #67d9b4 !important;
    border-radius: 3px;
    border: none;
    color: #fff;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;;
    float: right;
    height: 48px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-decoration: none;
    text-shadow: none !important;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    width: auto;
    z-index: 1;
}

.login fieldset button {
    text-transform: capitalize!important;
}

#digistorecartcontinue div button,
.digistore .ba-packages-wrapper button {
    background: #ff671f !important;
    text-transform: capitalize;
}

.recommended-hosting a:hover,
.ba-wrapper-headline .red-buy-btn:hover,
a.price-btn:hover,
span.price-btn:hover,
form input[name="submit"].price-btn:hover,
.price-btn:hover,
.manage-domains-deactivate-action:hover,
.manage-domains-wrapper p:hover,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button:hover,
.ba-product-download a:hover,
.digistore form.downland > input:hover,
.ba-wrapper .price-table .blue_btn:hover,
.ba-blog+#ba-content .sidebar-right .ba-doc-menu li>a.active-menu:hover,
.menu li a.login_btn:hover,
.ba-packages-wrapper button:hover,
.profile-downland .downland-prof>div.digistore-button .digistore_invoice a:hover,
.product-menu.fixed-menu li:last-child a:hover,
.price-table .blue_btn:hover,
.price-table form input[name="submit"]:hover,
.ba-header-title a:hover,
a.blue_btn.btn-md:hover,
form input[name="submit"].btn-md:hover,
.akeeba-bootstrap form .digistore-cart-end input[name="submit"]:hover,
#digistorecartcontinue div button:hover {
    background: #2f3439 !important;
    color: #fff !important;
}

.digistore-log-reg #reg_form form button:before,
.form-validate > div .validate.button:before,
.login fieldset button:before,
.login fieldset input.button:before,
.profile-edit form button:before,
.registration form .profile-edit-container + div button:before,
.remind form div button:before,
.reset form div button:before,
.reset-complete form button:before,
.reset-confirm form div button:before,
.login.login button:before {
    background: #fff;
    border-radius: 50%;
    backface-visibility: hidden;
    content: "";
    height: 3px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all .5s cubic-bezier(.25,.98,.26,.99);
    transform: scale(0);
    width: 3px;
    z-index: -1;
}

.digistore-log-reg #reg_form form button:hover:before,
#digistorecartcontinue div button:hover:before,
.form-validate > div .validate.button:hover:before,
.login fieldset button:hover:before,
.login fieldset input.button:hover:before,
.profile-edit form button:hover:before,
.registration form .profile-edit-container + div button:hover:before,
.remind form div button:hover:before,
.reset form div button:hover:before,
.reset-complete form button:hover:before,
.reset-confirm form div button:hover:before,
.login.login button:hover:before{
    backface-visibility: hidden;
    background: #67d9b4;
    opacity: 1;
    transform: scale(27);
}

.profile-downland .downland-prof>div.digistore-button .digistore_invoice a,
.digistore .profile-downland .downland-prof>div.digistore-button .digistore_invoice form button{
    font-size: 14px;
}

.ba-login fieldset {
    text-align: left;
}

div#reg_form form {
    margin-top: 25px;
}

.profile-edit .profile-edit-form,
.login fieldset .log-form {
    margin: 25px 0;
}

.form-validate .profile-edit-form dd input[type="email"],
.form-validate .profile-edit-form dd input[type="text"] {
    -webkit-text-fill-color: #1a1a1a;
    font-weight: 500;
}

#promocode,
input[type="password"].validate-password ,
.digistore-log-reg .profile-edit-form-one input,
.digistore-log-reg .profile-edit-form-two input,
.login fieldset .log-form .login-fields input,
.form-validate dd input,
.form-validate dd input:focus,
.remind .validate-email,
.login-fields input[type="password"].validate-password,
.login-fields input:not([type="checkbox"]):focus,
.login-fields input:not([type="checkbox"]) {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 0;
    color: #1a1a1a;
    font: 500 22px/45px 'Roboto', sans-serif;
    height: 45px;
    margin: 25px 0;
    padding: 4px 6px;
    width: 100%;
}

.login fieldset .log-form .login-fields input,
#member-registration.form-validate dd input,
.form-validate dd input[type="email"],
.form-validate dd input[type="text"],
.login-fields input[type="text"],
.login-fields input[type="password"].validate-password {
    -webkit-box-shadow: inset 0 0 0 50px #fff !important;
    margin-bottom: 50px ;
}

#reg_form .profile-edit-form-one input,
#reg_form .profile-edit-form-two input,
#member-registration.form-validate dd input,
.login fieldset .log-form .login-fields input {
    margin: 0 0 25px 0 !important;
}

.login-fields:first-child input {
    margin-bottom: 0!important;
}

.reset-complete h1,
.reset-complete .reset-form .reset-fields:last-child input,
.reset-confirm .form-validate fieldset dl > div:last-child dd input[type="text"].required,
.reset-confirm form p,
.form-validate .profile-edit-container .profile-edit-form:last-child dd input,
#member-registration.form-validate dd:last-child {
    margin-bottom: 50px;
}

.reset-complete .reset-form .reset-fields input,
.form-validate dd,
.reset-confirm .form-validate fieldset dd input[type="text"].required,
.digistore-log-reg .profile-edit-form-two input,
.digistore-log-reg .profile-edit-form-one input,
.profile-edit-container .profile-edit-form dd,
#member-registration.form-validate dd,
.form-validate .profile-edit-container dd input {
    margin: 0;
}

.profile-edit-container + div,
#member-registration fieldset + div {
    display: flex;
    flex-direction: row-reverse;
}

.login-fields:nth-child(3) {
    align-items: center;
    display: inline-flex;
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 50%;
}

.digi_error,
.log_option label,
.reg_option label,
.login-fields #remember-lbl,
.digistorecart-continue-checkbox a:hover,
.digistorecart-continue-checkbox a,
.ba-login-links ul li a,
.login-fields:nth-child(3) label {
    color: #333;
    cursor: default;
    font: 400 16px/20px 'Roboto', sans-serif;
}

.digistorecart-continue-checkbox a {
    cursor: pointer !important;
}

.digistorecart-continue-checkbox a,
.ba-login-links ul li a {
    color: #7a7a7a;
    cursor: pointer;
    text-decoration: none !important;
}

.digistorecart-continue-checkbox a:hover,
.ba-login-links ul li a:hover {
    color: #333;
}

.login-fields #remember-lbl,
.digistorecart-continue-checkbox a {
    position: relative;
    display: inline-block;
}

.digistore-log-reg .login-fields #remember-lbl:before,
.digistorecart-continue-checkbox a:before {
    content: "";
    top: 0 !important;
    left: -33px;
}

.digistore-log-reg .login-fields #remember-lbl:before,
.digistorecart-continue-checkbox a:before,
#remember + span {
    border-radius: 3px;
    border: 2px solid #757575;
    box-sizing: border-box;
    display: block;
    height: 20px;
    top: 10px;
    position: absolute;
    width: 20px;
}

.login-fields input[type="checkbox"]:checked + #remember-lbl:before,
.digistorecart-continue-checkbox input[type="checkbox"]:checked + a:before,
input[type="checkbox"]#remember:checked + span {
    border-color: #4285f4;
    background: #4285f4;
}

.login-fields input[type="checkbox"]:checked + #remember-lbl:after,
.digistorecart-continue-checkbox input[type="checkbox"]:checked + a:after,
input[type="checkbox"]#remember:checked + span:after {
    color: #fff;
    content: '\f26b';
    display: block;
    font: normal normal normal 16px/16px 'Material-Design-Iconic-Font';
    text-align: center;
}

.login-fields input[type="checkbox"]:checked + #remember-lbl:after,
.digistorecart-continue-checkbox input[type="checkbox"]:checked + a:after {
    left: -29px;
    position: absolute !important;
    top: 2px;
}

@keyframes click-wave {
    0% { left: -1px; top: -1px;width: 19px; height: 19px; opacity: 0.35;}
    100% { width: 50px; height: 50px; left: -17px; top: -17px; opacity: 0;}
}

input[type="checkbox"]#remember:checked + span:before {
    animation: click-wave 0.65s;
    background: #1da6f4;
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
}

/* login reset */
.reset-complete,
.modal.ba-gridbox-price.in,
.manage-domains-dialog,
.ba-package-info,
.reset-complete.ba-registration,
.reset-confirm,
.akeeba-bootstrap,
#cart_form,
.profile-edit,
.digistore-log-reg,
.registration,
.remind,
.reset {
    background: #fff;
    border-radius: 6px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    box-sizing: border-box;
    margin: 0 auto 130px;
    overflow: hidden;
    padding: 25px;
    text-align: left;
    width: 470px;
}

.akeeba-bootstrap,
#cart_form {
    position: relative;
}

.ba-payment-message {
    text-align: center;
    color: #777;
    font-weight: 300;
    font-size: 18px;
}

.reset-complete form button,
.remind form div button,
.reset form div button {
    line-height: 0px !important;
}

.digistorecartpromo .digistorecartpromo-total .digi_cart_total-title {
    display: none;
}

.reset-complete .reset-form .reset-fields label,
.digistore-log-reg .profile-edit-form-two label,
.digistore-log-reg .profile-edit-form-one label,
.login fieldset .log-form .login-fields label,
.form-validate dt label {
    color: #999;
    font: 500 13px/18px 'Roboto', sans-serif;
}

.remind dd,
.reset  dd {
    margin-left: 0;
}

.remind .validate-email,
.reset .validate-username, {
    margin-bottom: 25px;
}

.form-validate dd input:focus:invalid:focus,
input[type="password"].validate-password.invalid,
.form-validate dd input.invalid,
.remind .validate-email.invalid ,
.reset .validate-username.invalid {
    border: none;
    border-bottom: 1px solid #F54A40 !important;
}

.digi_error {
    color: #F54A40;
    position: relative;
}

.form-validate dd input[type="email"]::-webkit-input-placeholder,
.form-validate dd input[type="text"]::-webkit-input-placeholder {
    color: #000;
}

.form-validate dd input[type="email"]::-moz-placeholder,
.form-validate dd input[type="text"]::-moz-placeholder {
    color: #000;
}

.form-validate dd input[type="email"]:-ms-input-placeholder,
.form-validate dd input[type="text"]:-ms-input-placeholder {
    color: #000;
}

.manage-domains-dialog {
    display: none;
    height: 75%;
    left: calc(50% - 325px);
    overflow-y: auto;
    position: fixed;
    top: 15%;
    width: 650px;
    z-index: 1500;
}

@keyframes visible-manage-domains {
    from {opacity: 0;}
    to {opacity: 10;}
}

.modal.ba-gridbox-price.in,
.manage-domains-dialog.visible-manage-domains-dialog {
    animation: visible-manage-domains .3s both;
    display: block;
}

.manage-domains-dialog .manage-domains-title {
    font: 400 14px/30px  "Courier New";
    color: #757575;
}

/* Forgot your password */
label.required {
    font-size: 12px;
    font-weight: bold;
}

.reset-complete.ba-registration h1 {
    text-align: left;
}

/* Registration */
.ba-registration + #ba-content {
    text-align: center;
}

.reset-fields,
.reset-confirm form fieldset div {
    margin-bottom: 25px;
    margin-left: 0;
}

#system-message > div > div a,
#myModal .modal-footer .btn,
.form-validate > div a {
    background-color: transparent;
    border-radius: 3px;
    border: none;
    color: #363637;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;
    margin-right: 5px;
    overflow: hidden;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.close-visible-domain-dialog {
    background-image: none;
    box-shadow: none;
}

.profile-edit .optional,
.registration.ba-registration .optional {
    display: none;
}

.form-validate fieldset+fieldset dd input{
    padding: 0;
}

/* Digistore */
.log_option label,
.reg_option label,
.log_option,
.reg_option {
    align-items: center;
    background: transparent !important;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 0;
    text-transform: capitalize;
    transition: none;
    width: 100%;
}

.log_reg_option {
    align-items: center;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f3f3f3
}

.log_reg_option > div {
    background: transparent;
    box-sizing: border-box;
    padding: 0px !important;
    position: relative;
    text-align: center;
    width: 50%;
}

.log_reg_option > div:first-child {
    border-right: 1px solid #f3f3f3
}

.digistore-log-reg .log_reg_option .reg_option input[type=radio]:checked + label:before,
.digistore-log-reg .log_reg_option .log_option input[type=radio]:checked + label:before {
    background: #1da6f4;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.digistore-log-reg .log_reg_option .reg_option input[type=radio]:checked + label,
.digistore-log-reg .log_reg_option .log_option input[type=radio]:checked + label {
    color: #fff;
}

.log-rem .login-fields+div,
.log_option input,
.reg_option input {
    display: none;
}

.log-rem .login-fields input,
.log-rem {
    display: inline-block;
}

.log-rem .login-fields {
    align-items: center;
    display: flex;
    position: relative;
}

.registration fieldset+fieldset {
    display: none;
}

.digistore-log-reg {
    padding: 0;
}

div#reg_form,
.digistore-log-reg > div.login {
    padding: 0 25px 25px;
}

.product-tabs-wrapper:before,
.product-tabs-wrapper:after,
.ba-package-item:before,
.ba-package-item:after,
div#reg_form:before,
div#reg_form:after {
    content: "";
    display: table;
    line-height: 0;
}

.product-tabs-wrapper:after,
.ba-package-item:after,
div#reg_form:after {
    clear: both;
}

/* ========================================================================
    Blog
 ========================================================================== */

.item-page.ba-blog,
.cols-1 {
    margin: 0 0 80px 45px;
    padding: 50px;
    position: relative;
    text-align: left;
    width: auto;
}

.blog .item .article-info ~ *:not(.img-intro-left),
.item-page.ba-blog ul,
.item-page.ba-blog p,
.item-page.ba-blog h2,
.item-page.ba-blog h3,
.item-page.ba-blog h4 {
    padding: 0 75px;
}

.item-page.ba-blog img,
.img-fulltext-left img,
.img-intro-left img {
    border-radius: 12px ;
    margin-bottom: 25px;
}

.ba-blog.item-page h2,
.ba-blog.item-page h3,
.item-page.ba-blog h4 {
    font-weight: 500 !important;
}

.blog.ba-blog {
    padding-bottom: 50px;
}

.ba-blog.item-page h1,
.ba-blog .create,
.ba-blog h2 {
    text-align: center;
    margin: 0 0 15px 0;
}

.blog.ba-blog h2 a,
.ba-blog.item-page h1 {
    color: #101010;
    font: bold 36px/46px 'Roboto', sans-serif;
    text-decoration: none;
}

.ba-blog .cols-1 .item h3 a,
.ba-blog .items-leading h3 a {
    color: #101010;
    font: 600 30px/40px 'Roboto', sans-serif;
    margin-top: 50px;
    text-align: center;
}

.ba-blog p,
.ba-blog p.readmore a,
.ba-blog .create,
.ba-blog .items-leading p,
.ba-blog .items-leading p a,
table.ba-doc-table {
    color: #777;
    font: 300 18px/36px 'Roboto', sans-serif;
}

.ba-blog p {
    margin: 25px 0;
}

.ba-blog p.readmore a,
.ba-blog .items-leading p a {
    color: #429bff;
}

p.readmore {
    margin-bottom: 0;
}

p.readmore a:hover {
    color: #0069de;
}

.ba-blog .items-leading p a:hover {
    color: #0069de;
}

.ba-blog > div {
    margin-bottom: 25px;
}

.ba-blog .img-fulltext-none img,
.ba-blog .item .img-intro-none img {
    margin: 25px auto;
    display: block;
}

/* Button */
.ba-btn-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
}

.ba-btn-blue,
.ba-btn-green {
    background-color: #2195f8;
    border-radius: 50px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    color: #fff!important;
    cursor: pointer!important;
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    font-style: normal!important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    line-height: 25px !important;
    margin: 0 15px;
    padding: 20px 50px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .3s;
}

.ba-btn-green {
    background-color: #51d151;
}

.ba-btn-blue:hover,
.ba-btn-green:hover {
    background-color: #2f3439!important;
}

/*
/* Categories
*/
.ba-blog+#ba-content .sidebar-right .categories-module li h5,
.ba-blog+#ba-content .sidebar-right .categories-module li h4 {
    transition: all 0.2s ease-out;
}

.ba-blog+#ba-content .sidebar-right ul.menu,
.ba-blog+#ba-content .sidebar-right h5,
.ba-blog+#ba-content .sidebar-right h3,
.ba-blog+#ba-content .sidebar-right .categories-module {
    margin: 0 0 0 25px;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu li a,
.ba-blog+#ba-content .sidebar-right .categories-module li h5,
.ba-blog+#ba-content .sidebar-right .categories-module li h4 {
    padding: 10px;
    border-left: 4px solid transparent;
}

.ba-blog+#ba-content .sidebar-right .categories-module li h4 {
    margin: 0;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu li a,
.ba-blog+#ba-content .sidebar-right .categories-module li a {
    color: #777;
    display: block;
    font: 300 16px/28px 'Roboto', sans-serif;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu li.active>a,
.ba-blog+#ba-content .sidebar-right .ba-doc-menu li>a:hover,
.ba-blog+#ba-content .sidebar-right .categories-module li.active>h4,
.ba-blog+#ba-content .sidebar-right .categories-module li.active>h5,
.ba-blog+#ba-content .sidebar-right .categories-module li>h4:hover,
.ba-blog+#ba-content .sidebar-right .categories-module li>h5:hover {
    background: #f5f5f5;
    border-left: 4px solid #02adea;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu li.deeper.active >a {
    background: transparent;
    border-left: 4px solid transparent;
}

/* Download Gridbox Builder */
.ba-blog+#ba-content .sidebar-right .ba-doc-menu li>a.active-menu {
    background-color: #85d88d !important;
    border-radius: 50px;
    border: none;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #ffffff;
    font-style: normal;
    font: 500 16px/24px 'Roboto';
    letter-spacing: 0px;
    margin-top: 50px;
    padding: 20px 25px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all .3s ease-in-out;
}

/*
/* Categories dropdown
*/
.ba-doc-menu ul.menu li ul,
ul.ba-dropdown-menu li ul {
    margin: 0;
    visibility: visible;
}

.ba-doc-menu ul.menu li.active ul,
ul.ba-dropdown-menu li.active ul {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu ul.menu li ul h5,
.ba-blog+#ba-content .sidebar-right ul.ba-dropdown-menu li ul h5 {
    margin: 0;
}

.ba-blog+#ba-content .sidebar-right .ba-doc-menu ul.menu li ul a,
.ba-blog+#ba-content .sidebar-right ul.ba-dropdown-menu li ul h5 a {
    padding-left: 30px;
}

/*
/* Docs Table
*/
table.docs-table {
    background-color: #f9f9f9;
    border-collapse: collapse;
    border: 1px solid #eee;
    color: #000;
    width: 100%;
}

table.docs-table td,
table.docs-table th {
    border: 1px solid #eee;
    padding: 20px;
}

table.docs-table thead {
    background-color: #eee;
}

.item-page.ba-blog .docs-table ul li,
table.docs-table p {
    font-size: 16px !important;
    margin: 0px !important;
    padding: 0px !important;
}

table.docs-table tr td:first-child p {
    line-height: 26px !important;
}

table.docs-table ul {
    padding: 0!important;
}

/*
/* Accordion
*/
.ba-blog .ba-accordion .accordion-group {
    border-radius: 0;
    border: 1px solid #eee;
    border-bottom: none;
    margin: 0;
    margin-bottom: 1px;
}

.ba-blog .ba-accordion .accordion-group:last-child {
    border-bottom: 1px solid #eee;
}

.ba-blog .ba-accordion .accordion-heading {
    background: #eee;
}

.ba-blog .ba-accordion .accordion-group .accordion-toggle {
    color: #101010;
    padding: 20px;
    font: bold 16px/36px 'Roboto', sans-serif;
    position: relative;
}

.ba-blog .ba-accordion .accordion-group .accordion-toggle:before {
    border: 5px solid transparent;
    border-left-color: #101010;
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    transition: .3s;
}

.ba-blog .ba-accordion .accordion-group .accordion-toggle.active:before {
    transform: rotate(90deg);
}

.ba-blog .ba-accordion .accordion-body .accordion-inner  {
    padding: 20px;
    border-top: 1px solid #eeeeee;
}

.ba-blog .ba-accordion .accordion-body .accordion-inner img {
    display: block;
    margin: 0 auto;
}
‌
/*
/* Pagination
*/
.ba-blog .pagination .counter {
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.ba-blog .pagination {
    margin: 50px 0 50px 76px;
    text-align: center;
}

.ba-blog .pagination ul {
    display: inline-block;
    box-shadow: none;
}

.ba-blog .pagination ul > li {
    display: inline;
}

.ba-blog .pagination ul > li > span {
    background: #67d9b4!important;
    border-radius: 3px;
    color: #fff !important;
    cursor: default;
}

.ba-blog .pagination ul > li.pagination-next > span,
.ba-blog .pagination ul > li.pagination-prev > span {
    background-color: transparent!important;
    opacity: .6;
    color: rgb(51, 51, 51)!important;
}

.ba-blog .pagenav li a,
.ba-blog .pagination ul > li > a,
.ba-blog .pagination ul > li > span {
    background-color: transparent;
    border-radius: 2px;
    border: none;
    color: rgb(51, 51, 51);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px 0 0;
    padding: 10px 15px;
    font-size: 12px;
}

.ba-blog .pagination ul > li > a:hover {
    opacity: .5;
}

/*
/* Custom Code Style
*/
.syntaxhighlighter .code .container {
  background: #fafafa !important;
    color: #777;
    font:300 18px/36px 'Roboto', sans-serif !important;
    overflow: auto;
    padding: 0 !important;
    white-space: pre-wrap;
    word-wrap: normal;
}

.syntaxhighlighter .gutter {
    display: none !important
}

.syntaxhighlighter table td.code {
    border-left: 10px solid #64d9b2 !important;
    background: #2e3040;
    border-left: 10px solid #64d9b2;
    color: #c3c4ce;
}

.docs-table code.xml.plain {
    white-space: normal;
}

.syntaxhighlighter .line,
.syntaxhighlighter code {
    background: #2e3040;
    color: #c3c4ce;
}

.syntaxhighlighter table td.code .line:first-child {
  padding-top: 25px !important;
}

.syntaxhighlighter table td.code .line:last-child {
  padding-bottom: 25px !important;
}

body .syntaxhighlighter .line.alt2,
body .syntaxhighlighter .line.alt1 {
    background-color: #2e3040 !important;
    color: #c3c4ce;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a,
.syntaxhighlighter .plain,
.syntaxhighlighter .plain a,
.syntaxhighlighter .color3,
.syntaxhighlighter .color3 a,
.syntaxhighlighter .value,
.syntaxhighlighter .keyword,
.syntaxhighlighter .string,
.syntaxhighlighter .string a {
    color: #c3c4ce !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 36px !important;
}

.syntaxhighlighter .comments,
.syntaxhighlighter .comments a {
    font-weight: 600!important;
}

/*
/* Message and Notifications
*/

.ba-blog .ba-message-alert {
    background: #f3f3f3;
    border-left: 10px solid #ff7171;
    margin-top: 50px;
    padding: 50px 0;
}

.ba-blog .ba-message-alert.notice {
    background: #f3f3f3;
    border-left: 10px solid #67d9b4;
    margin-top: 50px;
    padding: 50px 0;
}

.ba-blog .ba-message-alert h3 {
    margin: 25px 0;
    color: #101010;
    font: 700 18px/36px 'Roboto', sans-serif !important;
}

.ba-blog .ba-message-alert a {
    font: 700 18px/36px 'Roboto', sans-serif !important;
}

.ba-blog .ba-message-alert * {
    color: #777;
    font: 300 18px/36px 'Roboto', sans-serif;
    transition: .3s;
}

.ba-blog .ba-message-alert a:hover {
    color: #101010;
}

#myModal .modal-footer .btn:hover,
.form-validate > div a:hover {
    background-color: rgba(0,0,0,0.1);
    color: #363637;
}

/* Thx Page */
.thx-page h1 {
    text-align: center;
}

.thx-page{
    margin-bottom: 200px;
}

/* ========================================================================
    Documentation
 ========================================================================== */
/*
/* Documentation Menu
*/

.ba-documentation li a {
    color: #777;
    display: block;
    font: 400 16px/48px "Roboto",sans-serif;
}

.ba-documentation li .separator {
    text-transform: none;
}

.ba-documentation .menu > li ul li:hover a {
    background: #eee;
    color: #101010;
}

.ba-documentation .menu>li> a:before,
.ba-documentation li a:before {
    content: "\f127";
    font: normal normal normal 18px/1 "Ionicons";
    padding: 15px;
}

.ba-documentation .menu>li> a{
    color: #101010;
    font-size: 18px;
    font-weight: bold;
    pointer-events: none;
}

.ba-documentation .menu>li> a:before {
    font-size: 24px;
    padding: 0 15px 0 0;
}

.ba-documentation ul.menu {
    border: 1px solid #eee;
    padding: 25px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

/*
/* Images
*/

img.ba-doc-img {
    border-radius: 12px;
    margin: 25px 0;
}

/* Sidebar Menu */
.ba-doc-menu li>a.active-menu:hover {
    background-color: #02adea !important;
    border-top: 1px !important;
    color: #fff !important;
}

li span.separator,
.ba-doc-menu li.deeper.parent > a {
    color: #1a1a1a !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.sidebar-right li span.separator {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 2px;
}

/* Separator styles */
span.separator {
    display: block;
    margin: 25px 0 10px 0;
}

/*
/* Documentation table
*/
.ba-doc-table {
    margin-top: 25px;
    width: 100%;
}

.ba-doc-table td,
.ba-doc-table th {
    padding: 10px;
}

.ba-doc-table tbody tr:nth-of-type(odd) {
    background: #f9f9f9;
}

/* ========================================================================
    Themes Page
 ========================================================================== */

 .themes-thumbs li {
    position: relative;
    display: inline-block;
    margin: 20px;
    width: calc(50% - 42px);
}

.themes-thumbs p {
    position: absolute;
    top: 0;
    z-index: -1;
}

.themes-thumbs .themes-link {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.themes-thumbs li img {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.themes-thumbs li:hover img {
    transform: translateY(-20px);
}

/* ========================================================================
    Notification-bar
 ========================================================================== */

.custom.notification-bar {
    display: flex;
}

.moduletable.notification-bar {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    height: 200px;
    justify-content: center;
}

.notification-bar p {
    align-items: center;
    color: #212121 !important;
    display: inline-flex;
    font: 400 26px/18px 'Playfair Display', serif;
    margin: 0;
    z-index: 1;
}

.notification-bar a.button {
    background: #212121;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fcfcfc;
    font: 500 10px/20px 'Roboto', sans-serif;
    letter-spacing: 3px;
    margin-left: 100px;
    padding: 25px 60px;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    z-index: 1;
}

.notification-bar a img {
    backface-visibility: hidden;
    border-radius: 6px;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
    margin-left: 60px;
    transition: .5s;
    width: 200px;
    will-change: transform;
}

.notification-bar a:hover img {
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
}

.notification-bar a.button:hover {
    background: #544d3e;
    color: #fff;
}

/* ========================================================================
    Call to action
 ========================================================================== */

.cta {
  margin-top: 75px;
}

a.cta-green-btn {
    background: #85d88d;
    border-radius: 60px;
    box-shadow: 0 20px 60px rgba(0,0,0,.1);
    color: #fff;
    display: inline-block;
    font: 500 16px/18px 'Roboto', sans-serif;
    margin-top: 10px;
    padding: 30px 80px;
    text-decoration: none;
}

a.green-btn-feature:hover,
a.cta-green-btn:hover {
    background: #2f3439;
    color: #fff;
}

/* ========================================================================
    Buttons
 ========================================================================== */

/* Tag */
h5.title-tag {
    background: #eee;
    border-radius: 50px;
    color: #777;
    display: inline-block;
    font: 700 10px/18px 'Roboto', sans-serif;
    letter-spacing: 3px;
    padding: 10px 20px;
    text-transform: uppercase;
}

/* Button */
a.green-btn-feature {
    background: #85d88d;
    border-radius: 3px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    display: inline-block;
    float: left;
    font: 500 14px/18px 'Roboto', sans-serif;
    margin-top: 20px;
    padding: 20px 30px;
    text-decoration: none;
}

/* Button with icon */

a.green-btn-feature.green-btn-icon {
    padding-right: 50px;
    position: relative;
}

a.green-btn-feature.green-btn-icon:after {
    content: "\f362";
    display: inline-block;
    font: 26px/58px "Ionicons";
    height: 100%;
    margin-left: 10px;
    opacity: 0.5;
    position: absolute;
    right: 15px;
    top: 0;
    vertical-align: sub;
}

/* ========================================================================
    Extravote
 ========================================================================== */
.extravote-stars:hover .extravote-star:before {
    color: #ffc800 !important;
}

.extravote-stars {
    display: inline-flex;
    position: relative;
}

.extravote-star a {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.extravote-star {
    background: #f9f9f9;
    display: inline-block;
    position: relative;
}

.current-rating:before,
.extravote-star:before {
    color: #ddd !important;
    content: '\f27d';
    display: inline-block;
    font: normal normal normal 36px/27px 'Material-Design-Iconic-Font'!important;
}

.current-rating:before {
    color: #ffc800!important;
    content: '\f27d''\f27d''\f27d''\f27d''\f27d';
}

.extravote-stars:hover .extravote-star:hover + .extravote-star + .extravote-star + .extravote-star + .extravote-star + .extravote-star:before,
.extravote-stars:hover .extravote-star:hover + .extravote-star + .extravote-star + .extravote-star + .extravote-star:before,
.extravote-stars:hover .extravote-star:hover + .extravote-star + .extravote-star + .extravote-star:before,
.extravote-stars:hover .extravote-star:hover + .extravote-star + .extravote-star:before,
.extravote-stars:hover .extravote-star:hover + .extravote-star:before {
    color: #ddd !important;
}

.current-rating {
    background-color: transparent;
    height: 27px;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
}

.extravote-stars:hover .current-rating {
    opacity: 0;
    visibility: hidden;
}

.extravote-info small,
.extravote-info {
    border-radius: 2px;
    color: #777;
    display: block;
    font-family: 'Roboto',sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 12px;
    text-transform: uppercase;
}

.extravote-info small img,
.extravote-info small {
    padding: 0;
    display: inline-block;
}

@media(max-width:1200px){
    #ba-content .container {
        width: auto;
    }

    .features-list.integrations-list ul {
        justify-content: center;
        margin: 0;
    }

    .single-product .price-wrapper.price-free {
        margin-left: calc(100% - 740px);
    }

    .product-tabs .tab-description {
        padding: 0 25px;
    }
}

@media(min-width:1200px){
    .container {
        width: 1170px;
        }
}