/* Обнуляющий стиль */



* {



    padding: 0;



    margin: 0;



    border: 0;



}





*, *:before, *:after {



    -webkit-box-sizing: border-box;



    box-sizing: border-box;



}





:focus, :active {



    outline: none;



}





a:focus, a:active {



    outline: none;



}





nav, footer, header, aside {



    display: block;



}





html, body {



    min-height: 100%;



    width: 100%;



    font-size: 100%;



    line-height: 1;



    -ms-text-size-adjust: 100%;



    -moz-text-size-adjust: 100%;



    -webkit-text-size-adjust: 100%;



}





input, button, textarea {



    font-family: inherit;



}





input::-ms-clear {



    display: none;



}





button {



    cursor: pointer;



}





button::-moz-focus-inner {



    padding: 0;



    border: 0;



}





a, a:visited {



    text-decoration: none;



}





a:hover {



    text-decoration: none;



}





ul li {



    list-style: none;



}





img {



    vertical-align: top;



}





h1, h2, h3, h4, h5, h6 {



    font-size: inherit;



    font-weight: inherit;



}





/* Плавная загрузка */



/* body{



    display: none;



} */



/* Плавная загрузка */





.wrapper {



    overflow: hidden;



}



#feedback__toggle {

    cursor: pointer;

    bottom: 130px;

    right: -11px;

    position: fixed;

    z-index: 999;

    display: none;

}



.img-circle {

    background-color: rgb(95, 148, 15);

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

}



/* .circlephone {

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

    border: 2px solid rgb(95, 148, 15);

    width: 100px;

    height: 100px;

    bottom: -25px;

    right: 10px;

    position: absolute;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    opacity: .5;

    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;

    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;

    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;

    -o-animation: circle-anim 2.4s infinite ease-in-out !important;

    animation: circle-anim 2.4s infinite ease-in-out !important;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all 0.5s;

} */



.circle-fill {

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

    background-color: rgb(95, 148, 15);

    width: 50px;

    height: 50px;

    bottom: 0px;

    right: 35px;

    position: absolute;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;

    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;

    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;

    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;

    animation: circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all 0.5s;

}



.img-circle {

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

    width: 40px;

    height: 40px;

    bottom: 5px;

    right: 40px;

    position: absolute;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .7;

}



.img-circleblock {

    box-sizing: content-box;

    -webkit-box-sizing: content-box;

    height: 40px;

    background-image: url("/images/feedback_img/tel.png");

    background-position: center center;

    background-repeat: no-repeat;

    animation-name: tossing;

    -webkit-animation-name: tossing;

    animation-duration: 1.5s;

    -webkit-animation-duration: 1.5s;

    animation-iteration-count: infinite;

    -webkit-animation-iteration-count: infinite;

}



.img-circle:hover {

    opacity: 1;

}



@keyframes pulse {

    0% {

        transform: scale(0.9);

        opacity: 1;

    }

    50% {

        transform: scale(1);

        opacity: 1;

    }

    100% {

        transform: scale(0.9);

        opacity: 1;

    }

}



@-webkit-keyframes pulse {

    0% {

        -webkit-transform: scale(0.95);

        opacity: 1;

    }

    50% {

        -webkit-transform: scale(1);

        opacity: 1;

    }

    100% {

        -webkit-transform: scale(0.95);

        opacity: 1;

    }

}



@keyframes tossing {

    0% {

        transform: rotate(-8deg);

    }

    50% {

        transform: rotate(8deg);

    }

    100% {

        transform: rotate(-8deg);

    }

}



@-webkit-keyframes tossing {

    0% {

        -webkit-transform: rotate(-8deg);

    }

    50% {

        -webkit-transform: rotate(8deg);

    }

    100% {

        -webkit-transform: rotate(-8deg);

    }

}



@-moz-keyframes circle-anim {

    0% {

        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);

        opacity: .1;

        -moz-opacity: .1;

        -webkit-opacity: .1;

        -o-opacity: .1;

    }

    30% {

        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .5;

        -moz-opacity: .5;

        -webkit-opacity: .5;

        -o-opacity: .5;

    }

    100% {

        -moz-transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .6;

        -moz-opacity: .6;

        -webkit-opacity: .6;

        -o-opacity: .1;

    }

}



@-webkit-keyframes circle-anim {

    0% {

        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);

        -webkit-opacity: .1;

    }

    30% {

        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);

        -webkit-opacity: .5;

    }

    100% {

        -webkit-transform: rotate(0deg) scale(1) skew(1deg);

        -webkit-opacity: .1;

    }

}



@-o-keyframes circle-anim {

    0% {

        -o-transform: rotate(0deg) scale(0.5) skew(1deg);

        -o-opacity: .1;

    }

    30% {

        -o-transform: rotate(0deg) scale(0.7) skew(1deg);

        -o-opacity: .5;

    }

    100% {

        -o-transform: rotate(0deg) scale(1) skew(1deg);

        -o-opacity: .1;

    }

}



@keyframes circle-anim {

    0% {

        transform: rotate(0deg) scale(0.5) skew(1deg);

        opacity: .1;

    }

    30% {

        transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .5;

    }

    100% {

        transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .1;

    }

}



@-moz-keyframes circle-fill-anim {

    0% {

        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

    50% {

        -moz-transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .2;

    }

    100% {

        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

}



@-webkit-keyframes circle-fill-anim {

    0% {

        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

    50% {

        -webkit-transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .2;

    }

    100% {

        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

}



@-o-keyframes circle-fill-anim {

    0% {

        -o-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

    50% {

        -o-transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .2;

    }

    100% {

        -o-transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

}



@keyframes circle-fill-anim {

    0% {

        transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

    50% {

        transform: rotate(0deg) scale(1) skew(1deg);

        opacity: .2;

    }

    100% {

        transform: rotate(0deg) scale(0.7) skew(1deg);

        opacity: .2;

    }

}





.popup-bg {

    position: fixed;

    z-index: 10000;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    display: none;

}



.popup {

    position: absolute;

    background: #ffffff;

    max-width: 600px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -500%);

    padding: 15px;

    transition: all 0.9s ease 0s;

}



.popup.open {

    opacity: 1;

    transform: translate(-50%, -50%);

}



.popup.close_p {

    transition: all 2s ease 0s;

    transform: translate(-50%, -500%);

}



@media screen and (max-width: 640px) {



    .popup.open {

        opacity: 1;

        -webkit-transform: translate(-50%, -60%);

        transform: translate(-50%, -60%);

    }

}



.popup_feedback_title {





    font-weight: 700;





    font-size: 22px;





    padding: 20px;





    margin: 0 0 20px 0;





    color: white;





    background-color: rgb(95, 148, 15);





    font-family: 'Helvetica', sans-serif;

}



.close-popup {

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}



.close-popup:hover {

    opacity: 0.7;

}



.no-scroll {

    overflow-y: hidden;

}



/* Кнопка вверх */



.btn-top {



    display: none;



    position: fixed;



    right: 32px;



    bottom: 30px;



    z-index: 100;



    border: none;



    outline: none;



    background-color: rgb(95, 148, 15);



    cursor: pointer;



    padding: 15px 15px;



    opacity: 0.7;



}





.btn-top:hover {



    opacity: 0.6;



}





.triangle {



    width: 0;



    height: 0;



    border-left: 5px solid transparent;



    border-right: 5px solid transparent;



    border-bottom: 10px solid white;



}





/* Кнопка вверх */



/* header,меню */



body.lock {



    overflow: hidden;



}





.header {





    position: relative;





    width: 100%;





    top: 0;





    left: 0;





    z-index: 1000;





}





.header:before {





    content: '';





    position: absolute;





    top: 0;





    left: 0;





    background-color: white;





    width: 100%;





    height: 100%;





    z-index: 2;





}





.header_container {



}





.header__body {





    position: relative;





    display: -webkit-box;





    display: -ms-flexbox;





    display: flex;





    -webkit-box-pack: justify;





    -ms-flex-pack: justify;





    /* justify-content: space-between; */





    -webkit-box-align: center;





    -ms-flex-align: center;





    align-items: center;





    height: 110px;

}





.header__block {





    display: flex;





    align-items: center;





    margin: 0 50px 0 0;





}





.header_tel_and_email {





    display: flex;





    flex-direction: column;





    padding: 5px;





}





.header__tel {





    position: relative;





    z-index: 3;





    font-size: 4px;





    white-space: nowrap;





    display: none;





}





.header__email {





    position: relative;





    z-index: 3;





    color: dimgray;





    margin: 5px 0 0 10px;





}





.header__logo {





    -webkit-box-flex: 0;





    -ms-flex: 0 0 60px;





    position: relative;





    z-index: 3;





}





.header__tel {





    font-size: 20px;





}





.header__burger {





    display: none;





}





@media screen and (max-width: 1172px) {





    .header__block {





        max-width: 200px;





    }





    .header__body {





        height: 110px;





    }





    .header .header__burger {





        display: block;





        position: absolute;





        right: 10px;





        width: 30px;





        height: 20px;





        z-index: 3;





        cursor: pointer;





    }





    .header .header__logo {





        -webkit-box-flex: 0;





        -ms-flex: 0 0 40px;





        flex: 0 0 40px;





    }





    .header .header__burger span {





        position: absolute;





        top: 9px;





        left: 0;





        width: 100%;





        height: 2px;





        background-color: rgb(95, 148, 15);





    }





    .header .header__burger:before,

    .header .header__burger:after {





        content: '';





        height: 2px;





        width: 100%;





        position: absolute;





        left: 0;





        background-color: rgb(95, 148, 15);





        -webkit-transition: all 0.5s ease 0s;





        transition: all 0.5s ease 0s;





    }





    .header .header__burger:before {





        top: 0;





    }





    .header .header__burger:after {





        content: '';





        bottom: 0;





    }





    .header .header__burger.active:before {





        -webkit-transform: rotate(45deg);





        transform: rotate(45deg);





        top: 9px;





    }





    .header .header__burger.active span {





        display: none;





    }





    .header .header__burger.active:after {





        -webkit-transform: rotate(-45deg);





        transform: rotate(-45deg);





        bottom: 9px;





    }





    .header .header__menu {





        position: fixed;





        left: 0;





        top: -100%;





        width: 100%;





        height: 100%;





        background-color: whitesmoke;





        padding: 45px 0 10px 15px;





        -webkit-transition: all 0.5s ease 0s;





        transition: all 0.5s ease 0s;





        overflow: auto;





    }





    .header .header__menu.active {





        top: 0;





        padding: 140px 0 0 30px;





    }





    .header .header__list {





        display: block;





    }





    .header .header__list > li {





        /* margin: 35px 0 30px 0; */





        font-weight: 900;





        font-family: 'Open Sans', sans-serif;





        font-size: 50px;





        /*  border-bottom: 1px solid rgb(95, 148, 15); */





        width: 96%;





    }





    .menu_header_li {





        display: none;





    }





    .menu_li_header {





        margin: 0 0 0 10px;





        align-self: flex-start;





        display: none;





    }





    .menu_li2_header {





        margin: 0 0 0 0;





        padding: 10px 0 0 0;





    }





    .header__list li > a {





        width: 100%;





        display: block;





        padding: 20px 0 20px 0;



    }





}





@media screen and (max-width: 778px) {





    .header__tel {





        display: block;





        font-size: 16px;





        margin: 0 0 0 15px;





    }





}





@media screen and (max-width: 400px) {



    .header__tel {



        display: none;



    }



}





.header__list {





    display: -webkit-box;





    display: -ms-flexbox;





    display: flex;





    position: relative;





    z-index: 5;





    align-items: center;





}





.header__menu a.parent {





    margin: 0 30px 0 0;





}





.header__list > li {





    margin: 0 20px 0 0;





    position: relative;





    padding: 5px 0 4px 0;





    cursor: pointer;



}



#m_link:after {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: 0;

    right: 0;

    background-color: rgb(95, 148, 15);

    transition: all 0.5s ease-in-out;

}



#m_link:hover:after {

    width: 100%;

}



#m_link2:after {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: 0;

    right: 0;

    background-color: rgb(95, 148, 15);

    transition: all 0.5s ease-in-out;

}



#m_link2:hover:after {

    width: 100%;

}



#m_link3:after {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: 0;

    right: 0;

    background-color: rgb(95, 148, 15);

    transition: all 0.5s ease-in-out;

}



#m_link3:hover:after {

    width: 100%;

}



#m_link4:after {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: 0;

    right: 0;

    background-color: rgb(95, 148, 15);

    transition: all 0.5s ease-in-out;

}



#m_link4:hover:after {

    width: 100%;

}



#m_link5:after {

    position: absolute;

    content: "";

    width: 0;

    height: 2px;

    bottom: 0;

    right: 0;

    background-color: rgb(95, 148, 15);

    transition: all 0.5s ease-in-out;

}



#m_link5:hover:after {

    width: 100%;

}



@media screen and (max-width: 1170px) {

    #m_link {

        color: rgb(98, 148, 15);

        font-weight: 700;

    }

    #m_link2 {

        color: rgb(98, 148, 15);

        font-weight: 700;

    }

    #m_link3 {

        color: rgb(98, 148, 15);

        font-weight: 700;

    }

    #m_link4 {

        color: rgb(98, 148, 15);

        font-weight: 700;

    }

    #m_link5 {

        color: rgb(98, 148, 15);

        font-weight: 700;

    }

}





.header__list li > a {





    font-family: 'Helvetica', sans-serif;





    font-size: 18px;





    color: #161616;





    text-decoration: none;





    font-weight: 400;





    letter-spacing: 0.1px;





    transition-duration: 0.5s;





    /* width: 100%;







    display: block;







    padding: 25px 0 25px 0; */





}





@media screen and  (min-width: 1100px) {





    .contact_menu {





        margin: 0 0 0 30px;





        display: flex;





        align-items: center





    }





    .menu_li2_header {



        margin: 0 0 0 30px;



    }





}





.menu_li_header {





    margin: 0 0 0 15px;





    align-self: flex-start;





}





.menu_link_face-and-inst:hover {



    opacity: 0.6;



}





/*







banner







 */





.banner {





    width: 100%;





    min-height: 600px;





    background-repeat: no-repeat;





    background-size: cover;





    background-position: left;





}





.banner_container {





    height: 100%;





}





.banner_body {





    padding: 40px 0 20px 0;





    height: 100%;





    display: flex;





    justify-content: space-between;





}





.banner_item {



    max-width: 700px;



    overflow: hidden;



}



@media screen and (max-width: 1110px) {

    .banner_item_text > p {

        text-align: center !important;

    }



    .banner_item_text {

        padding: 0 10px 0 10px;

    }

}



@media screen and (max-width: 400px) {

    .banner_item_text > p span {

        font-size: 1.6em !important;

    }



    .banner_item_text {

        padding: 0 10px 0 10px;

    }

}



.banner_item_title {





    font-size: 54px;





    color: white;





    font-family: Arial;





    font-weight: 700;





}





.banner_sub_title {





    font-size: 40px;





    color: white;





    margin: 70px 0 30px 0;





    font-family: 'Open Sans', sans-serif;





    font-weight: 700;





}





.banner_past {





    font-size: 30px;





    color: white;





    margin: 20px 0;





    font-family: 'Open Sans', sans-serif;





}





.banner_link {





    margin: 0 60px 0 0;





    font-size: 20px;





    color: white;





    font-family: 'Open Sans', sans-serif;





    border-bottom: 1px solid white;





    font-weight: 700;





}





.banner_parent_link {





    margin: 70px 0 0 0;





}





.banner_feedback {





    border-radius: 20px;





    align-self: flex-start;





    background-color: white;





    margin: 10px 0 0 0;



    box-shadow: 0 0 3px rgba(95, 148, 15, 1);

}





.banner_feedback_title {





    border-radius: 10px 10px 0 0;





    font-weight: 700;





    font-size: 22px;





    padding: 20px;





    margin: 0 0 20px 0;





    color: white;





    background-color: rgb(95, 148, 15);





    font-family: 'Helvetica', sans-serif;





}





.banner_btn {





    margin: 0 68px 0 0;





    border-radius: 100px;





    font-weight: 700;





}





.banner_sub_text {





    padding: 70px 0 20px 0;





    color: rgb(87, 22, 98);





    text-align: center;





    font-family: 'Open Sans', sans-serif;





}





#banner_new_btn {



    display: none;



}





@media screen and (max-width: 1110px) {





    .banner_body {





        flex-direction: column;





        align-items: center;





        text-align: center;





    }





    .banner_item_title {





        font-size: 32px;





        color: white;





        letter-spacing: 1px;



        font-weight: 700;





    }





    .banner_sub_title {





        font-size: 26px;





        color: white;





        margin: 30px 0 2px 0;





        font-family: 'Open Sans', sans-serif;





        font-weight: 700;





        letter-spacing: 1px;





    }





    .banner_feedback {





        display: none;





    }





    .banner_parent_link {





        margin: 40px 0 60px 0;





    }





    .banner_link {





        margin: 0 16px 0 0;





        font-size: 12px;





    }





    .banner_link:last-child {





        margin: 0;





    }





    .banner_past {



        font-weight: 700;



        margin: 6px 0;



        font-size: 16px;



    }





    #banner_new_btn {



        display: block;



    }





}





/*

banner

 */



/* Обратная связь */





.feedback {





    padding: 70px 0 0 0;





}





.feedback__body {





    display: flex;





    justify-content: space-between;





}





@media screen and (max-width: 1000px) {





    .feedback__body {





        flex-direction: column;





    }





}





.feedback__item {





    padding: 0 20px 0 20px;





    flex: 0 0 43%;





}





.feedback__form {





    padding: 0 20px 0 20px;





    flex: 0 0 50%;





}





.feedback__title {





    text-align: left;





    color: rgb(87, 22, 98);





}





.feedback-input {





    margin-bottom: 20px;





    border-bottom: 1px solid rgb(95, 148, 15);





    padding: 0 0 17px 15px;





    font-size: 20px;





    font-weight: 400;





    font-family: 'Open Sans', sans-serif;





    opacity: 1;





}



.feedback-title2 {

    margin: 0 0 20px 0;

    text-align: center;

}



.feedback-inp2 {

    margin: 0 0 20px 0;

    padding: 17px 0 17px 15px;

    border: 1px solid rgb(95, 148, 15);

}





.feedback-input textarea {





    border: none;





    width: 100%;





    resize: none;





}





.feedback-input input, textarea[placeholder] {





    font-size: 20px;





    opacity: 0.6;





}





.feedback-input._error {





    box-shadow: 0 0 15px red;





}





#feedback__btn {





    padding: 15px 55px;





    width: 100%;





    font-size: 17px;





    font-family: 'Helvetica', sans-serif;





    background-color: rgb(95, 148, 15);





    color: white;





    font-weight: 700;





}





#feedback__btn:hover {





    background-color: darkgray;





}





#feedback__btn2 {





    padding: 15px 55px;





    float: right;





    font-size: 17px;





    font-family: 'Helvetica', sans-serif;





    background-color: rgb(95, 148, 15);





    color: white;





    border-radius: 100px;





    font-weight: 700;





}





#feedback__btn2:hover {





    background-color: darkgray;





}





/* Обратная связь */





.container {



    max-width: 1180px;



    margin: 0 auto;



    padding: 0 10px;



}





/* main часть */



/* Создание логотипов */



.create-logo {



    padding: 100px 0 100px 0;



}





.container-create {



    max-width: 1100px;



    margin: 0 auto;



    padding: 0 10px;



}





.create__container {

    display: flex;

    flex-wrap: wrap;

    padding: 20px 0 0 0;

    justify-content: space-between;

}



@media screen and (max-width: 1200px) {

    .create__container {

        flex-wrap: nowrap;

        overflow-x: auto;

    }

}



.title {



    text-align: center;



    font-size: 42px;



    color: #161616;;



    font-weight: 700;



    font-family: 'Helvetica', sans-serif;



    letter-spacing: 2px;



    opacity: 0.9;





}



.line_title {

    width: 60px;

    height: 3px;

    background-color: rgb(95, 148, 15);

    margin: 6px 0 0 0;

}



.line_title2 {

    width: 60px;

    height: 3px;

    background-color: rgb(95, 148, 15);

    margin: 6px 0 0 0;

}



.create__container-item {

    max-width: 320px;

    margin: 40px 10px 0 0;

    box-shadow: 0 0 3px rgba(95, 148, 15, 0.5);

}



@media screen and (max-width: 1200px) {

    .create__container {

        padding: 40px 0 30px 0;

    }



    .create__container-item {

        flex: 0 0 80%;

    }

}



.create__container-item-two {

    position: relative;

}



.create__title {

    position: absolute;

    left: 15px;

    top: 18px;

    font-family: 'Helvetica', sans-serif;

    color: white;

    font-size: 20px;

    font-weight: 700;

    letter-spacing: 0.3px;

}



.create__text {

    background-color: whitesmoke;

    min-height: 200px;

    padding: 20px;

    overflow: hidden;

}



/* Наши услуги */



/* Рекомендации */

.recommendation {

   background-color: #f0f8ff;

   padding: 60px 0 0 0;

}



.recommendation-container {

    max-width: 1220px;

}



.recommendation__body {

    padding: 40px 0 40px 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



@media screen and (max-width: 1100px) {

    .recommendation-container {

        max-width: 778px;

    }

}



@media screen and (max-width: 740px) {

    .recommendation-container {

        max-width: 368px;

    }

}



.recommendation__item {

    width: 350px;

    margin: 0 10px 20px 0;

}



.recommendation__img {

    text-align: center;

    /* height: 200px;

     width: 300px; */

}



.recommendation__img img {



    /* width: 100%;

     height: 100%; */

}



.recommendation__text {

    padding: 20px 0 0 0;

    overflow: hidden;

}





/* Рекомендации */



/* Про нашу клинику*/

.our__clinic {

    padding: 90px 0 60px 0;

}



.our__clinic-container {

    max-width: 1530px;

    margin: 0 auto;

}



.our__clinic-body {

    padding: 30px 0 30px 0;

}



.slider__clinic {

    position: relative;

    padding: 0px 60px;

}



@media (max-width: 767px) {

    .slider__clinic {

        padding: 0px 40px;

    }

}



.slider__clinic .slick-arrow {

    position: absolute;

    top: 50%;

    margin: -30px 0px 0px 0px;

    z-index: 10;

    font-size: 0;

    width: 30px;

    height: 60px;

    opacity: 0.5;

}



.slider__clinic .slick-arrow.slick-prev {

    left: 20px;

    background: url('/images/arrows/slide2.png') 0 0 / 100% no-repeat;

}



.slider__clinic .slick-arrow.slick-next {

    right: 20px;

    background: url('/images/arrows/slide.png') 0 0 / 100% no-repeat;

}



@media screen and (max-width: 778px) {

    .slider__clinic .slick-arrow.slick-prev {

        left: 15px;

    }



    .slider__clinic .slick-arrow.slick-next {

        right: 15px;

    }

}



.slider__clinic .slick-arrow.slick-disabled {

    opacity: 0.2;

}



.slider__clinic .slick-dots {

    display: flex;

    align-items: center;

    justify-content: center;

}



.slider__clinic .slick-dots li {

    list-style: none;

    margin: 0px 10px;

}



.slider__clinic .slick-dots button {

    font-size: 0;

    width: 10px;

    height: 10px;

    background-color: #fff;

    border-radius: 50%;

}



.slider__clinic .slick-dots li.slick-active button {

    background-color: transparent;

    border: 1px solid #fff;

}



.slider__clinic-item {

    margin: 0 15px;

    max-width: 500px;

    overflow: hidden;

}



.slider__clinic-item img {

    max-width: 100%;

    transition: transform 0.6s;

}



.slider__clinic-item img:hover {

    opacity: 0.7;

    transform: scale(1.5);

}



.slider__clinic-item.slick-center {



}





.our__clinic-text {

    padding: 50px 0 80px 0;

    display: flex;

    justify-content: center;

}



.c-text {

    max-width: 1100px;

    padding: 0 20px 0 20px;

}



/*slider*/





/* Про нашу клинику*/



/*

Отзывы

 */

.reviews {

    width: 100%;

    min-height: 500px;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

    padding: 26px 0 0 0;

}



.reviews_title {

    color: whitesmoke;

}



.line_title3 {

    background-color: whitesmoke;

}



.reviews__body {

    padding: 60px 0 30px 0;

}



/* Основные стили */



/* Слайдер */

/* Слайдер */

.slick-slider {

    min-width: 0;

}



/* Ограничивающая оболочка */

.slick-list {

    overflow: hidden;

}



/* Лента слайдов */

.slick-track {

    display: flex;

    align-items: flex-start;

}



/* Слайд */

.slick-slide {

}



/* Слайд активный */

.slick-slide.slick-active {

}



/* Слайд основной */

.slick-slide.slick-current {

}



/* Слайд по центру */

.slick-slide.slick-center {

}



/* Стрелка */

.slick-arrow {

}



/* Стрелка влево */

.slick-arrow.slick-prev {

}



/* Стрелка вправо */

.slick-arrow.slick-next {

}



/* Стрелка не активная */

.slick-arrow.slick-disabled {

}



/* Точки */

.slick-dots {

}



.slick-dots li {

}



.slick-dots button {

}



/* Конкретный слайдер */

.slider_reviews {

    position: relative;

}



.slider_reviews .slick-arrow {

    position: absolute;

    top: 60%;

    margin: -30px 0px 0px 0px;

    z-index: 10;

    font-size: 0;

    width: 30px;

    height: 60px;

    outline: none;

    cursor: pointer;

}



.slider_reviews .slick-arrow.slick-prev {

    left: 30px;

    background: url('/images/arrows/ar2.png') 0 0 / 100% no-repeat;

    opacity: 0.5;

}



.slider_reviews .slick-arrow.slick-next {

    right: 30px;

    background: url('/images/arrows/ar1.png') 0 0 / 100% no-repeat;

    opacity: 0.5;

}



@media screen and (max-width: 668px) {

    .slider_reviews .slick-arrow.slick-prev {

        left: 10px;

        opacity: 0.5;

    }



    .slider_reviews .slick-arrow.slick-next {

        right: 10px;

        opacity: 0.5;

    }

}



.slider_reviews .slick-arrow.slick-disabled {

    opacity: 0.2;

}



.slider_reviews .slick-dots {

    display: flex;

    align-items: center;

    justify-content: center;

}



.slider_reviews .slick-dots li {

    list-style: none;

    margin: 0 10px;

}



.slider_reviews .slick-dots button {

    font-size: 0;

    width: 10px;

    height: 10px;

    background-color: #fff;

    border-radius: 50%;

    outline: none;

}



.slider_reviews .slick-dots li.slick-active button {

    background-color: transparent;

    border: 1px solid #fff;

}



.slider__item {

    text-align: center;

    outline: none;



}



.slider__item img {

    width: 250px;

}



.slider__item.slick-center {



}



.slider .slick-list {

    cursor: pointer;

}



.slider__text {

    margin: 0 0 20px 0;

}



.slider__img {



}



.slider__img img {

    border-radius: 50%;

    max-width: 80px;

}



/*slider*/





/*

Отзывы

 */





/* About */



.about {



    background-color: whitesmoke;



}





.about__container {





}





.about__body {



    display: flex;



    justify-content: space-between;





}



#map {

    flex: 0 0 50%;

}



.about__contact {

    flex: 0 0 40%;

    padding: 40px 10px;

}



@media screen and (max-width: 870px) {



    .about {

        padding: 70px 0 0 0;

    }



    .about__contact {

        padding: 50px 10px;

    }



    .about__body {



        flex-direction: column;



        text-align: center;



    }





    .about__item {



        margin-bottom: 40px;



    }



}





.about__item {





}





.about__title {



    font-size: 30px;



    font-family: 'Helvetica', sans-serif;



    color: dimgray;



    letter-spacing: 0.5px;



    margin: 0 0 6px 0;



    font-weight: bold;



}



.about_sub_title {

    font-size: 18px;



    font-family: 'Helvetica', sans-serif;



    color: dimgray;





    margin: 0 0 24px 0;

}



@media screen and (max-width: 430px) {

    .about__title {

        font-size: 28px;

    }

}



.about__paragraph {



    font-size: 20px;



    font-family: Arial;



    color: dimgray;



    margin: 15px 0 15px 0;



}





.about__icons {



    margin-bottom: 20px;



}





.about__spn-icons:hover {



    opacity: 0.5;



}





.icons__size {



    width: 25px;



    height: 25px;



    margin: 0 0 0 10px;



}





.about__link-design {



    font-size: 13px;



    font-family: Arial;



    color: dimgrey;





}





.about__contact {



}





.about__tel {



    font-size: 30px;



    color: dimgray;



    font-family: Arial;



    font-weight: 700;



    margin: 15px 0 24px 0;



}





.about-contact__tel {



    -webkit-color: dimgray;



    color: dimgray;



}



.about__time {

    font-size: 15px;



    color: dimgray;



    font-family: Arial;



    font-weight: 700;



    margin: 10px 0 20px 0;

}



.about__address {



    font-size: 15px;



    color: dimgray;



    font-family: Arial;



    font-weight: 700;



    margin: 10px 0 20px 0;



}





.about__email {



    font-size: 20px;



    font-family: Arial;



    font-weight: 700;



    margin: 10px 0 15px 0;



}