/* Bootstrap правки */
.navbar {margin-bottom: 0;background: rgba(255,255,255,0.8);}
.navbar .navbar-nav > li > a {font-size: 16px;text-transform: uppercase;}
.btn {border-width: 2px;text-transform: uppercase;font-weight: bold;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.btn:not(.btn-link):hover, .btn-active {border-color: #d0d1bd;background-color: #d0d1bd;color: #797970;}
.navbar-brand {margin-top: -10px;}

html {position: relative;min-height: 100%;}

/* Стили страницы */
body {background-color: #f9f9f9;font-family: "Myriad Pro", Arial, Verdana, "Helvetica Neue";padding-bottom: 60px;}
h2 > a, h3 > a, h1 > a {color: #000;}
h2 > a:hover, h3 > a:hover, h1 > a:hover {text-decoration: none;}

.index-page, .index-page body {height: 100%;width: 100%;}

.frame-slider {height: 100%;}
.frame-slider .carousel {height: 100%;overflow:hidden;position: absolute;top:0;left:0;z-index: 10;width: 100%;}
.frame-slider .carousel .item {width: 100%;height: 100%;}
.frame-slider .carousel .item .image-layer {width: 100%;height:100%;background-repeat: no-repeat;background-size: cover;}
.frame-slider .carousel .carousel-inner {height: 100%;}

.frame-slider .carousel-content {position: absolute;top: 0;height: 100%;width: 100%;left: 0;}
.frame-slider .container {position: relative;height: 100%;}
.frame-slider .container .row {height: 100%;}
.frame-slider .container .row > div {height: 100%;}
.frame-slider .container .form {background: rgba(255, 255, 255, 0.8);padding: 25px;}
.frame-slider .container .form .form-logo {width: 60%;margin-bottom: 20px;margin-left: 60px;}
.frame-slider .container .form h2 {text-align: center;color: #484848;margin-top: 0;}
.frame-slider .container .form .form-actions {overflow: hidden;}
.frame-slider .container .form .form-group {margin-bottom: 15px;}
.frame-slider .container .form-userbox h3 {color: #333;margin-bottom: 20px;}
.frame-slider .container .form-actions .list-inline {margin-top: 25px;}
.frame-slider .container .form-heading {font-size: 18px;color: #083271;margin-bottom: 15px;}

.margin-center {top: 50%;position: absolute;width: 100%;}

.box-shadow {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}

.frame-about {padding: 50px 0;}
.frame-about h1 {margin-top: 0;}

.product-item {}
.product-item h3 {margin-bottom: 20px;font-size: 16px;min-height: 40px;}
.product-item .preview {border: 5px solid #7bc88c;display: inline-block;border-radius: 47px;width: 94px;height: 94px;margin-bottom: 20px;}
.product-item .preview img {margin-top: 18px;}
.product-item p {margin-bottom: 10px;min-height: 120px;}
.product-item .btn {margin-bottom: 10px;}

.news-item {margin-bottom: 10px;}
.news-item .preview {margin-bottom: 20px;}
.news-item .preview img {width: 100%;}
.news-item p {margin-bottom: 15px;min-height: 60px;}
.news-item .btn {}

.contact-item {background-color: #42546b;color: #fff;height: 140px;padding-top: 35px;}

.gallery-item {padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}
.gallery-item > a {width: 100%;height: 110px;overflow:hidden;display: block;}
.gallery-item > a > img {width: 100%;}

.frame-client {background-color: #272b36;padding: 15px 0;border-top: 9px solid #858a98;overflow: hidden;}
.frame-client .photo-preview {width: 150px;height: 150px;border: 5px solid #9e96a1;border-radius: 80px;margin: 20px 0;}
.frame-client .quote {color: #7bc78b;font-size: 150px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;line-height:160px;display: block;height: 70px;overflow: hidden;}
.frame-client .quote.right {margin-top: 100px;}
.frame-client .welcome-text p {color: #fff;font-size: 18px;line-height: 22px;margin-top: 45px;}
.frame-client .welcome-text span {color: #fff;font-size: 16px;}
.frame-client .welcome-text span .client-name {color: #7bc68b;}
.frame-client .carousel-indicators {bottom: 10px;}

.frame-promo {padding: 50px 0;}
.frame-promo .top-image {width: 100%;}
.frame-promo h2 {margin-bottom: 25px;}
.frame-promo h3 {margin-bottom: 20px;}
.frame-promo p {margin-bottom: 25px;}
.frame-promo .btn {}

.frame-soother {background: url(/media/img/new/parallax.jpg) repeat fixed;background-size: cover;padding: 30px 0;}
.frame-soother h4 {color: #f6e9e7;font-size: 22px;}

.frame-news {padding: 50px 0;}
.frame-news h2 {margin-top: 0;margin-bottom: 30px;}
.frame-news .news-text {margin-bottom: 25px;}

.frame-video {padding: 50px 0;background-color:#272b36;border-top: 9px solid #858a98;}
.frame-video h2 {color: #f6e9e7;margin-bottom: 30px;margin-top: 0;}

.frame-projects {padding: 50px 0;}
.frame-projects h2 {margin-top: 0;margin-bottom: 30px;}

.frame-map {height: 325px;}

.frame-contacts {padding: 50px 0;}
.frame-contacts h2 {margin-top: 0;margin-bottom: 30px;}
.frame-contacts p {margin-bottom: 30px;}

.frame-footer {height: 60px;background-color:#272b36;border-top: 9px solid #858a98;}
.frame-footer p {margin-top:15px;color: #fff;}
.frame-footer .contact-link {color: #fff;margin-left: 15px;text-decoration: underline;}
.frame-footer .contact-link:hover {color: #eee;}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
}

.page {padding-top: 30px;padding-bottom: 30px;margin-top: 50px;}
.page-error {padding: 200px 50px;text-align: center;font-size: 20px;}

/* Стили из старого дизайна */
.message, .alert {padding: 10px;border: 1px solid darkgray;background-color: lightgray;text-align: center;margin-bottom: 15px;color: white;}
.message.success, .alert-success {background-color: green;border-color: darkgreen;}
.message.error, .alert-danger {background-color: darkred;border-color: red;}
.error-box{display:block;font-size:12px;padding:10px;color:darkred;text-transform:lowercase;border:1px solid darkred;background-color:pink;margin:10px 0px;}
.error-container {margin-top:75px;margin-bottom: -50px;}

.program-page .list{margin:20px 0;overflow:hidden;}
.program-page .list .navigation{padding:0px 0px 30px;overflow:hidden;}
.program-page .list .navigation li{float:left;margin-right:2px;margin-bottom:2px;}
.program-page .list .nav-steps{float:left;margin-right:20px;z-index:1000;position:relative;}
.program-page .list .nav-steps li{float:none;}
.program-page .list .nav-steps li a{display:block;text-align:center;}
.program-page .list .user-info .tools{float:none;overflow:hidden;padding-top:5px;}
.program-page .list .user-info .tools li{margin-left:0px;margin-right:2px;}
.program-page .list .user-info .tools .btn {margin-bottom: 10px;}
.program-page > .user-info li {font-size: 18px;}

.next-access{padding:20px 0px 30px;}
.next-access h1{font-weight:bold;color:darkred;font-size:16px;padding-bottom:3px;}
.next-access p{font-size:12px;font-weight:bold;color:#454545;}
.next-access a{color:darkblue;text-decoration:underline;}
.next-access a:hover{text-decoration:none;}

/* badges */
.bg-danger{padding:10px;background-color:#ffa39e;color:darkred;font-size:14px;}
.bg-success{padding:10px;background-color:green;color:darkgreen;font-size:14px;line-height:18px;color:white;}

/* register success */
.register-success{max-width:600px;background-color:transparent;color:black;}
.register-success p{padding-bottom:10px;}
.register-success h4{padding-bottom:10px;font-size:20px;margin-bottom:10px;border-bottom:1px solid #cbcbcb;}

/* settings success */
.settings-success{max-width:400px;margin:0px auto;margin-top:30px;}

.bread-crumbs{font-size:13px;padding:10px 10px;text-transform:uppercase;}
.bread-crumbs{color:#333;}
.bread-crumbs a{color:#888;text-decoration:none;}
.bread-crumbs a:hover{text-decoration:underline;}

.welcome-programs{width:630px;margin:0px auto;overflow:hidden;padding:100px 0px;}
.welcome-programs a{color:white;float:left;width:200px;margin:5px;text-align:center;}
.welcome-programs a span{display:block;text-align:center;padding-top:5px;}
.welcome-programs a span b{color:#FFD100;font-weight:normal;}.bread-crumbs a:hover{text-decoration:underline;}

.form-transaction {margin-bottom: 15px;}

.list-news {margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #AEAEAE;}
.form-text {font-weight: 400;color: darkgreen;}


/*Now the CSS*/
.tree{overflow:hidden;width:50000px;}
.tree ul {
    padding-top: 20px; 
    padding-left: 0px;
    position: relative;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 2px 0 2px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #24251d;
    width: 50%; height: 20px;
}
.tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #24251d;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
    border-right: 1px solid #24251d;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #24251d;
    width: 0; height: 20px;
}

.tree li a {
    text-decoration: none;
    color: #333;
    font-family: arial, verdana, tahoma;
    font-size: 14px;
    display: inline-block;    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align:center;
    width: 150px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
    
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
    border-color:  #94a0b4;
}

.user-tree-holder h3:first-child {margin-top: 0;}
.user-tree-holder .tree{
    width:auto;
    margin:0px auto;
}

.user-tree-holder .tree .free-place a{
    
}

.user-tree-holder .tree a.my-place{
    
}

.user-tree-holder .tree a:hover, .user-tree-holder .tree a:hover+ul li a,
.user-tree-holder .tree .free-place a:hover, .user-tree-holder .tree .free-place a:hover+ul li a,
.user-tree-holder .tree a.my-place:hover, .user-tree-holder .tree a.my-place:hover+ul li a {
}

.query-form {margin-bottom: 15px;}
.machine-caption {color: #ae0726;font-size: 16px;}

/* Corusel vertical */
.carousel-inner.vertical {
  height: 100%;
}
.carousel-inner.vertical > .item {
  -webkit-transition: .6s ease-in-out top;
  -o-transition: .6s ease-in-out top;
  transition: .6s ease-in-out top;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner.vertical > .active {
  top: 0;
}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
  top: 0;
  height: 100%;
  width: 100%;
}
.carousel-inner.vertical > .next {
  left: 0;
  top: 100%;
}
.carousel-inner.vertical > .prev {
  left: 0;
  top: -100%
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {
  top: 0;
}
.carousel-inner.vertical > .active.left {
  left: 0;
  top: -100%;
}
.carousel-inner.vertical > .active.right {
  left: 0;
  top: 100%;
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

.carousel-indicators {position: absolute;bottom: auto;top: 50%;right: 30px;left:auto;width: 20px;margin-top: -40px;}
.carousel-indicators li {width: 15px;height: 15px;opacity: 0.8;background-color: #999;border: medium none;}
.carousel-indicators li.active {width: 15px;height: 15px;}

.toolkit ul.list-inline li {margin-bottom: 10px;}

.happy-new-year{background:url("https://our-safe-home.com/media/img/back/bg.jpg") top center no-repeat fixed;background-size:cover;}