/*Custom form*/
@charset "utf-8";

.contact-block .contact-item{
    /*display: flex;*/
    color: #404040;
    font-size: 16px;
    text-align: center
}
.contact-block .contact-item > div{
    margin: 10px 0;
}
.contact-block .contact-item i{
    font-size: 25px;
    color: #69577a;
    margin-right: 15px;
}

/* Custom popup */
.custom-btn{
    color: #fff!important;
}
/* Outer */
.popup-is-locked{
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
.popup-active{
    display: flex!important;
}
.popup {
    display:none;
    overflow: auto;
    position:fixed;
    padding: 10px;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(43,53,56,.58)
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width: 90%;
    margin: auto;
    padding: 28px 28px 0;
    border-radius: 6px;
    color: #2b2e38;
    position: relative;
   /* position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);*/
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:35px;
    height: 35px;
    padding: 0;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
   -webkit-transition: color .2s;
    transition: color .2s;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#95979c;
}
.popup-close:before{
    font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;
    font-size: 25px;
    line-height: 35px;
    content: "\00d7";
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
}
 
.popup-close:hover {
    text-decoration:none;
    color: #2b2e38;
}
/* Custom-tab */

.inner_tab {
    background-color: #f8f8f8!important;
}
.inner_tab .su-tabs-nav span:hover{
    color: #666;
}
.tabs-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tabs-wrap .tabs-pakets{
    width: 65%;
}
.tabs-wrap .tabs-pakets__single{
    width: 100%;
}
.tabs-wrap .tabs-info{
    width: 30%;
    padding-bottom: 20px;
    border-radius: 5px;
}
.inner_tab .su-tabs-nav{
    text-align: center;
}
.inner_tab .su-tabs-nav .su-tabs-current{
    background: #eee;
    color: #666;
}
.inner_tab .su-tabs-nav > span{
    background-color: #855e9a;
    border-color: #73468c;
    color: #fff;
    margin: 5px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 3px;
}
.tabs-info{
    background: #fff;
}
.inner_tab .su-tabs-pane{
    background: inherit;
}
/* CSS Document */
.pane-sliders .title {
  margin: 0;
  padding: 2px;
  color: #666;
  cursor: pointer;
}
 
.pane-sliders .panel   { border: 1px solid #ccc; margin-bottom: 3px;}
 
.pane-sliders .panel h3 { background: #f6f6f6; color: #666}
 
.pane-sliders .content { background: #f6f6f6; }
 
.pane-sliders .adminlist     { border: 0 none; }
.pane-sliders .adminlist td  { border: 0 none; }
 
.jpane-toggler  span     { background: transparent url(https://buhhelp.com.ua/wp-content/plugins/js_composer/assetsimages/j_arrow.png) 5px 50% no-repeat; padding-left: 20px;}
.jpane-toggler-down span { background: transparent url(https://buhhelp.com.ua/wp-content/plugins/js_composer/assetsimages/j_arrow_down.png) 5px 50% no-repeat; padding-left: 20px;}
 
.jpane-toggler-down {  border-bottom: 1px solid #ccc; }
 
/* tabs */
 
dl.tabs {
  float: left;
  margin: 10px 0 -1px 0 !important;
  z-index: 50;
}
 
dl.tabs dt {
  float: left;
  padding: 4px 10px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin-left: 3px;
  background: #f0f0f0;
  color: #666;
}
 
dl.tabs dt.open {
  background: #F9F9F9;
  border-bottom: 1px solid #F9F9F9;
  z-index: 100;
  color: #000;
}
 
div.current {
  clear: both;
  border: 1px solid #ccc;
  padding: 10px 10px;
}
 
div.current dd {
  padding: 0;
  margin: 0;
}

.tabldiv {
  padding: 1px 25px;
  background-color:#EBEBEB;
  font-family: Tahoma, Helvetica, sans-serif;
/*  font-size: 11px;*/
  margin: 0px;
  color: #627484;
  font-weight: normal;
}

.tablcheta {
  color: #627484;
  font-weight: bold;
}
.tabldelim {
  height:5px;
}
.tablchet { padding: 2px 5px 2px 5px; height:24px; /*background-color:#ffffff;*/ font-family: Tahoma, Helvetica, sans-serif; /*font-size: 11px;*/ margin: 0px; color: #627484; font-weight: normal;  }

.textwarn {font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; margin: 0px; color: #ca453d; font-weight: bold; padding-left: 5px; }

.tablzag2 {
padding: 5px; height:20px; background-color:#f6f6f6; font-family: Tahoma, Helvetica, sans-serif; /*font-size: 11px;*/ margin: 0px; color: #555; font-weight: bold;
}

.tablzag3 {
padding: 5px; height:20px; background-color:#69577a; font-family: Tahoma, Helvetica, sans-serif; /*font-size: 11px; */ margin: 0px; color: #ffffff; font-weight: normal;
}
.tablitogo {
  height:24px;
  background-color: #ede8f4;
  font-family: Tahoma, Helvetica, sans-serif;
/*  font-size: 11px;*/
  margin: 0px;
  color: #627484;
  font-weight: bold;
  padding-top: 2px 5px 2px 5px;
  white-space:nowrap;
}

.form { width:100%; max-width: 250px; height:20px; font-family: Tahoma, Helvetica, sans-serif; /*font-size: 9px;*/ margin: 0px; color: #777575; font-weight: normal; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.textarea {width: 100%; max-width: 250px; padding: 0; font-family: Tahoma, Helvetica, sans-serif; margin: 0px; color: #777575; border: 1px solid #cccccc;}
/*.button {  height:15; font-family: Tahoma, Helvetica, sans-serif; font-size: 9px; margin: 0; color: #777575; font-weight: normal; background-color:#d2d2d4; border:0px solid #d2d2d4; }*/

.tablenoborder tr{border:0;}
.tablenoborder td{ border:0;}

.minus, .plus{
  cursor:pointer;
  width:10px;
  height:10px;
  background:#f2f2f2;
  border-radius:4px;
  padding:0px 5px 0px 5px !important;
  marging:0 !important;
  border:1px solid #ddd;
  font-size:14px;
  
  -moz-user-select: -moz-none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;    
  vertical-align:middle;
    
}
.iprice_intro { margin-bottom:10px;}
.curr-input {
  width:auto !important;
}

.ip-currselector {
  float: right;
  margin:5px 5px;
}

/* for tabs in Joomla 3.x */ 

.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li > a > img {
  max-width: none;
}
.nav > .pull-right {
  float: right;
}
.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  background-color: #08c;
}
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}
.nav-list .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eee #eee #ddd;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #fff;
  background-color: #08c;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #08c;
  border-bottom-color: #08c;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eee #ddd #eee #eee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #fff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eee #eee #eee #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #fff;
}
.nav > .disabled > a {
  color: #999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
.navbar {
  overflow: visible;
  margin-bottom: 18px;
  *position: relative;
  *z-index: 2;
}
.navbar-inner:before,
.navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-inner:after {
  clear: both;
}
.navbar .container {
  width: auto;
}
.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 11px 20px 11px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  color: #555;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .brand:hover,
.navbar .brand:focus {
  text-decoration: none;
}
#preorder, #ipricebt1{
    text-shadow: none;
    background: none;
    font-size: 18px;
    color: #7d7d7d;
    min-height: 30px;
    box-shadow: none;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 15px;
    cursor: pointer;
}
#ipricebt1{
  border-radius: 20px;
  margin-top: 15px;
}
#ipricebt1:hover{
  background: #f0f0f0;
}


/*Custom input[type=number]*/
.quantity .dfield{
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 45px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

@media screen and (max-width: 767px){
    .tabs-wrap .tabs-pakets{
        width: 100%;
    }
    .tabs-wrap .tabs-info{
        width: 100%;
        margin-top: 30px;
    }
    .contact-block .contact-item{
        text-align: center;
    }
    .contact-block .contact-item button{
        text-align: center;
    }
}

@media screen and (max-width: 720px){
    #calc_row{
        padding: 0!important;
    }
}
@media screen and (max-width: 620px){
    .main-table{
        overflow-x: auto;
    }
}
@media screen and (max-width: 480px){
    .caldera-grid .form-btn{
        padding: 0 10px!important;
        font-size: 16px!important;
    }
}