@font-face {
    font-family: VolteLight;
    src        : url(../fonts/VolteLight.woff);
}

@font-face {
    font-family: VolteRegular;
    src        : url(../fonts/Volte.woff);
}

@font-face {
    font-family: VolteMedium;
    src        : url(../fonts/VolteMedium.woff);
}

@font-face {
    font-family: VolteSemibold;
    src        : url(../fonts/VolteSemibold.woff);
}

@font-face {
    font-family: VolteBold;
    src        : url(../fonts/VolteBold.woff);
}

body {
    font-family: 'VolteRegular', sans-serif;
    font-size  : 18px;
    overflow-x : hidden;
}

::selection {
    color     : #fff;
    background: #d9a329;
}

a {
    text-decoration: none !important;
    box-shadow     : none !important;
    color          : #000000;
}

.clearfix {
    clear: both !important;
}

section {
    float: left;
    width: 100%;
}

article {
    float: left;
    width: 100%;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.plr20 {
    padding-left : 20px !important;
    padding-right: 20px !important;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.mt80 {
    margin-top: 80px;
}

.mb80 {
    margin-bottom: 80px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.mt100 {
    margin-top: 100px;
}

.mb100 {
    margin-bottom: 100px;
}

.pt100 {
    padding-top: 100px;
}

.pb100 {
    padding-bottom: 100px;
}

.mt160 {
    margin-top: 160px;
}

.mb160 {
    margin-bottom: 160px;
}

.pt160 {
    padding-top: 160px;
}

.pb160 {
    padding-bottom: 160px;
}

.mt200 {
    margin-top: 200px;
}

.mb200 {
    margin-bottom: 200px;
}

.pt200 {
    padding-top: 200px;
}

.pb200 {
    padding-bottom: 200px;
}

.section-space {
    width : 100%;
    height: 160px;
}

.section-title {
    font-family  : 'VolteBold', sans-serif;
    color        : #000000;
    width        : 100%;
    height       : 40px;
    margin-bottom: 40px;
}

.section-title-line {
    float     : left;
    width     : 60px;
    height    : 2px;
    margin-top: 14px;
    background: #d9a329;
}

.section-title h2 {
    float      : left;
    margin-left: 10px;
}

.btnLight {
    display    : inline;
    height     : 40px;
    line-height: 40px;
    color      : #fff;
    box-shadow : none;
}

.btnLight span {
    float       : left;
    padding-left: 10px;
    box-shadow  : none;
}

.btnLight .btn-line {
    float      : left;
    width      : 30px;
    height     : 2px;
    margin-top : 19px;
    margin-left: -10px;
    background : #d9a329;
    transition : all 500ms;
}

.btnLight::before {
    float  : left;
    content: url(../images/btn-light-before.png);
}

.btnLight:hover {
    color: #d9a329;
}

.btnLight:hover .btn-line {
    width     : 40px;
    transition: all 500ms;
}

.btnDark {
    display    : inline;
    height     : 40px;
    line-height: 40px;
    color      : #000000;
    box-shadow : none;
}

.btnDark span {
    float       : left;
    padding-left: 10px;
    box-shadow  : none;
}

.btnDark .btn-line {
    float      : left;
    width      : 30px;
    height     : 2px;
    margin-top : 19px;
    margin-left: -10px;
    background : #d9a329;
    transition : all 500ms;
}

.btnDark::before {
    float  : left;
    content: url(../images/btn-dark-before.png);
}

.btnDark:hover {
    color: #d9a329;
}

.btnDark:hover .btn-line {
    width     : 40px;
    transition: all 500ms;
}

.btnDarkLine {
    display    : inline;
    height     : 40px;
    line-height: 40px;
    color      : #000000;
    box-shadow : none;
}

.btnDarkLine span {
    float       : left;
    padding-left: 10px;
    box-shadow  : none;
}

.btnDarkLine .btn-line {
    float     : left;
    width     : 30px;
    height    : 2px;
    margin-top: 19px;
    background: #d9a329;
    transition: all 500ms;
}

.btnDarkLine:hover {
    color: #d9a329;
}

.btnDarkLine:hover .btn-line {
    width     : 40px;
    transition: all 500ms;
}

.slide-area {
    position             : relative;
    width                : 100%;
    height               : 100vh;
    background-color     : #000000;
    background-image     : url(../images/slide-bg.png);
    background-attachment: fixed;
    background-position  : center center;
    background-size      : cover;
}

.slide-area .slide-content-wrapper {
    position  : absolute;
    width     : 100%;
    height    : 60vh;
    margin-top: 20vh;
}

.slide-area .slide-content-wrapper .slide-content-text {
    width      : 100%;
    height     : 60vh;
    display    : flex;
    align-items: center;
    color      : #fff;
}

.slide-area .slide-content-wrapper .slide-content-text span {
    font-family  : 'VolteLight', sans-serif;
    font-size    : 20px;
    margin-bottom: 0px;
}

.slide-area .slide-content-wrapper .slide-content-text h2 {
    font-family  : 'VolteBold', sans-serif;
    font-size    : 64px;
    line-height  : 60px;
    margin-bottom: 0px;
}

.slide-area .slide-content-wrapper .slide-content-text p {
    padding-right: 12%;
}

.slide-area .slide-content-wrapper .slide-content-img {
    width      : 100%;
    height     : 60vh;
    display    : flex;
    align-items: center;
}

.main-slide-mobile {
    display: none;
}

.slide-area .slide-shapes {
    width              : 100%;
    height             : 100vh;
    background-image   : url(../images/slide-shapes.png);
    background-position: center center;
    background-size    : cover;
}

.slide-area .scroll-down {
    position   : absolute;
    display    : inline;
    bottom     : 140px;
    right      : -80px;
    height     : 27px;
    color      : #fff;
    font-family: 'VolteLight', sans-serif;
    transform  : rotate(-90deg);
}

.slide-area .scroll-down .scroll-text {
    float: left;
}

.slide-area .scroll-down .white-line {
    position   : relative;
    float      : left;
    width      : 100px;
    height     : 2px;
    margin-left: 10px;
    margin-top : 10px;
    background : #fff;
}

.slide-area .scroll-down .yellow-line {
    position         : absolute;
    margin-top       : -2px;
    width            : 20px;
    height           : 6px;
    background-color : #d9a329;
    -webkit-animation: ani-mouse 2s linear infinite;
    animation        : ani-mouse 2s linear infinite;
}

@-webkit-keyframes ani-mouse {
    0% {
        left: 10%;
    }

    15% {
        left: 80%;
    }

    50% {
        left: 50%;
    }

    to {
        left: 10%;
    }
}

@keyframes ani-mouse {
    0% {
        left: 10%;
    }

    15% {
        left: 80%;
    }

    50% {
        left: 50%;
    }

    to {
        display: none;
        left   : 10%;
    }
}

.slide-area .search-area {
    position     : absolute;
    bottom       : 45px;
    width        : 100%;
    height       : 60px;
    padding-left : 92px;
    padding-right: 92px;
}

.slide-area .search-area .search-area-wrapper {
    width : 100%;
    height: 60px;
}

.slide-area .search-area .search-area-wrapper .search-input-wrapper,
.slide-area .search-area .search-area-wrapper .select-input-wrapper {
    position: relative;
}

.slide-area .search-area .search-area-wrapper .search-input-wrapper .input-arrow,
.slide-area .search-area .search-area-wrapper .select-input-wrapper .select-arrow {
    position  : absolute;
    top       : 50%;
    right     : -30px;
    margin-top: -10px;
}

.slide-area .search-area .search-area-wrapper input {
    font-family  : 'VolteLight', sans-serif;
    height       : 60px;
    color        : #fff;
    border       : 2px solid #d9a329;
    border-radius: 0px;
    box-shadow   : none;
    background   : transparent;
}

.slide-area .search-area .search-area-wrapper input::placeholder {
    color: #fff;
}

.slide-area .search-area .search-area-wrapper select {
    font-family     : 'VolteBold', sans-serif;
    height          : 60px;
    color           : #000;
    border-radius   : 0px;
    background-color: #d9a329;
    border          : 2px solid #d9a329;
    box-shadow      : none;
    cursor          : pointer;
}

.slide-area .search-area .search-area-wrapper select option:hover {
    background: #000000 !important;
}

.slide-area .search-area .search-area-wrapper .btn {
    position     : relative;
    background   : #fff;
    width        : 100%;
    height       : 60px;
    line-height  : 60px;
    border-radius: 0px;
    box-shadow   : none;
    padding      : 0px 14px 0px 14px;
    text-align   : left !important;
    font-family  : 'VolteBold', sans-serif;
    transition   : all 500ms;
}

.slide-area .search-area .search-area-wrapper .btn:hover {
    background: #d9a329;
}

.slide-area .search-area .search-area-wrapper .btn::after {
    content          : "";
    position         : absolute;
    height           : 22px;
    width            : 20px;
    top              : 18px;
    right            : 16px;
    background-size  : 20px 22px;
    background-image : url(../images/btn-search-black.svg);
    background-repeat: no-repeat;
    transition       : all 500ms;
}

.slide-area .search-area .search-area-wrapper .btn:hover::after {
    transform: rotate(360deg);
}

header {
    position  : absolute;
    width     : 100%;
    height    : auto;
    padding   : 45px 92px 0 92px;
    z-index   : 99;
    transition: all 500ms;
}

header .logo {
    float: left;
    width: 164px;
}

header .menu-area .lang-area {
    float      : right;
    width      : 86px;
    height     : 54px;
    border-left: 2px solid #d9a329;
}

header .menu-area .lang-area a {
    height         : 54px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    color          : #fff;
    font-size      : 26px;
    transition     : all 500ms;
}

header .menu-area .lang-area a::after {
    /* content      : url(../images/btn-arrowDown-yellow.png);
    margin-left  : 6px;
    margin-bottom: 6px;
    transition   : all 500ms; */
}

header .menu-area .lang-area a:hover {
    color: #d9a329;
}

header .menu-area .lang-area a:hover::after {
    transform: rotate(360deg);
}

header .menu-area .links-area {
    float : right;
    height: 54px;
}

header .menu-area .links-area-mobile {
    display: none;
}

header .menu-area .links-area ul {
    list-style  : none;
    padding     : 0px;
    margin-right: 10px;
}

header .menu-area .links-area ul li {
    display    : inline;
    margin     : 0 10px 0 10px;
    font-family: 'VoldeBold', sans-serif;
    font-weight: 600;
    line-height: 54px;
}

header .menu-area .links-area ul li a {
    color     : #fff;
    transition: all 500ms;
}

header .menu-area .links-area ul li a:hover {
    color: #d9a329;
}

header .menu-area .links-area ul li .dropdown-menu {
    border    : 0px;
    padding   : 0px;
    margin-top: 10px;
    background: transparent !important;
}

header .menu-area .links-area ul li .dropdown-menu li {
    padding    : 0 !important;
    margin     : 14px 0 14px 0 !important;
    line-height: 20px;
}

header .menu-area .links-area ul li .dropdown-menu li a {
    padding: 0;
    margin : 14px 0 14px 0 !important;
}

header .menu-area .links-area ul li .dropdown-menu .dropdown-item {
    color: #fff;
}

header .menu-area .links-area ul li .dropdown-menu .dropdown-item:hover,
nav ul li .dropdown-menu .dropdown-item:active {
    background  : transparent;
    padding-left: 10px;
}

header .menu-area .links-area .dropdown-toggle {
    cursor: pointer;
}

header .menu-area .links-area .dropdown-toggle::after {
    display: none;
}

header .menu-background {
    position           : absolute;
    width              : 50rem;
    height             : 40vh;
    right              : 0;
    top                : -40vh;
    background-color   : #ffffff;
    background-image   : url(../images/menu-hover-bg.png);
    background-position: right bottom;
    background-repeat  : no-repeat;
    z-index            : -1;
    transition         : all 500ms;
    -webkit-box-shadow : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow    : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow         : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.fixedMenu {
    position          : fixed;
    background        : #fff !important;
    padding           : 10px 92px 10px 92px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.fixedMenu .st0 {
    fill: #000 !important;
}

.fixedMenu .menu-area .links-area ul li a {
    color: #000000;
}

.fixedMenu .menu-area .lang-area a {
    color: #000000;
}



.hoverMenu a {
    color: #000000 !important;
}

.hoverMenu a:hover {
    color: #d9a329 !important;
}

.page-header {
    position             : relative;
    width                : 100%;
    height               : 60vh;
    background-color     : #000000;
    background-image     : url(../images/slide-bg.png);
    background-attachment: fixed;
    background-position  : center center;
    background-size      : cover;
}

.page-header .slide-shapes {
    width              : 100%;
    height             : 60vh;
    background-image   : url(../images/slide-shapes.png);
    background-position: center center;
    background-size    : cover;
}

.page-header .page-title {
    position   : absolute;
    display    : flex;
    align-items: center;
    width      : 50%;
    height     : 60vh;
}

.page-header .page-title h1 {
    font-family: 'VolteBold', sans-serif;
    color      : #fff;
}

.page-header .page-breadcrumb {
    position: absolute;
    bottom  : 20px;
}

.page-header .page-breadcrumb ul {
    padding   : 0px;
    list-style: none;
}

.page-header .page-breadcrumb ul li {
    display     : inline;
    margin-right: 40px;
}

.page-header .page-breadcrumb ul li:last-child {
    font-family: 'VolteBold', sans-serif;
}

.page-header .page-breadcrumb ul li::after {
    content   : '';
    position  : absolute;
    background: url(../images/btn-search-arrow-after.png);
    margin    : 6px 0 0 12px;
    width     : 20px;
    height    : 13px;
}

.page-header .page-breadcrumb ul li:last-child::after {
    display: none;
}

.page-header .page-breadcrumb ul li a {
    color     : #fff;
    transition: all 500ms;
}

.page-header .page-breadcrumb ul li a:hover {
    color: #d9a329;
}

.page-content {
    width              : 100%;
    background         : url(../images/services-home-bg.png);
    background-size    : 100%;
    background-position: left top;
    background-repeat  : no-repeat;
    padding            : 80px 0 0 0;
    min-height         : 850px;
}

.page-content .page-text {
    padding-right: 40px;
}

.page-content .page-img {
    position  : relative;
    margin-top: -220px;
}

.services-home {
    width              : 100%;
    background         : url(../images/services-home-bg.png);
    background-size    : 100%;
    background-position: left top;
    background-repeat  : no-repeat;
    padding            : 160px 92px 160px 92px;
}

.services-item-wrapper .services-item {
    float             : left;
    width             : 18%;
    min-height        : 590px;
    margin            : 0 1% 0 1%;
    background        : #fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.services-item-wrapper-mobile {
    display: none;
}

.services-item-wrapper .services-item .services-item-img {
    overflow: hidden;
}

.services-item-wrapper .services-item .services-item-img img {
    transition: all 500ms;
}

.services-item-wrapper .services-item .services-item-text {
    padding: 20px;
}

.services-item-wrapper .services-item .services-item-text h4 {
    font-family: 'VolteBold', sans-serif;
    font-size  : 18px;
    min-height : 30px;
}

.services-item-wrapper .services-item:hover .services-item-img img {
    transform: scale(1.2);
}

.industries-home {
    width  : 100%;
    padding: 0 92px 0 92px;
}

.news-home-mobile {
    display: none;
}

.news-home .news-item-big .news-item-big-text {
    padding-top: 20px;
}

.news-home .news-item-big .news-item-big-text h4 {
    font-family  : 'VoldeBold', sans-serif;
    font-weight  : 800;
    font-size    : 18px;
    margin-bottom: 0px;
}

.news-home .news-item-big .news-item-big-text .date {
    width        : 100% !important;
    font-size    : 16px;
    margin-bottom: 20px;
}

.news-home .news-item-small {
    margin-bottom: 40px;
    border-right : 2px solid #000000;
    transition   : all 500ms;
}

.news-home .news-item-small:hover {
    border-right      : 2px solid #d9a329;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.news-home .news-item-small a:hover {
    color: #000000;
}

.news-home .news-item-small .news-item-small-img {
    overflow: hidden;
}

.news-home .news-item-small .news-item-small-img img {
    transition: all 500ms;
}

.news-home .news-item-small:hover .news-item-small-img img {
    transform: scale(1.2);
}

.news-home .news-item-small .news-item-small-text {
    display    : flex;
    height     : 135px;
    align-items: center;
}

.news-home .news-item-small .news-item-small-text h4 {
    font-family  : 'VoldeBold', sans-serif;
    font-weight  : 800;
    font-size    : 18px;
    margin-bottom: 0px;
}

.news-home .news-item-small .news-item-small-text .date {
    width        : 100% !important;
    font-size    : 16px;
    margin-bottom: 20px;
}

.logos-wrapper {
    display: block;
}

.logos-wrapper-mobile {
    display: none;
}

footer {
    width              : 100%;
    padding            : 100px 0 20px 0;
    background-color   : #000000;
    background-image   : url(../images/footer-bg.png);
    background-position: center bottom;
    background-size    : cover;
}

footer .footer-top {
    height: 60px;
}

footer .footer-top .footer-top-logo {
    height: 60px;
}

footer .footer-top .footer-top-logo img {
    max-height: 60px;
}

footer .footer-top .footer-top-phone {
    display      : flex;
    align-items  : center;
    height       : 60px;
    margin-left  : 10px;
    padding-right: 10px;
    color        : #fff;
    line-height  : 20px;
    border-right : 2px solid #d9a329;
}

footer .footer-top .footer-top-address {
    display    : flex;
    align-items: center;
    height     : 60px;
    margin-left: 10px;
    color      : #fff;
    line-height: 20px;
}

footer .footer-top .newsletter-input {
    float   : right;
    position: relative;
    width   : 70%;
    height  : 60px;
}

footer .footer-top .newsletter-input input {
    font-family  : 'VolteLight', sans-serif;
    height       : 60px;
    color        : #fff;
    border       : 2px solid #d9a329;
    border-radius: 0px;
    box-shadow   : none;
    background   : transparent;
}

footer .footer-top .newsletter-input input::placeholder {
    color: #fff;
}

footer .footer-top .newsletter-input a {
    position          : absolute;
    right             : 20px;
    top               : 50%;
    margin-top        : -12px;
    transition        : all 500ms;
    -webkit-appearance: none
}

footer .footer-top .newsletter-input a:hover {
    transform: rotate(360deg);
}

footer .footer-top .newsletter-text {
    float        : right;
    display      : flex;
    align-items  : center;
    height       : 60px;
    padding-right: 10px;
    line-height  : 20px;
    text-align   : right;
    color        : #fff;
    font-family  : 'VolteBold', sans-serif;
}

footer .footer-social-media {
    width          : 100%;
    display        : flex;
    justify-content: center;
    margin         : 100px 0 100px 0;
}

footer .footer-social-media ul {
    list-style: none;
    padding   : 0;
}

footer .footer-social-media ul li {
    display: inline;
    color  : #fff;
    margin : 0 6px 0 6px;
}

footer .footer-social-media ul li a {
    color: #fff;
}

footer .footer-social-media ul li a i {
    transition: all 500ms;
}

footer .footer-social-media ul li a:hover {
    color: #d9a329;
}

footer .footer-social-media ul li a:hover i {
    transform: rotate(360deg);
}

footer .footer-link-item {
    width  : 20%;
    padding: 20px;
    color  : #fff;
}

footer .footer-link-item h5 {
    font-family: 'VoldeBold', sans-serif;
    color      : #fff;
    font-size  : 18px;
    font-weight: 800;
}

footer .footer-link-item ul {
    list-style: none;
    padding   : 0px;
}

footer .footer-link-item ul li a {
    color     : #fff;
    font-size : 16px;
    transition: all 500ms;
}

footer .footer-link-item ul li a:hover {
    padding-left: 10px;
    color       : #d9a329;
}

footer .footer-bottom {
    margin-top: 100px;
}

footer .footer-bottom .footer-bottom-copyright {
    color    : #fff;
    font-size: 16px;
}

footer .footer-bottom .footer-bottom-babel {
    color     : #fff;
    font-size : 16px;
    text-align: right;
}

footer .footer-bottom .footer-bottom-babel a {
    color      : #fff;
    font-family: 'VolteBold', sans-serif;
    transition : all 500ms;
}

footer .footer-bottom .footer-bottom-babel a:hover {
    color: #01b3d9;
}

.about-number {
    margin       : 40px 0 40px;
    padding      : 0 0 20px;
    border-bottom: 2px solid #f2f2f2;
}

.about-number-item .about-number-item-shape {
    position  : relative;
    width     : 100%;
    height    : 110px;
    background: #000000;
    text-align: center;
}

.about-number-item .about-number-item-shape .triangle {
    position   : absolute;
    bottom     : -25px;
    left       : 50%;
    margin-left: -25px;
    width      : 50px;
    height     : 50px;
    background : #000000;
    transform  : rotate(45deg);
}

.about-number-item .about-number-item-shape span {
    font-family: 'VolteBold', sans-serif;
    font-size  : 50px;
    line-height: 110px;
    color      : #ffffff;
}

.about-number-item .about-number-item-title {
    width      : 100%;
    margin-top : 60px;
    font-family: 'VolteBold', sans-serif;
}

.wwd-item {
    margin-bottom: 80px;
}

.wwd-item-img {
    text-align           : center;
    /* -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow      : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow           : 0px 0px 20px 0px rgba(0, 0, 0, 0.1); */
}

.wwd-item-text {
    display          : flex;
    align-items      : center;
    /* height        : 540px; */
    /* height        : 420px; */
    height           : 272px;
    margin-left      : -100px;
}

.wwd-item-text .section-title {
    margin-bottom: 20px;
}

.info-button .btnBorder {
    width        : 100%;
    height       : 60px;
    font-family  : 'VolteBold', sans-serif;
    font-size    : 18px;
    border       : 2px solid #d9a329;
    border-radius: 0px;
    line-height  : 60px;
    padding      : 0;
    margin-top   : 20px;
    transition   : all 500ms;
}

.info-button .btnBorder i {
    padding-right: 10px;
}

.info-button .btnBorder:hover {
    background: #d9a329;
    color     : #fff;
}

.info-button .btnBack {
    width             : 100%;
    height            : 60px;
    font-family       : 'VolteBold', sans-serif;
    font-size         : 18px;
    border            : 2px solid #d9a329;
    background        : #d9a329;
    color             : #fff;
    border-radius     : 0px;
    line-height       : 60px;
    padding           : 0;
    margin-top        : 20px;
    transition        : 0.3s;
    -webkit-appearance: none
}

.info-button .btnBack i {
    padding-right: 10px;
}

.info-button .btnBack:hover {
    background: #000000;
    border    : 2px solid #000000;
    color     : #fff;
}

.blog-item {
    position           : relative;
    background-position: center center;
    background-size    : 100%;
    min-height         : 400px;
    display            : flex;
    align-items        : flex-end;
    padding            : 40px;
}

.blog-item-text {
    position: relative;
    z-index : 2;
}

.blog-item-text h3 {
    color: #ffffff;
}

.blog-item-text span {
    color: #ffffff;
}

.blog-item-gradient {
    position  : absolute;
    bottom    : 0;
    left      : 0;
    width     : 100%;
    height    : 300px;
    opacity   : 0.8;
    z-index   : 0;
    transition: all 500ms;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0) 25%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0) 25%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0) 25%, rgba(255, 255, 255, 0) 100%);
}

.blog-item:hover .blog-item-gradient {
    opacity   : 0.9;
    background: -moz-linear-gradient(bottom, rgba(217, 163, 41) 25%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(217, 163, 41) 25%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, rgba(217, 163, 41) 25%, rgba(255, 255, 255, 0) 100%);
}

.contact-item-email,
.contact-item-phone {
    background        : #ffffff;
    padding           : 40px;
    margin-top        : 40px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.contact-item-address {
    background        : #ffffff;
    padding           : 80px 40px 80px 40px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.contact-item-icon {
    width          : 100%;
    display        : flex;
    justify-content: center;
    margin-bottom  : 20px;
}

.contact-item-text {
    text-align: center;
}

.contact-item-text span {
    width      : 100%;
    float      : left;
    font-family: 'VolteBold', sans-serif;
}

.write-us input {
    height       : 60px;
    border       : 2px solid #f1f1f1;
    background   : #ffffff;
    color        : #000;
    border-radius: 0px;
    box-shadow   : none !important;
}

.write-us input::placeholder {
    color: #000000;
}

.write-us input:focus {
    border: 2px solid #f1f1f1;
}

.write-us textarea {
    border       : 2px solid #f1f1f1;
    background   : #ffffff;
    color        : #000;
    border-radius: 0px;
    box-shadow   : none !important;
}

.get-offer {
    position          : fixed;
    width             : 44px;
    height            : 160px;
    top               : 50%;
    right             : 0;
    z-index           : 9999;
    background        : #fff;
    border-left       : 2px solid #d9a329;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    cursor            : pointer;
    transition        : all 300ms;
}

.get-offer:hover {
    background: #d9a329;
    color     : #fff;
}

.get-offer div {
    position : absolute;
    right    : -82px;
    bottom   : 112px;
    width    : 200px;
    transform: rotate(-90deg);
}

.get-offer div span {
    font-family: 'VolteBold', sans-serif;
}

.get-offer div i {
    padding-right: 10px;
}

.back-to-top {
    position   : fixed;
    width      : 44px;
    height     : 44px;
    top        : 50%;
    margin-top : -44px;
    right      : 0;
    text-align : center;
    line-height: 44px;
    z-index    : 99999;
    transition : all 500ms;
    cursor     : pointer;
}

.back-to-top i {
    font-size : 24px;
    color     : #000000;
    transition: all 500ms;
}

.back-to-top:hover i {
    color    : #d9a329;
    transform: rotate(360deg);
}

#get-offer-wrapper {
    opacity: 0;
    display: none;
}



.show {
    opacity: 1 !important;
    display: block !important;
}

.modal-backdrop {
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 1040;
    width           : 100vw;
    height          : 100vh;
    background-color: #000;
    opacity         : 0.5 !important;
}

.mobile-menu {
    display: none;
}

@media (max-width: 1366px) {
    .services-home {
        padding: 160px 5px 160px 5px;
    }

    .services-item-wrapper .services-item .services-item-text {
        padding: 20px 10px 20px 10px;
    }

    .industries-home {
        padding: 0 5px 0 5px;
    }

    footer .footer-top .footer-top-address {
        display: none;
    }

    .slide-area .search-area .search-area-wrapper .btn {
        text-align: center !important;
    }

    .slide-area .search-area .search-area-wrapper .btn::after {
        display: none;
    }

    header .menu-background {
        /* width: 58%; */
        width: 50rem;
    }
}

@media (max-width: 1024px) {
    header {
        padding: 45px 40px 0 40px;
    }

    .fixedMenu {
        padding: 10px 40px 10px 40px;
    }

    header .menu-background {
        /* width: 72%; */
        width: 50rem;
    }

    .slide-area .search-area .search-area-wrapper .btn span {
        display: none;
    }

    .slide-area .search-area .search-area-wrapper .btn::after {
        display     : flex;
        right       : 50%;
        margin-right: -11px;
    }

    .services-item-wrapper .services-item .services-item-text p,
    .services-item-wrapper .services-item .services-item-text a {
        display: none;
    }

    .services-item-wrapper .services-item {
        min-height: 220px;
    }

    .news-home .news-item-small .news-item-small-text {
        height: 100px;
    }

    .news-home .news-item-small .news-item-small-text h4 {
        font-size: 14px;
    }

    .wwd-item-text {
        height: 388px;
    }
}

@media (max-width: 768px) {
    .slide-area .scroll-down {
        display: none;
    }

    .slide-area .search-area {
        padding-left : 0px;
        padding-right: 0px;
    }

    .main-slide {
        display: none;
    }

    .main-slide-mobile {
        display: block;
    }

    .services-home {
        padding: 160px 40px 160px 40px;
    }

    .services-item-wrapper {
        display: none;
    }

    .services-item-wrapper-mobile {
        display: block;
    }

    .services-item-wrapper-mobile .services-item {
        float             : left;
        min-height        : 420px;
        background        : #fff;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow   : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        box-shadow        : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .services-item-wrapper-mobile .services-item .services-item-img {
        overflow: hidden;
    }

    .services-item-wrapper-mobile .services-item .services-item-img img {
        transition: all 500ms;
    }

    .services-item-wrapper-mobile .services-item .services-item-text {
        padding: 20px;
    }

    .services-item-wrapper-mobile .services-item .services-item-text h4 {
        font-family: 'VolteBold', sans-serif;
        font-size  : 18px;
        min-height : 30px;
    }

    .services-item-wrapper-mobile .services-item:hover .services-item-img img {
        transform: scale(1.2);
    }

    .industries-home {
        padding: 0 40px 0 40px;
    }

    .news-home {
        display: none;
    }

    .news-home-mobile {
        display: block;
    }

    .news-home-mobile .news-item-big .news-item-big-text {
        padding-top: 20px;
    }

    .news-home-mobile .news-item-big .news-item-big-text h4 {
        font-family  : 'VoldeBold', sans-serif;
        font-weight  : 800;
        font-size    : 18px;
        margin-bottom: 0px;
    }

    .news-home-mobile .news-item-big .news-item-big-text .date {
        width        : 100% !important;
        font-size    : 16px;
        margin-bottom: 20px;
    }

    .page-content .page-img {
        margin-top: 0px;
    }

    .wwd-item-text {
        margin-left: -40px;
    }

    .contact-item-address {
        padding: 40px 10px 40px 10px;
    }

    .contact-item-email,
    .contact-item-phone {
        padding: 20px 10px 20px 10px;
    }

    footer .footer-top .newsletter-text {
        display: none;
    }

    .footer-links {
        display: none;
    }
}

@media (max-width: 768px) {
    .section-title {
        font-family  : 'VolteBold', sans-serif;
        color        : #000000;
        width        : 100%;
        height       : 40px;
        margin-bottom: 10px;
    }

    .section-title-line {
        display: none;
    }

    .section-title h2 {
        margin-left: 0px;
    }

    header .logo {
        width     : 100px;
        margin-top: 10px;
    }

    header {
        padding: 20px 20px 0 20px;
    }

    .fixedMenu {
        padding: 10px 20px 10px 20px;
    }

    .slide-area .scroll-down {
        display: block;
    }

    .slide-area .search-area {
        display: none;
    }

    .slide-area .slide-content-wrapper .slide-content-text h2 {
        font-size  : 40px;
        line-height: 40px;
    }

    .slide-area .slide-content-wrapper {
        padding: 0 20px 0 20px;
    }

    .slide-area .slide-content-wrapper .slide-content-text p {
        padding-right: 0px;
    }

    .services-home {
        padding: 160px 10px 160px 10px;
    }

    .industries-home {
        padding: 0 10px 0 10px;
    }

    .logos-wrapper {
        display: none;
    }

    .logos-wrapper-mobile {
        display: block;
    }

    footer .footer-top .newsletter-input {
        display: none;
    }

    footer .footer-top .footer-top-phone {
        display: none;
    }

    footer .footer-top .footer-top-logo {
        position   : absolute;
        height     : 60px;
        left       : 50%;
        margin-left: -30px;
    }

    footer .footer-bottom .footer-bottom-babel {
        display: none;
    }

    .page-header .page-title {
        width: 80%;
    }

    .page-content .page-text {
        padding-right: 0px;
    }

    .wwd-item-text {
        margin-left: 0px;
        height     : 322px;
    }

    .contact-item-email,
    .contact-item-phone {
        margin-top: 0px;
    }

    header .menu-area .links-area {
        display: none;
    }

    header .menu-area .links-area-mobile {
        display     : block;
        float       : right;
        margin-right: 20px;
        padding-top : 2px;
        height      : 54px;
        line-height : 54px;
        color       : #ffffff;
        font-size   : 26px;
    }

    .fixedMenu .menu-area .links-area-mobile {
        float       : right;
        margin-right: 20px;
        padding-top : 2px;
        height      : 54px;
        line-height : 54px;
        color       : #000000;
        font-size   : 26px;
    }

    .mobile-menu {
        position           : fixed;
        display            : block;
        background         : #ffffff;
        transition         : all 500ms;
        z-index            : 99999999999;
        height             : 100vh;
        width              : 80%;
        right              : -85%;
        background-image   : url(../images/menu-hover-bg.png);
        background-position: right bottom;
        background-repeat  : no-repeat;
        -webkit-box-shadow : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow    : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
        box-shadow         : 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu .navbar-nav {
        list-style  : none;
        padding-left: 0px;
        width       : 100%;
        height      : auto;
        margin-top  : 80px;
        padding     : 0px 15px 15px 15px;
    }

    .mobile-menu .navbar-nav li {
        width             : 100%;
        margin            : 10px 0px 10px 0px;
        padding           : 8px 10px 8px 10px;
        background        : #ffffff;
        color             : #000;
        font-family       : 'VolteBold', sans-serif;
        font-size         : 16px;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow   : 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        box-shadow        : 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    }

    .mobile-menu .navbar-nav li a {
        display: block;
        width  : 100%;
        color  : #000;
    }

    .mobile-menu .navbar-nav li a:hover {
        text-decoration: none;
    }

    .mobile-menu .navbar-nav .dropdown-menu {
        position     : normal;
        width        : 100% !important;
        padding      : 20px 10px 20px 10px;
        margin-left  : -3% !important;
        background   : #ffffff;
        border       : 2px solid #f1f1f1;
        border-radius: 0px;
    }

    .mobile-menu-kapat-button {
        position     : absolute;
        top          : 15px;
        left         : 15px;
        width        : 50px;
        height       : 50px;
        font-size    : 24px;
        border       : 2px solid #000000;
        border-radius: 0px;
        color        : #000000;
        line-height  : 50px;
        text-align   : center;
        cursor       : pointer;
    }
}


.lang-area .btn-secondary {
    background: transparent !important;
    border    : none;
    font-size : 26px !important;
    transition: 0.3s;
}

.hoverMenu .lang-area .btn-secondary {
    color: #d9a329;
}


.lang-area .btn-secondary:hover {
    color: #d9a329;
}

.fixedMenu .lang-area .btn-secondary {
    color: #000;
}

.lang-area .btn-secondary:focus {
    outline   : none;
    box-shadow: none;
}

.lang-area .dropdown-menu {
    min-width    : 5rem;
    border-radius: 0;
}

.lang-area .dropdown-menu .dropdown-item {
    color: #d9a329;
}

.form-modal .modal-content {
    border-radius: 0 !important;
}

.form-modal .modal-content .modal-header {
    border: none;
}

.form-modal .write-us .form-select {
    height       : 60px;
    border       : 2px solid #f1f1f1;
    color        : #000;
    border-radius: 0px;
    box-shadow   : none !important;
}

.form-modal .write-us .form-check .form-check-input {
    height: 18px !important;
}

.form-modal .write-us .button {
    background        : #d9a329;
    padding           : 13px;
    color             : #fff;
    cursor            : pointer;
    transition        : 0.3s;
    -webkit-appearance: none
}

.form-modal .write-us .button:hover {
    color: #000;
}

.info-price {
    margin-top: 20px;
    border    : 2px solid #d9a329;
    padding   : 12px 0px;
}

.image-width {
    width: 648px;
}

@media(max-width:1575px) {
    .image-width {
        width: 100%;
    }

}