.grecaptcha-badge {
                opacity: 0.1;
            }

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

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Mediumd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Mediumd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Medium.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Medium.woff') format('woff'), url('fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
                font-weight: 500;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Blackd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Blackd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Black.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Black.woff') format('woff'), url('fonts/montserrat/Montserrat-Black.ttf') format('truetype');
                font-weight: 900;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Boldd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Boldd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Bold.woff') format('woff'), url('fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-ExtraLightd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-ExtraLightd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-ExtraLight.woff2') format('woff2'), url('fonts/montserrat/Montserrat-ExtraLight.woff') format('woff'), url('fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
                font-weight: 200;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-ExtraBoldd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-ExtraBoldd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2'), url('fonts/montserrat/Montserrat-ExtraBold.woff') format('woff'), url('fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
                font-weight: 800;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Italicd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Italicd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Italic.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Italic.woff') format('woff'), url('fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
                font-weight: normal;
                font-style: italic;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Regulard41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Regulard41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Regular.woff') format('woff'), url('fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-Thind41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-Thind41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-Thin.woff2') format('woff2'), url('fonts/montserrat/Montserrat-Thin.woff') format('woff'), url('fonts/montserrat/Montserrat-Thin.ttf') format('truetype');
                font-weight: 100;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Montserrat';
                src: url('fonts/montserrat/Montserrat-SemiBoldd41dd41d.eot?');
                src: url('fonts/montserrat/Montserrat-SemiBoldd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), url('fonts/montserrat/Montserrat-SemiBold.woff') format('woff'), url('fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
                font-weight: 600;
                font-style: normal;
                font-display: swap;
            }

            html {
                font-size: 100px;
                font-weight: 300;
                font-variant-ligatures: none;
                -webkit-font-variant-ligatures: none;
                -webkit-font-smoothing: antialiased;
                font-family: "Montserrat", sans-serif;
            }

            html.lock {
                position: fixed;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }

            body {
                position: relative;
                min-height: 100vh;
                font-size: 0;
                background-color: #fff;
            }

            * {
                padding: 0;
                margin: 0;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-appearance: none !important;
                -webkit-font-smoothing: antialiased;
            }

            *:focus {
                outline: none !important;
            }

            a {
                text-decoration: none;
            }

            b,
            strong {
                font-weight: 700;
            }

            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                margin: 0;
            }

            .vcenter {
                font-size: 0;
            }

            .vcenter>* {
                display: inline-block;
                vertical-align: middle;
            }

            .vcenter:before {
                content: "";
                display: inline-block;
                height: 100%;
                width: 0;
                vertical-align: middle;
            }

            .font * {
                font-family: inherit !important;
                font-size: inherit !important;
                line-height: inherit !important;
            }

            .font img {
                display: block !important;
                width: auto !important;
                height: auto !important;
                max-width: 100% !important;
            }

            .container {
                position: relative;
                width: 100%;
                padding-left: 1.35rem;
                padding-right: 1.35rem;
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                .container {
                    padding-left: .5rem;
                    padding-right: .5rem;
                }
            }

            .body-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: .4;
                z-index: 4;
                display: none;
            }

            .breadcumb {
                display: inline-block;
                width: 100%;
                text-align: left;
            }

            .breadcumb li {
                display: inline-block;
                position: relative;
                padding-right: .1rem;
            }

            .breadcumb li a {
                display: inline-block;
                font-size: .12rem;
                line-height: 1.916em;
                letter-spacing: -.03em;
                color: #636363;
                vertical-align: middle;
                text-transform: uppercase;
            }

            .breadcumb li:after {
                content: "|";
                display: inline-block;
                vertical-align: middle;
                position: relative;
                left: .05rem;
                font-size: .12rem;
                line-height: 1.916em;
                letter-spacing: -.03em;
                color: #636363;
            }

            .breadcumb li:last-child:after {
                content: none;
            }

            .select2-dropdown {
                border: none;
                z-index: 12;
                border-radius: .05rem;
                overflow: hidden;
            }

            .select2-dropdown .select2-results__options .select2-results__option strong {
                font-size: .14rem;
                font-weight: 300;
                letter-spacing: -.0025em;
                color: #033b78;
                padding: .2rem .2rem;
            }

            .select2-dropdown .select2-results__options .select2-results__option .select2-results__option {
                font-size: .12rem;
                font-weight: 300;
                letter-spacing: -.0025em;
                color: #383838;
                padding: .15rem .2rem;
            }

            .select2-dropdown .select2-results__options .select2-results__option {
                font-size: .12rem;
                font-weight: 300;
                letter-spacing: -.0025em;
                color: #383838;
                padding: .15rem .3rem;
            }

            .select2-dropdown .select2-results__options .select2-results__option[aria-selected="true"] {
                background-color: #033b78;
                color: #fff;
            }

            .select2-dropdown .select2-results__options .select2-results__option[role="group"] {
                padding: 0;
            }

            .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__options--nested li {
                position: relative;
                padding-left: .53rem;
                background: none;
                color: #383838;
            }

            .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__options--nested li:before {
                content: "";
                position: absolute;
                width: .18rem;
                height: .18rem;
                background-image: url(icons/check-border.svg);
                left: .26rem;
                top: 50%;
                margin-top: -.09rem;
            }

            .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__options--nested li[aria-selected="true"]:before {
                background-image: url(icons/checked.svg);
            }

            .select2-dropdown .select2-results__options .select2-results__option[role="group"] .select2-results__options--nested li.select2-results__option--highlighted {
                background-color: none;
            }

            .select2-container--default .select2-results__option--highlighted[aria-selected] {
                background-color: #e6e6e6;
            }

            .select2-container--default .select2-results {
                border: .01rem solid #e6e6e6;
            }

            .select2-container--default .select2-results>.select2-results__options {
                max-height: 3.5rem;
            }

            .select2-container--default .select2-search--dropdown {
                padding: 0;
            }

            .select2-container--default .select2-search--dropdown .select2-search__field {
                border-color: #e6e6e6;
                padding: .16rem .26rem;
                background-color: #f7f7f7;
                font-size: .14rem;
                font-weight: 500;
            }

            .select2-container--default .select2-selection--single .select2-selection__arrow {
                height: 100%;
                right: .2rem;
            }

            .select2-container--default .select2-selection--single .select2-selection__arrow b {
                content: url(icons/select-arrow.svg);
                width: .09rem;
                height: .05rem;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                border: none;
                transition: all .3s ease-in-out;
                transform: rotate(0);
            }

            .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
                transform: rotate(180deg);
            }

            .form {
                width: 100%;
                display: inline-block;
            }

            .form .subtitle {
                font-size: .24rem;
                line-height: 1.33em;
                color: #000;
                font-weight: 300;
                letter-spacing: -.006em;
                margin-bottom: .3rem;
                display: block;
                margin-top: .4rem;
            }

            .form form.general {
                width: calc(100% + .5rem);
                margin: .2rem -.25rem;
                display: inline-block;
            }

            .form form.general .form-row {
                display: inline-block;
                width: 100%;
            }

            .form form.general .form-item {
                display: inline-block;
                width: calc(100% - .5rem);
                margin: .2rem .25rem;
                vertical-align: middle;
            }

            .form form.general .form-item[a-error="true"] .checkbox-inner {
                border: 2px solid #f00 !important;
                opacity: 1 !important;
            }

            .form form.general .form-item[a-error="true"] .select2-selection,
            .form form.general .form-item[a-error="true"] textarea,
            .form form.general .form-item[a-error="true"] input {
                border: 1px solid #f00 !important;
            }

            .form form.general .form-item[a-error="true"] .select2-selection input {
                border: none !important;
            }

            .form form.general .form-item[a-error="true"].file-input .input-cont .file-input-text {
                border: 1px solid #f00 !important;
            }

            .form form.general .form-item .input-cont {
                position: relative;
                display: inline-block;
                width: 100%;
                height: 100%;
            }

            .form form.general .form-item .input-cont label {
                position: absolute;
                font-size: .13rem;
                letter-spacing: -.035em;
                color: #1c1c1c;
                font-weight: 400;
                opacity: .4;
                top: .34rem;
                left: .23rem;
                padding: 0 .07rem;
                z-index: 0;
                margin-top: -.07rem;
                transition: all .25s ease-in-out;
                background-color: #fff;
                cursor: auto;
            }

            .form form.general .form-item .input-cont label.active {
                top: 0;
                opacity: 1;
                font-size: .12rem;
                margin-top: 0.05rem;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input {
                height: .2rem;
                width: .2rem;
                position: relative;
                display: inline-block;
                vertical-align: middle;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input input {
                height: .2rem;
                width: .2rem;
                display: block;
                position: absolute;
                opacity: 0;
                z-index: 2;
                padding: 0;
                cursor: pointer;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input input:checked+.checkbox-inner {
                opacity: 1;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input input:checked+.checkbox-inner:before {
                opacity: 1;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input .checkbox-inner {
                display: inline-block;
                height: .2rem;
                width: .2rem;
                position: relative;
                border-radius: .02rem;
                border: 2px solid #383838;
                opacity: .4;
                transition: all .2s linear;
            }

            .form form.general .form-item.checkbox-cont .checkbox-input .checkbox-inner:before {
                content: "";
                width: .1rem;
                height: .1rem;
                background: #383838;
                position: absolute;
                top: 50%;
                left: 50%;
                opacity: 0;
                margin-top: -.05rem;
                margin-left: -.05rem;
                transition: all .2s linear;
            }

            .form form.general .form-item.checkbox-cont label {
                width: calc(100% - .2rem);
                position: initial;
                display: inline-block;
                vertical-align: middle;
                margin: auto;
                opacity: 1;
                cursor: pointer;
            }

            .form form.general .form-item.checkbox-cont label a {
                text-decoration: underline;
                cursor: pointer;
                font-weight: 500;
                color: #033b78;
            }

            .form form.general .form-item.file-input label {
                display: inline-block;
                width: 50%;
                font-size: .16rem;
                color: #000;
                font-weight: 500;
                letter-spacing: -.04em;
                margin-left: .25rem;
            }

            .form form.general .form-item.file-input input {
                position: relative;
                z-index: 3;
                width: 100%;
                opacity: 0;
                cursor: pointer;
            }

            .form form.general .form-item.file-input .file-input-text {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 1;
                padding: .26rem .3rem;
                border-radius: .04rem;
                background-color: #f7f7f7;
                white-space: nowrap;
                overflow: hidden;
            }

            .form form.general .form-item.file-input .file-input-text * {
                display: inline-block;
                vertical-align: middle;
            }

            .form form.general .form-item.file-input .file-input-text span {
                font-size: .16rem;
                color: #1c1c1c;
                letter-spacing: -.035em;
                font-weight: 400;
                margin-left: .2rem;
            }

            .form form.general .form-item.file-input .file-input-text sub {
                font-size: .16rem;
                color: #7f7f7f;
                font-weight: 400;
                letter-spacing: -.035em;
                margin-left: .02rem;
            }

            .form form.general .form-item.file-input .input-cont {
                width: calc(50% - .25rem);
            }

            .form form.general .form-item input,
            .form form.general .form-item textarea {
                width: 100%;
                border: 1px solid #ccc;
                border-radius: .04rem;
                padding: .26rem .3rem;
                font-size: .16rem;
                letter-spacing: -.004em;
                font-weight: 400;
                color: #1c1c1c;
                transition: all .25s ease-in-out;
                font-family: "Montserrat", sans-serif;
            }

            .form form.general .form-item input:focus,
            .form form.general .form-item textarea:focus {
                border-color: #1c1c1c;
            }

            .form form.general .form-item .select2-container {
                width: 100%;
                height: 100%;
                box-shadow: 0 .06rem .16rem rgba(0, 0, 0, .08);
            }

            .form form.general .form-item .select2-container .select2-selection {
                width: 100%;
                height: 100%;
                border: none;
            }

            .form form.general .form-item .select2-container .select2-selection .select2-selection__rendered {
                padding: .26rem .3rem;
                font-size: .14rem;
                letter-spacing: -.035em;
                color: #1c1c1c;
                font-weight: 400;
                line-height: 1.2em;
            }

            .form form.general .button {
                display: inline-block;
                width: calc(100% - .5rem);
                margin: .2rem .25rem;
            }

            .form form.general .button a {
                font-size: .14rem;
            }

            .form form.general .col-6 {
                width: calc(50% - .5rem);
            }

            .btn {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                padding-left: .3rem;
                padding-right: .3rem;
                padding-top: .2rem;
                padding-bottom: .2rem;
                text-align: left;
                background-color: #033b78;
                color: #fff;
                border: 1px solid transparent;
                cursor: pointer;
                font-size: .14rem;
                font-weight: 700;
                border-radius: .04rem;
                transition: all .4s ease-in-out;
                overflow: hidden;
            }

            .btn span {
                display: inline-block;
                vertical-align: middle;
                padding-right: .2rem;
            }

            .btn img.pin {
                display: inline-block;
                width: .16rem;
            }

            .btn.btn-outline {
                background-color: transparent;
                color: #033b78;
                border: 1px solid #033b78;
            }

            .btn-hover {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                max-width: .6rem;
                height: .6rem;
                padding-left: .29rem;
                padding-right: .29rem;
                text-align: left;
                background-color: #fff;
                color: #033b78;
                border: 1px solid transparent;
                cursor: pointer;
                font-size: .14rem;
                font-weight: 700;
                border-radius: .04rem;
                transition: all .4s ease-in-out;
                overflow: hidden;
            }

            .btn-hover.btn-blue {
                color: #033b78;
                border-color: #033b78;
            }

            .btn-hover.btn-outline {
                background-color: transparent;
                border-color: #fff;
            }

            .btn-hover.btn-outline:after {
                color: #fff;
            }

            @media screen and (min-width:901px) {
                .btn-hover.btn-outline:hover {
                    background-color: #fff;
                }

                .btn-hover.btn-outline:hover:after {
                    color: #033b78;
                }
            }

            .btn-hover.btn-info {
                background-color: #e6e6e6;
            }

            .btn-hover.btn-info span {
                color: #383838;
            }

            .btn-hover.btn-info:after {
                color: #383838;
            }

            .btn-hover.btn-info:hover {
                background-color: #e6e6e6;
            }

            .btn-hover.btn-info:hover span {
                color: #383838;
            }

            .btn-hover.btn-info:hover:after {
                color: #383838;
            }

            .btn-hover.transparent {
                background-color: transparent;
                border-color: #383838;
                color: #383838;
            }

            .btn-hover span {
                display: inline-block;
                vertical-align: middle;
                white-space: nowrap;
                max-width: 0;
                margin-right: 0;
                overflow: hidden;
                transition: all .4s ease-in-out;
            }

            .btn-hover:after {
                content: "";
                position: absolute;
                top: 50%;
                right: .23rem;
                font-family: fontAwesome;
                margin-top: -1px;
                color: #033b78;
                z-index: 2;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transition: all .4s ease-in-out;
            }

            .btn-hover:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 0;
                height: 100%;
            }

            @media screen and (min-width:901px) {
                .btn-hover:hover {
                    max-width: 100%;
                    background-color: #033b78;
                }

                .btn-hover:hover span {
                    max-width: 100%;
                    margin-right: .3rem;
                    color: #fff;
                }

                .btn-hover:hover:after {
                    color: #fff;
                }
            }

            .title .general {
                font-size: .24rem;
                line-height: 1.208em;
                letter-spacing: -.012rem;
                font-weight: 500;
            }

            .title .general.white {
                color: #fff;
            }

            .title .general.blue {
                color: #033b78;
            }

            .text-white {
                color: #fff;
            }

            .text-blue {
                color: #033b78;
            }

            .text-grey {
                color: #383838;
            }

            header {
                width: 100%;
                max-width: 100%;
                top: 0;
                left: 0;
                right: 0;
                position: fixed;
                z-index: 10;
            }

            header .mobile-menu {
                display: none;
            }

            header .wrapper {
                position: relative;
                z-index: 3;
                width: 100%;
            }

            header .wrapper .container {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 100%;
                background-color: #fff;
                padding-left: .4rem;
                padding-right: .4rem;
                position: relative;
                border-radius: 0 0 .04rem .04rem;
                box-shadow: 0 .03rem .5rem rgba(0, 0, 0, .17);
            }

            header .wrapper .container .left {
                display: inline-block;
                width: calc(15%);
                vertical-align: middle;
            }

            header .wrapper .container .center {
                display: inline-block;
                width: 1.2rem;
                vertical-align: middle;
            }

            header .wrapper .container .center .logo {
                display: inline-block;
            }

            header .wrapper .container .center .logo img {
                width: 175%;
            }

            header .wrapper .container .right {
                display: inline-block;
                text-align: left;
                vertical-align: middle;
            }

            header .wrapper .container .menu-wrapper .menu-item {
                display: inline-block;
                vertical-align: middle;
                margin-right: .15rem;
            }

            header .wrapper .container .menu-wrapper .menu-item:last-child {
                margin-right: 0;
            }

            header .wrapper .container .menu-wrapper .menu-item.seperator {
                padding-left: .2rem;
                padding-right: .2rem;
                border-left: 1px solid rgba(112, 112, 112, .2);
                margin: 0;
            }

            header .wrapper .container .menu-wrapper .menu-item.seperator span {
                color: #7a7a7a;
            }

            header .wrapper .container .menu-wrapper .menu-item.seperator span:before {
                content: none !important;
            }

            header .wrapper .container .menu-wrapper .menu-item.seperator a.selected:before {
                content: none;
            }

            header .wrapper .container .menu-wrapper .menu-item svg g {
                transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
            }

            header .wrapper .container .menu-wrapper .menu-item.search svg g {
                fill: none;
                stroke: #000;
                stroke-linecap: round;
                stroke-linejoin: round;
                stroke-width: 2px;
                opacity: .5;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            header .wrapper .container .menu-wrapper .menu-item a {
                font-weight: 600;
                font-size: .12rem;
                color: #000;
                display: inline-block;
                cursor: pointer;
                position: relative;
                text-transform: uppercase;
            }

            header .wrapper .container .menu-wrapper .menu-item a span {
                vertical-align: middle;
                display: inline-block;
                position: relative;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            header .wrapper .container .menu-wrapper .menu-item a.parent span:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                margin-right: .05rem;
                margin-top: -.04rem;
                background-image: url(icons/arrow-down-dark.svg);
                width: .1rem;
                height: .05rem;
                background-position: center;
                background-size: cover;
            }

            header .wrapper .container .menu-wrapper .menu-item a.parent:before {
                content: "";
                position: absolute;
                height: .02rem;
                bottom: 0;
                left: .15rem;
                right: 100%;
                background: #033b78;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            header .wrapper .container .menu-wrapper .menu-item a.parent.selected {
                color: #033b78;
            }

            header .wrapper .container .menu-wrapper .menu-item a.parent.selected span:before {
                background-image: url(icons/arrow-down-blue.svg);
            }

            header .wrapper .container .menu-wrapper .menu-item a.parent.selected:before {
                right: 0;
            }

            header .wrapper .container .menu-wrapper .menu-item a svg {
                display: inline-block;
                vertical-align: middle;
                width: .16rem;
                height: 100%;
                margin-top: .01rem;
            }

            header .wrapper .container .menu-wrapper .menu-item a svg g {
                fill: #000;
                opacity: .5;
            }

            header .wrapper .container .menu-wrapper .menu-item a+svg {
                margin-left: .1rem;
            }

            header .wrapper .container .menu-wrapper .menu-item>a {
                padding: .35rem .03rem;
            }

            header .wrapper .container .menu-wrapper .menu-item .sub-menu {
                background-color: #fff;
                position: absolute;
                display: none;
            }

            header .wrapper .container .menu-wrapper .social-nav {
                padding: 0.35rem 0.01rem;
            }

            header .wrapper .container .menu-wrapper .social-nav a {
                font-size: 16px !important;
                color: grey;
                margin-left: 10px;
                transition: .3s ease-in-out;
            }

            header .wrapper .container .menu-wrapper .social-nav a:hover {
                transition: .3s ease-in-out;
                color: #033b78;
            }

            .gallery {
                position: relative;
            }

            .gallery .nav {
                pointer-events: none;
            }

            .gallery .item .info {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                pointer-events: none;
                background-color: rgba(0, 0, 0, .555);
            }

            .gallery .item .push_content {
                position: absolute;
                bottom: 20px;
                left: 20px;
                right: 20px;
                z-index: 3;
                transition: all .35s ease-out;
            }

            .gallery .item .push_content * {
                color: #fff;
            }

            .gallery .owl-item:hover .item .push_content {
                height: calc(100% - 40px);
            }

            .gallery .item .push_content h5,
            .gallery .item .push_content p {
                position: relative;
                color: #fff;
                z-index: 3;
            }

            .gallery .item .push_content h5 {
                width: calc(100% - 45px);
                font-size: 16px;
                line-height: 1.5;
                margin-bottom: 20px;
                transform: translateY(20px);
                transition: all .35s ease-out;
            }

            .gallery .owl-item:hover .item .push_content h5 {
                font-weight: 700;
                transform: translateY(0);
            }

            .gallery .owl-item:hover .item .push_content p {
                height: auto;
                font-size: 13px;
                line-height: 1.5;
                opacity: 1;
                transform: translateY(0);
            }

            .gallery .nav {
                position: absolute;
                z-index: 9;
                width: 100%;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .gallery .nav a {
                pointer-events: all;
                background-color: #033b78;
                padding: 10px;
            }

            header .header-sub-menu {
                position: absolute;
                display: inline-block;
                width: 100%;
                top: 0;
                left: 0;
                background-color: #f3f3f3;
                visibility: hidden;
                z-index: 1;
                transform: translateY(-100%);
                transition: all .3s ease;
                max-height: 100vh;
            }

            header .header-sub-menu.active {
                transform: translateY(0);
                visibility: visible;
                z-index: 2;
            }

            header .header-sub-menu .search-menu {
                display: block;
                margin-left: auto;
                margin-right: auto;
                max-width: 8.5rem;
                width: 100%;
            }

            header .header-sub-menu .search-menu .form-item .input-cont input {
                background-color: transparent;
                border-width: 0 0 .01rem 0;
                border-radius: 0;
                padding: .17rem .45rem;
            }

            header .header-sub-menu .search-menu .form-item .input-cont:before {
                content: "";
                background-image: url(icons/search.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                width: .18rem;
                height: .18rem;
                top: 50%;
                left: .05rem;
                margin-top: -.12rem;
            }

            header .header-sub-menu ul.langs {
                display: inline-block;
                width: 100%;
                padding: .8rem 0;
                text-align: center;
            }

            header .header-sub-menu ul.langs li {
                display: inline-block;
                width: 16.6%;
                text-align: center;
            }

            header .header-sub-menu ul.langs li a {
                display: inline-block;
                width: 100%;
                padding: .1rem 0;
                cursor: pointer;
            }

            header .header-sub-menu ul.langs li a.active span {
                font-weight: 700;
            }

            header .header-sub-menu ul.langs li a span {
                display: inline-block;
                vertical-align: middle;
                font-size: .16rem;
                font-weight: 500;
                color: #383838;
                margin-left: .15rem;
            }

            header .header-sub-menu ul.langs li a img {
                display: inline-block;
                width: .24rem;
                vertical-align: middle;
            }

            header .header-sub-menu .container {
                padding-top: .8rem;
                padding-bottom: .8rem;
            }

            header .header-sub-menu .container .sub-menu-container {
                width: 100%;
                display: inline-block;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper {
                display: inline-block;
                width: 50%;
                vertical-align: middle;
                max-height: 65vh;
                overflow: auto;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper::-webkit-scrollbar {
                width: .1rem;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper::-webkit-scrollbar-track {
                background: #e6eaeb;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper::-webkit-scrollbar-thumb {
                background: #7a7a7a;
                border-radius: .05rem;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper::-webkit-scrollbar-thumb:hover {
                background: #383838;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper {
                    width: 70%;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper {
                    width: 100%;
                }
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group {
                display: inline-block;
                vertical-align: top;
                width: 4.2rem;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group {
                    width: 3.5rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group {
                    width: 4.5rem;
                }
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a {
                font-size: .3rem;
                font-weight: 700;
                line-height: 1.2em;
                letter-spacing: -.003em;
                color: #383838;
                display: block;
                padding-left: .34rem;
                position: relative;
                transition: all .3s ease-in-out;
                cursor: pointer;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a {
                    font-size: .24rem;
                }
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a.selected {
                color: #033b78;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a.selected::before {
                left: 0;
                opacity: 1;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a::before {
                content: "";
                background-image: url(icons/arrow-right-blue.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                width: .14rem;
                height: 100%;
                top: 0;
                left: -.14rem;
                opacity: 0;
                transition: all .3s ease-in-out;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-group a+a {
                margin-top: .34rem;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories {
                display: inline-block;
                vertical-align: top;
                width: calc(100% - 4.2rem);
                padding-right: 8%;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories {
                    width: calc(100% - 3.5rem);
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories {
                    width: calc(100% - 4.5rem);
                }
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category {
                width: 100%;
                display: none;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category.active {
                display: inline-block;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category a {
                width: 100%;
                display: block;
                font-size: .14rem;
                font-weight: 600;
                line-height: 1.26em;
                letter-spacing: -.003em;
                color: #383838;
                padding: .17rem .2rem;
                border-radius: .04rem;
                border: 1px solid #e6e6e6;
                position: relative;
                transition: all .3s ease-in-out;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category a+a {
                margin-top: .07rem;
            }

            header .header-sub-menu .container .sub-menu-container .items-wrapper .menu-categories .menu-category a:after {
                content: "";
                background-image: url(icons/arrow-right-blue.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                width: .14rem;
                height: 100%;
                margin-right: .2rem;
                right: .2rem;
                top: 0;
                opacity: 0;
                transition: all .3s ease-in-out;
            }

            header .header-sub-menu .container .sub-menu-container .menu-img {
                display: inline-block;
                width: 50%;
                vertical-align: middle;
                text-align: center;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                header .header-sub-menu .container .sub-menu-container .menu-img {
                    width: 30%;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                header .header-sub-menu .container .sub-menu-container .menu-img {
                    display: none;
                }
            }

            header .header-sub-menu .container .sub-menu-container .menu-img img {
                max-width: 100%;
                max-height: 3rem;
            }

            @media screen and (max-width:1400px) and (min-width:1171px) {
                header>.container {
                    padding-left: 0;
                    padding-right: 0;
                }
            }

            footer {
                display: inline-block;
                padding-top: 16.88%;
                padding-bottom: 2.5%;
                width: 100%;
                background-color: #e4e7eb;
            }

            footer .container {
                display: table;
                width: 100%;
                padding-top: 80px;
            }

            footer .container .footer-menu-wrapper {
                display: flex;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
            }

            footer .container .footer-menu-wrapper .menu-item {
                display: inline-block;
                text-align: left;
                max-width: 22%;
                min-width: 10%;
                vertical-align: top;
            }

            footer .container .footer-certificates img {
                width: 277px;
                margin-top: 26px;
            }

            footer .container .footer-menu-wrapper .menu-item.logo {
                padding-right: 6%;
                max-width: 100%;
            }

            footer .container .footer-menu-wrapper .menu-item.logo img {
                width: 1.5rem;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media {
                max-width: 100%;
                padding-right: 5%;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu {
                display: inline-block;
                width: 100%;
                list-style: none;
                padding: 0;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li {
                width: auto;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a {
                display: inline-block;
                background-color: #fff;
                color: #878e98;
                width: .45rem;
                height: .45rem;
                text-align: center;
                border-radius: 50%;
                position: relative;
                overflow: hidden;
                transition: all .3s ease-in-out;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a i {
                position: relative;
                z-index: 2;
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a:after {
                content: "";
                position: absolute;
                background-color: #033b78;
                transition: all .3s ease-in-out;
                width: 100%;
                height: 100%;
                transform: scale(0);
                left: 0;
                top: 0;
                border-radius: 100%;
                z-index: 1;
            }

            @media screen and (min-width:901px) {
                footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a:hover {
                    color: #fff;
                }

                footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li a:hover:after {
                    transform: scale(1);
                }
            }

            footer .container .footer-menu-wrapper .menu-item.social-media .footer-menu li+li {
                margin-left: .12rem;
            }

            footer .container .footer-menu-wrapper .menu-item .title {
                font-size: .15rem;
                font-weight: 700;
                color: #878e98;
                line-height: 1.3em;
                letter-spacing: -.0045rem;
                display: inline-block;
                width: 100%;
                margin-bottom: .2rem;
            }

            footer .container .footer-menu-wrapper .menu-item .footer-menu ul {
                display: inline-block;
                width: 100%;
                list-style: none;
                padding: 0;
            }

            footer .container .footer-menu-wrapper .menu-item .footer-menu ul li {
                display: inline-block;
                width: 100%;
            }

            footer .container .footer-menu-wrapper .menu-item .footer-menu ul li a {
                font-size: .15rem;
                line-height: 2em;
                color: #878e98;
                font-weight: 500;
                transition: all .3s ease-in-out;
            }

            footer .container .footer-menu-wrapper .menu-item .footer-menu ul.highlight li a {
                color: #878e98;
                font-weight: 700;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                footer .container .footer-menu-wrapper .menu-item.logo {
                    display: none;
                }

                footer .container .footer-menu-wrapper .menu-item .title {
                    font-size: .13rem;
                }

                footer .container .footer-menu-wrapper .menu-item .footer-menu ul li a {
                    font-size: .11rem;
                }

                footer .container .footer-menu-wrapper .menu-item.social-media {
                    padding-right: 0;
                }
            }

            footer .container .rights {
                position: relative;
                margin-top: .95rem;
                margin-top: 5.8%;
                padding-right: .11rem;
                color: #878e98;
            }

            footer .container .rights .top {
                font-size: .12rem;
                line-height: 2.5em;
                display: inline-block;
                width: 100%;
                font-weight: 400;
                vertical-align: middle;
            }

            footer .container .rights .top * {
                color: #4a4a4d;
                display: inline-block;
                vertical-align: middle;
            }

            footer .container .rights .top span {
                padding: 0 .1rem;
                margin-top: -.02rem;
            }

            footer .container .rights .bottom p {
                font-size: .11rem;
                line-height: 1.2em;
                font-weight: 400;
                margin-top: 1.2em;
            }

            footer .container .rights .bottom span {
                font-size: .13rem;
                line-height: 1.42em;
                font-weight: 500;
                margin-top: .2rem;
                display: inline-block;
            }

            footer .container .rights .f-logo {
                position: absolute;
                right: 0;
                bottom: 0;
                display: inline-block;
                width: .11rem;
            }

            section.contact-footer {
                width: 100%;
                display: inline-block;
                position: relative;
                height: 0;
                z-index: 2;
            }

            section.contact-footer .footer-wrapper {
                display: inline-block;
                transform: translateY(-30%);
                position: absolute;
                width: 100%;
                z-index: 2;
            }

            section.contact-footer .footer-wrapper .wrapper {
                display: table;
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                box-shadow: 0 .2rem .7rem rgba(0, 0, 0, .1);
            }

            section.contact-footer .footer-wrapper .wrapper .title {
                display: inline-block;
                width: 100%;
                font-size: .24rem;
                line-height: 1.2em;
                letter-spacing: -.012rem;
                font-weight: 500;
                min-height: .87rem;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.contact-footer .footer-wrapper .wrapper .title {
                    font-size: .2rem;
                    min-height: .6rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .title {
                    font-size: .18rem;
                    min-height: .54rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .title.wrap span {
                display: table-caption;
            }

            section.contact-footer .footer-wrapper .wrapper .title span {
                display: inline-block;
                font-size: .24rem;
                line-height: 1.2em;
                letter-spacing: -.012rem;
                font-weight: 500;
                vertical-align: top;
                width: calc(100% - .43rem);
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.contact-footer .footer-wrapper .wrapper .title span {
                    font-size: .2rem;
                    min-height: .6rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .title span {
                    font-size: .18rem;
                    min-height: .54rem;
                    width: 100%;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .title .icon {
                display: inline-block;
                float: right;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .title .icon {
                    display: none;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .title .icon img {
                width: .43rem;
            }

            section.contact-footer .footer-wrapper .wrapper .catalog {
                display: table-cell;
                padding: 3.65%;
                vertical-align: top;
                position: relative;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .catalog {
                    padding: .25rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom {
                display: inline-block;
                width: 66%;
                bottom: 0;
                left: 0;
                margin-top: .9rem;
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom .icon {
                display: inline-block;
                width: 50%;
                vertical-align: middle;
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom .icon img {
                height: .6rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .catalog .bottom .icon img {
                    height: .4rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button {
                display: inline-block;
                width: 50%;
                text-align: right;
                vertical-align: middle;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button .btn-hover {
                    width: .4rem;
                    height: .4rem;
                    padding-left: .19rem;
                    padding-right: .19rem;
                }

                section.contact-footer .footer-wrapper .wrapper .catalog .bottom .button .btn-hover:after {
                    right: .13rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom .phone {
                display: inline-block;
                font-size: 1.25vw;
                color: #fff;
                font-weight: 300;
                line-height: 1.2em;
            }

            section.contact-footer .footer-wrapper .wrapper .catalog .bottom .phone span {
                display: inline-block;
                width: 100%;
                font-size: .48rem;
                font-size: 2.5vw;
                margin-top: .15rem;
            }

            section.contact-footer .footer-wrapper .wrapper .contact {
                display: table-cell;
                width: 23.333%;
                padding: 3.65%;
                vertical-align: top;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter {
                background: #fff;
                display: table-cell;
                padding: 3.65%;
                vertical-align: top;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter .title {
                color: #383838;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter .title span {
                display: block;
                color: #033b78;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general {
                margin-bottom: 0;
                margin-top: .25rem;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item {
                margin-bottom: 0;
                margin-top: 0;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont::before {
                content: "";
                background-image: url("icons/mail-grey.svg");
                position: absolute;
                width: .24rem;
                height: .24rem;
                top: 50%;
                left: .16rem;
                margin-top: -.12rem;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont::before {
                    left: .06rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont input {
                padding-left: .52rem;
                background-color: #f7f7f7;
                border-color: transparent;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont input {
                    padding: .16rem .3rem;
                    font-size: .14rem;
                }
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont input::-webkit-input-placeholder {
                color: #c5c5c5;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .form-item .input-cont input:focus {
                border-color: #e6e6e6;
            }

            section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button {
                margin-bottom: 0;
                margin-top: .15rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button a.btn {
                    width: 100%;
                    padding: .15rem;
                }

                section.contact-footer .footer-wrapper .wrapper .newsletter form.general .button a.btn i {
                    float: right;
                }
            }

            section.main-banner {
                display: inline-block;
                width: 100%;
                position: relative;
            }

            section.main-banner .owl-carousel .owl-item img {
                display: initial !important;
                width: initial !important;
            }

            section.main-banner .nav {
                position: absolute;
                right: 0;
                bottom: 4px;
                z-index: 9;
            }

            section.main-banner .nav a {
                padding: 25px;
                display: inline-block;
                background: #425164;
            }

            section.main-banner .nav a.prev {
                transform: rotate(-180deg);
                margin-right: 2px;
            }

            section.main-banner .nav a:hover {
                background-color: #033b78;
                transition: ease-in-out;
            }

            section.main-banner .bg-video {
                display: inline-block;
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
            }

            section.main-banner .bg-video img {
                position: absolute;
            }

            section.main-banner .wrapper {
                display: inline-block;
                width: 100%;
                height: 100%;
                position: relative;
            }

            section.main-banner .wrapper:after {
                content: "";
                background-color: #000;
                position: absolute;
                opacity: .00000;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
            }

            section.main-banner .wrapper .container {
                z-index: 2;
            }

            section.main-banner .wrapper .content {
                display: inline-block;
                width: 90%;
                position: relative;
            }

            section.main-banner .wrapper .content .title {
                font-size: 3.75vw;
                font-weight: 100;
                line-height: 1.22em;
                color: #fff;
                display: inline-block;
                width: 100%;
            }

            section.main-banner .wrapper .content .subtitle {
                font-size: 1.2vw;
                font-weight: 500;
                line-height: 1.22em;
                color: #fff;
                display: inline-block;
                width: 100%;
                margin-top: .15rem;
            }

            section.main-banner .wrapper .content a.button {
                display: inline-block;
                width: .7rem;
                height: .7rem;
                text-align: center;
                margin-top: .66rem;
                background-color: #033b78;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }

            /* Ugur Ekledi*/

            section.main-banner2 {
                display: inline-block;
                width: 100%;
                position: relative;
                background-image: url(../uploads/1078-1.jpg);
                background-color: #425164;
                background-repeat: no-repeat;
                background-size: cover;
            }

            section.main-banner2 .wrapper {
                display: inline-block;
                width: 100%;
                height: 500px;
                position: relative;
            }

            section.main-banner2 .wrapper:after {
                content: "";
                background-color: #000;
                position: absolute;
                opacity: .3;
                width: 100%;
                height: 500px;
                left: 0;
                top: 0;
            }

            section.main-banner2 .wrapper .container {
                z-index: 2;
            }

            section.main-banner2 .wrapper .content {
                display: inline-block;
                width: 90%;
                position: relative;
            }

            section.main-banner2 .wrapper .content .title {
                font-size: 3.75vw;
                font-weight: 100;
                line-height: 1.22em;
                color: #fff;
                display: inline-block;
                width: 100%;
            }

            section.main-banner2 .wrapper .content .subtitle {
                font-size: .781vw;
                font-weight: 500;
                line-height: 1.22em;
                color: #fff;
                display: inline-block;
                width: 100%;
                margin-top: .15rem;
            }

            section.main-banner2 .wrapper .content a.button {
                display: inline-block;
                width: .7rem;
                height: .7rem;
                text-align: center;
                margin-top: .66rem;
                background-color: #033b78;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }

            @media screen and (max-width:901px) {
                section.main-banner2 {
                    background-image: url(../uploads/1078-2.jpg);
                }

                section.main-banner2 .wrapper .content .title {
                    font-size: 6.75vw;
                }

                section.main-banner2 .wrapper .content .subtitle {
                    font-size: 3vw;
                }
            }

            /* Ugur Ekledi*/

            section.main-category-preview {
                border-bottom: 1px solid #fff;
            }

            section.main-category-preview .wrapper {
                display: inline-block;
                width: 100%;
                padding: 30px 0px 30px 30px;
            }

            section.main-category-preview .wrapper .category-item {
                display: inline-block;
                width: 29.55%;
                position: relative;
                overflow: hidden;
                margin: 30px;
            }

            section.main-category-preview .wrapper .category-item .content {
                width: 100%;
                padding: 20px 10px;
                z-index: 3;
                background-color: #f5f5f5;
            }

            section.main-category-preview .wrapper .category-item:hover {
                transition: all .3s ease-in-out;
                box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
            }

            section.main-category-preview .wrapper .category-item .content .title {
                font-size: .24rem;
                color: #000;
                letter-spacing: -.018rem;
                text-align: center;
                font-weight: 600;
            }

            section.main-category-preview .wrapper .category-item .content .subtitle {
                font-size: .14rem;
                color: #000;
                font-weight: 300;
                letter-spacing: -.004rem;
                margin-top: .15rem;
                height: 85px;
                overflow: hidden;
                text-align: center;
            }

            section.main-category-preview .wrapper .category-item img {
                width: 100%;
            }

            section.main-category-preview .wrapper .category-item .button {
                display: inline-block;
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                padding: 4% 10% 13% 10%;
                z-index: 2;
            }

            section.main-industry-preview {
                background-color: #f5f5f5;
            }

            .catalog-div {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .catalog-div .catalog .title {
                font-size: 18px;
                font-weight: 600;
            }

            .catalog-div .catalog .bottom img {
                width: 100%
            }

            section.main-industry-preview .content-title>.title {
                text-align: center;
                font-size: 3.25vw;
                font-weight: 300;
                line-height: 1.22em;
                color: #000;
                display: inline-block;
                width: 100%;
                padding: 20px 0;
            }

            section.main-industry-preview .wrapper .industry-item {
                display: inline-block;
                width: 16.666%;
                position: relative;
                overflow: hidden;
                padding: 30px;
            }

            section.main-industry-preview .wrapper .industry-item:last-child {
                border-right: 0 !important;
            }

            section.main-industry-preview .wrapper .industry-item .content {
                width: 100%;
                padding: 20px 10px;
                z-index: 3;
                background-color: #ffffff;
                border-color: #000;
                /* background-color: #f5f5f5; */
            }

            section.main-industry-preview .wrapper .industry-item .content .icon {
                text-align: center;
            }

            section.main-industry-preview .wrapper .industry-item .content img {
                width: 80px;
            }

            section.main-industry-preview .wrapper .industry-item .content .title {
                font-size: .17rem;
                color: #000;
                text-align: center;
                font-weight: 600;
            }

            section.main-industry-preview .wrapper .industry-item .content .subtitle {
                font-size: .13rem;
                color: #000;
                font-weight: 500;
                letter-spacing: -.004rem;
                margin-top: .15rem;
                height: 85px;
                overflow: hidden;
                text-align: center;
            }

            section.main-industry-preview .wrapper .industry-item img {
                width: 100%;
            }

            section.main-industry-preview .wrapper .industry-item .button {
                display: inline-block;
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                padding: 4% 10% 13% 10%;
                z-index: 2;
            }

            section.main-industry-preview .wrapper .industry-item2 {
                display: inline-block;
                width: 50%;
                position: relative;
                overflow: hidden;
                padding: 30px;
            }

            section.main-industry-preview .wrapper .industry-item2:last-child {
                border-right: 0 !important;
            }

            section.main-industry-preview .wrapper .industry-item2 .content {
                width: 100%;
                padding: 20px 100px;
                z-index: 3;
                background-color: #f5f5f5;
            }

            section.main-industry-preview .wrapper .industry-item2 .content .icon {
                text-align: center;
            }

            section.main-industry-preview .wrapper .industry-item2 .content img {
                width: 80px;
            }

            section.main-industry-preview .wrapper .industry-item2 .content .title {
                font-size: .17rem;
                color: #000;
                text-align: center;
                font-weight: 600;
            }

            section.main-industry-preview .wrapper .industry-item2 .content .subtitle {
                font-size: .13rem;
                color: #000;
                font-weight: 500;
                letter-spacing: -.004rem;
                margin-top: .15rem;
                height: 85px;
                overflow: hidden;
                text-align: center;
            }

            section.main-industry-preview .wrapper .industry-item2 img {
                width: 100%;
            }

            section.main-industry-preview .wrapper .industry-item2 .button {
                display: inline-block;
                width: 100%;
                position: absolute;
                left: 0;
                bottom: 0;
                padding: 4% 10% 13% 10%;
                z-index: 2;
            }

            section.about-slider {
                display: inline-block;
                width: 100%;
                background-position: center;
                background-size: cover;
            }

            section.about-slider .d-slider {
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                position: relative;
            }

            section.about-slider .d-slider:before {
                content: "";
                background-color: #000;
                position: absolute;
                opacity: .3;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
            }

            section.about-slider .d-slider .numbers-slider-content {
                display: inline-block;
                vertical-align: middle;
                padding-right: 4%;
                padding-top: 1.6rem;
                padding-bottom: 1.6rem;
                border-right: 1px solid rgba(255, 255, 255, .6);
            }

            section.about-slider .d-slider .numbers-slider-content .content {
                width: calc(100% + .26rem);
                margin: 0 -.26rem;
            }

            section.about-slider .d-slider .numbers-slider-content .content .item {
                display: inline-block;
                padding: .125rem .2rem;
                position: relative;
                cursor: pointer;
                color: #fff;
                opacity: .6;
                letter-spacing: -.05em;
                vertical-align: middle;
                transition: all .4s ease-in-out;
            }

            section.about-slider .d-slider .numbers-slider-content .content .item .title {
                display: inline-block;
                font-size: .36rem;
                font-weight: 500;
                vertical-align: top;
                margin-left: .1rem;
            }

            section.about-slider .d-slider .numbers-slider-content .content .item .index {
                display: inline-block;
                vertical-align: top;
                font-size: .13rem;
                font-weight: 400;
                line-height: 2em;
            }

            section.about-slider .d-slider .numbers-slider-content .content .item:hover {
                opacity: 1;
            }

            section.about-slider .d-slider .numbers-slider-content .about {
                margin-top: .8rem;
                display: inline-block;
                width: 100%;
                font-size: .21rem;
                font-weight: 300;
                line-height: 1.7em;
                color: #fff;
            }

            section.about-slider .d-slider .numbers-slider-content .about i {
                display: inline-block;
                vertical-align: middle;
                margin-left: .2rem;
                font-size: .14rem;
                margin-top: -.05rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.about-slider .d-slider .numbers-slider-content {
                    padding-top: .8rem;
                    padding-bottom: .8rem;
                }

                section.about-slider .d-slider .numbers-slider-content .content .item {
                    padding: .1rem .2rem;
                }

                section.about-slider .d-slider .numbers-slider-content .content .item .title {
                    font-size: .24rem;
                }

                section.about-slider .d-slider .numbers-slider-content .about {
                    margin-top: .4rem;
                }
            }

            section.about-slider .d-slider .numbers-slider-index {
                display: inline-block;
                vertical-align: middle;
                height: 100%;
                text-align: center;
            }

            section.about-slider .d-slider .numbers-slider-index .index {
                font-size: 4.2rem;
                font-weight: 700;
                line-height: 1em;
                color: #fff;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.about-slider .d-slider .numbers-slider-index .index {
                    font-size: 1.8rem;
                }
            }

            section.home-countries {
                background-color: rgb(66 81 100 / 91%);
                text-align: center;
                padding: 150px 70px;
                background-image: url("../uploads/world.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
            }

            section.home-countries .title {
                font-size: 32px;
                color: #fff;
                font-weight: 900;
            }

            section.home-countries .description {
                margin-top: 20px;
                font-size: 20px;
                color: #fff;
                font-weight: 400;
            }

            section.home-countries .countries select {
                padding: 15px 30px;
                font-size: 20px;
                font-weight: 500;
                margin: 20px;
                background: #425164;
                border: 1px solid #fff;
                color: #fff;
                /* background-color: rgb(0 0 0 / 25%); */
            }

            section.home-countries .countries .form label:after {
                content: "\f078";
                display: inline-block;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 18px;
                position: absolute;
                right: 41px;
                top: 38px;
                color: #fff;
            }

            section.home-countries .countries .form {
                position: relative;
                display: inline-block;
                margin: 0 auto;
                width: auto;
            }

            section.about-slider .m-slider .item {
                background-position: center;
                background-size: cover;
            }

            section.home-announcements {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                background-color: #033b78;
                position: relative;
                z-index: 2;
            }

            section.home-announcements .info {
                padding: 10px 0;
            }

            section.home-announcements .info h5 {
                font-size: 18px;
                margin-bottom: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            section.home-announcements .info h5 a {
                color: #fff;
            }

            section.home-announcements .title {
                display: flex;
                justify-content: space-between;
            }

            section.home-announcements .nav {
                margin-bottom: 10px;
            }

            section.home-announcements .nav a {
                display: inline-block;
                padding: 10px;
            }

            section.home-announcements .nav a.next {
                margin-left: 5px;
            }

            section.home-announcements .info p {
                font-size: 14px;
                height: 36px;
                overflow: hidden;
                color: #fff;
            }

            section.home-announcements .item .youtube {
                position: relative;
            }

            section.home-announcements .item .youtube:before {
                pointer-events: none;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\f16a";
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 17px;
                color: #033b78;
                background: #fff;
                padding: 5px;
                border-radius: 5px;
            }

            section.home-announcements .item .linkedin {
                position: relative;
            }

            section.home-announcements .item .linkedin:before {
                pointer-events: none;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\f0e1";
                position: absolute;
                right: 5px;
                top: 5px;
                font-size: 17px;
                color: #0e7bff;
                background: #fff;
                padding: 7px;
                border-radius: 5px;
            }

            section.home-news {
                display: flex;
                width: 100%;
                position: relative;
            }

            section.home-news:after {
                content: "";
                background: #033b78;
                position: absolute;
                width: 33.33%;
                height: 100%;
                z-index: 1;
                right: 0;
                top: 0;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news:after {
                    width: 33.33%;
                }
            }

            section.home-news .nav {
                margin-bottom: 10px;
            }

            section.home-news .nav a {
                display: inline-block;
                padding: 5px;
                background: #033b78;
            }

            section.home-news .nav a.next {
                margin-left: 5px;
            }

            section.home-news:before {
                content: "";
                background: #fff;
                position: absolute;
                width: 66.66%;
                height: 100%;
                z-index: 2;
                left: 0;
                top: 0;
            }

            section.home-news div.title {
                width: 100%;
                /* margin-bottom: .6rem; */
                position: relative;
            }

            section.home-news div.title .nav {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            section.home-news div.title .nav .next {
                margin-left: .3rem;
            }

            section.home-news .container {
                direction: rtl;
            }

            section.home-news .container>* {
                direction: ltr;
            }

            section.home-news .news {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                padding-top: 7%;
                padding-right: 7%;
                padding-bottom: 15.88%;
                background-color: #fff;
                position: relative;
                z-index: 2;
            }

            section.home-news .news .wrapper {
                display: inline-block;
                width: 100%;
                position: relative;
            }

            section.home-news .news .wrapper .nav {
                position: absolute;
                bottom: 0;
                left: calc(80% + .6rem);
                z-index: 2;
            }

            section.home-news .news .wrapper .nav .next {
                margin-left: .36rem;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.home-news .news .wrapper .nav {
                    right: 0;
                    bottom: -.25rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .news .wrapper .nav {
                    bottom: -.5rem;
                }
            }

            section.home-news .news .wrapper .owl-dots {
                position: absolute;
                left: calc(56.455% + .6rem);
                bottom: 0;
                display: inline-block;
            }

            section.home-news .news .wrapper .owl-dots .owl-dot {
                display: inline-block;
                width: .16rem;
                height: .16rem;
                margin-right: .2rem;
                padding: .04rem;
                vertical-align: middle;
                transition: all .4s ease;
            }

            section.home-news .news .wrapper .owl-dots .owl-dot span {
                display: inline-block;
                height: 100%;
                width: 100%;
                background-color: #383838;
                border-radius: 50%;
                transition: all .4s ease;
            }

            section.home-news .news .wrapper .owl-dots .owl-dot.active {
                padding: 0;
            }

            section.home-news .news .wrapper .owl-dots .owl-dot.active span {
                background-color: #033b78;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .news .wrapper .owl-dots {
                    left: calc(50% + .4rem) !important;
                }
            }

            section.home-news .news .wrapper .item .img-section {
                display: inline-block;
                width: 56.455%;
                position: relative;
                vertical-align: top;
                padding-bottom: 30%;
            }

            section.home-news .news .wrapper .item .img-section img {
                position: absolute;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center;
            }

            section.home-news .news .wrapper .item .content {
                display: inline-block;
                width: 43.545%;
                position: relative;
                vertical-align: top;
                padding-left: .6rem;
                padding-right: 5%;
            }

            section.home-news .news .wrapper .item .content .title {
                font-size: .28rem;
                font-weight: 300;
                color: #383838;
                line-height: 1.214em;
                letter-spacing: -.014rem;
            }

            section.home-news .news .wrapper .item .content .date {
                font-size: .14rem;
                font-weight: 300;
                color: #383838;
                line-height: 1.214em;
                letter-spacing: -.007rem;
                margin-top: .25rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .news .wrapper .item .img-section {
                    width: 50%;
                }

                section.home-news .news .wrapper .item .content {
                    width: 50%;
                }

                section.home-news .news .wrapper .item .content .title {
                    font-size: .18rem !important;
                }

                section.home-news .news .wrapper .item .content .date {
                    font-size: .1rem;
                }
            }

            section.home-news .history {
                display: inline-block;
                vertical-align: top;
                width: 100%;
                padding-top: 7%;
                padding-left: 3.92%;
                padding-bottom: 15.88%;
                background-color: #033b78;
                position: relative;
                z-index: 2;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .history {
                    padding-bottom: 18.88%;
                }
            }

            section.home-news .history .item {
                height: 0;
                padding-bottom: 46%;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

            section.home-news .history .nav-carousel {
                display: inline-block;
                width: 100%;
                overflow: hidden;
                margin-top: .5rem;
                position: relative;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.home-news .history .nav-carousel {
                    margin-top: .2rem;
                }
            }

            section.home-news .history .nav-carousel:before {
                content: "";
                position: absolute;
                width: 40%;
                height: 100%;
                right: 0;
                top: 0;
                background-color: #033b78;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #033b78 15%, #033b78 100%);
                z-index: 1;
            }

            section.home-news .history .nav-carousel .next-years {
                display: inline-block;
                width: 20%;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .history .nav-carousel .next-years {
                    width: 30% !important;
                }
            }

            section.home-news .history .nav-carousel .next-years .owl-item {
                display: inline-block;
                color: #fff;
                font-weight: 700;
            }

            section.home-news .history .nav-carousel .next-years .owl-item .item {
                font-size: .3rem;
                opacity: .1;
                transition: all .2s ease-in-out;
                transform: scale(.597);
                text-align: center;
                cursor: pointer;
                padding-bottom: 0;
                height: auto;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .history .nav-carousel .next-years .owl-item .item {
                    font-size: .2rem;
                }
            }

            section.home-news .history .nav-carousel .next-years .owl-item.active .item {
                font-size: .3rem;
                opacity: 1;
                transform: scale(1);
                text-align: left;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .history .nav-carousel .next-years .owl-item.active .item {
                    font-size: .2rem;
                }
            }

            section.home-news .history .nav-carousel .next-years .owl-item.active+.owl-item .item {
                opacity: .3;
                transform: scale(.715);
            }

            section.home-news .history .nav-carousel .next-years .owl-item.active+.owl-item+.owl-item .item {
                opacity: .1;
                transform: scale(.597);
            }

            section.home-news .history .description {
                display: inline-block;
                width: 100%;
                margin-top: .18rem;
            }

            section.home-news .history .description .text {
                font-size: .21rem;
                color: #fff;
                font-weight: 300;
                line-height: 1.61em;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.home-news .history .description .text {
                    font-size: .16rem;
                }
            }

            section.product-list {
                padding-bottom: 9%;
                position: relative;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.product-list {
                    padding-bottom: 15%;
                }
            }

            section.product-list:after {
                content: "";
                background-color: #f7f7f7;
                position: absolute;
                width: 50%;
                height: 100%;
                z-index: 1;
                right: 0;
                top: 0;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.product-list:after {
                    width: 100%;
                }
            }

            section.product-list:before {
                content: "";
                background: #fff;
                position: absolute;
                width: 50%;
                height: 100%;
                z-index: 1;
                left: 0;
                top: 0;
            }

            section.product-list .products {
                position: relative;
                display: inline-block;
                width: calc(100% - 3.81rem);
                padding-top: .8rem;
                padding-left: .7rem;
                padding-bottom: 1.5rem;
                z-index: 2;
                vertical-align: top;
                background-color: #f7f7f7;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.product-list .products {
                    width: calc(100% - 2.81rem);
                    padding-bottom: 1rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.product-list .products {
                    width: 100%;
                    padding-left: 0;
                    padding-bottom: .5rem;
                }
            }

            section.product-list .products .header {
                display: inline-block;
                width: 100%;
            }

            section.product-list .products .header .breadcumb {
                width: auto;
                float: left;
                vertical-align: middle;
            }

            section.product-list .products .header .view-type {
                display: inline-block;
                float: right;
                vertical-align: middle;
            }

            section.product-list .products .header .view-type .type-item {
                display: inline-block;
                cursor: pointer;
                opacity: .2;
            }

            section.product-list .products .header .view-type .type-item img {
                display: inline-block;
                height: .16rem;
            }

            section.product-list .products .header .view-type .type-item.active {
                opacity: 1;
            }

            section.product-list .products .header .view-type .type-item+* {
                margin-left: .2rem;
            }

            section.product-list .products .list-view {
                display: inline-block;
            }

            section.product-list .products .list-view .product-item {
                display: inline-block;
                border: 1px solid #e6e6e6;
                position: relative;
                direction: rtl;
            }

            section.product-list .products .list-view .product-item * {
                direction: ltr;
            }

            section.product-list .products .list-view .product-item .product-title {
                display: inline-block;
                font-size: .22rem;
                line-height: 1.59em;
                letter-spacing: -.011em;
                color: #383838;
                vertical-align: top;
            }

            section.product-list .products .list-view .product-item .product-title .title {
                display: inline-block;
                width: 100%;
                font-weight: 700;
            }

            section.product-list .products .list-view .product-item .product-title .text {
                display: inline-block;
                width: 100%;
                font-weight: 300;
            }

            section.product-list .products .list-view .product-item .img-box {
                display: inline-block;
                transition: all .3s ease-in-out;
                vertical-align: top;
            }

            section.product-list .products .list-view .product-item .img-box img {
                width: 100%;
            }

            section.product-list .products .list-view .product-item .button-container {
                position: absolute;
                bottom: .6rem;
            }

            section.product-list .products .list-view .product-item .button-container .btn-detail {
                border-color: #383838;
                color: #383838;
            }

            section.product-list .products .list-view .product-item .button-container .btn-detail:hover span {
                color: #383838;
            }

            section.product-list .products .list-view .product-item .button-container .btn-detail:after {
                color: #383838;
            }

            section.product-list .products .list-view .product-item .button-container .wishlist-btn .icon {
                position: absolute;
                top: 50%;
                width: .22rem;
                height: .22rem;
                right: .18rem;
                z-index: 2;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transition: all .4s ease-in-out;
            }

            section.product-list .products .list-view .product-item .button-container .wishlist-btn .icon img {
                width: 100%;
                height: auto;
            }

            section.product-list .products .list-view .product-item .button-container .wishlist-btn:after {
                content: none;
            }

            section.product-list .products .list-view .product-item .button-container a+a {
                margin-left: .1rem;
            }

            section.product-list .products .list-view .product-item .model-icon {
                position: absolute;
                display: inline-block;
                width: .6rem;
                height: .6rem;
                z-index: 4;
                top: .3rem;
                right: .3rem;
                transition: all .2s ease-out;
            }

            section.product-list .products .list-view .product-item .model-icon .icon-img {
                display: inline-block;
                width: .6rem;
                height: .6rem;
                padding: .1rem;
                background-color: #033b78;
                border-radius: 50%;
                cursor: pointer;
            }

            section.product-list .products .list-view .product-item .product-features {
                position: absolute;
                height: 100%;
                top: 0;
                right: 0;
                font-size: .13rem;
                color: #fff;
                font-weight: 400;
                line-height: 1.38em;
                padding-top: .5rem;
                padding-left: .6rem;
                padding-right: .6rem;
                z-index: -1;
                transition: all .3s ease-in-out;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box {
                display: inline-block;
                width: 47%;
                margin-bottom: .22rem;
                position: relative;
                z-index: 2;
                opacity: 0;
                transition: all .2s ease-in-out;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box img {
                width: 100%;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box span {
                display: inline-block;
                font-size: .18rem;
                position: absolute;
                font-weight: 800;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box span.width {
                left: 1.3%;
                bottom: 14%;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box span.length {
                bottom: 23%;
                right: 33.7%;
            }

            section.product-list .products .list-view .product-item .product-features .features-img-box span.height {
                top: 31%;
                right: -6.5%;
            }

            section.product-list .products .list-view .product-item .product-features .dimensions {
                display: inline-block;
                width: 100%;
                margin-bottom: .2rem;
                position: relative;
                z-index: 2;
                opacity: 0;
                transition: all .2s ease-in-out;
            }

            section.product-list .products .list-view .product-item .product-features .dimensions span {
                display: inline-block;
            }

            section.product-list .products .list-view .product-item .product-features .dimensions span+span {
                margin-left: .1rem;
            }

            section.product-list .products .list-view .product-item .product-features .spesifications {
                position: relative;
                z-index: 2;
                opacity: 0;
                transition: all .2s ease-in-out;
            }

            section.product-list .products .list-view .product-item .product-features .spesifications .text {
                padding-left: .1rem;
                min-width: .9rem;
            }

            section.product-list .products .list-view .product-item .product-features .spesifications tr td {
                padding: .05rem 0;
                vertical-align: top;
            }

            section.product-list .products .list-view .product-item .product-features:before {
                content: "";
                position: absolute;
                width: .6rem;
                height: .6rem;
                background-color: #033b78;
                right: .3rem;
                top: .3rem;
                border-radius: 50%;
                transition: all .3s ease-out;
                z-index: 1;
            }

            section.product-list .products .list-view .product-item .product-features.light-box {
                padding: 5% 7%;
            }

            section.product-list .products .list-view .product-item .product-features.light-box .features-img-box {
                width: 100%;
                height: 100%;
                margin: 0;
            }

            section.product-list .products .list-view .product-item .product-features.light-box .features-img-box img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                max-width: none;
            }

            section.product-list .products .list-view .product-item .product-features.light-box:before {
                background-color: #fff;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.product-list .products .list-view .product-item .product-features {
                    padding-top: .3rem;
                    padding-left: .3rem;
                    padding-right: .3rem;
                }

                section.product-list .products .list-view .product-item .product-features .features-img-box {
                    margin-bottom: .1rem;
                }

                section.product-list .products .list-view .product-item .product-features .dimensions {
                    margin-bottom: .1rem;
                }
            }

            section.product-list .products .list-view .product-item.icon-hover .product-features {
                z-index: 3;
                opacity: 1;
            }

            section.product-list .products .list-view .product-item.icon-hover .product-features .features-img-box,
            section.product-list .products .list-view .product-item.icon-hover .product-features .dimensions,
            section.product-list .products .list-view .product-item.icon-hover .product-features .spesifications {
                opacity: 1;
                transition-delay: .25s;
            }

            section.product-list .products .list-view .product-item.icon-hover .product-features:before {
                border-radius: 0;
                top: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: 100% !important;
            }

            section.product-list .products .list-view[data-view="row"] {
                width: calc(100% + .8rem);
                margin-left: -.4rem;
                margin-right: -.4rem;
            }

            section.product-list .products .list-view[data-view="row"] .product-item {
                width: calc(100% - .8rem);
                margin: .4rem;
                padding: .3rem .5rem .3rem .6rem;
            }

            section.product-list .products .list-view[data-view="row"] .product-item .product-title {
                width: 42%;
            }

            section.product-list .products .list-view[data-view="row"] .product-item .img-box {
                width: 58%;
            }

            section.product-list .products .list-view[data-view="row"] .product-item .button-container {
                left: .6rem;
            }

            section.product-list .products .list-view[data-view="row"] .product-item .product-features {
                width: 50%;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.product-list .products .list-view[data-view="row"] .product-item {
                    padding: .5rem .3rem .5rem .3rem;
                    position: relative;
                }

                section.product-list .products .list-view[data-view="row"] .product-item .button-container {
                    left: .3rem;
                }
            }

            @media screen and (max-width:1720px) and (min-width:1451px) {
                section.product-list .products .list-view[data-view="row"] .product-item {
                    padding: .5rem .2rem .5rem .4rem;
                }

                section.product-list .products .list-view[data-view="row"] .product-item .product-features:not(.light-box) {
                    width: 61%;
                }

                section.product-list .products .list-view[data-view="row"] .product-item .product-features:not(.light-box) .features-img-box {
                    width: 50%;
                }

                section.product-list .products .list-view[data-view="row"] .product-item .button-container {
                    left: .4rem;
                }
            }

            section.product-list .products .list-view[data-view="column"] {
                display: flex;
                flex-wrap: wrap;
                width: calc(100% + .3rem);
                margin-left: -.15rem;
                margin-right: -.15rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item {
                width: calc(50% - .3rem);
                margin: .15rem;
                padding: .4rem;
                vertical-align: top;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-title {
                width: 100%;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-title .text {
                font-size: .16rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .img-box {
                width: 100%;
                height: 3rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .img-box img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .button-container {
                position: relative;
                width: 100%;
                left: 0;
                bottom: 0;
                margin-top: .35rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .button-container a.btn-hover {
                max-width: 100%;
                width: 100%;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .button-container a.btn-hover span {
                max-width: 100%;
                margin-right: .3rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .button-container a+a {
                margin-left: 0;
                margin-top: .2rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-features {
                width: 100%;
                padding: .5rem .4rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-features .features-img-box {
                width: 70%;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-features.light-box {
                padding: .9rem .4rem;
            }

            section.product-list .products .list-view[data-view="column"] .product-item .product-features.light-box .features-img-box {
                width: 100%;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.product-list .products .list-view[data-view="column"] .product-item {
                    padding: .3rem;
                }

                section.product-list .products .list-view[data-view="column"] .product-item .model-icon {
                    width: .4rem;
                    height: .4rem;
                    z-index: 4;
                    top: .15rem;
                    right: .15rem;
                }

                section.product-list .products .list-view[data-view="column"] .product-item .model-icon .icon-img {
                    width: .4rem;
                    height: .4rem;
                    padding: .09rem;
                }

                section.product-list .products .list-view[data-view="column"] .product-item .product-features:before {
                    width: .4rem;
                    height: .4rem;
                    right: .15rem;
                    top: .15rem;
                }
            }

            section.detail-page {
                display: inline-block;
                width: 100%;
            }

            section.main-category-preview .wrapper {
                padding-bottom: 0 !important;
            }

            section.main-category-preview .wrapper .category-item {
                display: inline-block;
                width: 29.5%;
                position: relative;
                overflow: hidden;
            }

            section.detail-page .col-6 {
                display: inline-block;
                width: 50%;
                position: relative;
                overflow: hidden;
                vertical-align: top;
            }

            section.detail-page {
                display: inline-block;
                width: 100%;
                position: relative;
                overflow: hidden;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

            section.detail-page .banner a.overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 2;
                background-color: rgba(0, 0, 0, .35);
                cursor: default;
            }

            section.detail-page .banner a.overlay[data-popup-trigger] {
                cursor: pointer;
            }

            section.detail-page .banner iframe {
                width: 100%;
                height: 100%;
            }

            section.detail-page .banner iframe,
            section.detail-page .banner video {
                position: absolute;
                z-index: 1;
                -o-object-fit: cover;
                object-fit: cover;
            }

            section.detail-page .wrapper {
                display: inline-block;
                position: relative;
                width: 100%;
                z-index: 2;
            }

            section.detail-page .wrapper:after {
                content: "";
                background: #fff;
                position: absolute;
                width: 50%;
                /*height: 100%;*/
                z-index: 1;
                right: 0;
                top: 0;
            }

            section.detail-page .wrapper:before {
                content: "";
                background-color: #f7f7f7;
                position: absolute;
                width: 50%;
                /*height: 100%;*/
                z-index: 1;
                left: 0;
                top: 0;
            }

            section.detail-page .wrapper .container {
                top: -4.77rem;
                margin-bottom: -4.77rem;
                position: relative;
                z-index: 5;
            }

            section.detail-page .wrapper .container.product-page {
                top: -2rem;
                margin-bottom: -2rem;
            }

            section.detail-page .wrapper .container .main-content {
                position: relative;
                display: inline-block;
           width: calc(100%);
                background: #fff;
                vertical-align: top;
            }

            section.detail-page .wrapper .container .main-content.w-100 {
                width: 100%;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.detail-page .wrapper .container .main-content {
                    width: calc(100%);
                    /*width: calc(100% - 2.81rem);*/
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.detail-page .wrapper .container .main-content {
                    width: 100%;
                }
            }

            section.detail-page .wrapper .container .main-content>.content {
                width: 100%;
                vertical-align: top;
                padding-left: 4.687vw;
                padding-right: 4.687vw;
                padding-top: .65rem;
                display: inline-block;
            }

            section.detail-page .wrapper .container .main-content>.content .title {
                font-size: .36rem;
                color: #033b78;
                font-weight: 300;
                line-height: 1.22em;
                letter-spacing: -.009em;
            }

            section.detail-page .wrapper .container .main-content>.content .title span {
                color: #000;
            }

            section.detail-page .wrapper .container .main-content>.content .title span:after {
                content: "-";
                margin-left: .05rem;
                margin-right: .05rem;
            }

            section.detail-page .wrapper .container .main-content>.content .text {
                font-size: .17rem;
                color: #383838;
                text-align: left;
                font-weight: 400;
                line-height: 1.76em;
                letter-spacing: -.0042em;
            }

            section.detail-page .wrapper .container .main-content>.content .text .content-header {
                font-size: .36rem !important;
                color: #033b78 !important;
                font-weight: 300 !important;
                line-height: 1.22em !important;
                letter-spacing: -.009em !important;
            }

            section.detail-page .wrapper .container .main-content>.content .text .subtitle {
                font-size: .24rem !important;
                line-height: 1.33em !important;
                color: #000 !important;
                font-weight: 400 !important;
                letter-spacing: -.006em;
                display: block !important;
            }

            section.detail-page .wrapper .container .main-content>.content .text p.text {
                font-size: .17rem;
                color: #383838;
                font-weight: 400;
                line-height: 1.76em;
                letter-spacing: -.0042em;
                margin: auto;
            }

            section.detail-page .wrapper .container .main-content>.content .slider {
                display: inline-block;
                width: 100%;
                position: relative;
                margin-top: 0.2rem;
            }

            section.detail-page .wrapper .container .main-content>.content .slider2 {
                display: inline-block;
                width: 50%;
                align-self: center;
                position: relative;
            }

            section.detail-page .wrapper .container .main-content>.content .slider2 .item {
                display: inline-block;
                width: 100%;
                height: 0;
                padding-bottom: 52.4%;
                position: relative;
                overflow: hidden;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .item {
                display: inline-block;
                width: 100%;
                height: 0;
                padding-bottom: 52.4%;
                position: relative;
                overflow: hidden;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .item img {
                position: absolute;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .nav {
                position: absolute;
                z-index: 2;
                bottom: .15rem;
                right: 0;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .nav .next {
                margin-left: .3rem;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .nav a img {
                width: .14rem;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .owl-dots {
                position: absolute;
                left: 0;
                bottom: .15rem;
                display: inline-block;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .owl-dots .owl-dot {
                display: inline-block;
                width: .16rem;
                height: .16rem;
                margin-left: .2rem;
                padding: .04rem;
                vertical-align: middle;
                transition: all .4s ease;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .owl-dots .owl-dot span {
                display: inline-block;
                height: 100%;
                width: 100%;
                background-color: #383838;
                border-radius: 50%;
                transition: all .4s ease;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .owl-dots .owl-dot.active {
                padding: 0;
            }

            section.detail-page .wrapper .container .main-content>.content .slider .owl-dots .owl-dot.active span {
                background-color: #033b78;
            }

            section.detail-page .wrapper .container .main-content>.content .images-wrapper {
                display: inline-block;
                width: calc(100% + .28rem);
                margin: -.14rem;
            }

            section.detail-page .wrapper .container .main-content>.content .images-wrapper .wrapper-title {
                display: block;
                margin: .14rem;
                font-size: .12rem;
                color: #383838;
                letter-spacing: -.0025em;
                font-weight: 400;
                margin-top: .3rem;
            }

            section.detail-page .wrapper .container .main-content>.content .images-wrapper .img-box {
                display: inline-block;
                height: 0;
                width: calc(33.33% - .28rem);
                margin: .14rem;
                padding-bottom: 19%;
                position: relative;
                overflow: hidden;
            }

            section.detail-page .wrapper .container .main-content>.content .images-wrapper .img-box img {
                position: absolute;
                width: 110%;
                height: 110%;
                object-fit: cover;
                object-position: center;
                transition: all .5s ease;
                -ms-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -webkit-transition: all .5s ease;
                transform: translate3d(0, 0, 0);
            }

            section.detail-page .wrapper .container .main-content>.content .images-wrapper .img-box:before {
                content: "";
                background-image: url(icons/magnify.svg);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-size: 15%;
                background-position: 95% 90%;
                background-color: rgba(0, 0, 0, .3);
                z-index: 1;
                background-repeat: no-repeat;
                opacity: 0;
                transition: all .5s ease;
                -ms-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -webkit-transition: all .5s ease;
            }

            @media screen and (max-width:900px) {
                section.detail-page .wrapper .container .main-content .content .images-wrapper {
                    width: calc(100% + .1rem);
                    margin: -.05rem;
                }

                section.detail-page .wrapper .container .main-content .content .images-wrapper .img-box {
                    width: calc(50% - .1rem);
                    margin: .05rem;
                    padding-bottom: 32.5%;
                }

                section.detail-page .wrapper .container .main-content .content .images-wrapper .img-box:before {
                    opacity: 1;
                    background-color: transparent;
                    background-position: 95% 80%;
                }

                section.detail-page .wrapper .container .main-content .content .images-wrapper .wrapper-title {
                    margin: .05rem;
                    margin-top: .5rem;
                }

                section.main-industry-preview .content-title>.title {
                    text-align: center;
                    font-size: 8.25vw;
                    font-weight: 300;
                    line-height: 1.22em;
                    color: #000;
                    display: inline-block;
                    width: 100%;
                    padding: 20px 0;
                }
            }

            section.detail-page .wrapper .container .main-content .content pre {
                white-space: pre-line;
            }

            section.detail-page .wrapper .container .main-content .content *+.title {
                margin-top: .36rem;
            }

            section.detail-page .wrapper .container .main-content .content *+.text {
                margin-top: .2rem;
            }

            section.detail-page .wrapper .container .main-content .content *+.subtitle {
                margin-top: .1rem;
            }

            section.detail-page .wrapper .container .main-content .content *+.content-header {
                margin-top: .1rem;
            }

            section.detail-page .wrapper .container .main-content .content .slider+.text {
                margin-top: .6rem;
            }

            section.detail-page .wrapper .container .main-content .content .breadcumb+.text {
                margin-top: .36rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline {
                display: inline-block;
                width: 100%;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul {
                display: inline-block;
                width: 100%;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li {
                display: inline-block;
                width: 50%;
                position: relative;
                padding-bottom: .55rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .item {
                display: inline-block;
                width: 100%;
                position: relative;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .title {
                font-size: .3rem;
                font-weight: 700;
                color: #033b78;
                line-height: 1.1em;
                letter-spacing: -.0025em;
                margin-top: 0;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .text {
                font-size: .18rem;
                font-weight: 400;
                color: #383838;
                line-height: 1.5em;
                letter-spacing: -.0025em;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .line {
                position: absolute;
                height: .01rem;
                background-color: #033b78;
                width: 28%;
                top: .14rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .line:before,
            section.detail-page .wrapper .container .main-content .content .timeline ul li .line:after {
                position: absolute;
                content: "";
                height: .18rem;
                width: .18rem;
                top: 50%;
                margin-top: -.09rem;
                background-position: center;
                background-size: cover;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .line:before {
                background-image: url(icons/history-line-start.svg);
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .line:after {
                background-image: url(icons/history-line-end.svg);
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) {
                margin-right: 50%;
                text-align: right;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .item {
                padding-right: 37%;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .line {
                right: 0;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .line:before {
                left: -.22rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .line:after {
                right: -.11rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(odd) .dots {
                right: 0;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) {
                margin-left: 50%;
                text-align: left;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .item {
                padding-left: 37%;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .line {
                left: 0;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .line:before {
                right: -.22rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .line:after {
                left: -.06rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:nth-child(even) .dots {
                left: 0;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li:last-child .dots {
                display: none;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .dots {
                position: absolute;
                width: 0;
                height: 100%;
                top: .13rem;
            }

            section.detail-page .wrapper .container .main-content .content .timeline ul li .dots span {
                display: inline-block;
                width: .04rem;
                height: .04rem;
                background-color: #033b78;
                border-radius: 50%;
                -ms-border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                -o-border-radius: 50%;
            }

            section.detail-page .wrapper .container .main-content .icons {
                display: inline-block;
                width: 100%;
            }

            section.detail-page .wrapper .container .main-content .icons .item {
                display: inline-block;
            }

            section.detail-page .wrapper .container .main-content .icons .item img {
                display: inline-block;
                height: .93rem;
            }

            section.detail-page .wrapper .container .main-content .icons .item .title {
                font-size: .24rem;
                line-height: 1.209em;
                letter-spacing: -.006em;
                font-weight: 700;
                color: #033b78;
                margin-top: .3rem;
            }

            section.detail-page .wrapper .container .main-content .icons .item .text {
                font-size: .24rem;
                line-height: 1.209em;
                letter-spacing: -.012em;
                color: #383838;
                margin-top: .04rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.detail-page .wrapper .container .main-content .icons .item img {
                    max-width: 1.48rem;
                    max-height: .68rem;
                }

                section.detail-page .wrapper .container .main-content .icons .item .title {
                    font-size: .21rem;
                }

                section.detail-page .wrapper .container .main-content .icons .item .text {
                    font-size: .18rem;
                    margin-top: .03rem;
                }
            }

            section.detail-page .wrapper .container .main-content .icons.bottom {
                margin-bottom: 1.8rem;
            }

            section.detail-page .wrapper .container .main-content .icons.bottom .item {
                width: 33.33%;
                padding-left: .9rem;
                padding-right: .3rem;
                vertical-align: middle;
            }

            section.detail-page .wrapper .container .main-content .icons.bottom .item+.item {
                border-left: 1px solid #e6e6e6;
            }

            section.detail-page .wrapper .container .main-content .icons.bottom.a-border {
                border-top: 1px solid #e6e6e6;
            }

            section.detail-page .wrapper .container .main-content .icons.bottom.a-border .item {
                padding-top: .6rem;
                padding-bottom: .6rem;
                border-bottom: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                border-left: 0;
            }

            section.detail-page .wrapper .container .main-content .icons.bottom.a-border+.item {
                border-left: 1px solid #e6e6e6;
            }

            section.detail-page .wrapper .container .main-content .content-boxes {
                display: inline-block;
                width: 100%;
                margin-top: .25rem;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item {
                display: inline-block;
                width: 100%;
                padding: 8% 7%;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item .img-cont {
                display: inline-block;
                width: 1.61rem;
                vertical-align: middle;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item .img-cont img {
                width: auto;
                max-width: 100%;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont {
                display: inline-block;
                width: calc(100% - 1.61rem);
                vertical-align: middle;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont .title {
                display: block;
                font-size: .36rem;
                font-weight: 300;
                line-height: 1.22em;
                letter-spacing: -.009em;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item .text-cont .text {
                display: block;
                font-size: .17rem;
                font-weight: 400;
                line-height: 1.76em;
                letter-spacing: -.0042em;
                margin-top: .2rem;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item:nth-child(odd) {
                background: #033b78;
                color: #fff;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item:nth-child(even) .title {
                color: #033b78;
            }

            section.detail-page .wrapper .container .main-content .content-boxes .box-item:nth-child(even) .text {
                color: #383838;
            }

            section.detail-page .wrapper .container .main-content.left-icons .content {
                width: 65%;
                border-right: 1px solid #e6e6e6;
            }

            section.detail-page .wrapper .container .main-content.left-icons .icons {
                display: inline-block;
                width: 35%;
                padding-left: 4.687vw;
                padding-right: 4.687vw;
                padding-top: 1.6rem;
                padding-bottom: .6rem;
            }

            section.detail-page .wrapper .container .main-content.left-icons .icons .item {
                width: 100%;
                padding-right: 3vw;
            }

            section.detail-page .wrapper .container .main-content.left-icons .icons .item+.item {
                margin-top: .4rem;
            }

            @media screen and (min-width:901px) and (max-width:1450px) {
                section.detail-page .wrapper .container .main-content.left-icons .content {
                    width: 100%;
                    border-right: 0;
                }

                section.detail-page .wrapper .container .main-content.left-icons .icons {
                    width: 100%;
                    padding: 0 0 1.2rem 0;
                    border-top: 1px solid #e6e6e6;
                }

                section.detail-page .wrapper .container .main-content.left-icons .icons .item {
                    width: 33.33%;
                    border-bottom: 1px solid #e6e6e6;
                    border-right: 1px solid #e6e6e6;
                    padding: .6rem;
                    vertical-align: top;
                }

                section.detail-page .wrapper .container .main-content.left-icons .icons .item+.item {
                    margin-top: 0;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.detail-page .wrapper .container .main-content .icons.bottom .item {
                    margin-bottom: .5rem;
                }

                section.detail-page .wrapper .container .main-content .icons.bottom.a-border .item {
                    margin-bottom: 0;
                }
            }

            section.global {
                width: 100%;
                display: inline-block;
                background: #f7f7f7;
            }

            section.global .map {
                display: inline-block;
                height: 6.5rem;
                width: 100%;
            }

            section.global .map #map {
                width: 100%;
                height: 100%;
            }

            section.global .header {
                padding-top: .62rem;
                background: #fff;
            }

            section.global .header .breadcumb {
                margin-bottom: .35rem;
            }

            section.global .header .title {
                font-size: .36rem;
                color: #033b78;
                font-weight: 300;
                line-height: 1.22em;
                letter-spacing: -.009em;
                margin-bottom: .2rem;
            }

            section.global .header .text {
                font-size: .17rem;
                color: #383838;
                font-weight: 400;
                line-height: 1.76em;
                letter-spacing: -.0042em;
            }

            section.global .header .text b {
                display: block;
                font-size: .24rem !important;
                font-weight: 400 !important;
                margin-bottom: .2rem;
            }

            section.global .header .icons {
                margin-top: .5rem;
                padding: .5rem 0 1.1rem 0;
                display: inline-block;
                width: 100%;
            }

            section.global .header .icons .item {
                display: inline-block;
                width: 33.33%;
                padding-left: .7rem;
                padding-right: .3rem;
                vertical-align: middle;
            }

            section.global .header .icons .item+.item {
                border-left: 1px solid #e6e6e6;
            }

            section.global .header .icons .item .title {
                color: #033b78;
                margin-top: .31rem;
                margin-bottom: 0;
            }

            section.global .header .icons .item .text {
                margin-top: .05rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.global .header .icons {
                    margin-top: .3rem;
                }
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.global .header .title {
                    font-size: .21rem;
                    margin-top: .3rem;
                    margin-bottom: .05rem;
                }

                section.global .header .text {
                    font-size: .18rem;
                }
            }

            section.global .offices {
                padding-bottom: 1.8rem;
            }

            section.global .offices .items {
                width: 100%;
                display: inline-block;
                border-top: 1px solid #e6e6e6;
                border-left: 1px solid #e6e6e6;
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                position: relative;
            }

            section.global .offices .items .item {
                display: inline-block;
                display: flex;
                flex-direction: column;
                width: 33.33%;
                padding: .7rem;
                background-color: transparent;
                border-bottom: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                vertical-align: top;
                letter-spacing: -.0025em;
                position: relative;
                justify-content: space-between;
                box-shadow: 0 0 0 rgba(0, 0, 0, .16);
                transition: all .2s ease-in-out;
            }

            section.global .offices .items .item:hover {
                background-color: #fff;
                box-shadow: 0 .13rem .56rem rgba(0, 0, 0, .08);
            }

            section.global .offices .items .item .title {
                font-size: .3rem;
                font-weight: 300;
                color: #383838;
                padding-right: .4rem;
            }

            section.global .offices .items .item .address {
                font-size: .16rem;
                font-weight: 300;
                line-height: 1.5em;
                color: #383838;
            }

            section.global .offices .items .item .address pre {
                white-space: pre-line;
            }

            section.global .offices .items .item .contact {
                font-size: .16rem;
                font-weight: 600;
                line-height: 1.5em;
                color: #383838;
            }

            section.global .offices .items .item .contact span {
                display: block;
            }

            section.global .offices .items .item .email {
                display: block;
                font-size: .16rem;
                font-weight: 600;
                line-height: 1.5em;
                color: #383838;
            }

            section.global .offices .items .item .btn {
                position: absolute;
                width: .6rem;
                height: .6rem;
                text-align: center;
                padding-left: 0;
                padding-right: 0;
                right: .4rem;
                top: .6rem;
                z-index: 1;
            }

            section.global .offices .items .item *+.address {
                margin-top: .3rem;
            }

            section.global .offices .items .item *+.contact {
                margin-top: .2rem;
            }

            section.global .offices .items .item *+.email {
                margin-top: .31rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.global .offices .items .item {
                    width: 50%;
                    padding: .5rem;
                }

                section.global .offices .items .item .title {
                    font-size: .28rem;
                }

                section.global .offices .items .item .btn {
                    bottom: .5rem;
                }
            }

            section.contact {
                display: inline-block;
                width: 100%;
                background-color: #f7f7f7;
            }

            section.contact .header {
                margin-top: 0.4rem;
            }

            section.contact .header .contact-address {
                display: inline-block;
                width: 100%;
                margin-top: .78rem;
            }

            section.contact .header .contact-address .address {
                display: inline-block;
                width: 25%;
                vertical-align: top;
            }

            section.contact .header .contact-address .address .icon {
                display: block;
                margin-bottom: .4rem;
            }

            section.contact .header .contact-address .address .icon img {
                width: .2rem;
            }

            section.contact .header .contact-address .address .address-title {
                font-size: .18rem;
                color: #033b78;
                font-weight: 300;
                line-height: 1.22em;
                letter-spacing: -.0025em;
            }

            section.contact .header .contact-address .address .text {
                font-size: .23rem;
                color: #383838;
                font-weight: 300;
                line-height: 1.56em;
                letter-spacing: -.0025em;
                margin-top: .1rem;
            }

            section.contact .header .contact-address .address.w-50 {
                width: 50%;
            }

            section.contact .map {
                display: inline-block;
                width: 100%;
                height: 5.2rem;
                margin-top: .8rem;
                margin-bottom: 1.6rem;
            }

            section.contact .map #map {
                display: inline-block;
                width: 100%;
                height: 100%;
            }

            section.contact .form-section {
                margin-bottom: 1.43rem;
            }

            section.contact .form-section .text {
                display: inline-block;
                width: 50%;
                vertical-align: top;
            }

            section.contact .form-section .text .title {
                display: block;
                font-size: .36rem;
                color: #033b78;
                font-weight: 300;
                line-height: 1.22em;
                letter-spacing: -.0025em;
            }

            section.contact .form-section .text .text {
                display: block;
                font-size: .17rem;
                color: #383838;
                font-weight: 300;
                line-height: 1.64em;
                letter-spacing: -.0025em;
                margin-top: .4rem;
            }

            section.contact .form-section .text .icon {
                display: inline-block;
                width: 100%;
                margin-top: 1.7rem;
            }

            section.contact .form-section .text .icon img {
                width: .65rem;
            }

            section.contact .form-section .form {
                display: inline-block;
                width: 50%;
                vertical-align: top;
            }

            section.contact .form-section .form form.general {
                margin: -.2rem -.25rem;
            }

            section.contact .form-section .form form.general .form-item .input-cont label {
                background-color: #f7f7f7;
            }

            section.contact .form-section .form form.general input,
            section.contact .form-section .form form.general textarea {
                background-color: transparent;
            }

            section.contact .form-section .form form.general .button {
                text-align: right;
            }

            section.contact .form-section .form form.general .button a.btn {
                width: 50%;
            }

            section.contact .form-section .form form.general .button a.btn i {
                float: right;
            }

            section.list-wrapper {
                display: inline-block;
                width: 100%;
                padding-bottom: 1.4rem;
                background-color: #f7f7f7;
            }

            section.list-wrapper .wrapper {
                display: inline-block;
                width: 100%;
            }

            section.list-wrapper .wrapper .banner {
                display: inline-block;
                width: 100%;
                height: 4.2rem;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }

            section.list-wrapper .wrapper .banner .title {
                font-size: .6rem;
                font-weight: 300;
                letter-spacing: -.0025em;
                color: #fff;
                margin-top: .2rem;
            }

            section.list-wrapper .wrapper .banner .breadcumb a {
                color: #fff;
            }

            section.list-wrapper .wrapper .list {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
                position: relative;
                top: -1.4rem;
                margin-bottom: -1.4rem;
                border-top: 1px solid #e6e6e6;
                border-left: 1px solid #e6e6e6;
            }

            section.list-wrapper .wrapper .list .item {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                vertical-align: top;
                width: 33.33%;
                background-color: #f7f7f7;
                padding: .5rem;
                border-bottom: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                position: relative;
                z-index: 1;
                transition: all .5s ease-in-out;
                -ms-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
            }

            section.list-wrapper .wrapper .list .item .img {
                display: inline-block;
                width: 100%;
                position: relative;
                padding-bottom: 57%;
                overflow: hidden;
            }

            section.list-wrapper .wrapper .list .item .img img {
                position: absolute;
            }

            section.list-wrapper .wrapper .list .item .title {
                display: block;
                font-size: .28rem;
                line-height: 1.21em;
                font-weight: 300;
                letter-spacing: -.005em;
                color: #383838;
            }

            section.list-wrapper .wrapper .list .item *+.title {
                margin-top: .27rem;
            }

            section.list-wrapper .wrapper .list .item .date {
                display: block;
                font-size: .14rem;
                line-height: 1.21em;
                font-weight: 300;
                letter-spacing: -.005em;
                color: #383838;
                margin-top: .23rem;
            }

            section.list-wrapper .wrapper .list .item .text {
                font-size: .16rem;
                font-weight: 600;
                line-height: 1.5em;
                color: #383838;
                letter-spacing: -.025em;
            }

            section.list-wrapper .wrapper .list .item .button {
                display: inline-block;
                width: .6rem;
                height: .6rem;
                border: 1px solid #033b78;
                border-radius: .04rem;
                -moz-border-radius: .04rem;
                -ms-border-radius: .04rem;
                -o-border-radius: .04rem;
                -webkit-border-radius: .04rem;
                text-align: center;
                margin-top: .55rem;
                transform: scale(1);
                transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
            }

            section.list-wrapper .wrapper .list .item .button .hover {
                display: none;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.list-wrapper .wrapper .list .item {
                    padding: .4rem;
                }

                section.list-wrapper .wrapper .list .item .title {
                    font-size: .2rem;
                }
            }

            section.list-wrapper .wrapper .list.download .item {
                padding: .7rem;
            }

            section.list-wrapper .wrapper .list.download .item .title {
                font-size: .3rem;
                color: #033b78;
            }

            section.list-wrapper .wrapper .list.download .item *+.title {
                margin-top: .15rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.list-wrapper .wrapper .list.download .item .title {
                    font-size: .2rem;
                    margin-top: .05rem;
                }
            }

            section.news-detail {
                display: inline-block;
                padding-bottom: 1.55rem;
                width: 100%;
            }

            section.news-detail .wrapper .header {
                display: inline-block;
                width: 100%;
                padding-top: 1.6rem;
                padding-bottom: .8rem;
                color: #383838;
                letter-spacing: -.005em;
            }

            section.news-detail .wrapper .header .title {
                display: block;
                font-size: .36rem;
                font-weight: 300;
                line-height: 1.27em;
                padding-right: 50%;
                margin-top: .5rem;
            }

            section.news-detail .wrapper .header .date {
                display: block;
                font-size: .14rem;
                line-height: 1.21em;
                font-weight: 300;
                margin-top: .2rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.news-detail .wrapper .header {
                    padding-top: 1rem;
                }

                section.news-detail .wrapper .header .title {
                    font-size: .28rem;
                }
            }

            section.news-detail .wrapper .cover-img {
                padding-bottom: 34.375%;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                margin-bottom: 1.18rem;
            }

            section.news-detail .wrapper .news-content {
                display: inline-block;
                width: 66.66%;
                vertical-align: top;
                padding-right: 1.15rem;
            }

            section.news-detail .wrapper .news-content .text {
                font-size: .18rem;
                color: #383838;
                font-weight: 400;
                letter-spacing: -.0025em;
                line-height: 2em;
                opacity: .8;
                margin-bottom: .2rem;
            }

            section.news-detail .wrapper .news-content .subtitle {
                font-size: .24rem !important;
                line-height: 1.33em !important;
                color: #000;
                font-weight: 400 !important;
                letter-spacing: -.006em;
                display: block;
            }

            section.news-detail .wrapper .news-content .content-header {
                font-size: .36rem !important;
                color: #033b78;
                font-weight: 300;
                line-height: 1.22em !important;
                letter-spacing: -.009em;
            }

            section.news-detail .wrapper .news-content .content-title {
                display: block;
                font-size: .12rem;
                color: #383838;
                letter-spacing: -.0025em;
                font-weight: 400;
                margin-top: .6rem;
            }

            section.news-detail .wrapper .news-content .images-wrapper {
                display: inline-block;
                width: calc(100% + .28rem);
                margin: -.14rem;
                margin-top: .4rem;
            }

            section.news-detail .wrapper .news-content .images-wrapper .img-box {
                display: inline-block;
                width: calc(33.33% - .28rem);
                margin: .14rem;
                padding-bottom: 23%;
                position: relative;
                overflow: hidden;
            }

            section.news-detail .wrapper .news-content .images-wrapper .img-box img {
                position: absolute;
                width: 110%;
                height: 110%;
                object-fit: cover;
                object-position: center;
                transition: all .5s ease;
                -ms-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -webkit-transition: all .5s ease;
                transform: translate3d(0, 0, 0);
            }

            section.news-detail .wrapper .news-content .images-wrapper .img-box:before {
                content: "";
                background-image: url(icons/magnify.svg);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background-size: 15%;
                background-position: 95% 90%;
                background-color: rgba(0, 0, 0, .3);
                z-index: 1;
                background-repeat: no-repeat;
                opacity: 0;
                transition: all .5s ease;
                -ms-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -webkit-transition: all .5s ease;
            }

            @media screen and (max-width:900px) {
                section.news-detail .wrapper .news-content .images-wrapper .img-box:before {
                    opacity: 1;
                    background-color: transparent;
                    background-position: 95% 80%;
                }
            }

            section.news-detail .wrapper .news-content .share {
                display: inline-block;
                width: 100%;
                margin-top: .3rem;
            }

            section.news-detail .wrapper .news-content .share a {
                display: inline-block;
                width: .4rem;
                height: .4rem;
                text-align: center;
                background-color: #181a1b;
                border-radius: 50%;
                color: #fff;
                vertical-align: middle;
                position: relative;
            }

            section.news-detail .wrapper .news-content .share a i {
                font-size: .14rem;
                position: relative;
                z-index: 2;
            }

            section.news-detail .wrapper .news-content .share a+a {
                margin-left: .1rem;
            }

            section.news-detail .wrapper .news-content .share a:after {
                content: "";
                position: absolute;
                background-color: #033b78;
                border: 1px solid #033b78;
                transform: scale(0);
                width: 100%;
                height: 100%;
                left: -1px;
                top: -1px;
                border-radius: 100%;
                z-index: 1;
                transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
            }

            section.news-detail .wrapper .related-news {
                display: inline-block;
                width: 33.33%;
                border-top: 1px solid #e6e6e6;
                vertical-align: top;
            }

            section.news-detail .wrapper .related-news .item {
                position: relative;
                vertical-align: top;
                display: inline-block;
                width: 100%;
                background: #fff;
                padding: .5rem;
                border-bottom: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                border-left: 1px solid #e6e6e6;
                z-index: 1;
                transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
            }

            section.news-detail .wrapper .related-news .item .img {
                display: inline-block;
                width: 100%;
                position: relative;
                padding-bottom: 57%;
                overflow: hidden;
            }

            section.news-detail .wrapper .related-news .item .img img {
                position: absolute;
            }

            section.news-detail .wrapper .related-news .item .title {
                display: block;
                font-size: .28rem;
                line-height: 1.21em;
                font-weight: 300;
                letter-spacing: -.005em;
                color: #383838;
                margin-top: .27rem;
            }

            section.news-detail .wrapper .related-news .item .date {
                display: block;
                font-size: .14rem;
                line-height: 1.21em;
                font-weight: 300;
                letter-spacing: -.005em;
                color: #383838;
                margin-top: .23rem;
            }

            @media screen and (min-width:901px) and (max-width:1260px) {
                section.news-detail .wrapper .related-news .item {
                    padding: .25rem;
                }

                section.news-detail .wrapper .related-news .item .title {
                    font-size: .18rem;
                }
            }

            section.search {
                display: inline-block;
                width: 100%;
                padding-bottom: 3.5rem;
                background-color: #f7f7f7;
            }

            section.search .search-menu {
                display: block;
                margin-left: auto;
                margin-right: auto;
                max-width: 8.5rem;
                width: 100%;
                padding-top: 1.2rem;
            }

            section.search .search-menu .form-item .input-cont input {
                background-color: transparent;
                border-width: 0 0 .01rem 0;
                border-radius: 0;
                padding: .17rem .45rem;
            }

            section.search .search-menu .form-item .input-cont:before {
                content: "";
                background-image: url(icons/search.svg);
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                position: absolute;
                width: .18rem;
                height: .18rem;
                top: 50%;
                left: .05rem;
                margin-top: -.12rem;
            }

            section.search .page-title {
                font-size: .6rem;
                display: block;
                text-align: center;
                font-weight: 400;
                color: #383838;
                letter-spacing: -.025em;
                margin-top: 1.5rem;
            }

            section.search .search-results {
                display: inline-block;
                width: 100%;
                padding: 0 6.25%;
                margin-top: .82rem;
            }

            section.search .search-results a {
                display: inline-block;
                width: 100%;
                padding: .56rem .5rem;
                border-bottom: .01rem solid #d6d6d6;
                transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
                -ms-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
            }

            section.search .search-results a div {
                display: inline-block;
                font-size: .24rem;
                font-weight: 400;
                letter-spacing: -.032em;
                vertical-align: middle;
            }

            section.search .search-results a .index {
                width: .3rem;
                color: #7a7a7a;
                opacity: .4;
            }

            section.search .search-results a .title {
                width: calc(100% - .3rem);
                color: #383838;
                padding-left: .3rem;
            }

            .cookie-container {
                display: none;
                width: 100%;
                background-color: #e6eaeb;
                padding-top: .15rem;
                padding-bottom: .25rem;
                position: fixed;
                bottom: 0;
                left: 0;
                z-index: 4;
                box-shadow: 0 -.05rem .2rem rgba(13, 12, 13, .08);
                -o-box-shadow: 0 -.05rem .2rem rgba(13, 12, 13, .08);
                -ms-box-shadow: 0 -.05rem .2rem rgba(13, 12, 13, .08);
                -moz-box-shadow: 0 -.05rem .2rem rgba(13, 12, 13, .08);
                -webkit-box-shadow: 0 -.05rem .2rem rgba(13, 12, 13, .08);
            }

            .cookie-container p {
                display: inline-block;
                vertical-align: middle;
                width: 75%;
                font-size: .16rem;
                color: #383838;
                font-weight: 300;
                letter-spacing: -.004rem;
                margin-top: .15rem;
            }

            .cookie-container .btn-container {
                display: inline-block;
                vertical-align: middle;
                width: 25%;
                text-align: right;
            }

            .cookie-container .btn-container .btn {
                display: inline-block;
                vertical-align: middle;
                border-radius: 0;
            }

            .popslide {
                position: fixed;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: rgba(0, 0, 0, .4);
                z-index: 11;
                display: none;
            }

            .popslide .popslide-cont {
                width: 8.5rem;
                display: inline-block;
                position: absolute;
                right: -8.5rem;
                height: 100%;
                background: #f7f7f7;
                padding: 5.4vw 6vw .7vw 6vw;
                transition: all .4s ease-in-out;
                -ms-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                -webkit-transition: all .4s ease-in-out;
            }

            .popslide .popslide-cont.active {
                right: 0;
            }

            .popslide .popslide-cont .header {
                display: inline-block;
                width: 100%;
                margin-bottom: .5rem;
            }

            .popslide .popslide-cont .header .title {
                font-size: .36rem;
                font-weight: 300;
                color: #033b78;
                line-height: 1.4em;
                letter-spacing: -.0025em;
            }

            .popslide .popslide-cont .btn-close {
                cursor: pointer;
                position: absolute;
                top: 5.1vw;
                right: 6vw;
                width: .6rem;
                height: .6rem;
                border: 1px solid #033b78;
                border-radius: .04rem;
                text-align: center;
            }

            .popslide .popslide-cont .btn-close svg {
                width: .14rem;
            }

            .popslide .popslide-cont .btn-close svg path {
                stroke: #033b78;
            }

            .popslide .popslide-cont .content {
                display: inline-block;
                width: 100%;
                height: calc(100% - 1rem);
                overflow-y: auto;
                overflow-x: hidden;
            }

            .popslide .popslide-cont .content::-webkit-scrollbar {
                width: .1rem;
            }

            .popslide .popslide-cont .content::-webkit-scrollbar-track {
                background: #e6eaeb;
            }

            .popslide .popslide-cont .content::-webkit-scrollbar-thumb {
                background: #7a7a7a;
                border-radius: .05rem;
            }

            .popslide .popslide-cont .content::-webkit-scrollbar-thumb:hover {
                background: #383838;
            }

            .popslide .popslide-cont .content .tab {
                display: inline-block;
                width: 100%;
                height: 100%;
            }

            .popslide .popslide-cont .content .tab[data-tab="form"] {
                display: none;
            }

            .popslide .popslide-cont .content .tab .product-list {
                display: inline-block;
                width: 100%;
                padding-right: .1rem;
                height: 70%;
                overflow-y: auto;
                overflow-x: hidden;
            }

            .popslide .popslide-cont .content .tab .product-list::-webkit-scrollbar {
                width: .1rem;
            }

            .popslide .popslide-cont .content .tab .product-list::-webkit-scrollbar-track {
                background: #e6eaeb;
            }

            .popslide .popslide-cont .content .tab .product-list::-webkit-scrollbar-thumb {
                background: #7a7a7a;
                border-radius: .05rem;
            }

            .popslide .popslide-cont .content .tab .product-list::-webkit-scrollbar-thumb:hover {
                background: #383838;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item {
                display: inline-block;
                width: 100%;
                padding: .25rem 0;
                border-bottom: 1px solid rgba(26, 26, 26, .1);
            }

            .popslide .popslide-cont .content .tab .product-list .product-item * {
                display: inline-block;
                vertical-align: middle;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button {
                cursor: pointer;
                width: .26rem;
                height: .26rem;
                border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button i {
                width: .26rem;
                height: .26rem;
                position: relative;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button i:before {
                content: "";
                position: absolute;
                height: .02rem;
                width: .1rem;
                top: 50%;
                left: 50%;
                margin-top: -.01rem;
                margin-left: -.05rem;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button.increase i:after {
                content: "";
                position: absolute;
                height: .1rem;
                width: .02rem;
                top: 50%;
                left: 50%;
                margin-left: -.01rem;
                margin-top: -.05rem;
                transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button {
                background-color: #fff;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button i:before {
                background-color: #000;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button i:after {
                background-color: #000;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button.remove {
                background-color: rgba(183, 28, 28, .06);
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .button.remove i:before {
                background-color: #b71c1c;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .product-img {
                position: relative;
                width: 1rem;
                height: 1rem;
                margin: 0 .32rem;
                overflow: hidden;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                -o-border-radius: 50%;
                -ms-border-radius: 50%;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .product-img img {
                object-fit: contain;
                object-position: center;
                width: 100%;
                height: 100%;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .product-desc {
                width: calc(100% - 3rem);
                font-weight: 300;
                color: #383838;
                letter-spacing: -.0025em;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .product-desc .product-code {
                font-size: .24rem;
                display: block;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .product-desc .product-type {
                display: block;
                font-size: .18rem;
                margin-top: .04rem;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count {
                width: 1.1rem;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count * {
                display: inline-block;
                vertical-align: middle;
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .count {
                display: inline-block;
                width: .5rem;
                height: .26rem;
                text-align: center;
                font-size: .14rem;
                font-weight: 600;
                color: #000;
                background-color: #fff;
                margin: 0 .04rem;
                border-radius: .13rem;
                -ms-border-radius: .13rem;
                -o-border-radius: .13rem;
                -moz-border-radius: .13rem;
                -webkit-border-radius: .13rem;
                box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -o-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -ms-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -moz-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -webkit-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
            }

            .popslide .popslide-cont .content .tab .product-list .product-item .cart-count .button {
                box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -o-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -ms-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -moz-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
                -webkit-box-shadow: 0 .02rem .04rem rgba(13, 12, 13, .08);
            }

            .popslide .popslide-cont .content.product-page .form {
                height: 100%;
            }

            .popslide .popslide-cont .content.service-popover {
                display: inline-block;
                width: calc(100% + .15rem);
                margin-right: -.15rem;
                padding-right: .15rem;
                max-height: 100%;
                overflow: auto;
            }

            .popslide .popslide-cont .content.service-popover .form form.general {
                margin: -.15rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item {
                margin: .15rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item input {
                margin: 0;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection--multiple {
                border: 1px solid #ccc;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered {
                border-radius: .05rem;
                margin: -.05rem;
                width: calc(100% + .1rem);
                padding: .18rem .3rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered input {
                border: 0;
                width: 100% !important;
                padding: 0;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered .select2-search.select2-search--inline {
                width: 100%;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered .select2-search.select2-search--inline input {
                padding-top: .08rem;
                padding-bottom: .08rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered *+.select2-search.select2-search--inline {
                width: auto;
                max-width: .8rem;
                height: 100%;
                display: inline-block;
                padding: .08rem .04rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered *+.select2-search.select2-search--inline input {
                padding-top: 0;
                padding-bottom: 0;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered li {
                margin: .05rem;
                margin-right: .1rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered .select2-selection__choice {
                background-color: #033b78;
                color: #fff;
                padding: .08rem .1rem;
                border: none;
                font-size: .12rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item .select2-selection__rendered .select2-selection__choice span {
                float: right;
                margin-right: 0;
                margin-left: .18rem;
                color: #fff;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input {
                cursor: pointer;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .input-cont {
                width: calc(50% - .15rem);
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input label {
                cursor: pointer;
                width: calc(50% - .15rem);
                font-size: .13rem;
                opacity: .3;
                font-weight: 400;
                margin-left: .3rem;
                vertical-align: middle;
                margin-top: -.15rem;
                padding-right: 13%;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .file-input-text {
                background-color: #fff;
                padding: .26rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .file-input-text span,
            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .file-input-text sub {
                font-size: .14rem;
            }

            .popslide .popslide-cont .content.service-popover .form form.general .form-item.file-input .file-input-text span {
                margin-left: .1rem;
            }

            .popslide .popslide-cont .content.service-popover .bottom {
                text-align: right;
            }

            .popslide .popslide-cont .bottom {
                margin-top: .5rem;
            }

            .popslide .popslide-cont .bottom .button {
                display: inline-block;
                vertical-align: middle;
                width: 50%;
            }

            .popslide .popslide-cont .bottom .button .w-100 {
                width: 100%;
                text-align: center;
            }

            .popslide .popslide-cont .bottom .button .w-100 span {
                padding: 0;
            }

            .popslide .popslide-cont .bottom .button.back a {
                width: .6rem;
                height: .6rem;
                text-align: center;
                padding: 0;
                border-color: #898989;
                color: #898989;
            }

            .popslide .popslide-cont form.general {
                height: 80%;
                width: calc(100% + .3rem);
                margin: 0 -.15rem;
            }

            .popslide .popslide-cont form.general .form-item {
                width: calc(100% - .3rem);
                margin: .2rem .15rem;
            }

            .popslide .popslide-cont form.general .form-item input,
            .popslide .popslide-cont form.general .form-item textarea {
                background-color: transparent;
            }

            .popslide .popslide-cont form.general .form-item label {
                background-color: #f7f7f7;
            }

            .popslide .popslide-cont form.general .col-6 {
                width: calc(50% - .3rem);
            }

            .popslide .popslide-cont form.general .bottom {
                margin-top: .25rem;
            }

            .popslide .popslide-cont form.general .bottom .button {
                margin: 0 .15rem;
            }

            .popslide .popslide-cont form.general.cart-form .bottom {
                margin-top: 1.15rem;
            }

            .popslide .popslide-cont form.general.cart-form .bottom .button {
                width: calc(50% - .3rem);
            }

            @media screen and (min-width:220px) and (max-width:1450px) {
                .sidebar .sticky {
                    display: none;
                }

                section.detail-page .wrapper .container .sidebar {
                    background-color: white;
                    min-height: 0px;
                }
            }

            .sidebar .menu-group {
                display: inline-block;
                width: 100%;
            }

            .sidebar .menu-group .header {
                display: inline-block;
                width: 100%;
                cursor: pointer;
                color: #000000;
                vertical-align: middle;
            }

            .sidebar .menu-group .header span {
                display: inline-block;
                font-size: .14rem;
                font-weight: 500;
                letter-spacing: -.014em;
                vertical-align: middle;
                padding-left: .1rem;
                width: calc(100% - .24rem);
            }

            .sidebar .menu-group .header .icon {
                display: inline-block;
                vertical-align: middle;
                width: .1rem;
                transform: rotate(0);
                transition: all .3s ease-in-out;
            }

            .sidebar .menu-group .header .icon i {
                display: inline-block;
                vertical-align: middle;
                font-size: .1rem;
                font-weight: 400;
            }

            .sidebar .menu-group .header a {
                display: inline-block;
                vertical-align: middle;
                color: #033b78;
                width: .14rem;
            }

            .sidebar .menu-group .header a i {
                display: inline-block;
                vertical-align: middle;
                font-size: .14rem;
                font-weight: 400;
            }

            .sidebar .menu-group .menu-items {
                width: 100%;
                padding-left: .3rem;
                margin-top: .11rem;
            }

            .sidebar .menu-group .menu-items li {
                display: inline-block;
                width: 100%;
                margin-top: .14rem;
            }

            .sidebar .menu-group .menu-items li a {
                display: inline-block;
                font-size: .14rem;
                font-weight: 500;
                letter-spacing: -.035em;
                color: #000;
                opacity: 1;
                position: relative;
                transition: all .3s ease-in-out;
            }

            .sidebar .menu-group .menu-items li a.active {
                opacity: 1;
                font-weight: 600;
            }

            .sidebar .menu-group.active .header .icon {
                transform: rotate(-180deg);
            }

            .sidebar .menu-group.active .menu-items {
                display: block;
            }

            .sidebar .menu-group+.menu-group {
                margin-top: .25rem;
            }

            @media screen and (min-width:1451px) and (max-width:2560px) {
                section.detail-page .wrapper .container .sidebar {
                    background-color: white;
                    min-height: 600px;
                }

                .sidebar {
                    display: inline-block;
                    width: 3.81rem;
                    vertical-align: top;
                    position: relative;
                    z-index: 2;
                }

                .sticky {
                    background-color: #f7f7f7;
                    display: inline-block;
                    width: 3.81rem;
                    padding-top: 1rem;
                    vertical-align: top;
                    padding-left: .4rem;
                    position: relative;
                    padding-bottom: .8rem;
                    z-index: 2;
                    top: 0px;
                }

                .sidebar .menu-group .header span {
                    font-size: .12rem;
                }

                .sidebar .menu-group .menu-items {
                    padding-left: .2rem;
                    margin-top: .08rem;
                }

                .sidebar .menu-group .menu-items li {
                    margin-top: .1rem;
                }

                .sidebar .menu-group .menu-items li a {
                    font-size: .12rem;
                }
            }

            .button-group {
                position: fixed;
                z-index: 4;
                right: 0;
                bottom: 0;
                width: 1.35rem;
            }

            .button-group .button-item {
                display: inline-block;
                width: 100%;
                text-align: left;
                padding: .3rem .24rem .3rem .25rem;
                position: relative;
                cursor: pointer;
            }

            .button-group .button-item img {
                position: relative;
                z-index: 2;
            }

            .button-group .button-item span {
                display: block;
                width: 100%;
                font-size: .1rem;
                font-weight: 700;
                letter-spacing: -.033em;
                color: #fff;
                margin-top: .12rem;
                position: relative;
                z-index: 2;
                text-transform: uppercase;
                word-wrap: break-word;
                overflow-wrap: break-word;
                -webkit-hyphens: auto;
                -moz-hyphens: auto;
                hyphens: auto;
            }

            .button-group .button-item .cart-count {
                position: absolute;
                left: .45rem;
                top: .25rem;
                width: .2rem;
                height: .2rem;
                text-align: center;
                background-color: rgba(0, 0, 0, .18);
                border-radius: 50%;
                margin: 0;
                font-size: .11rem;
                line-height: .2rem;
            }

            .button-group .button-item:before {
                content: "";
                position: absolute;
                left: 100%;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, .18);
                z-index: 1;
                transition: all .2s ease-in-out;
            }

            .button-group .button-item:hover:before {
                left: 0;
            }

            .button-group .file-btn {
                background-color: #424548;
            }

            .button-group .wishlist-btn {
                background-color: #041e42;
            }

            .button-group .product-btn {
                height: 2rem;
            }

            .button-group .popslide-btn {
                background-color: #033b78;
            }

            .button-group .popslide-btn span {
                margin-top: .24rem;
            }

            .button-group .popslide-btn .arrow {
                position: absolute;
                left: .3rem;
                bottom: .3rem;
                width: .14rem;
                height: .14rem;
            }

            .button-group .notify {
                position: absolute;
                background-color: #fff;
                width: 3.6rem;
                padding: .4rem .6rem .4rem .4rem;
                bottom: 1.2rem;
                right: 1.6rem;
                box-shadow: 0 .03rem .36rem rgba(0, 0, 0, .16);
                -webkit-box-shadow: 0 .03rem .36rem rgba(0, 0, 0, .16);
                -moz-box-shadow: 0 .03rem .36rem rgba(0, 0, 0, .16);
                -ms-box-shadow: 0 .03rem .36rem rgba(0, 0, 0, .16);
                -o-box-shadow: 0 .03rem .36rem rgba(0, 0, 0, .16);
                border-radius: .1rem;
                -webkit-border-radius: .1rem;
                -moz-border-radius: .1rem;
                -ms-border-radius: .1rem;
                -o-border-radius: .1rem;
                transition: all .1s ease-in-out;
                transform: translate3d(-.6rem, 0, 0);
                z-index: -1;
                visibility: hidden;
                opacity: 0;
            }

            .button-group .notify.cart-notify {
                bottom: .4rem;
                width: 3.8rem;
            }

            .button-group .notify.active {
                visibility: visible;
                z-index: 2;
                margin-left: 0;
                opacity: 1;
                transform: translate3d(0, 0, 0);
                transition: all .3s ease-in-out;
            }

            .button-group .notify:before {
                content: "";
                position: absolute;
                right: -.1rem;
                top: .4rem;
                width: 0;
                height: 0;
                border-top: .1rem solid transparent;
                border-bottom: .1rem solid transparent;
                border-left: .1rem solid #fff;
            }

            .button-group .notify img {
                display: inline-block;
                width: .3rem;
            }

            .button-group .notify .title {
                display: inline-block;
                width: 100%;
                font-size: .18rem;
                font-weight: 500;
                color: #041e42;
                margin-top: .13rem;
            }

            .button-group .notify .text {
                display: inline-block;
                width: 100%;
                font-size: .13rem;
                font-weight: 400;
                color: #7a7a7a;
            }

            .button-group .notify *+.text {
                margin-top: .13rem;
            }

            .popup-wrapper {
                display: none;
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                text-align: center;
                background-color: rgba(0, 0, 0, .6);
                z-index: 20;
                overflow: auto;
            }

            .popup-wrapper:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 0;
                height: 100%;
            }

            .popup-wrapper .popup-container {
                display: inline-block;
                vertical-align: middle;
                width: 11.2rem;
                max-width: 100%;
                text-align: center;
                background-color: #fff;
                border-radius: .1rem;
                -webkit-border-radius: .1rem;
                -moz-border-radius: .1rem;
                -ms-border-radius: .1rem;
                -o-border-radius: .1rem;
            }

            .popup-wrapper .popup-container .content {
                display: inline-block;
                width: 100%;
                position: relative;
                height: 6.65rem;
                overflow: hidden;
            }

            .popup-wrapper .popup-container .content .video {
                width: 100%;
                height: 100%;
            }

            .popup-wrapper .popup-container .content .video iframe {
                width: 100%;
                height: 100%;
            }

            .popup-wrapper .popup-container .content .title {
                font-size: .3rem;
                font-weight: 600;
                line-height: 1.2em;
                color: #033b78;
                margin-top: .26rem;
            }

            .popup-wrapper .popup-container .content .text {
                font-size: .12rem;
                font-weight: 400;
                color: #000;
                opacity: .6;
                margin-top: .12rem;
            }

            .popup-wrapper .popup-container .content>.btn-close {
                cursor: pointer;
                position: absolute;
                top: .4rem;
                right: .4rem;
                width: .6rem;
                height: .6rem;
                border: 1px solid #033b78;
                border-radius: .04rem;
                text-align: center;
            }

            .popup-wrapper .popup-container .content>.btn-close svg {
                width: .14rem;
            }

            .popup-wrapper .popup-container .content>.btn-close svg path {
                stroke: #033b78;
            }

            .popup-wrapper .popup-container.form-popup {
                width: 6.56rem;
                text-align: left;
            }

            .popup-wrapper .popup-container.form-popup .content {
                height: auto;
                padding: .8rem;
            }

            .popup-wrapper .popup-container.form-popup .content .popup-icon {
                display: block;
            }

            .popup-wrapper .popup-container.form-popup .content .error {
                display: none;
            }

            .popup-wrapper .popup-container>.btn-close {
                position: absolute;
                top: 5.96%;
                right: 7.76%;
                width: .7rem;
                height: .7rem;
                cursor: pointer;
                z-index: 2;
                background-color: #033b78;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
            }

            .popup-wrapper .popup-container>.btn-close svg {
                width: .14rem;
                height: .14rem;
                fill: white;
            }

            .lb-loader {
                position: fixed;
                top: 50% !important;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

            .lightboxOverlay {
                width: 100% !important;
            }

            .lightbox {
                position: fixed;
                top: 50% !important;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
            }

            .lightbox .lb-outerContainer {
                z-index: 1;
            }

            .lightbox .lb-dataContainer {
                padding-top: 0;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                z-index: 2;
            }

            .lightbox .lb-dataContainer .lb-details {
                display: none;
            }

            .lightbox .lb-image {
                border: none;
            }

            .lightbox .lb-close {
                width: .6rem;
                height: .6rem;
                background: url(icons/close.svg);
                background-size: .15rem;
                background-repeat: no-repeat;
                background-position: center;
                filter: none;
                opacity: 1;
                background-color: #033b78;
                border-radius: 50%;
                margin: -.3rem;
            }

            #preloader {
                width: 100%;
                height: 100%;
                top: 0;
                position: fixed;
                z-index: 99999;
                background: rgba(0, 0, 0, .4);
                transition: all .5s ease;
                opacity: 0;
                z-index: -1;
            }

            .preloader {
                width: 100%;
                height: 100%;
                top: 0;
                position: fixed;
                z-index: 99999;
                background: rgba(0, 0, 0, .4);
                transition: all .5s ease;
                opacity: 0;
                z-index: -1;
            }

            .preloader.loading {
                opacity: 1;
                z-index: 99999;
            }

            .preloader .lds-ripple {
                display: inline-block;
                position: relative;
                width: 64px;
                height: 64px;
                position: absolute;
                top: calc(50% - 3.5px);
                left: calc(50% - 3.5px);
            }

            .preloader .lds-ripple .lds-pos {
                position: absolute;
                border: 2px solid #fff;
                opacity: 1;
                border-radius: 50%;
                -webkit-animation: lds-ripple 1s cubic-bezier(0, .1, .5, 1) infinite;
                animation: lds-ripple 1s cubic-bezier(0, .1, .5, 1) infinite;
            }

            .preloader .lds-ripple .lds-pos:nth-child(2) {
                -webkit-animation-delay: -.5s;
                animation-delay: -.5s;
            }

            @-webkit-keyframes lds-ripple {
                0% {
                    top: 28px;
                    left: 28px;
                    width: 0;
                    height: 0;
                    opacity: 0;
                }

                5% {
                    top: 28px;
                    left: 28px;
                    width: 0;
                    height: 0;
                    opacity: 1;
                }

                to {
                    top: -1px;
                    left: -1px;
                    width: 58px;
                    height: 58px;
                    opacity: 0;
                }
            }

            @keyframes lds-ripple {
                0% {
                    top: 28px;
                    left: 28px;
                    width: 0;
                    height: 0;
                    opacity: 0;
                }

                5% {
                    top: 28px;
                    left: 28px;
                    width: 0;
                    height: 0;
                    opacity: 1;
                }

                to {
                    top: -1px;
                    left: -1px;
                    width: 58px;
                    height: 58px;
                    opacity: 0;
                }
            }

            .gm-style .gm-style-iw-c {
                border-radius: .03rem;
                font-family: "Montserrat", sans-serif;
            }

            .gm-style .gm-style-iw-c .gm-style-iw-d {
                padding: 5px;
                max-width: 4rem;
            }

            .gm-style .gm-style-iw-c .gm-style-iw-d span {
                font-size: .16rem;
                color: #383838;
            }

            .gm-style .gm-style-iw-c .gm-style-iw-d a {
                color: #383838;
                display: block;
                margin-top: .1rem;
                margin-bottom: .05rem;
                font-weight: 600;
            }

            .gm-style .gm-style-iw-c .gm-ui-hover-effect {
                top: 0 !important;
                right: 0 !important;
            }

            *[data-popup-trigger] {
                cursor: pointer;
            }

            /******************Ugi ekledi********************/

            .col-xs-1,
            .col-sm-1,
            .col-md-1,
            .col-lg-1,
            .col-xs-2,
            .col-sm-2,
            .col-md-2,
            .col-lg-2,
            .col-xs-3,
            .col-sm-3,
            .col-md-3,
            .col-lg-3,
            .col-xs-4,
            .col-sm-4,
            .col-md-4,
            .col-lg-4,
            .col-xs-5,
            .col-sm-5,
            .col-md-5,
            .col-lg-5,
            .col-xs-6,
            .col-sm-6,
            .col-md-6,
            .col-lg-6,
            .col-xs-7,
            .col-sm-7,
            .col-md-7,
            .col-lg-7,
            .col-xs-8,
            .col-sm-8,
            .col-md-8,
            .col-lg-8,
            .col-xs-9,
            .col-sm-9,
            .col-md-9,
            .col-lg-9,
            .col-xs-10,
            .col-sm-10,
            .col-md-10,
            .col-lg-10,
            .col-xs-11,
            .col-sm-11,
            .col-md-11,
            .col-lg-11,
            .col-xs-12,
            .col-sm-12,
            .col-md-12,
            .col-lg-12 {
                position: relative;
                min-height: 1px;
                padding-right: 15px;
                padding-left: 15px;
            }

            .col-xs-1,
            .col-xs-2,
            .col-xs-3,
            .col-xs-4,
            .col-xs-5,
            .col-xs-6,
            .col-xs-7,
            .col-xs-8,
            .col-xs-9,
            .col-xs-10,
            .col-xs-11,
            .col-xs-12 {
                float: left;
            }

            .col-xs-12 {
                width: 100%;
            }

            .col-xs-11 {
                width: 91.66666667%;
            }

            .col-xs-10 {
                width: 83.33333333%;
            }

            .col-xs-9 {
                width: 75%;
            }

            .col-xs-8 {
                width: 66.66666667%;
            }

            .col-xs-7 {
                width: 58.33333333%;
            }

            .col-xs-6 {
                width: 50%;
            }

            .col-xs-5 {
                width: 41.66666667%;
            }

            .col-xs-4 {
                width: 33.33333333%;
            }

            .col-xs-3 {
                width: 25%;
            }

            .col-xs-2 {
                width: 16.66666667%;
            }

            .col-xs-1 {
                width: 8.33333333%;
            }

            .col-xs-pull-12 {
                right: 100%;
            }

            .col-xs-pull-11 {
                right: 91.66666667%;
            }

            .col-xs-pull-10 {
                right: 83.33333333%;
            }

            .col-xs-pull-9 {
                right: 75%;
            }

            .col-xs-pull-8 {
                right: 66.66666667%;
            }

            .col-xs-pull-7 {
                right: 58.33333333%;
            }

            .col-xs-pull-6 {
                right: 50%;
            }

            .col-xs-pull-5 {
                right: 41.66666667%;
            }

            .col-xs-pull-4 {
                right: 33.33333333%;
            }

            .col-xs-pull-3 {
                right: 25%;
            }

            .col-xs-pull-2 {
                right: 16.66666667%;
            }

            .col-xs-pull-1 {
                right: 8.33333333%;
            }

            .col-xs-pull-0 {
                right: auto;
            }

            .col-xs-push-12 {
                left: 100%;
            }

            .col-xs-push-11 {
                left: 91.66666667%;
            }

            .col-xs-push-10 {
                left: 83.33333333%;
            }

            .col-xs-push-9 {
                left: 75%;
            }

            .col-xs-push-8 {
                left: 66.66666667%;
            }

            .col-xs-push-7 {
                left: 58.33333333%;
            }

            .col-xs-push-6 {
                left: 50%;
            }

            .col-xs-push-5 {
                left: 41.66666667%;
            }

            .col-xs-push-4 {
                left: 33.33333333%;
            }

            .col-xs-push-3 {
                left: 25%;
            }

            .col-xs-push-2 {
                left: 16.66666667%;
            }

            .col-xs-push-1 {
                left: 8.33333333%;
            }

            .col-xs-push-0 {
                left: auto;
            }

            .col-xs-offset-12 {
                margin-left: 100%;
            }

            .col-xs-offset-11 {
                margin-left: 91.66666667%;
            }

            .col-xs-offset-10 {
                margin-left: 83.33333333%;
            }

            .col-xs-offset-9 {
                margin-left: 75%;
            }

            .col-xs-offset-8 {
                margin-left: 66.66666667%;
            }

            .col-xs-offset-7 {
                margin-left: 58.33333333%;
            }

            .col-xs-offset-6 {
                margin-left: 50%;
            }

            .col-xs-offset-5 {
                margin-left: 41.66666667%;
            }

            .col-xs-offset-4 {
                margin-left: 33.33333333%;
            }

            .col-xs-offset-3 {
                margin-left: 25%;
            }

            .col-xs-offset-2 {
                margin-left: 16.66666667%;
            }

            .col-xs-offset-1 {
                margin-left: 8.33333333%;
            }

            .col-xs-offset-0 {
                margin-left: 0%;
            }

            @media (min-width: 768px) {

                .col-sm-1,
                .col-sm-2,
                .col-sm-3,
                .col-sm-4,
                .col-sm-5,
                .col-sm-6,
                .col-sm-7,
                .col-sm-8,
                .col-sm-9,
                .col-sm-10,
                .col-sm-11,
                .col-sm-12 {
                    float: left;
                }

                .col-sm-12 {
                    width: 100%;
                }

                .col-sm-11 {
                    width: 91.66666667%;
                }

                .col-sm-10 {
                    width: 83.33333333%;
                }

                .col-sm-9 {
                    width: 75%;
                }

                .col-sm-8 {
                    width: 66.66666667%;
                }

                .col-sm-7 {
                    width: 58.33333333%;
                }

                .col-sm-6 {
                    width: 50%;
                }

                .col-sm-5 {
                    width: 41.66666667%;
                }

                .col-sm-4 {
                    width: 33.33333333%;
                }

                .col-sm-3 {
                    width: 25%;
                }

                .col-sm-2 {
                    width: 16.66666667%;
                }

                .col-sm-1 {
                    width: 8.33333333%;
                }

                .col-sm-pull-12 {
                    right: 100%;
                }

                .col-sm-pull-11 {
                    right: 91.66666667%;
                }

                .col-sm-pull-10 {
                    right: 83.33333333%;
                }

                .col-sm-pull-9 {
                    right: 75%;
                }

                .col-sm-pull-8 {
                    right: 66.66666667%;
                }

                .col-sm-pull-7 {
                    right: 58.33333333%;
                }

                .col-sm-pull-6 {
                    right: 50%;
                }

                .col-sm-pull-5 {
                    right: 41.66666667%;
                }

                .col-sm-pull-4 {
                    right: 33.33333333%;
                }

                .col-sm-pull-3 {
                    right: 25%;
                }

                .col-sm-pull-2 {
                    right: 16.66666667%;
                }

                .col-sm-pull-1 {
                    right: 8.33333333%;
                }

                .col-sm-pull-0 {
                    right: auto;
                }

                .col-sm-push-12 {
                    left: 100%;
                }

                .col-sm-push-11 {
                    left: 91.66666667%;
                }

                .col-sm-push-10 {
                    left: 83.33333333%;
                }

                .col-sm-push-9 {
                    left: 75%;
                }

                .col-sm-push-8 {
                    left: 66.66666667%;
                }

                .col-sm-push-7 {
                    left: 58.33333333%;
                }

                .col-sm-push-6 {
                    left: 50%;
                }

                .col-sm-push-5 {
                    left: 41.66666667%;
                }

                .col-sm-push-4 {
                    left: 33.33333333%;
                }

                .col-sm-push-3 {
                    left: 25%;
                }

                .col-sm-push-2 {
                    left: 16.66666667%;
                }

                .col-sm-push-1 {
                    left: 8.33333333%;
                }

                .col-sm-push-0 {
                    left: auto;
                }

                .col-sm-offset-12 {
                    margin-left: 100%;
                }

                .col-sm-offset-11 {
                    margin-left: 91.66666667%;
                }

                .col-sm-offset-10 {
                    margin-left: 83.33333333%;
                }

                .col-sm-offset-9 {
                    margin-left: 75%;
                }

                .col-sm-offset-8 {
                    margin-left: 66.66666667%;
                }

                .col-sm-offset-7 {
                    margin-left: 58.33333333%;
                }

                .col-sm-offset-6 {
                    margin-left: 50%;
                }

                .col-sm-offset-5 {
                    margin-left: 41.66666667%;
                }

                .col-sm-offset-4 {
                    margin-left: 33.33333333%;
                }

                .col-sm-offset-3 {
                    margin-left: 25%;
                }

                .col-sm-offset-2 {
                    margin-left: 16.66666667%;
                }

                .col-sm-offset-1 {
                    margin-left: 8.33333333%;
                }

                .col-sm-offset-0 {
                    margin-left: 0%;
                }
            }

            @media (min-width: 992px) {

                .col-md-1,
                .col-md-2,
                .col-md-3,
                .col-md-4,
                .col-md-5,
                .col-md-6,
                .col-md-7,
                .col-md-8,
                .col-md-9,
                .col-md-10,
                .col-md-11,
                .col-md-12 {
                    float: left;
                }

                .col-md-12 {
                    width: 100%;
                }

                .col-md-11 {
                    width: 91.66666667%;
                }

                .col-md-10 {
                    width: 83.33333333%;
                }

                .col-md-9 {
                    width: 75%;
                }

                .col-md-8 {
                    width: 66.66666667%;
                }

                .col-md-7 {
                    width: 58.33333333%;
                }

                .col-md-6 {
                    width: 50%;
                }

                .col-md-5 {
                    width: 41.66666667%;
                }

                .col-md-4 {
                    width: 33.33333333%;
                }

                .col-md-3 {
                    width: 25%;
                }

                .col-md-2 {
                    width: 16.66666667%;
                }

                .col-md-1 {
                    width: 8.33333333%;
                }

                .col-md-pull-12 {
                    right: 100%;
                }

                .col-md-pull-11 {
                    right: 91.66666667%;
                }

                .col-md-pull-10 {
                    right: 83.33333333%;
                }

                .col-md-pull-9 {
                    right: 75%;
                }

                .col-md-pull-8 {
                    right: 66.66666667%;
                }

                .col-md-pull-7 {
                    right: 58.33333333%;
                }

                .col-md-pull-6 {
                    right: 50%;
                }

                .col-md-pull-5 {
                    right: 41.66666667%;
                }

                .col-md-pull-4 {
                    right: 33.33333333%;
                }

                .col-md-pull-3 {
                    right: 25%;
                }

                .col-md-pull-2 {
                    right: 16.66666667%;
                }

                .col-md-pull-1 {
                    right: 8.33333333%;
                }

                .col-md-pull-0 {
                    right: auto;
                }

                .col-md-push-12 {
                    left: 100%;
                }

                .col-md-push-11 {
                    left: 91.66666667%;
                }

                .col-md-push-10 {
                    left: 83.33333333%;
                }

                .col-md-push-9 {
                    left: 75%;
                }

                .col-md-push-8 {
                    left: 66.66666667%;
                }

                .col-md-push-7 {
                    left: 58.33333333%;
                }

                .col-md-push-6 {
                    left: 50%;
                }

                .col-md-push-5 {
                    left: 41.66666667%;
                }

                .col-md-push-4 {
                    left: 33.33333333%;
                }

                .col-md-push-3 {
                    left: 25%;
                }

                .col-md-push-2 {
                    left: 16.66666667%;
                }

                .col-md-push-1 {
                    left: 8.33333333%;
                }

                .col-md-push-0 {
                    left: auto;
                }

                .col-md-offset-12 {
                    margin-left: 100%;
                }

                .col-md-offset-11 {
                    margin-left: 91.66666667%;
                }

                .col-md-offset-10 {
                    margin-left: 83.33333333%;
                }

                .col-md-offset-9 {
                    margin-left: 75%;
                }

                .col-md-offset-8 {
                    margin-left: 66.66666667%;
                }

                .col-md-offset-7 {
                    margin-left: 58.33333333%;
                }

                .col-md-offset-6 {
                    margin-left: 50%;
                }

                .col-md-offset-5 {
                    margin-left: 41.66666667%;
                }

                .col-md-offset-4 {
                    margin-left: 33.33333333%;
                }

                .col-md-offset-3 {
                    margin-left: 25%;
                }

                .col-md-offset-2 {
                    margin-left: 16.66666667%;
                }

                .col-md-offset-1 {
                    margin-left: 8.33333333%;
                }

                .col-md-offset-0 {
                    margin-left: 0%;
                }
            }

            @media (min-width: 1200px) {

                .col-lg-1,
                .col-lg-2,
                .col-lg-3,
                .col-lg-4,
                .col-lg-5,
                .col-lg-6,
                .col-lg-7,
                .col-lg-8,
                .col-lg-9,
                .col-lg-10,
                .col-lg-11,
                .col-lg-12 {
                    float: left;
                }

                .col-lg-12 {
                    width: 100%;
                }

                .col-lg-11 {
                    width: 91.66666667%;
                }

                .col-lg-10 {
                    width: 83.33333333%;
                }

                .col-lg-9 {
                    width: 75%;
                }

                .col-lg-8 {
                    width: 66.66666667%;
                }

                .col-lg-7 {
                    width: 58.33333333%;
                }

                .col-lg-6 {
                    width: 50%;
                }

                .col-lg-5 {
                    width: 41.66666667%;
                }

                .col-lg-4 {
                    width: 33.33333333%;
                }

                .col-lg-3 {
                    width: 25%;
                }

                .col-lg-2 {
                    width: 16.66666667%;
                }

                .col-lg-1 {
                    width: 8.33333333%;
                }

                .col-lg-pull-12 {
                    right: 100%;
                }

                .col-lg-pull-11 {
                    right: 91.66666667%;
                }

                .col-lg-pull-10 {
                    right: 83.33333333%;
                }

                .col-lg-pull-9 {
                    right: 75%;
                }

                .col-lg-pull-8 {
                    right: 66.66666667%;
                }

                .col-lg-pull-7 {
                    right: 58.33333333%;
                }

                .col-lg-pull-6 {
                    right: 50%;
                }

                .col-lg-pull-5 {
                    right: 41.66666667%;
                }

                .col-lg-pull-4 {
                    right: 33.33333333%;
                }

                .col-lg-pull-3 {
                    right: 25%;
                }

                .col-lg-pull-2 {
                    right: 16.66666667%;
                }

                .col-lg-pull-1 {
                    right: 8.33333333%;
                }

                .col-lg-pull-0 {
                    right: auto;
                }

                .col-lg-push-12 {
                    left: 100%;
                }

                .col-lg-push-11 {
                    left: 91.66666667%;
                }

                .col-lg-push-10 {
                    left: 83.33333333%;
                }

                .col-lg-push-9 {
                    left: 75%;
                }

                .col-lg-push-8 {
                    left: 66.66666667%;
                }

                .col-lg-push-7 {
                    left: 58.33333333%;
                }

                .col-lg-push-6 {
                    left: 50%;
                }

                .col-lg-push-5 {
                    left: 41.66666667%;
                }

                .col-lg-push-4 {
                    left: 33.33333333%;
                }

                .col-lg-push-3 {
                    left: 25%;
                }

                .col-lg-push-2 {
                    left: 16.66666667%;
                }

                .col-lg-push-1 {
                    left: 8.33333333%;
                }

                .col-lg-push-0 {
                    left: auto;
                }

                .col-lg-offset-12 {
                    margin-left: 100%;
                }

                .col-lg-offset-11 {
                    margin-left: 91.66666667%;
                }

                .col-lg-offset-10 {
                    margin-left: 83.33333333%;
                }

                .col-lg-offset-9 {
                    margin-left: 75%;
                }

                .col-lg-offset-8 {
                    margin-left: 66.66666667%;
                }

                .col-lg-offset-7 {
                    margin-left: 58.33333333%;
                }

                .col-lg-offset-6 {
                    margin-left: 50%;
                }

                .col-lg-offset-5 {
                    margin-left: 41.66666667%;
                }

                .col-lg-offset-4 {
                    margin-left: 33.33333333%;
                }

                .col-lg-offset-3 {
                    margin-left: 25%;
                }

                .col-lg-offset-2 {
                    margin-left: 16.66666667%;
                }

                .col-lg-offset-1 {
                    margin-left: 8.33333333%;
                }

                .col-lg-offset-0 {
                    margin-left: 0%;
                }
            }

            /***Ugi ekledi referanslar**/

            .ep_portfolio_sc_title h2 {
                font-weight: 600;
                font-size: 36px;
                position: relative;
                line-height: 36px;
                padding-bottom: 15px;
            }

            .ep_portfolio_sc_title h2:after {
                background: #a7d978;
                position: absolute;
                left: 50%;
                width: 60px;
                height: 4px;
                content: "";
                bottom: 0;
                margin-left: -50px;
                border-radius: 4px;
            }

            .ep_portfolio_sc_title {
                text-align: center;
                margin-bottom: 30px;
            }

            section.ep_mas_portfolio_style_one,
            section.ep_mas_portfolio_style_two,
            section.ep_mas_portfolio_style_three,
            .ep_mas_portfolio_style_four {
                margin: 60px 0;
            }

            .m_b_30 {
                margin-bottom: 30px;
            }

            .ep_portfolio_content {
                left: 0;
                padding: 30px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 50%;
                transform: translateY(-50%);
                transition: .3s;
                visibility: hidden;
                opacity: 0;
                z-index: 9;
            }

            .ep_single_portfolio:hover .ep_portfolio_content {
                visibility: visible;
                opacity: 1;
            }

            .ep_portfolio_thumb {
                position: relative;
                overflow: hidden;
            }

            .ep_portfolio_thumb:before {
                background: #121212;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                content: "";
                z-index: 1;
                transition: all 0.3s ease 0s;
                opacity: 0;
                visibility: hidden;
            }

            .ep_single_portfolio:hover .ep_portfolio_thumb:before {
                opacity: .9;
                visibility: visible;
            }

            .ep_portfolio_thumb img {
                width: 100%;
                transition: .3s;
            }

            .ep_single_portfolio:hover .ep_portfolio_thumb img {
                transform: scale(1.2);
            }

            .ep_portfolio_content h4 {
                margin-bottom: 6px;
            }

            .ep_portfolio_content h4 a {
                text-decoration: none;
                color: #fff;
                font-size: 26px;
                letter-spacing: 0;
                font-weight: 500;
                margin-top: 0;
                margin-bottom: 8px;
                display: block;
                line-height: 26px;
            }

            .ep_portfolio_content span {
                color: #ddd;
                font-weight: 500;
                letter-spacing: 0;
                text-transform: capitalize;
                font-size: 16px;
            }

            .ep_portfolio_content a i.fa {
                display: block;
                color: #fff;
                font-size: 26px;
                margin-top: 12px;
            }

            .ep_portfolio_content a {
                text-decoration: none;
            }

            .ep_portfolio_content h4 span {
                margin-bottom: 0;
            }

            .portfolio-filter-style-one a {
                text-decoration: none;
                font-size: 16px;
                display: inline-block;
                padding-right: 15px;
                color: #333;
                margin-right: 10px;
                text-transform: uppercase;
                font-weight: 500;
            }

            .portfolio-filter-style-one {
                margin-bottom: 15px;
                text-align: left;
            }

            .portfolio-filter-style-one a {
                position: relative;
            }

            .portfolio-filter-style-one a:hover {
                color: #dc3545;
            }

            .portfolio-filter-style-one a.current {
                color: #dc3545;
            }

            .portfolio-filter-style-two {
                text-align: center;
                margin-bottom: 30px;
            }

            .portfolio-filter-style-two a {
                font-size: 16px;
                font-weight: 500;
                text-transform: uppercase;
                color: #333;
                text-decoration: none;
                margin: 0 15px;
                position: relative;
                margin-left: 0;
                transition: all 0.3s ease 0s;
            }

            .portfolio-filter-style-two a:hover {
                color: #dc3545;
            }

            .portfolio-filter-style-two a:after {
                background: #dc3545;
                width: 20px;
                left: 0;
                bottom: -3px;
                height: 2px;
                content: "";
                position: absolute;
                right: 0;
                transition: all 0.3s ease 0s;
                opacity: 0;
            }

            .portfolio-filter-style-two a.current:after {
                opacity: 1;
            }

            .portfolio-filter-style-three {
                text-align: center;
            }

            .portfolio-filter-style-three a {
                text-decoration: none;
                text-transform: uppercase;
                color: #28a745;
                font-weight: 500;
                background: transparent;
                display: inline-block;
                text-align: center;
                padding: 10px 15px;
                border: 2px solid #28a745;
                margin: 0 5px;
                transition: .3s;
                border-radius: 4px;
            }

            .portfolio-filter-style-three a.current,
            .portfolio-filter-style-three a:hover {
                background: #28a745;
                color: #fff;
            }

            .portfolio-filter-style-three {
                margin-bottom: 30px;
            }

            .portfolio-filter-style-four {
                text-align: center;
            }

            .portfolio-filter-style-four a {
                text-decoration: none;
                /* text-transform: uppercase; */
                font-size: 14px;
                font-weight: 500;
                color: #222;
                border: 2px solid #444;
                padding: 5px 10px;
                display: inline-block;
                background: transparent;
                transition: .3s;
                margin: 0 5px;
            }

            .portfolio-filter-style-four {
                margin-bottom: 15px;
            }

            .portfolio-filter-style-four a.current,
            .portfolio-filter-style-four a:hover {
                background: #444;
                color: #fff;
            }

            .ep_portfolio_thumb_f_one {
                position: relative;
                overflow: hidden;
            }

            .overley_flat {
                /* background: #e31f2b; */
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                content: "";
                transition: all 0.3s ease 0s;
                opacity: 0;
                visibility: hidden;
            }

            .ep_portfolio_flat_style_one:hover .overley_flat {
                transform: scale(0.5);
                opacity: .3;
                visibility: visible;
            }

            .ep_portfolio_thumb_f_one img {
                transition: all 0.3s ease 0s;
                transform: scale(1);
            }

            .ep_portfolio_flat_style_one:hover .ep_portfolio_thumb_f_one img {
                transform: scale(1.05);
            }

            .ep_flat_portfolio_details {
                /* position: absolute;
    width: 110%; */
                bottom: 0px;
                text-align: center;
                opacity: 1;
                z-index: 9;
            }

            .ep_flat_portfolio_details2 {
                /* position: absolute;
    width: 110%; */
                bottom: 0px;
                text-align: left;
                opacity: 1;
                z-index: 9;
            }

            .ep_flat_portfolio_details h3 {
                color: #000000;
                text-transform: capitalize;
                font-weight: 500;
                font-size: 26px;
                margin-bottom: 8px;
            }

            .ep_flat_portfolio_details2 h3 {
                color: #000000;
                text-transform: capitalize;
                font-weight: 500;
                font-size: 26px;
                margin-bottom: 8px;
            }

            .ep_flat_portfolio_details span {
                color: #000000;
                text-transform: capitalize;
                font-size: 16px;
                font-weight: 500;
            }

            .ep_flat_portfolio_details2 span {
                color: #000000;
                text-transform: capitalize;
                font-size: 16px;
                font-weight: 500;
            }

            .page-loader {
                background: #fff;
                position: fixed;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                z-index: 999;
            }

            .loader {
                background: #666;
                position: absolute;
                display: inline-block;
                height: 40px;
                width: 40px;
                left: 50%;
                top: 50%;
                margin: -20px 0 0 -20px;
                text-indent: -9999em;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                border-radius: 100%;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
                animation: ball-scale 1s 0s ease-in-out infinite;
            }

            @-webkit-keyframes ball-scale {
                0% {
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    -ms-transform: scale(0);
                    -o-transform: scale(0);
                    transform: scale(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    transform: scale(1);
                }
            }

            @keyframes ball-scale {
                0% {
                    -webkit-transform: scale(0);
                    -moz-transform: scale(0);
                    -ms-transform: scale(0);
                    -o-transform: scale(0);
                    transform: scale(0);
                }

                100% {
                    opacity: 0;
                    -webkit-transform: scale(1);
                    -moz-transform: scale(1);
                    -ms-transform: scale(1);
                    -o-transform: scale(1);
                    transform: scale(1);
                }
            }

            .contact-btn {
                display: block;
                background: #033b78;
                width: 60px;
                height: 200px;
                position: fixed;
                top: 35%;
                right: 0px;
                z-index: 99;
                cursor: pointer;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }

            .contact-btn-de {
                display: block;
                background: #033b78;
                width: 60px;
                height: 310px;
                position: fixed;
                top: 35%;
                right: 0px;
                z-index: 99;
                cursor: pointer;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }

            .contact-btn.show {
                right: 360px;
            }

            .contact-btn-de.show {
                right: 360px;
            }

            .contact-btn svg {
                width: 50%;
                height: 50%;
                display: block;
                margin: 25%;
                stroke: #fff;
            }

            .contact-area {
                display: block;
                position: fixed;
                top: 27%;
                background: #425164;
                padding: 10px;
                right: -388px;
                z-index: 99;
                visibility: hidden;
                -webkit-transition-duration: .5s;
                -o-transition-duration: .5s;
                transition-duration: .5s;
            }

            .contact-area h5 {
                font-size: 20px;
                color: #fff;
                text-align: center;
                margin-bottom: 20px;
            }

            .contact-area.show {
                right: 0px;
                visibility: visible;
            }

            .contact-area input {
                display: block;
                border: 0;
                background-color: rgb(0 0 0 / 25%);
                width: 340px;
                height: 47px;
                outline: 0;
                text-decoration: none;
                text-transform: none;
                color: #fff;
                line-height: 23px;
                letter-spacing: normal;
                text-shadow: none;
                text-indent: 20px;
                padding-bottom: 0;
                text-align: left;
                padding: 4px;
                margin-bottom: 10px;
            }

            .contact-area input[type=submit] {
                background: #033b78;
                color: #fff;
                text-align: center;
            }

            .contact-area textarea {
                resize: none;
                margin-top: 10px;
                display: block;
                border: 0;
                background-color: rgb(0 0 0 / 25%);
                width: 340px;
                height: 100px;
                outline: 0;
                text-decoration: none;
                text-transform: none;
                color: #fff;
                line-height: 23px;
                letter-spacing: normal;
                text-shadow: none;
                text-indent: 20px;
                padding-bottom: 0;
                text-align: left;
                padding: 4px;
                margin-bottom: 10px;
            }

            .contact-area a {
                font-size: 20px;
                font-weight: 500;
                text-decoration: none;
                text-transform: none;
                color: #fff;
                line-height: 23px;
                letter-spacing: normal;
                text-shadow: none;
                text-indent: 0;
                text-align: center;
                border: 0;
                background-color: #000;
                padding-top: 17px;
                padding-bottom: 17px;
                padding-left: 0;
                padding-right: 0;
                display: block;
            }

            .contact-area a:hover {
                background: #F6B100;
                color: #000;
            }

            span.verticalwriting {
                writing-mode: tb-rl;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(180deg);
                white-space: nowrap;
                margin: 25px 0px 0px 20px;
                display: inline-block;
                font-size: 25px;
                color: #fff;
                z-index: 99;
            }

            .dspgrid {
                display: inline-flex;
                margin-top: 30px;
                padding-bottom: 50px;
            }

            .leftbx {
                width: 50%;
                margin-left: 30px;
                align-self: center;
                display: inline-block;
            }

            .yüzdeyüz {
                display: inline-flex;
                width: 100%;
                margin-top: 30px;
            }

            .rightbx {
                width: 50%;
                margin-right: 30px;
                align-self: center;
                display: inline-block;
            }

            .col-6 p.text {
                padding-right: 15px;
            }

            .clearfix::after {
                content: "";
                clear: both;
                display: table;
            }

            section.home-news div.title .nav {
                position: absolute;
                right: 0;
                top: 50% !important;
                transform: translateY(-150%);
            }

            .title .general {
                font-size: .24rem;
                line-height: 1.208em;
                letter-spacing: -.012rem;
                font-weight: 500;
            }

            .m-1 {
                margin: 10px !important;
            }

            .p-1 {
                padding: 10px !important;
            }

            .rigthimg {
                display: block !important;
                margin: auto;
            }

            .mb-15 {
                margin-bottom: 15px;
            }

            @media screen and (max-width:768px) {
                .map iframe {
                    height: 250px !important;
                }
            }

            .mrnbt {
                margin-bottom: 150px;
            }