@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700&display=swap&subset=cyrillic');
body {background-color: #eceded;font-family: 'Roboto', sans-serif;}
h1 {
    margin: -5px 0 6px 0;
    font-size: 2.5rem;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
}

.panel-white {
    background: #fff;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.07);
    padding: 15px;
    display: inline-block;
}

/*
.img-content {
    margin: -15px -15px 15px -15px;
    max-height: 300px;
    overflow: hidden;
}
*/

.order_btn {
    display: block;
    background-color: #ffe170;
}

.m--15 {margin:-15px;}



.title.strong {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.h2.strong {
    font-size: 23px;
    font-weight: bold;
    display: inline-block;
}

.h3.strong {
    font-size: 22px;
    font-weight: normal;
    display: inline-block;
}

/* step by step */
.card-deck.step-by-step .card {
    margin-right: 5px;
    margin-left: 5px;
}

.step-by-step .card-body {
    padding: 0.7rem;
}

.step-by-step p.title.strong {
    font-size: 16px;
    background: #0f8bea;
    padding: 0 5px;
    border-radius: .15rem;
    font-weight: normal;
    color: #fff;
}

.step-by-step .card-text {
    font-size: 15px;
}
/* end step by step */


/* repones */
.carousel-item {
    min-height: 160px;
    background-color: #fff;
}
.carousel-indicators li {
    background-color: #333;
}

.gosuslugi li {
    width: 24%;
    text-align: center;
}
.gosuslugi li img {
    height: 44px;
}
.call-me p {
    font-size: 22px;
    margin: 0;
    color: #fb5656;
}
/* end repones */


/* product page */
.body-card {
    padding-top: 15px;
}
.card-deck .card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
a.card-link {
    color: #212529;
}
/* end product page */

/* details */
.link_button {
    text-align: left;
    display: inline-block;
    border-bottom: 1px dashed #fb5656;
    margin-bottom: 10px;
}
.link_button:hover {
    cursor: pointer;
}
.details ul {
    padding: 0;
}
.details {
    font-size: 13px;
}
.details ul li {
    margin-bottom: 5px;
    list-style: none;
    border-bottom: 1px dashed #888;
}

/* header */
p.barnd {
    font-size: 28px;
    margin: 12px 0;
    /* font-weight: bold; */
    text-shadow: 2px 2px 4px #929292;
    color: #4c575f;
}
img.logo_image {
    margin: 3px 10px 0px 0px;
    max-height: 50px;
    float: left;
}

.header_btn {
    display: block;
    background-color: #777;
    color: #fff!important;
}

.header_info {
    font-size: 14px;
}
.header_phone {
    display: inline-block;
    margin-right: 23px;
}
.header_callback {
    display: inline-block;
    float: right;
}
a.phone_link {
    font-size: 24px;
    color: #666;
}
a.phone_link:hover{
    text-decoration: none;
}
/* end header */



/* main-menu */
header {
    background-color: #fff;
}

div#first_block {
    background-image: url(../img/back_first_block.jpg);
    background-size: cover;
}

#top-menu .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    color: #333;
}
#top-menu .nav-link {
    padding: 0.9rem;
}
#top-menu li.nav-item {border-right: 1px solid #716c6c;margin: 15px 0;}
#top-menu li.nav-item:last-child {border-right: 0;}
/* end main-menu */

#top-menu,footer {
    background-color: #0f8bea;
    color: #f1f1f1;
}
#top-menu a,footer a {
    color: #f1f1f1!important;
}


/* footer */
footer {
    min-height: 150px;
    padding: 50px 0 25px;
}

footer ul {
    padding: 0;
    list-style: none;
}

footer ul a {
    margin-bottom: 5px;
    display: block;
}

footer .copyright p {
    margin: 0;
}

footer .border-custom-left {
    padding: 0 35px;
    border-left: 1px solid #6d6d6d;
}
footer .border-custom-top {
	margin-top: 20px;
    border-top: 1px solid #6d6d6d;
    padding-top: 20px;
}

footer p.strong {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #7894a9;
}
/* end footer */



/* form */
form {
	padding: 50px 0 25px;
}
input, textarea {
    border: 1px solid #c3c3c3!important;
    width: 100%!important;
    display: block!important;
    padding: 7px;
    margin-bottom: 10px;
    background: #9a9ea0;
    color: #fff;
    border-radius: .25rem;
}

input:required, textarea:required {
    border: 1px solid #ec5156!important;
}
.button-primary {
    display: inline-block;
    text-align: center;
    height: 50px;
    background: #fb5656;
    color: rgb(255,255,255);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.button-primary:hover {
    box-shadow: none;
    color: #eee;
}
.button-primary:focus:not(:active) {
    background: #ccc;
}
/* end form */


#first_block p.description {
    font-size: 19px;
    color: #0f8bea;
}
/*#block1, #block3 {
    background: #FFF2E2;
    background-size: cover;
    background-position: center;
}

#block2,#block4 {
    background: #d7f2fa;
}*/


/* xs (от нуля и выше) */
@media (min-width: 0) and (max-width:575px) {
	.right-panel {padding: 15px;}
    p.barnd {font-size: 1rem;}
    a.phone_link {font-size: 1rem;}
    .location {font-size: .6rem;}
    .navbar-light .navbar-toggler {background: #5e79d2;}
    #top-menu li.nav-item {border-right: 0;border-left: 1px solid #eee;margin-bottom: 8px;}
    #top-menu .nav-link {padding: 0 0 0 10px;}
    h1 {margin: -45px 0 6px 0;font-size: 2.3rem;}
    #first_block p.description {font-size: 18px;}
    .gosuslugi li {width: 22%;}
    .gosuslugi li img {height: auto;}
}

/* sm (больше 576) */
@media (min-width: 576px) {

}

/* md (больше 768) */
@media (min-width: 768px) {
	
}

/* lg (больше 992) */
@media (min-width: 992px) {

}

/* xl (больше 1200) */
@media (min-width: 1281px) {

}