body {
    font: 18px Roboto, sans-serif;
    background-color: #fff;
    color: #4d4d4f;
}


h1 {
    font-size: 33px;
    line-height: 45px;
    margin-bottom: 60px;
}

h4 {
    font-size: 23px;
    margin-top: unset;
}

h3 {
    font-size: 20px;
}

a, a:hover,.navbar-default .navbar-nav>li>a:hover {
    color: #219cd6;
}

a .responsible, .navbar, .button {
    -webkit-box-shadow: 0px 3px 4px #4d4d4f75;
    -moz-box-shadow: 0px 3px 4px #4d4d4f75;
    box-shadow: 0px 3px 4px #4d4d4f75;
}

a:hover .responsible,.button:hover {
    -webkit-box-shadow: 0px 5px 10px #4d4d4f75;
    -moz-box-shadow: 0px 5px 10px #4d4d4f75;
    box-shadow: 0px 5px 10px #4d4d4f75;
}

.violet {
    color: #6b2160;
}

.purple {
    color: #c02c7e;
}

.gray {
    color: #4d4d4f;
}

.white {
    color: #fff;
}

.orange {
    color: #ed8a02;
}

.yellow {
    color: #fced22;
}

.blue {
    color: #219cd6;
}

blue {
    color: #01698E;
    display: block;
    float: left;
    padding-top: 7px;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.bp {
    padding-left: 115px; 
}

.mob {
    display: none!important;
}

@media (max-width: 415px) {
    h1 {margin-bottom: 30px;}
    .web {display: none!important;}
    .mob {display: block!important;}
    .row {margin-right: 0; margin-left: 0;}
    .bp {padding-left: 10px; }
}

.navbar {
    /* overflow: hidden; */
    position: fixed;
    top: 0;
    width: 100%;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    background-color: #fff;
    z-index: 10000;
    border: unset;
    border-radius: unset;
    margin-bottom: unset;
}

.nav-center {
    margin: 0 auto;
    max-width: 1455px;
    padding: 0 15px;
    position: relative; 
}

.navbar-brand {
    float: left;
    height: 100px;
    padding: 10px 20px 10px 0;
}

.navbar-nav {
    float: none;
}

.logo {
    max-width: 120px;
}

.navbar-center {
    margin-top: 25px;
}

.dropdown-menu {
    font-size: unset;
}

.open>.dropdown-menu {
    display: block;
}

.sub-menu {
    display: block;
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 1px solid #878787;
}

.soc {
    padding: 5px!important;
}

.f, .i, .tt {
    padding: 2px;
    float: left;
}

@media (max-width: 415px) {
    .soc {
        padding: 15px 0 15px 15px!important;
        float: left;
    }

    .tt {
        padding-right: 100px;
    }
}



.navbar-default .navbar-toggle {
    border: none!important;
    background-color: transparent!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #6b2160!important;
}


@media screen and (min-width: 1025px) {
    #f,#i {
        position: absolute;
        right: 0;
    }
    #f {
        margin-right: 42px;
    }
}

#myVideo {
    border: none!important;
}

#myCarousel {
    width: 70%;
    margin: -20px auto 60px auto;
}

#myCarousel2 {
    width: 80%;
    margin: -20px auto 60px auto;
}

/* Carousel Styles */
/* Wrapper for slides */

/* Controls*/
.carousel-control {
    opacity: 1;
    background: none!important;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    opacity: 1;
    width: 87px;
    height: 87px;
    background: transparent url('../img/icons/left_2.png') no-repeat;
    left: -80px;
}

.glyphicon-chevron-left:hover {
    background: transparent url('../img/icons/left_2.png') no-repeat;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    width: 87px;
    height: 87px;
    background: transparent url('../img/icons/right_2.png') no-repeat;
    right: -80px;    
}

.glyphicon-chevron-right:hover {
    background: transparent url('../img/icons/right_2.png') no-repeat;
}

@media screen and (max-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: -40px;
        width: 40px;
        height: 40px;
        background-size: 100%;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: -40px;
        width: 40px;
        height: 40px;
        background-size: 100%;
    }
}

@media (max-width: 415px) {
    #myCarousel {
        width: 95%;    
    }
    #myCarousel2 {
        width: 95%;    
    }
    .glyphicon-chevron-left, .glyphicon-chevron-right {
        display: none!important;
    }
}

.glyphicon-chevron-left::before, .glyphicon-chevron-right::before {
    display:none;
}

/* Indicators*/

.carousel-indicators {
    bottom: -50px;
}

.carousel-indicators li {
    border: 1px solid #777;
}

.carousel-indicators .active {
    background-color: #777!important;
}



/* END Carousel Styles */

.bg-1 {
    //background-color: #a33a8e;
    margin-top: 100px;
    padding-right: 0;
    padding-left: 0;
}

.bg-2 {
    background-color: #fff;
    background-image: url("../img/background_2.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 100px 20px;
}

.bg-3 {
    background-color: #f5f7f8;
    background-image: url("../img/background_3.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 100px 20px;
}

.bg-4 {
    background-color: #fff;
    padding: 100px 20px;
}

.bg-5 {
    background-color: #f5f7f8;
    background-image: url("../img/background_5.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 100px 20px;
    position: relative;
    z-index: auto;
}

.bg-6 {
    background-color: #fff;
    padding: 100px 20px 50px 20px;
}


.bg-7a {
    background-color: #f5f7f8;
    background-image: url("../img/background_6.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 100px 20px;
    position: relative;
    z-index: auto;
}

.bg-7b {
    background-color: #f5f7f8;
    background-image: url("../img/background_7.jpg");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 20px 20px;
}

.bg-7c {
    background-color: #f5f7f8;
    padding: 100px 20px;
}

.bg-8 {
    background-color: #01698e;
    padding: 100px 20px;
}

.bg-9 {
    background-color: #fff;
    padding: 100px 20px;
}

.bg-10 {
    background-color: #f5f7f8;
    background-image: url("../img/background_10.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 100px 20px;
}

.bg-11 {
    background-color: #fff;
    background-image: url("../img/background_reviews.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 100px 20px;
}

.button {
    border: none;
    padding: 25px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 35px;
    width: 100%;
}

.btn-yellow {
    color: #4d4d4f;
    background-color: #fced22;
}

.btn-yellow:hover {
    background-color: #fff;
    text-decoration: unset;
}

.btn-white {
    background-color: #fff;
}

.btn-white:hover {
    color: #fff;
    background-color: #219cd6;
}

.btn-blue {
    background-color: #219cd6;
}

.btn-blue:hover {
    background-color: #fced22;
    text-decoration: unset;
}

.button-margin {
    margin-bottom: 45px;
}

.button-center {
    max-width: 220px;
    padding: 15px 15px;
    margin-bottom: 38px;
}

.btn-orange {
    padding-top: 10px;
}

.line-left {
    padding-left: 30px;
    border-left: 1px solid #4D4D4F;
}

.margin-left {
    margin-left: 30px;
}

.margin-bottom {
    margin-bottom: 30px;
}

.year {
    margin-bottom: 20px;
    float: right;
}

.social {
    width: 50%;
    float: left;
    padding: 5%;
    margin-bottom: 20px;
}

.social img {
    width: 100%;
}

.responsible {
    width: 100%;
    max-width: 100%;
}

.bg-7a li,  .bg-7b li,  .bg-7c li{
    text-align: left;
    margin-left: -7px;
    margin-bottom: 10px;
}

.spec-list li {
    list-style: decimal;
    margin-bottom: 5px;
    font-size: 14px;
}

.fb-post {
    max-width: 100%;
}

footer {
    background-color: #057C48;
    color: #fff;
    padding: 40px;
}

footer a {
    color: #fff;
}

#footer .home img {
    width: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#footer .home img:hover {
    width: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#about .responsible {
    box-shadow: none;
}

.photo {
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 370px;
}

.one {
    background-image: url(../img/photo/IMG_8866.JPG);
}

.two {
    background-image: url(../img/photo/IMG_9486.JPG);
}

.three {
    background-image: url(../img/photo/IMG_9274.JPG);
}

.des {
    width: 32px;
    margin: 0 20px 5px 0;
}

#gallery img {
    display: block;
    width: 100%;
    margin-top: 10px;
}

#gallery .full {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 8%;
    background: #CCC center no-repeat;
    background: rgba(0, 0, 0, 0.5) center no-repeat;
    background-size: contain;
    background-origin: content-box;
    z-index: 10000;
}

#gallery a:focus+.full {
    display: block;
}


@media screen and (max-width: 991px) {
    .navbar-center {
        margin-left: 145px;
    }
    .button {
        width: 50%;
    }
    .line-left {
        padding-left: unset;
        border-left: none;
    }
    .margin-left {
        margin-left: unset;
    }
    .year {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .navbar {
        min-height: 50px;
    }
    .navbar-brand {
        padding: 0px 40px;
        height: 85px;
    }
    .navbar-toggle {
        margin-top: 20px;
        margin-right: 20px;
    }
    .navbar-center {
        margin-left: 25px;
    }
    .button {
        width: 100%;
    }
    .banner {
        margin-top: 100px;
    }
    .bg-1 {
        margin-top: 65px;
    }
    .bg-1,
    .bg-2,
    .bg-3,
    .bg-4,
    .bg-5,
    .bg-6,
    .bg-7a,
    .bg-7b,
    .bg-7c,
    .bg-8,
    .bg-9,
    .bg-11 {
        padding: 25px 0px;
    }
    .bg-10 {
        padding: 50px 150px 25px 150px;
    }
    #flashmobs img {
        display: none;
    }

    .btn-yellow {
        color: #4d4d4f;
        background-color: #fced22;
        max-width: 260px;
        padding: 15px 15px;
        margin: 10px 10px 10px 20px;
    }
}

@media screen and (max-width: 600px) {
    .navbar-brand img {
        width: 90px;
    }
    .navbar-brand {
        height: 65px;
    }
    .navbar-toggle {
        margin-top: 15px;
        margin-right: 15px;
    }
    .banner {
        margin-top: 85px;
    }

    .bg-1 {
        padding: 0;
    }
}

@media screen and (max-width: 415px) {
    .bg-10 {
        padding: 25px 0px;
    }

    .bg-11 {
        background-image: none;
    }

    #reviews .col-12 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

}