@font-face {
    font-family: 'Oswald';
    src: url('Oswald-Light.eot');
    src: url('Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('Oswald-Light.woff2') format('woff2'),
        url('Oswald-Light.woff') format('woff'),
        url('Oswald-Light.ttf') format('truetype'),
        url('Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica-Narrow';
    src: url('../fonts/Helvetica-Narrow.ttf.woff') format('woff'),
    url('../fonts/Helvetica-Narrow.ttf.svg#Helvetica-Narrow') format('svg'),
    url('../fonts/Helvetica-Narrow.ttf.eot'),
    url('../fonts/Helvetica-Narrow.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue-BoldCond';
    font-weight: bold;
    src: url('../fonts/HelveticaNeue-BoldCond.otf') format("opentype");
}

@font-face {
    font-family: 'Oswald-ExtraLight';
    font-weight: extra light;
    src: url('../fonts/Oswald-ExtraLight.ttf') format("opentype");
}

img.one {
  height: 100%;
  width: 100%;
}

.height-auto {
    height: auto;
}
.card {
    border: none;
}
.card-title {
    font-weight: 700;
	text-align: center;
}
.card-text {
    font-size: 15px;
	text-align: center;
}

body {
    font-family: 'Oswald';
    font-size: 20px;
    background-color: #dee2e6;
}

.font-helvetica {
    font-family: 'Oswald';
    font-size: 16px;
    text-align: justify;
}

.font-helvetica-narrow * {
    font-family: 'Oswald';
}
.special-font {
    font-size: 42px;

}
.menu-font {
    font-family: 'Oswald' !important;
    word-spacing: 2px;
    letter-spacing: 2px;
}
.container, header {
    background-color: #ffffff;
}

.cellbg, cellbg {
    background-color: #dee2e6;
}

.c-white * {
    color: #ffffff;
}

.ct-white * {
    color: #ffffff;
}

.foot-height {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.nav-link {
    padding: .3rem 1rem;
    font-weight: 400;
    font-size: 18px;

    /*
    font-family: 'HelveticaNeue-BoldCond';
     */
}
.dropdown-item {
    font-size: 15px;
}

.logo {
    margin-top: 15px;
}

#slider-img {
    width: 100%;
    z-index: 0;
    /*
    background-size:100% 100% !important;
     */

    background-size: contain;

    background-repeat: no-repeat;
    border-bottom: 10px solid #F8A312;
    backface-visibility: hidden;

    /*
    animation: slideBg 5s linear infinite 0s;

    animation: slideBg 60s ease-in-out infinite;
    -webkit-animation-duration: 60s;
    animation-timing-function: ease-in-out;
    */
    /*
    height: calc(75vw / (1536 / 705 )) !important;
     */

    -webkit-animation-name: slideBg;
    -webkit-animation-duration: 24s;
    -webkit-animation-timing-function: step-start;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    animation-name: slideBg;
    animation-duration: 24;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;

    background-image: url('../images/sliders/slider1.png');

}

@keyframes slideBg {
    0% {
        background-image: url('../images/sliders/slider1.png');
    }
    16% {
        background-image: url('../images/sliders/slider1.png');
    }
	17% {
        background-image: url('../images/sliders/slider4.png');
    }
    32% {
        background-image: url('../images/sliders/slider4.png');
    }
    33% {
        background-image: url('../images/sliders/slider10.png');
    }
    48% {
        background-image: url('../images/sliders/slider10.png');
    }
	49% {
        background-image: url('../images/sliders/slider11.png');
    }
    64% {
        background-image: url('../images/sliders/slider11.png');
    }
    65% {
        background-image: url('../images/sliders/slider12.png');
    }
    80% {
        background-image: url('../images/sliders/slider12.png');
    }
    81% {
        background-image: url('../images/sliders/slider13.png');
    }
    100% {
        background-image: url('../images/sliders/slider13.png');
    }
}

@-webkit-keyframes slideBg /* Safari and Chrome */
    0% {
        background-image: url('../images/sliders/slider1.png');
    }
    16% {
        background-image: url('../images/sliders/slider1.png');
    }
	17% {
        background-image: url('../images/sliders/slider4.png');
    }
    32% {
        background-image: url('../images/sliders/slider4.png');
    }
    33% {
        background-image: url('../images/sliders/slider10.png');
    }
    48% {
        background-image: url('../images/sliders/slider10.png');
    }
	49% {
        background-image: url('../images/sliders/slider11.png');
    }
    64% {
        background-image: url('../images/sliders/slider11.png');
    }
    65% {
        background-image: url('../images/sliders/slider12.png');
    }
    80% {
        background-image: url('../images/sliders/slider12.png');
    }
    81% {
        background-image: url('../images/sliders/slider13.png');
    }
    100% {
        background-image: url('../images/sliders/slider13.png');
    }
}

.logo {
    margin-top: 15px;
}

.top-info {
    margin-top: 20px;
    border-left: 1px solid #9CAAB7;
    padding-left: 35px;
}

.top-info-font {
    color: #F8A312;
    font-size: 36px;
}

.foot-info-font {
    color: #000000;
    font-size: 26px;
}

.mt-info {
    margin-top: -4px;
}

.foot-menu {
    list-style: none;
    padding: 0;
    font-size: 15px;
    line-height: 17px;
    padding-left: 8px;
}

.foot-menu-ru {
	font-family: 'Oswald Regular';
    font-size: 12px;
}

.foot-menu a {
    color: #000000;
}

.head-title {
    font-size: 14px;
    line-height: 14px;
}

.head-desc {
    font-size: 12px;
    line-height: 12px;
}

.left-div {
    width: calc(100% - 140px);
}

.div100 {
    width: 100%
}

/*
menu
 */
.bg-light {
    background-color: #F6A516 !important;
}

.dropdown-i {
    font-size: 12px;
}

.navbar-nav {
    width: 100%;
}

.nav-item {
    min-width: 14.28%;
    text-align: center;
}

.lang {
    opacity: 0.3;
}

.lang:hover {
    opacity: 1;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: none;
}

header {
    width: 65%;
    height: 345px;
    position: relative;
    padding: 0 15px;
}

.header-content {
    height: 150px;
}

.des {
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    color: rgba(255, 255, 255, .7);
    font-size: 44px;
    z-index: -1;
    right: 10px;
    width: 250px;
    background-color: rgba(211, 141, 19, 0.5);
    line-height: 40px;
}

.back-gray {
    background-color: #999999;
}

.back-orange {
    background-color: #F8A519;
}

.content-title {
    font-size: 28px;
    font-weight: 1000;
    color: #ffffff;
}

.mt-title-img {
    margin-top: 7px;
}

.order-height {
	color: #ffffff;
    height: 40px;
}

.form-contact {
    background-color: #ececec;
    border: 1px solid #CECECE;
    padding: 2px 7px;
    height: 30px;
}

.formhome-contact {
    background-color: #FFFFFF;
    border: 1px solid #CECECE;
    padding: 2px 7px;
    height: 30px;
}

.formcont-contact {
    background-color: #ececec;
    border: 1px solid #000000;
    padding: 2px 7px;
    height: 40px;
	margin: 5px;
}

.formmsj-contact {
    background-color: #ececec;
    border: 1px solid #000000;
    padding: 2px 7px;
    height: 100px;
	margin: 5px;
}

.form-contact:hover, .form-contact:focus, .form-contact:active {
    border: 1px solid #a8a8a8 !important;
}

.contact-select {
    height: 35.8px;
}

.contact-form select {
    color: rgb(117, 117, 117);
}

.contact-form option {
    color: black;
}

.contact-form option:first-child {
    color: rgb(117, 117, 117);
}

.mt-contact-edit {
    margin-top: -.25rem !important;
}

.w-20 {
    width: 20% !important;
}

.contact-form textarea {
    min-height: 126px;
}

.contact-form button {
    color: #ffffff;
}

.active {
    color: #ffffff !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #b8790f;
}

.link-map {
    width: 100%;
    float: left;
    padding: 0px 0px;
    margin-top: 20px;
    margin-bottom: -10px;
    position: relative;
}

.link-map a:first-child {
    padding: 0 15px 0 15px;
}


.link-map a, .link-map span {
    float: left;
    line-height: 30px;
    padding: 0 15px;
    position: relative;
    color: #000000;
}

.link-map a:after, .link-map span:after {
    content: ">";
    float: left;
    margin: 0 5px;
    position: absolute;
    left: -7.5px;
}

.link-map a:first-child:after {
    content: "";
}

.content-sub-title {
    color: #EEA92A;
}

@media only screen and (max-width: 767px) {
    .yestav-menu {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: -50px;
    }

    .content-body {
        margin-top: 40px;
    }

    .nav-item {
        line-height: 10px !important;
    }
}


@media only screen and (max-width: 1200px) {
    .yestav-top-menu {
        display: block;
    }
    .top-info {
        padding-left: 15px;
    }
    .top-info-font {
        font-size: 34px;
    }

    .head-title {
        font-size: 17px;
        line-height: 17px;
    }

    .head-desc {
        font-size: 16px;
        line-height: 16px;
    }

    .mt-info {
        margin-top: -4px !important;
    }


}

@media only screen and (max-width: 1100px) {
    .yestav-top-menu {
        display: block;
    }

    .top-info {
        padding-left: 15px;
    }

    .top-info-font {
        font-size: 32px;
    }

    .head-title {
        font-size: 16px;
        line-height: 16px;
    }

    .head-desc {
        font-size: 14px;
        line-height: 14px;
    }

    .mt-info {
        margin-top: -10px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .yestav-top-menu {
        display: block;
    }

    .top-info {
        padding-left: 3px;
    }

    .top-info-font {
        font-size: 14px;
    }

    .head-title {
        font-size: 12px;
        line-height: 12px;
    }

    .head-desc {
        font-size: 11px;
        line-height: 11px;
    }

    .mt-info {
        margin-top: -12px !important;
    }

    .nav-link {
        font-size: 20px;
        padding: 5px 10px;
    }

}

@media only screen and (max-width: 980px) {
    .yestav-top-menu {
        display: block;
        /*
        margin-top: 20px !important;
         */
    }

    .top-info {
        padding-left: 5px;
    }

    .top-info-font {
        font-size: 16px;
    }

    .head-title {
        font-size: 12px;
        line-height: 12px;
    }

    .head-desc {
        font-size: 10px;
        line-height: 10px;
    }

    .mt-info {
        margin-top: -14px !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-link {
        padding-right: 0.1rem !important;
        padding-left: 0.1rem !important;
    }
}
@media only screen and (max-width: 900px) {
    .yestav-top-menu {
        display: none;
    }
}