html {
    scroll-behavior: smooth;
}
body {
    font-family: 'EB Garamond', serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #1B1B1B;
}

.section {
    /*margin-top: 80px;*/
}
.sectionTitle {
    padding: 50px 0 28px 0;
    display: flex;
    justify-content: center;
    font-size: 36px;
    line-height: 52px;
    text-align: center;
}
.decoration {
    display: flex;
    justify-content: center;
}


/*NavbarBigSection -- start*/

.logoContainer {
    display: flex;
    justify-content: center;
    padding: 32px 0;
}
.logoBig {
    width: 296px;
    height: 80px;
}
.navLine {
    border-bottom: 1px solid #D9D9D9;
}
.menuContainer {
    padding: 30px 0;
    display: flex;
    justify-content: center;
}
.menuItem,
a.menuItem:link,
a.menuItem:visited,
a.menuItem:hover {
    color: #1B1B1B;
    padding: 0 60px;
    font-size: 20px;
    line-height: 26px;
    text-decoration: none;

}
/*NavbarBigSection -- end*/


/*NavbarSmallSection -- start*/
#navbarSmall {
    background: #FFFFFF;
    box-shadow: 0 4px 10px rgba(28, 28, 28, 0.12);
}
.logoSmallContainer {
    padding: 13px 40px 13px 0;
}
.logoSmall {
    width: 200px;
    height: 54px;
}
.phone.phone:link{
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #D6AD44;
    text-decoration: none;
}

.menuSmallItem,
a.menuSmallItem:link,
a.menuSmallItem:visited,
a.menuSmallItem:hover
 {
    color: #1B1B1B;
    padding: 0 21px;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;
}
/*NavbarSmallSection -- start*/

#oneif {
    z-index: 100;
    position: relative;
    right: 0;
    bottom: 0;
}

/*Social Media Section -- start*/
#socialMedia {
    z-index: 100;
    position: fixed;
    right: 0;
    top: 350px;
}
.socialMediaItem {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #FFFFFF;
    padding: 10px 0;
    margin: 0 0 15px 0;
    box-shadow: 0 4px 10px rgba(39, 39, 39, 0.12);
}
.socialImg:hover {
    animation: socialImgAnimation 1s normal forwards ;
}
@keyframes socialImgAnimation {
    0% {
        opacity: 0.3;
    }
    15% {
        scale: 130%;
    }
    35% {
        scale: 100%;
    }
    50% {
        opacity: 0.7;
        scale: 130%;
    }
    100% {

    }
}
/*Social Media Section -- end*/

/*News Section -- start*/

.newsItem {
    max-width: 400px;
    padding: 10px;
}
.blogImg {
    width: 330px;
    height: 248px;
    object-fit: cover;
}
.blogsTitle {
    margin-top: 20px;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #1B1B1B;
}
.blogsContent {
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #5C5C5C;
}
.btnFrame {
    width:268px;
    height: 60px;
    background:
        linear-gradient(84.01deg,
        #B57E10 1.76%,
        #B57E10 24.21%,
        #E5C35C 70.61%,
        #F9DF7B 93.06%,
        #FFF3A6 109.52%,
        #F9DF7B 127.48%,
        #B57E10 151.43%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnEmpty {
    width:266px;
    height: 58px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnContent {
    width: 256px;
    height: 48px;
    background:
        linear-gradient(84.01deg,
        #B57E10 1.76%,
        #B57E10 24.21%,
        #E5C35C 70.61%,
        #F9DF7B 93.06%,
        #FFF3A6 109.52%,
        #F9DF7B 127.48%,
        #B57E10 151.43%);
    display: flex;
    justify-content: center;
    align-items: center;
}
/*News Section -- end*/
/*About Section -- end*/
.sectionDark {
    background-color: #F4F4F4;;
}
.aboutContainer {
    padding: 80px 0 80px 0;
}

.imgAbout{
    width: 100%;
    min-width: 200px;
    max-width: 420px;
    min-height: 200px;
    max-height: 568px;
    object-fit: cover;
}
.about--title {
    padding-left: 0;
    padding-top: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 52px;
    color: #1B1B1B;
}
.about--txt {
    padding-left: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #1B1B1B;
}
#sign-mk {
    width: 250px;
    stroke-dasharray: 100;
    stroke-dashoffset: 80;
}

/*About Section -- end*/


/*About Section -- end*/
.services--icons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;

}

.services--iconsAnimation {
    animation: iconsServices 2s normal forwards ;
}
.services--iconsTitleAnimation {
    animation: iconsServicesTitle 2s normal forwards ;
}


/* Map Section -- start*/
.mapContainer {
    padding: 30px 0 80px 0;
}
.decoration-left {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}
.map--title {
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
}
.map--txt {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.goldBorder {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(84.01deg,
    #B57E10 1.76%,
    #B57E10 24.21%,
    #E5C35C 70.61%,
    #F9DF7B 93.06%, #FFF3A6 109.52%, #F9DF7B 127.48%, #B57E10 151.43%);
    width: 340px;
    height: 250px;
}
.greyBorder {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 336px;
    height: 246px;
    background-color: #F4F4F4;
}
.mapImg {
    width: 326px;
    height: 236px;
}
/* Map Section -- end*/
@keyframes iconsServices {
    0% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.7;
        scale: 130%;
    }
    100% {

    }
}
@keyframes iconsServicesTitle {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.7;
        letter-spacing: 1px;
    }
    100% {

         }
}



.services--icons-title {
    display: flex;
    justify-content: center;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #1B1B1B;
    margin-top: 25px;
}
.services--icons-icon {
    display: flex;
    justify-content: center;
}
/*About Section*/



#contact {
    min-height: 600px;
}
.backgroundContact {
    background-image: url('/img/contact-background.png');
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;"
}
.footer {
    padding: 32px 0;
    background: #DADADA;
}
.inputMk {
    width: 100%;
    height: 56px;
    border: 1px solid #D9D9D9;
    outline: none;
    padding-left: 15px;
    color: #1B1B1B;
}
.inputMk::placeholder {
    color: #1B1B1B;
}
.buttonMK {
    background: linear-gradient(84.01deg,
    #B57E10 1.76%,
    #B57E10 24.21%,
    #E5C35C 70.61%,
    #F9DF7B 93.06%,
    #FFF3A6 109.52%,
    #F9DF7B 127.48%,
    #B57E10 151.43%);
}

.oneif {
    /*background-color: #1a202c;*/
}
.carousel-inner {
    padding: 1em;
}
.card {
    margin: 0 0.5em;
    border: none;
}
.carousel-control-prev,
.carousel-control-next {
    border: 2px solid #B57E10;
    background-color: #B57E10;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 220px;

}
@media (min-width: 768px) {
    .carousel-item {
        margin-right: 0;
        flex: 0 0 33.333333%;
        display: block;
    }

    .carousel-inner {
        display: flex;
    }
}
.card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card img {
    max-height: 100%;
}
.carouselNavigation {
    border: 1px solid red;
}
@media (max-width: 767px) {
    .card .img-wrapper {
        height: 17em;
    }
}



@media only screen and (max-width: 768px) {
    .phone.phone:link{
        font-size: 12px;
    }

#socialMedia {
        top: 550px;
    }
}

@media only screen and (min-width: 576px) {
    .paginate {
        position: relative;
        top: 190px;
    }


}

@media only screen and (min-width: 768px) {
    .paginate {
        position: relative;
        top: 110px;
    }
    .about--title {
        padding-top: 0;
        padding-left: 10px;
    }
    .about--txt {
        padding-left: 10px;
    }
    .goldBorder {
        width: 300px;
        height: 210px;
    }
    .greyBorder {
        width: 296px;
        height: 206px;
    }
    .mapImg {
        width: 286px;
        height: 196px;
    }
    .decoration-left {
        padding: 0;
    }
    .map--title {
        text-align: left;
    }
    .map--txt {
        text-align: left;
    }

}

@media only screen and (min-width: 992px) {
    .paginate {
        position: relative;
        top: 140px;
    }
    .about--title {
        padding-left: 5px;
    }
    .about--txt {
        padding-left: 5px;
    }
    .goldBorder {
        width: 430px;
        height: 310px;
    }
    .greyBorder {
        width: 426px;
        height: 306px;
    }
    .mapImg {
        width: 416px;
        height: 296px;
    }
    .decoration-left {
        display: flex;
        justify-content: left;
    }
    .services--icons-title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .paginate {
        position: relative;
        top: 160px;
    }
    /*.about--title {*/
    /*    padding-left: 80px;*/
    /*}*/
    /*.about--txt {*/
    /*    padding-left: 80px;*/
    /*}*/
    .goldBorder {
        width: 530px;
        height: 360px;
    }
    .greyBorder {
        width: 526px;
        height: 356px;
    }
    .mapImg {
        width: 516px;
        height: 346px;
    }
    .backgroundContact {
        background-image: url('/img/contact-background.png');
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;"
    }
    .services--icons-title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 1400px) {
    .paginate {
        position: relative;
        top: 180px;
    }
}