@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");

/* neweb шрифт */
@font-face {font-family: 'neweb'; src:  url('/font/neweb.eot') format('embedded-opentype'), url('/font/neweb.ttf') format('truetype'), url('/font/neweb.woff') format('woff'), url('/font/neweb.svg') format('svg'); font-weight: normal; font-style: normal;}
[class^="ne-icon-"], [class*=" ne-icon-"] {font-family: 'neweb' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ne-icon-email:before {content: "\e902";}
.ne-icon-clock:before {content: "\e901";}
.ne-icon-fb:before {content: "\e903";}
.ne-icon-instagram:before {content: "\e907";}
.ne-icon-phone:before {content: "\e90c";}
.ne-icon-location:before {content: "\e90b";}

/*
.ne-icon-dental-pck1-sv1:before {content: "\e90e";}
.ne-icon-calender:before {content: "\e900";}
.ne-icon-fb-line-icon:before {content: "\e904";}
.ne-icon-instagram-line-icon:before {content: "\e908";}
.ne-icon-twitter-circle-icon:before {content: "\e910";}
.ne-icon-twitter-line-icon:before {content: "\e911";}
.ne-icon-user-line-icon:before {content: "\e912";}
.ne-icon-youtube-circle-icon:before {content: "\e913";}
.ne-icon-youtube-line-icon:before {content: "\e914";}
*/
img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}
body a {color: #1d8da1; font-weight: 600;}
h1 {color: #116ca0; font-weight: 600;}
p {color: #707b8a;}

#overlay {display:none; z-index: 9999; background-color: black; opacity: 0.8; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: url(data:image/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAAAAAAeW/F+AAAAOklEQVR4Ae3QIQrAUADD0Lj2AIV//5uO+RE59asKz4U177rz9VAdqkU1qAbVoBpUg2pR3V/VbrVb7QHULigVcx3ZmQAAAABJRU5ErkJggg==);}
body {font-family: "Montserrat",sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; max-width: 100%; min-height: 100vh; padding: 0;}

#modal_form {display:none; z-index: 999910; box-sizing: content-box; padding: 1.5em; width: 40em; background-color: rgba(17, 108, 160, 0.8); border-radius: 0.5em;}
#modal_form img {z-index: 999920; position: absolute; right: 0.5em; top: 0.5em; width: 1.5em; cursor: pointer;}
#modal_form a:hover	{background: #000; color: #fff; border: solid 1px black;}

.navbar-brand img {max-height: 13vmin;}
.contact-info a,  footer a {text-decoration: none; color: #326178; display: inline-flex; font-weight: normal;}
.contact-info a i {color: #2f78c5;}
.contact-info a i, footer a > i {font-size: 1.2em; margin: 0.1em 0.2em 0 0;}
.contact-info > div {margin-left: 1em;}
.contact-info > div:last-child {font-size: 1.3em;}
#navbarNav {/*font-size: 1.3em; line-height: 1em;*/}
#navbarNav.show {position: absolute; top: 3.2rem; background-color: white; width: 100%; right: 0; padding: 1em; /* border-bottom: solid 1px grey;*/ height: calc(100vh - 3.2rem);}
.navbar-toggler {float: right;}
.zagol {background: linear-gradient(#177aa5,#2fb8c3,#177aa5); padding: 1em 0.5em; color: white; text-align: center;}
.zagol + h2	{color: #116ca0; font-weight: bold; text-align: center; padding: 1em 0.5em;}
.card {width: fit-content; margin: 0 auto;}
.card-body {background: #2fb8c3; padding: 1em; text-align: center;}
.card-body a {color: white; text-decoration: none;}
.card-body:hover {background: #116ca0;}

footer {background: #cbe9f1; text-align: center; color: #26c3cf; padding: 2em 1em;}
footer:before {content: ""; background: url(/images/footer-top.png) no-repeat; background-size: cover; height: 16vw; margin-top: -16vw; display: block; position: relative; width: calc(100% + 2rem); margin-left: -1rem;}
footer a {color: inherit; font-size: 1.125rem; font-weight: 400; margin: 0 1px 0;}

/* Карусель */
.carousel-caption {background: rgba(255,255,255,.7); padding: 1em; margin-bottom: 1em; font-weight: bold; right: 10%; left: 10%;}
.carousel-caption h3 {color: #0b4e59; font-weight: bold;}
.carousel-caption h5 {color: #2f78c5; font-weight: bold;}
.carousel-item	{transition: transform .6s ease-in-out;}

/* Факью-аккардеон*/
.accordion-collapse {transition: 0.5s ease-in-out;}
.accordion-button {border-color: #00b3c0; background-color: #00c1cf; color: white; font-size: 1.5rem; padding-left: 2em;}
.accordion-button::after {background: none; content: "+"; font-size: 2em; width: unset; height:unset; margin: 0 0 0 -0.75em; position: absolute; transition: transform .8s;}
.accordion-button:not(.collapsed)::after {background: none; transform:none; content: "-"; transform: rotate(360deg);}
.accordion-button.collapsed:hover {background-color: #00b3c0;}

/* слайдер на главной*/
.slick-dots li {position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
#slick {background-color: #cce9f1;}
#slick h2 {color: #116ca0; font-weight: bold;}
#slick-track {height: 17em; transition: 1000ms ease 0s;}
#slick-track > div {overflow: auto;}
#slick-dots > div {background-color: white; width: 1.3em; height: 1.3em; border-radius: 50%; display: inline-block; margin-right: 0.5em;}
#slick-dots > div.vis {background-color: #116ca0;}
#slick > div:nth-child(1) > div:nth-child(3) {background: #fff; border-radius: 50%; width: 10em; margin: -2em; margin-left: 4em;}
#slick p {font-size:1.3em;}

/* Галлерея */
.gallery img {margin: 0.2em 0.1em; border: solid 1px #dee2e6;}

#contact {width: fit-content; background: #fff; padding: 0.8em; box-shadow: 0px 0px 15px rgb(0 0 0 / 50%);}
#contact * {color: white!important;}
#contact p {margin-bottom: 0.5rem;}
#contact a {font-weight: normal; text-decoration: none;}
#contact > div:nth-child(1) > div {background-color: #9cbcd5; margin: 1px 0; padding: 1.5em;}
#contact > div:nth-child(2) {background-color: #123764; border-left: solid 0.8em #fff; padding: 1.5em; max-width: 30em;}
#contact > div:nth-child(2) > div > div {border-bottom: solid 1px #427498; padding: 1em 1.5em 0.5em; margin: 0 -1.5em; text-align: left;}
#contact > div:nth-child(2) > div > div > span {float: right;}

/* ПРОВЕРИТЬ !!! */
img.wp-smiley,img.emoji {display:inline !important; border:none !important; box-shadow:none !important; height:1em !important; width:1em !important; margin:0 .07em !important; vertical-align:-.1em !important; background:none !important; padding:0 !important;}