/*@font-face {
    font-family: "PTMono";
    src: url("/fonts/PTMono.eot");
    src: url("/fonts/PTMono.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTMono.woff") format("woff"),
    url("/fonts/PTMono.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "PTMonoBold";
    src: url("/fonts/PTMonoBold.eot");
    src: url("/fonts/PTMonoBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/PTMonoBold.woff") format("woff"),
    url("/fonts/PTMonoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "Carolina";
    src: url("/fonts/Carolina.eot");
    src: url("/fonts/Carolina.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Carolina.woff") format("woff"),
    url("/fonts/Carolina.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}*/

a, button {transition: all 0.3s ease;}
body {}
.navbar {background: rgba(0,0,0,0.7);}
.navbar-brand {margin-right: 16rem;}
.navbar-dark .navbar-nav .nav-link {color: #fff;text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {color: #00bff3;}
.tel {color: #00bff3;font-weight: bold;}
.tel:hover, .tel:focus {color: #00bff3;text-decoration: none;}
.slblock {background: url("/images/top.jpg") top center;background-size: cover;background-attachment: fixed;text-shadow: 0 0 10px #000;padding-bottom: 30px;}
.slog {color: #fff;font-size: 2rem;}
.slog div {font-size: 3rem;font-weight: bold;}
.carousel-item {min-height: 250px;}
.carousel-caption {font-size: 1.5rem;}
.carousel-caption h3 {font-size: 2rem;}
.kblock {background: linear-gradient(to top left, #c9ffe5, #fff, #ceffc9);}
.uslu {padding: 30px 0;}
.uslu .zg {color: #005c75;font-size: 3rem;font-weight: bold;}
.uslu .mzg {font-size: 2rem;margin-bottom: 20px;font-weight: bold;}
.uslu2 {padding: 30px 0;}
.uslu2 span {display: block;background: url("/images/li.png") no-repeat left center;padding: 5px 0 10px 30px;}
.uslu3 {padding: 30px 0;}
.us {margin-bottom: 30px;font-weight: bold;}
.stoim {padding: 30px 0;}
.stoim .zg {color: #005c75;font-size: 3rem;margin-bottom: 30px;font-weight: bold;}
.stoim .mzg {font-size: 1.7rem;margin-bottom: 20px;font-weight: bold;}
.gal {background: url("/images/bgf.jpg") top center;background-size: cover;background-attachment: fixed;padding: 30px 0;}
.gal .zg {color: #005c75;font-size: 3rem;margin-bottom: 30px;font-weight: bold;}
.gal a {display: block;margin-bottom: 30px;}
.gal a:hover, .gal a:focus {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.klis {background: linear-gradient(to top left, #d8f4ff, #fff, #d8f4ff);padding: 30px 0;}
.klis .zg {color: #005c75;font-size: 3rem;margin-bottom: 30px;font-weight: bold;}
.kli {margin-bottom: 30px;}
.kli span {display: block;color: #00aeef;font-weight: bold;}
.kont {padding: 30px 0 50px;}
.kont .zg {color: #005c75;font-size: 3rem;margin-bottom: 30px;font-weight: bold;}
.kont .mzg {font-weight: bold;font-size: 1.5rem;margin-top: 20px;}
#map {width: 100%;height: 300px;}
.wh {position: fixed;bottom: 150px;right: 10px;z-index: 1000;}


.form-control {}
.form-control::-webkit-input-placeholder  {opacity: 1;transition: opacity 0.5s ease;}
.form-control::-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-moz-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:-ms-input-placeholder {opacity: 1;transition: opacity 0.5s ease;}
.form-control:focus::-webkit-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus::-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-moz-placeholder {opacity: 0;transition: opacity 0.5s ease;}
.form-control:focus:-ms-input-placeholder {opacity: 0;transition: opacity 0.5s ease;}

.bup {position: fixed;bottom: 10px;right: 10px;display: none;}


@media screen and (max-width: 576px) {
.slog {font-size: 1.5rem;}
.slog div, .zg {font-size: 2rem !important;}
.carousel-caption {font-size: 1rem;}
.carousel-caption h3 {font-size: 1.3rem;}
}

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

}

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

}

@media screen and (max-width: 1024px) {
.navbar-brand {margin-right: initial;}
}


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

}