@font-face {font-family: Lobster;    src: url(../fonts/lobster.ttf);}
@font-face {font-family: NotoSerif;    src: url(../fonts/NotoSerif-Regular.ttf);    }
@font-face {font-family: Cuprum;    src: url(../fonts/cuprum_regular.ttf);    }

body {
    font-family: 'Cuprum', serif;
    background: url("../image/bright-light-textures3.jpg");
}

/** Main **/
a.navbar-brand {font-family: 'Lobster', cursive;font-size: x-large;}
a:hover, a:focus {
    text-decoration: none;
    color: #FF6200;
}
body {
    font-size: 16px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 3rem;
}
h1 {
    margin-top: 70px;
    text-align: center;
    margin-bottom: 0;
    padding: 10rem 0;
    color: white;
    text-shadow: none;
    font-weight: 600;
    font-family: 'NotoSerif', serif;
    background: #002f25;
}
h2, h3 {
    font-weight: 600;
    font-family: 'NotoSerif', serif;
}
h4, h5,
.h4, .h5 {
    font-weight: 600;
}
.width100 {width:100%;}
.nav>li {
    font-family: 'NotoSerif', serif;
    font-weight: 900;
    font-size: medium;
}
.btn {
    border: none;
}
#contactBlock h2, #contactBlock h3 {
    text-align:center;
    
}
a, button, a i,
#question .panel-heading,
#whyWe .item .icons {
    text-decoration: none;
    -webkit-transition: color .4s ease, background .4s ease, border .4s ease, opacity .4s ease;
    -o-transition: color .4s ease,background .4s ease,border .4s ease,opacity .4s ease;
    transition: color .4s ease, background .4s ease, border .4s ease, opacity .4s ease;
}
#whyWe .center-block {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
textarea {
    resize: none;
}
/* Хлебные крошки */
.breadcrumb {
    display: flex;
    list-style: none;
    padding: 1.5rem 0rem;
    border-radius: 8px;
    color: #151515;
    margin-bottom: 0;
}
.breadcrumb li {
    display: flex;
    align-items: center;
}

.breadcrumb li + li::before {
    content: "/";
    margin: 0 1rem;
}

.breadcrumb a {
    text-decoration: none;
    color: #333;
    transition: color 0.2s;
}

.breadcrumb a:hover {
    color: #dc1f27;
}

/* Контактная информация */
.contact-block {
    margin-top: 20px;
    padding: 20px;
    background-color: #f4eae0;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    font-family: 'Arial', sans-serif;
    color: #424143;
}

.contact-block p {
    margin: 10px 0;
    line-height: 1.6;
}

.contact-block a {
    color: #a11d21;
    text-decoration: none;
    transition: color 0.2s;
}

.contact-block a:hover {
    color: #dc1f27;
}

/* Адаптив для мобильных */
@media (max-width: 600px) {
    .breadcrumb {
        font-size: 12px;
    }
    .contact-block {
        padding: 15px;
    }
}
img {max-width:100%;}
a, li, button {
    -webkit-transition: all 0.25s ease-out 0.125s;
    -moz-transition: all 0.25s ease-out 0.125s;
    -o-transition: all 0.25s ease-out 0.125s;
    transition: all 0.25s ease-out 0.125s;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.btn-primary{
    background: #002f25;
    border-color:#002f25;
    border-radius: 25px;
}
.btn-danger {
    background: #b70808;
    border-color: none;
    border-radius: 25px;
}
.btn-primary:hover, 
.btn-primary:focus, 
.buttonClean:hover, 
.buttonClean:focus {
    background: #FF6200;
    border-color: none;
}
.btn-primary:active {
    background-color:#1F7B67;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color:#333;
}
ul.breadcrumb > li {
    list-style-type: none;
    display: -webkit-inline-box;
}
ul.breadcrumb {
    font-size: x-large;
} 
#categoryLeft li {
    color: #002f25;
    list-style-type: none;
    margin-bottom: 0.5rem;
    background: white;
    font-weight: 600;
    font-size: initial;
    text-transform: uppercase;
}
#categoryLeft li a {
    color: inherit;
    display: block;
    padding: 1.5rem 2rem;
}
#categoryLeft li:hover a, 
#categoryLeft li:focus a,
#categoryLeft li:active a {
    color: white;
    background: #002f25;
    text-decoration: none;
}
/** Верхние **/
a.navbar-brand {
    padding: 35px 15px;
    line-height: 0px;
}
.carousel-caption {
    width: 40%;
    background: #ff6200;
    height: 100%;
    right: 0;
    left: auto;
    top: 0;
    padding: 8rem 5rem 3rem 5rem;
    text-align: left;
}
.carousel-caption p {
    margin-right: 0px;
    margin-left: auto;
    padding: 1rem 0rem 3rem 0rem;
    margin-bottom: 0px;
    text-shadow: 0 0 BLACK;
    font-size: 2.5rem;
}
.carousel-indicators li,
.carousel-indicators li.active {
    margin: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
}
.carousel-caption a {
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 1rem 2rem;
}
#myCarousel {
    margin-top: 70px;
}
#myCarousel img {
    width:100%;
}
.navbar {min-height:0px;}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {color:#333;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #FFF;
    background: #002f25;
}
.navbar-inverse {
    background: white;
    border: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.open, .navbar-inverse .navbar-nav>.active {
    background:#34D2AF;
    box-shadow:none;
}
ul.nav li a { 
    padding: 2.5rem;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background-color: none;
}
#vk > a:hover, #vk > a:focus {
    background: #597da3;
    color:#FFF;
}
#preson > a:hover, #person > a:focus {
    background: #FF6200;
    color:#FFF;
}
.carousel-control.right, .carousel-control.left {
    background:none;
}
.typicalBlock {margin-top:50px;}
#WhatIsThis {
    margin: 0% auto;
    padding: 3% 2%;
}
#WhatIsThis {background:#FFF;}
/** category **/
.categoryParent span {
    color: #FFF;
    position: absolute;
    top: 40%;
    font-weight: 900;
    font-family: 'NotoSerif', serif;
    width: 100%;
    text-align: center;
    font-size: x-large;
    vertical-align: middle;
}
.categoryParent span:hover, .categoryParent span:focus {text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);}
/** thatClean **/
#thatClean {
    background: #002f25;
    padding: 5rem 0;
}
#thatClean img {
    background: #ebfffa;
}
#thatClean p, 
#thatClean li {
    font-size: large;
}
#thatClean a, 
#thatClean h2 {
    color: white;
}
#thatClean a:hover,
#thatClean a:focus,
#thatClean a:active {
    color: white;
    background: #151515;
}
#thatClean li.active a, 
#thatClean li:hover a, 
#thatClean li:active a, 
#thatClean li:focus a {
    color: white;
    border: none;
}
#thatClean li.active a{background: rgba(0,134,104,0.45);}
#thatClean li:hover a, #thatClean li:focus a {background: rgba(0,134,104,1);}
#thatClean div.content {
    padding: 2rem;
    background: white;
}
#question {
    border-right: 0px;
    border-left: 0px;
    padding: 5rem 0;
}
#question {
    background: white;
}
#question .panel-group {
    margin-bottom: 0;
}
#thatClean h2, #question h2 {
    text-align: center;
}
/** Question **/
#question h3 {
    color: #002f25;
}
#question .panel-title {
    font-family: 'NotoSerif', serif;
    font-weight: 600;
    color: #002f25;
}
#question .panel-heading {
    border: 1px solid #004838;
    background: transparent;
    padding: 20px 15px;
}
#question .panel-body {
    padding: 2rem;
}
/** why We **/
#whyWe {
    background: white;
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#whyWe p {
}
#whyWe .item {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    gap: 5rem;
}
#whyWe .item:hover .icons,
#whyWe .item:focus .icons {
    background: #002f25;
}
#whyWe h4  {
    font-weight: 600;
    text-transform: uppercase;
}
#whyWe .icons {
    background: #ff6200;
    display: inline-flex;
    border-radius: 50%;
    padding: 2rem;
    max-width: 10rem;
}
#whyWe img {
    max-width: 100%;
}
/** Contact **/
#contactBlock .btn {
    font-family: 'NotoSerif', serif;
    font-weight: 600;
}
#contactBlock .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-control {
    padding: 1.25rem 2rem;
    line-height: 1.5rem;
    font-size: 1.5rem;
    height: 4.5rem;
    display: inline-flex;
    border-radius: 1rem;
    border: none;
    font-family: 'NotoSerif', serif;
    font-weight: 600;
}
#contactBlock {
    background: #FF6200;
    color: white;
    padding: 5rem 0;
}
#contactBlock a {
    color: white;      
}
/** Calc **/
#calc {
    font-size: x-large;
    text-align: center;
    background: white;
    padding: 5rem 0 0rem 0;
}
#calc h3 {
    margin: 0px;
    padding: 30px;
    background: #002f25;
    color: white;
}

#calc .btn-group > .btn.active {
    background: #002f25;
    color: white;
}
#calc .btn-group > .btn {
    background: transparent;
    color: #002f25;
}
#calc .item {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #002f25;
    background: white;
}
#calc .row:first-child {
    padding-bottom: 5rem;
}
#calc i { color: #002f25;}
#calc .add, #calc .remove {
    position: absolute;
    bottom: 0px;
    padding: 5px 15px;
    background: none;
    color: #002f25;

}
#calc .add {
    right: 15px;
    border-left: 1px solid;
}
#calc .remove {
    left:15px;
    border-right: 1px solid;
}
#calc .add:hover, #calc .add:focus, #calc .remove:hover, #calc .remove:focus {
    cursor: pointer;
    color: #FFF;
    background: #002f25;
}
#calc .item .count {    
    padding: 5px;
    border-top: 1px solid #002f25;
    margin-top: 10px;
}
#calc .item.inline .count {    
    margin-top:0px;
}
#calc .item.inline {
    border-radius:0px;
    border: 1px solid #002f25;
    background: #FFF;
    border-top: none;
}
#calc .count div {    display: -webkit-inline-box;}
#calc img {
    padding: 10% 0px 0% 0%;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}
#calc small {
    color: #888;
    font-size: large;
    line-height: 0px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */   
}
#calc2 small {
    font-size: small;
    color: #002f25;
}
#calc2 .spec, #calc2 .hour, #calc2 .min, #calc2 .price {
    display: -webkit-inline-box;
    font-weight: 800;
}
.oldPriceParent {
    color: #56a968;
    font-variant: inherit;
    text-decoration: line-through;
    display:-webkit-inline-box;
}
#calc2 div.col-xs-6 .price, #calc2 div.col-xs-6 p {    
    font-size: xx-large;
}
#calc2 .clean {
    text-align:left;
}
#calc .row:last-child {
    background: #ebfffa;
    padding: 3rem 0;
}
#calc h4 {
    font-family: 'Cuprum', sans-serif;
    font-weight: 700;
    margin: 0px 0px 30px 0px;
    font-size: xx-large;
}
#calc span.heading {    
    margin: 5px 0px;
    font-size: large;
    padding: 5%;
    display: block;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */   
}
#calc2 p {font-size: x-large;}
#calc2 i {margin-right:5%;}

.buttonClean {
    color: white;
    border: none;
    border-radius: 25px;
    padding: 10px 20px;
    background: #002f25;
}
.buttonClean:hover, .buttonClean:focus {
    color:#FFF;
    text-decoration:none;
}
/** footer **/
#preFooter, #addQuestion {
    background: #151515;
    padding: 5rem 0;
}
#preFooter hr {
    margin: 5rem 0;

}
#preFooter .h3, #preFooter p, #preFooter a, #addQuestion h3  {color:#FFF;}
#preFooter .h3, #addQuestion h3 {text-align:center;}
#preFooter .item a {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#preFooter .item a i {
    font-size: 3rem;
    background: white;
    color: #151515;
    width: 5rem;
    text-align: center;
    height: 5rem;
    line-height: 5rem;
    border-radius: 50%;
    margin-bottom: 1rem;
}
#preFooter .item a .main {
    font-size: 2.5rem;
}
#preFooter .item a:hover,
#preFooter .item a:focus,
.footer-menu h3 {
    color: white;
}
#preFooter .footer-menu a:hover, 
#preFooter .footer-menu a:focus {
    text-decoration: none;
    color: #FF6200;
}
#preFooter .item a:hover i,
#preFooter .item a:focus i {
    background: #FF6200;
}
#map {
    margin:0px;
    border-top:3px solid #333;
}
footer {
    text-align: center;
    padding: 2rem 0;
    color: #a7a7a7;
    background: black;
}
footer > a {color:#FFF;}
/** 404 **/
#error {margin:10% 0px;}
#error h1 {
    font-size: -webkit-xxx-large;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
#error p {    
    text-align: center;
    font-size: x-large;
    color: #ababab;
    margin: 35px 0px;
}
/** Content **/
.state {
    padding: 2% 6%;
    background: #FFF;
    border-radius: 4px;

}
.state a, .state p, .state span, .state li {
    font-size: large;
}

.loginLegend {
    font-size: xx-large;
    text-align: center;
}
.tabschild a {
    color: #7b1a03 !important;
    background: none;
    border: none !important;
    
}

.tabschild a:hover, .tabschild li.active a {
    background: none !important;
    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
    text-decoration: underline;
    color: #025f4b !important;
}
.tabschild  > div.tab-pane {    padding: 3% 0%;}

#question .panel-heading:hover {
    background:#004838;
}
#whyWork {
    background: #f7f7f7;
    padding: 5rem 0;
    text-align:center;
}
#whyWork h4 {
    text-align: center;
    margin-bottom: 2rem;
    text-transform: uppercase;
}
#whyWork .block {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
#whyWork .number {
    width: 5rem;
    height: 5rem;
    background: #ff6200;
    color: white;
    display: block;
    text-align: center;
    line-height: 5rem;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3rem;
}
#whyWork .item-1 .number {
    opacity: 0.7;
}
#whyWork .item-2 .number {
    opacity: 0.85;
}
#whyWork .item-3 .number {
    opacity: 1;
}

/** vidgets **/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}