@charset 'utf-8';

b,h1,h2,h3,h4,h5,h6,strong{
    font-weight:500;
}
h3,h4,h1 {
	font-weight:700;
}
h3{
    font-size: 26px;
    text-transform: uppercase;
}
h4{
    font-size: 26px;
}
h1 {
    font-size: 50px;
}
body,mark{
    color:#383b3e;
    font-family: 'Noto Sans', sans-serif;
    height: 100%;
}

button,fieldset,input{
    border:none;
}
body,fieldset,figure,h1,h2,h3,h4,h5,h6,html,p,ul{
    margin:0;
}
img,legend{
    border:0;
}
body,button,fieldset,html,legend,p,td,th,ul{
    padding:0
}
.text-decotarion_type1,body,html,sub,sup{
    position:relative;
}
.button_type1,.fancybox-title-float-wrap,.list__title_type2,.placemark__value,.statistic-info,.table td.error,.table th{
    text-align:center;
}

.pat-line {
    background: url(../img/pat-01.png) repeat-x;
    height: 6px;
    width: 100%;
    margin: 0 0 50px 0;
}
a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5ms ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Header ----------------------------------- */
.head-cont {
    float:right;
    display: block;
    margin: 20px 10px 20px 20px;
    color:#ffffff;
    text-align: center;
}
.head-cont h4 {
    float:left;
    padding: 20px 0 0 0;
    font-size: 18px;
    font-weight: 700;
    text-transform:uppercase;
}
.head-phone {
    color: #ffffff;
    float: right;
    border-radius: 20px 0 20px 0;
    background: none;
    border:0;
    height: 40px;
    padding: 0 20px 0 20px;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
    margin: 10px auto;
    font-weight: 700;
}
.head-phone i {
    font-size: 24px;
    padding:0px 15px 0px 0px;
}
/* ------------------------------------------- */

/* 1 bx -------------------------------------- */
.bx-1 {
    width: 100%;
    background: #fff;
    height: auto;
    display: block;
    padding: 50px 0px 30px 0px;
}

.bx-stitle {
    color: #666;
    font-size: 13px;
    margin: 20px 0;
}

.bl-about {
    background: none;
    border: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.bl-about h3{
	color: #383b3e;
}
.bl-about p {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.cats_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.cats_list >div{
	height: 50px;
	padding:0;
    width: 50%;
}
.cats_list >div>div{
	text-align:left;
	overflow:hidden;
	margin-top:20px;
}
.cats_list >div:nth-child(even)>div {
	margin-left:5px;
}
.cats_list >div:nth-child(odd)>div {
	margin-right:5px;
}

.cats_list >div>div a{
	color:#383b3e;
	font-size:14px;
	font-weight:700;
	line-height:18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
	border:none;
    cursor:pointer;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    -webkit-transition:none;
    transition: none;
}
.cats_list >div>div a:hover, .cats_list >div.active >div a{
	text-decoration:none;
	background:#ff4252;
	color:#ffffff;
	border:none;
	border-radius:20px 20px 20px 20px;
    box-shadow: 0px -2px 0px rgba(0,0,0,0.2) inset;
}
.cats_list >div>div a i {
    color:#ff4252;
    font-size: 22px;
    margin: 0 5px 0 0;
}
.cats_list >div>div a:hover i {
    color:#ffffff;
}
/* ------------------------------------------- */


/* 2 bx -------------------------------------- */
.bx-2 {
    color: #ffffff;
    width: 100%;
    height: auto;
    display: block;
    padding: 50px 0 50px 0;
    background: url('../img/bg-02.jpg') no-repeat #a4937f center center;
    background-size: cover;
    margin: 20px 0 20px 0;
}

.bx-2 h3 {
	margin-bottom:30px;
    color:#f5ede7;
}
.bx-2 .title {
	font-size:16px;
	line-height:18px;
	font-weight:700;
    margin: 0;
    color:#f5ede7;
}
/* ------------------------------------------- */


/* 3 bx -------------------------------------- */
.bx-3 {
    width: 100%;
    background: none;
    height: auto;
    display: block;
    padding: 30px 0;
}
.bl-text {
    padding: 0px;
}
.bx-3 h3 {
    text-align: left;
}
.bl-text p {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.order-form {
    max-height: 100%;
    max-width: 100%;
    margin: 0px 0 0 0;
    padding: 30px;
    border: 2px solid #ddd;
    border-radius: 20px 0 20px 0;
}
/* ------------------------------------------- */

/* brands -------------------------------------- */

.brand-pad {
    padding: 10px 0px 10px 0px;
}
.brand {
    filter: grayscale(100%);
    opacity:  0.3;
    height: 70px;
    background: transparent;
    border: none;
	margin:5px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.brand:hover {
    filter: grayscale(0%);
    opacity:  1;
}
 .brand >div{
	display:table-cell;
	vertical-align: middle;
	height: 70px;
}
 .brand img{
	max-width: 100%;
    max-height: 100%;
}


/* ------------------------------------------- */

/* baners -------------------------------------- */

.baner {
    height: 180px;
    width: 100%;
    margin: 10px auto 10px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border-radius: none;
}

.ban-name {
    height: 89%;
    width: 97%;
    background: none;
    vertical-align: middle;
    color: #ffffff;
    text-transform: uppercase;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 4px solid #ffffff;
    margin: 10px auto;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5ms ease-in-out;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
}
.ban-1:hover , .ban-2:hover , .ban-3:hover {

}

.bord-1{

}
.bord-2{

}

.ban-name:hover {
    background: rgba(0,0,0,0.1);
}

.ban-name h4 {
    font-size: 26px;
	font-weight:700;
}
.ban-name span {
    font-size: 20px;
    line-height: 30px;
}
.ban-1 {
    background: url("../img/ban-01.jpg") no-repeat 0 0;
	background-size: cover;
}

.ban-2 {
    background: url("../img/ban-02.jpg") no-repeat 0 0;
	background-size: cover;
}
.ban-3 {
    background: url("../img/ban-03.jpg") no-repeat 0 0;
	background-size: cover;
}
/* -------------------------------------------- */

/* Footer ------------------------------------- */
.bx-foot {
    background: url('../img/pat-02.jpg') repeat center center #383b3e;
    width: 100%;
    height: auto;
    color: #5f5d60;
	
}
.bx-foot .col-md-4, .bx-foot .col-xs-4 {
	padding-bottom:30px;
    height: auto !important;
}
.bx-foot .row .col-md-4 a{
	color:#ffffff;
}
.bx-foot .row .col-md-4 a:hover{
	color:#ff4252;
}
.bl-area {
    margin: 0 0 50px 0;
}
.bl-area h3 {
	margin-bottom:20px;
	font-weight:700;
}
.bl-area .list {
	color:#383b3e;
	font-size:15px;
    font-weight: 700;
	-webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}
.bl-area .list2 { column-count: 4;font-size: 13px;}
.bl-area .list >div{
	padding:0;
	line-height:26px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5ms ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 10px;
}
.bl-area .list >div a {
	color:#383b3e;
    text-transform: uppercase;
}
.bl-area .list >div a:hover {
    color:#ff4252;
    text-decoration: underline;
}

.bl-area .list >div a i {
    color:#ff4252;
    font-size: 14px;
}

.bl-cont {
    width: 100%;
    height: auto;
    padding: 30px 0px 0px 0px;
}
.foot-phone {
    border: #ff4252 2px solid;
    border-radius:30px 30px 30px 30px;
    background: none;
    color: #ff4252;
    height: 60px;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 54px;
    margin: 10px auto;
}
.top-phone {
	border: 0 solid #ff4252;
	border-radius: 30px 30px 30px 30px;
	background: none;
	color: #FFDF37;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	margin: 10px auto;
}
.foot-phone i {
    font-size: 36px;
    padding:0px 15px 0px 0px;
}
.offers {
    margin: 0;
    color: #ffffff;
}
.offers i {
    color:#ff4252;
    font-size: 20px;
}
.offers h5 {
    font-weight: 500;
    margin: 0 0 0 30px;
    font-weight: 700;
}
.offers span {
    margin: 0px 0px 0px 30px;
    text-align: left;
	font-size: 14px;
    font-weight: 700;
    display: block;
}

.offhours {
    margin: 10px 0;
	font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;
}
.offhours i {
    color:#ff4252;
	line-height: 22px;
}

.offhours span {
    margin: 0px 0px 0px 30px;
    text-align: left;
    display: block;
}

.copy {
    background: none;
    color: #5f5d60;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    height: auto;
    padding: 18px 0 18px;
    width: 100%;
    border: 0;
    border-top: 1px solid #ff4252;
}
.copy a{
	color: #ffffff;
}
.copy a:hover{
    color:#ff4252;
    text-decoration: underline;
}

/* ------------------------------------------ */
.slide-img {
    background: url('../img/img-01.png') no-repeat 0 0;
    height: 400px;
    width: 880px;
    position: absolute;
    right: 13%;

    z-index: 10;
}
.myCarousel-bg {
    background: url('../img/bg-01.jpg') repeat #ff4252 center center;
    position: relative;
    overflow: hidden;
}
.myCarousel-shd {
    background: url('../img/shadow.png') no-repeat transparent center center;
    width: 900px;
    height: 40px;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 15%;
    right: 15%;
}
/* Carousel base class */
.carousel {
    height: 300px;
    margin: 0;
}

/* Declare heights because of positioning of img element */
.carousel .item {
    height: 300px;
    background-color: none;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 300px;
}
.carousel-control  {
	padding-top:90px;
}
.carousel-control  span{
	display:none;
}
.carousel-control:hover  span{
	display:block;
}
.carousel-indicators {
	display:none;
}
.carousel-caption {
	text-align:center;
	text-transform:uppercase;
    padding: 20px;
    border-radius: 0 0px 0 0px;
    border: 4px solid #ffffff;
    z-index: 10;
    vertical-align: middle;
    text-shadow: none;
}
.carousel-caption {
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative;
    width: 50%;
}
.carousel-inner .container {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.carousel-caption h1{
	font-weight:700;
	line-height:45px;
	font-size:38px;
}
.carousel-caption p{
	font-size:24px !important;
	line-height:38px  !important;
	font-weight:300;
	margin:0  !important;
	margin-top:5px  !important;
}
.carousel-caption p.phone{
	font-size:20px !important;
	line-height:50px !important;
}
.carousel-caption p.phone span{
	font-size:28px !important;
	font-weight:500;
}
.carousel-inner .container {
	    position: relative;
		height:300px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 1600px) {
    .slide-img {
    right: 2%;
    }
}

@media (max-width: 1080px) {
    .slide-img {
    right: -8%;
    top: 2%;
    }
}

@media (max-width: 1024px) {
    .slide-img {
    right: 1%;
    top: 3%;
    }
}
@media (max-width: 980px) {
     .slide-img {
    right: 0%;
    top: 2%;
    }
    .carousel-caption {
        width: 80%;
    }
} 
@media (max-width: 800px) {
    .slide-img {
    right: 2%;
    top:2%;
    height: 400px;
    width: 800px;
    background-size: cover;
    }
}

@media (max-width: 768px) {

  /* Navbar positioning foo */
    .navbar .container {
    padding-right: 10px;
    padding-left:  10px;
    }
  /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
    border-radius: 4px;
    }
  /* Bump up size of carousel content */
    .carousel-caption h1 {
	font-size: 26px;
    }
    .carousel-caption p {
    font-size: 18px;
    }
    .carousel-caption {
        width: 80%;
    }
    .bl-area .list {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
    .featurette-heading {
    font-size: 50px;
    }
    .slide-img {
    right: 0%;
    top:2%;
    height: 350px;
    width: 740px;
    background-size: cover;
    }
	.carousel-caption h1 {
        line-height: 30px;
		font-size: 35px;
	}
	.carousel-caption p {
		font-size: 25px !important;
		line-height: 27px !important;
	}
	.carousel-caption p.phone {
		font-size: 16px !important;
		line-height: 45px !important;
	}
      .navbar-brand>img {
		width:225px;
	}
      .navbar-brand{
        padding: 10px 10px;
	}
      .head-cont {
          margin: 10px;
      }
      .head-cont>h3 {
        font-size: 16px;
    }
      .head-phone {
        font-size: 18px;
        height: 36px;
        width: 200px;
        line-height: 38px;
    }
    .bx-1 {
        padding: 50px 0 30px;
    }
}

@media (max-width: 600px) {
    .slide-img {
    height: 300px;
    width: 640px;
    background-size: cover;
    top: 2%;
    right: 0%;
    }
    .head-cont h4 {
        font-size: 14px;
    }
    .bx-1 {
        padding: 30px 0 30px;
    }
    .bl-area .list {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

}

@media (max-width: 480px) {
	.navbar-brand>img {
        margin: 0 25%;
	}
    .head-cont>h3 {
        text-align: center;
    }
	.navbar-brand{
        padding: 10px 10px;
	}
    .head-cont{
        margin: 0 17%;
        width: 310px;
    }
    .slide-img {
    height: 200px;
    width: 440px;
    background-size: cover;
    top: 5%;
    right: -5%;
    }
    .head-cont h4 {
        float: right;
    }
    .bx-1 {
    padding: 30px 0px 30px 0px;
    }
    .cats_list > div > div a {
        font-size: 14px;
        line-height: 16px;
        padding: 5px;
    }
    .carousel-caption {
        margin: 0 0 0 20px;
    }
    .carousel-caption h1 {
    font-size: 24px;
    }
    .carousel-caption p {
    font-size: 16px;
    }
}

@media (max-width: 360px) {
	.navbar-brand>img {
        margin: 0 15%;
	}
    .head-cont{
    margin: 0 6%;
    width: 310px;
    }
    .head-cont h4 {
    display: none;
    }
    .slide-img {
    height: 200px;
    width: 440px;
    background-size: cover;
    top: 3%;
    right: -5%;
    }
    .myCarousel-bg {
        height: 380px;
    }
    .carousel-caption {
        width: 100%;
        margin: 0 0px 0 0;
    }
    .carousel-caption h1 {
        font-size: 22px !important;
    }
    .carousel-caption p {
    font-size: 16px !important;
    line-height: 20px !important;
    }
    .carousel-caption p.phone span {
        font-size: 16px !important;
        line-height: 20px !important;
	}
    .ban-name h4 {
        font-size: 18px;
        padding: 10px 10px 5px;
    }
    .ban-name span {
        font-size: 14px;
    }
    .ban-name {
        height: 89%;
        width: 93%; 
    }
    .foot-phone, .foot-phone i, .bx-foot h3 {
        font-size: 24px;
    }
    .cats_list > div > div a, .cats_list > div > div a i {
        font-size: 12px;
    }
}

@media (max-width: 340px) {
	.navbar-brand>img {
        margin: 0 13%;
	}
    .head-phone {
        margin: 2% 2%;
    }
}
/* скрываем чекбоксы и блоки с содержанием */
.hide,
.hide + label ~ div {
    display: none;
}
/* вид текста label */
.hide + label {
    margin: 0;
    padding: 0;
    color: green;
    cursor: pointer;
    display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    background: #efefef;
    -moz-box-shadow: inset 2px 2px 3px #c1c1c1;
    -webkit-box-shadow: inset 2px 2px 3px #c1c1c1;
     box-shadow: inset 2px 2px 3px #c1c1c1;
    margin-left: 20px;
    padding: 10px;
    /* чуточку анимации при появлении */
     -webkit-animation:fade ease-in 0.5s; 
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s; 
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }   
}
.hide + label:before {
    background-color: #1e90ff;
    color: #fff;
    content: "\002B";
    display: block;
    float: left;
    font-size: 14px; 
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: 3px 5px;
    text-align: center;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hide:checked + label:before {
    content: "\2212";
}
.yelp {padding:20px 10px}
@media (max-width: 1080px) {
.yelp {display:none;}
}