@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,600;0,700;1,300;1,700&display=swap');
@font-face {
    font-family: 'din bold';
    src: url('../fonts/din-condbold-webfont.eot');
    src: url('../fonts/din-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-condbold-webfont.woff2') format('woff2'),
         url('../fonts/din-condbold-webfont.woff') format('woff'),
         url('../fonts/din-condbold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din regular';
    src: url('../fonts/din-condregular-webfont.eot');
    src: url('../fonts/din-condregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-condregular-webfont.woff2') format('woff2'),
         url('../fonts/din-condregular-webfont.woff') format('woff'),
         url('../fonts/din-condregular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
:root {
    --glassblue:#3E5A84;
    --glassblue-2:#3A5276;
    --glasstextcolor:#2B2B2B;
    --glassgold:#9A884A;
    --glassgrey:#F1F2F6;
    --glassgreydark:#707070;
    --white:#FFFFFF;
    --black:#000000;
    --fontmont:"Montserrat",sans-serif;
    --fontsource: "Source Sans Pro",sans-serif;
    --fontdinbold: "din bold",sans-serif;
    --fontdinregular: "din regular",sans-serif;

}

:root {
    --primary: #3E5A84;
    --blue1: #3E5A84;
    --blue2: #3A5276;
    --text: #2B2B2B;
    --text2: #F1F2F6;
    --text3: #707070;

    /* Basic */
    --text4: #6A6C77;
    --text5: #6B6D76;
    --text6: #757977;
    --text7: #737373;

    --bg-gray1: #f7f9fb;
    --bg-gray2: #f1f2f3;
    --bg-gray3: #f5f6f7;
    --bg-light-blue: #f5f9fc;

    /* clear start */
    --cs-black: #373737;
    --cs-magenta: #c964cf;
    --cs-cyan: #14c1ca;
    --cs-yellow: #e2ff00;
    --cs-orange: #f18a3d;

    --font-size-body: 1rem;
    --font-size-form: 1rem;
    --font-size-body-small: 0.9375rem;
    --font-size-body-smaller: 0.875rem;
    --font-size-medium: 1.125rem;
    --font-size-menu-large: 0.85rem;
    --font-size-banner-heading: 1.785rem;
    --font-size-banner-desc: 1.125rem;
    --font-size-online-benefits-heading: 0.7975rem;
    --font-size-smaller: 0.875rem;
    --font-size-heading-large: 1.785rem;
    --font-size-heading-1: 1.47rem;
    --font-size-heading-2: 1.365rem;
    --font-size-heading-3: 1.26rem;
    --font-size-heading-4: 1.05rem;
    --font-size-heading-5: 1.125rem;
    --font-size-footer-heading: 0.8425rem;
    --font-size-section-heading: 1.26rem;
    --font-size-button-small: 0.61rem;
    --font-size-button-large: 0.82rem;
    --font-size-button-x-large: 0.9775rem;
    --font-size-product-card: 0.9rem;
    --default-line-height: 1.15;
}
@media screen and (max-width: 860px) {
    .notBelow860 {
        display:none;
    }
}
@media screen and (min-width: 861px) {
    .notAbove860 {
        display: none !important;
    }
}

body
{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* font-family: var(--fontbarlow); */
}


/* Root */
a
{
    text-decoration: none !important;
}
:focus-visible
{
    outline: none;
}
.btn-check:focus+.btn, .btn:focus
{
    box-shadow: none !important;
}
summary
{
    display: block !important;
    cursor: auto !important;
}
/* Root */
/* COLOR STYLE */
.color-glassgold
{
    color: var(--glassgold);
}
.color-white
{
    color: var(--white) !important;
}
.color-red
{
    color: #CC0019 !important;
}
.color-black
{
    color: var(--glasstextcolor) !important;
}
.color-glassblue
{
    color: var(--glassblue) !important;
}
/* COLOR STYLE */
/* BUTTON STYLE */

/* BUTTON STYLE */
/* STYLE TYPES */
.text-style-h1-din-80-bold
{
    font-size: 80px;
    font-family: var(--fontdinbold);
    line-height: 60px;
    color:var(--glassblue);
    text-transform: uppercase;
}
.text-style-h1-din-66-bold
{
    font-size: 66px;
    font-family: var(--fontdinbold);
    line-height: 60px;
    color:var(--glassblue);
}
.text-style-h2-95-bold
{
    font-size: 95px;
    font-family: var(--fontsource);
    color:var(--glassblue);
    text-transform: uppercase;
    font-weight: 700;
}
.text-style-h2-din-95-bold
{
    font-size: 95px;
    font-family: var(--fontdinbold);
    color:var(--glassblue);
    text-transform: uppercase;
}
.text-style-h2-din-80-bold
{
    font-size: 80px;
    font-family: var(--fontdinbold);
    color:var(--glassblue);
    text-transform: uppercase;
}
.text-style-h2-din-70-bold
{
    font-size: 70px;
    font-family: var(--fontdinbold);
    color:var(--white);
    text-transform: uppercase;
}
.text-style-h2-din-55-bold
{
    font-size: 55px;
    font-family: var(--fontdinbold);
    color: var(--glassblue);
    text-transform: uppercase;
    line-height: 90px;
}
.text-style-h2-din-45-bold
{
    font-size: 45px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    text-transform: uppercase;
    line-height: 40px;
}
.text-style-h2-din-42-bold
{
    font-size: 42px;
    font-family: var(--fontdinbold);
    color: var(--glassblue);
    text-transform: uppercase;
    line-height: 40px;
}
.text-style-h2-din-42-bold-black
{
    font-size: 42px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    text-transform: uppercase;
    line-height: 40px;
}
.text-style-h2-din-40-bold
{
    font-size: 40px;
    font-family: var(--fontdinbold);
    color: var(--white);
    text-transform: uppercase;
    line-height: 90px;
}
.text-style-h2-din-35-bold
{
    font-size: 35px;
    font-family: var(--fontdinbold);
    color: var(--glassblue);
    text-transform: uppercase;
    line-height: 40px;
}
.text-style-h2-38-bold
{
    font-size: 38px;
    font-family: var(--fontsource);
    color: var(--white);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 44px;
}
.text-style-h3-din-65-bold
{
    font-size: 65px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 80px;
}
.text-style-h3-din-58-bold-black
{
    font-size: 58px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height:64px;
}
.text-style-h3-din-58-bold
{
    font-size: 58px;
    font-family: var(--fontdinbold);
    color: var(--glassgold);
    line-height:64px;
}
.text-style-h3-din-56-bold
{
    font-size: 56px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 80px;
}
.text-style-h3-din-50-bold
{
    font-size: 50px;
    font-family: var(--fontdinbold);
    color: var(--glastextcolor);
    line-height: 64px;
}
.text-style-h3-din-48-regular
{
    font-size: 48px;
    font-family: var(--fontdinregular);
    color: var(--glassblue);
}
.text-style-h3-din-46-bold
{
    font-size: 46px;
    font-family: var(--fontdinbold);
    color: var(--glassblue);
    line-height: 90px;
}
.text-style-h3-din-43-bold
{
    font-size: 43px;
    font-family: var(--fontdinbold);
    color: var(--glassblue);
    line-height: 47px;
    text-transform: uppercase;
}
.text-style-h3-din-40-bold
{
    font-size: 40px;
    font-family: var(--fontdinbold);
    color: var(--white);
    line-height: 40px;
}
.text-style-h3-din-31-bold
{
    font-size: 31px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-din-30-bold
{
    font-size: 30px;
    font-family: var(--fontdinbold);
    color: var(--white);
    line-height: 40px;
}
.text-style-h3-din-30-bold-blue
{
    font-size: 30px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 24px;
}
.text-style-h3-din-29-bold
{
    font-size: 29px;
    font-family: var(--fontdinbold);
    color: var(--glassgold);
    line-height: 40px;
}
.text-style-h3-din-28-bold
{
    font-size: 28px;
    font-family: var(--fontdinbold);
    color: var(--white);
    line-height: 24px;
}
.text-style-h3-din-25-bold
{
    font-size: 25px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-din-25-bold-regular
{
    font-size: 25px;
    font-family: var(--fontdinregular);
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-din-22-bold
{
    font-size: 22px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 17px;
}
.text-style-h3-din-18-bold
{
    font-size: 18px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
}
.text-style-h3-din-14-regular
{
    font-size: 14px;
    font-family: var(--fontdinregular);
    color: var(--glasstextcolor);
}
.li-din-21-bold li
{
    font-size: 21px;
    font-family: var(--fontdinbold);
    color: var(--glasstextcolor);
    line-height: 34px;
}
.text-style-h3-65-regular
{
    font-size: 65px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-38-semibold
{
    font-size: 38px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-35-semibold
{
    font-size: 35px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-25-semibold
{
    font-size: 25px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--glasstextcolor );
    line-height: 40px;
}
.text-style-23-regular
{
    font-size: 23px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-23-bold
{
    font-size: 23px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--glasstextcolor );
    line-height: 34px;
}
.text-style-h3-22-bold
{
    font-size: 22px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--glasstextcolor);
    line-height: 60px;
}
.text-style-h3-21-bold
{
    padding-top: 15px;
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--glasstextcolor);
    line-height: 25px;
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.text-style-h3-mont-21-bold
{
    padding-top: 15px;
    font-size: 18px;
    font-family: var(--fontmont);
    font-weight: 700;
    color: var(--glasstextcolor);
    line-height: 25px;
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.text-style-h3-mont-25-bold
{
    font-size: 25px;
    font-family: var(--fontmont);
    font-weight: 700;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-mont-30-bold
{
    font-size: 30px;
    font-family: var(--fontmont);
    font-weight: 700;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-mont-30-regular
{
    font-size: 30px;
    font-family: var(--fontmont);
    font-weight: 400;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-mont-30-regular-italic
{
    font-size: 30px;
    font-style: italic;
    font-family: var(--fontmont);
    font-weight: 400;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.text-style-h3-48-light-italic
{
    font-size: 48px;
    font-style: italic;
    font-weight: 300;
    font-family: var(--fontsource);
    color: var(--glassblue);
    text-align: center;
}
.text-style-h3-34-light-italic
{
    font-size: 34px;
    font-style: italic;
    font-weight: 300;
    font-family: var(--fontsource);
    color: var(--glassblue);
    text-align: center;
}
.text-style-h3-28-light-italic
{
    font-size: 28px;
    font-style: italic;
    font-weight: 300;
    font-family: var(--fontsource);
    color: var(--glassblue);
    text-align: center;
}
.text-style-h4-90-bold
{
    font-size: 90px;
    font-family: var(--fontdinbold);
    color: var(--glassgold);
    line-height: 24px;
}
.text-style-h4-30-light
{
    font-size: 30px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--white);
    line-height: 40px;
}
.text-style-h4-27-light
{
    font-size: 18px;
    padding-top: 15px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--glasstextcolor);
    line-height: 25px;
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.text-style-h5-15-light
{
    font-size: 15px;
    font-weight: 300;
    font-family: var(--fontsource);
    color: var(--white);
}
.text-style-p-25-bold
{
    font-size: 25px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--glasstextcolor);
}
.text-style-p-25-light
{
    font-size: 25px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--white);
    line-height: 32px;
    font-style: italic;
}
.text-style-24-light
{
    font-size: 24px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--glasstextcolor);
    line-height: 35px;
}
.text-style-21-light
{
    font-size: 21px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--white);
    line-height: 30px;
}
.text-style-21-semibold
{
    font-size: 21px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--white);
    line-height: 30px;
}
.text-style-h4-27-light-2 {
    font-size: 27px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--glasstextcolor);
    line-height: 40px;
}
.product-detail-slider-wrap .item
{
    max-height: 500px;
    overflow:hidden;
}
.product-detail-slider-wrap .item figure {
    display: block;
}
.product-detail-slider-wrap .item figure img {
    display: block;
    width: 100%;
    margin: 5px;
}
.ff-din{
    font-family: var(--fontdinbold) !important;
}
.text-style-p-20-semibold
{
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--glassgold);
}
.text-style-p-20-regular
{
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--glassblue);
}
.text-style-p-18-bold
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--black);
    line-height: 20px;
}
.text-style-p-18-semibold
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 600;
    color: var(--black);
    line-height: 24px;
}
.text-style-p-18-light
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--black);
    line-height: 24px;
}
.text-style-p-15-light
{
    font-size: 15px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--white);
}
.text-style-p-18-regular
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--black);
    line-height: 24px;
}
.btn-style-1
{
    font-size: 16px;
    display: inline-block;
    font-family: var(--fontsource);
    font-weight: 700;
    padding: 10px 0px;
    max-width: 182px;
    width: 100%;
    text-align: center;
    color: var(--white);
    background-color: var(--glassblue);
    border: 1px solid transparent;
    transition-duration: 0.3s;
}
.btn-style-1:hover
{
    color: var(--glassblue);
    background-color: transparent;
    border-color: var(--glassblue);
    transition-duration: 0.3s;
}
/* STYLE TYPES */
/* LİNE HEİGHT */
.lh-90
{
    line-height: 90px;
}
.lh-80
{
    line-height: 80px;
}
.lh-70
{
    line-height: 70px;
}
.lh-60
{
    line-height: 60px;
}
/* LİNE HEİGHT */
/* MARGİN - PADDİNG */
.py-100
{
    padding: 100px 0;
}
.py-80
{
    padding: 80px 0;
}
.py-70
{
    padding: 70px 0;
}
.py-60
{
    padding: 60px 0;
}
.py-50
{
    padding: 50px 0;
}
.py-30
{
    padding: 30px 0;
}
.py-10
{
    padding: 10px 0;
}

/* MARGİN - PADDİNG */
/* MAX WİDTH - HEİGHT */
.mw-570px
{
    max-width: 570px;
    display: inline-block;
}
.mw-520px
{
    max-width: 520px;
    display: inline-block;
}
.mw-340px
{
    max-width: 340px;
    display: inline-block;
}
/* NAX WİDTH - HEİGHT */
.bor-clr-trans
{
    border-color: transparent !important;
}
/* ANASAYFA */
header
{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}
header .logo
{
    margin: 0;
    padding: 60px 100px 54px 63px;
    background-color: var(--glassblue);
    max-width: 370px;
    display: inline-block;
    transition-duration: 0.3s;
}
header ul
{
    list-style: none;
}
header ul li
{
    display: inline-block;
}
header ul li a
{
    font-size: 18px;
    font-weight: 600;
    font-family: var(--fontsource);
    color: var(--glastextcolor);
    padding: 5px 20px;
    position: relative;
    transition-duration: 0.3s;
}
header ul.mid-menu
{
    text-align: center;
}
header ul.mega-menu-1
{
    position: relative;
}
header ul.mega-menu-1 li.mega-menu-1 a.mega-menu-1::before
{
    content: "";
    position: absolute;
    opacity: 0;
    width: 10px;
    height: 10px;
    background-color: #3E5A84;
    left: 50%;
    bottom: -30%;
    transform: translateX(-50%);
    border-radius: 100%;
}
header ul.mega-menu-1 li.mega-menu-1 a[href="/products"]::before
{
    content: "";
    position: absolute;
    opacity: 1;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000;
    left: 90%;
    bottom: 23%;
    transform: translate(0%,-50%);
    border-radius: 0%;
    background-color: transparent !important;
}
header.sticky ul.mega-menu-1 li.mega-menu-1 a[href="/products"]::before
{
    border-top-color: #fff;
}
header ul.mega-menu-1 li.mega-menu-1:hover a
{
    color: var(--glasstextcolor);
}
header.sticky ul.mega-menu-1 li.mega-menu-1:hover a[href="/products"]::before
{
    border-top-color: #fff;
    background-color: transparent;
    opacity: 1;
    transition-duration: 0.3s;
}

header.sticky ul.mega-menu-1 li.mega-menu-1:hover a::before
{
    background-color: var(--white);
    opacity: 1;
    transition-duration: 0.3s;
}
header ul.mega-menu-1 li.mega-menu-1:hover a[href="/products"]::before
{
    border-top-color: #000;
    background-color: transparent;
    opacity: 1;
    transition-duration: 0.3s;
}
header ul.mega-menu-1 li.mega-menu-1:hover a::before
{
    background-color: #000;
    opacity: 1;
    transition-duration: 0.3s;
}
header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 .learnmore-btn::before
{
    display: none;
}

header .user-menu
{
    text-align: center;
}
header .user-menu li
{
    position: relative;
}
header .user-menu .lang-li
{
    padding: 25px 10px;
}
header .user-menu .dropdown-lang
{
    display: none;
    position: absolute;
    width: 100%;
    background-color: var(--white);
    top: 100%;
    padding-left: 0;
    padding-top: 0px;
    left: 0;
}
header .user-menu .dropdown-lang li
{
    display: block;
    text-align: center;
    padding: 0;
}
header .user-menu .dropdown-lang li a
{
    display: block;
    width: 100%;
    transition-duration: 0.3s;
}
header .user-menu .dropdown-lang li:hover a
{
    background-color: var(--glasstextcolor);
    color: white;
    transition-duration: 0.3s;
}
header .user-menu li a
{
    font-size: 15px;
    font-weight: 400;
    padding: 5px 10px;
}
header .user-menu li a:hover
{
    color: var(--glassblue);
}
header .user-menu .lang-li:hover .dropdown-lang
{
    display: block;
    box-shadow: 0px 0px 10px -5px #00000082;
}
header .user-menu .card-button a
{
    padding: 19px 21px;
    font-size: 25px;
    background-color: var(--white);
}
header .user-menu .card-button a i
{
    position: relative;
}
header .user-menu .card-button a i::after
{
    content: attr(data-card);
    position: absolute;
    font-size: 9px;
    font-weight: 600;
    font-family: var(--fontsource);
    color: var(--white);
    background-color: var(--glasstextcolor);
    border-radius: 100%;
    padding: 3px 5.5px;
    top: -5px;
    right: -5px;
}
header .user-menu .burger-menu-button
{
    width: 70px;
}
header .user-menu .burger-menu-button a
{
    position: absolute;
    display: inline-block;
    background-color: var(--glassblue);
    padding: 10px;
    width: 70px;
    height: 70px;
    top: -44px;
    left: -3px;
}
header .user-menu .burger-menu-button .burger-line
{
    position: absolute;
    width: 60%;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
}
header .user-menu .burger-menu-button .burger-line .line-1
{
    position: relative;
    width: 70%;
    background-color: white;
    height: 4px;
    left: 0;
    top: 0;
    margin: 0 auto 0 0;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
header .user-menu .burger-menu-button .burger-line .line-2
{
    position: relative;
    width: 100%;
    background-color: white;
    height: 4px;
    margin: 7px 0;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
header .user-menu .burger-menu-button .burger-line .line-3
{
    position: relative;
    width: 70%;
    background-color: white;
    height: 4px;
    right: 0;
    bottom: 0;
    margin: 0 0 0 auto;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
    /* HEADER STİCKY */
    header.sticky .logo
    {
        padding: 15px 60px;
        transition-duration: 0.3s;
    }
    header.sticky
    {
        height: 80px;
        background-color: var(--glassblue);
        color: white;
        box-shadow: 0px 0px 10px 0px #00000082;
    }
    header.sticky .user-menu .card-button a
    {
        background-color: transparent;
        padding: 27px 21px;
    }
    header.sticky .user-menu .burger-menu-button a
    {
        background-color: var(--glasstextcolor);
        height: 80px;
        width: 80px;
        top: -46px;
    }
    header.sticky ul.mega-menu-1 li.mega-menu-1 a::before
    {
        background-color: var(--white);
    }

    header.sticky ul.mega-menu-1 li.mega-menu-1:hover a
    {
        color: var(--white);
    }
    header.sticky .user-menu .dropdown-lang li a
    {
        color: var(--glasstextcolor);
    }
    header.sticky .user-menu .dropdown-lang li a:hover
    {
        color: var(--white);
    }
    header.sticky .user-menu li a:hover
    {
        color: var(--white);
    }
    header.sticky .user-menu li.card-button a:hover
    {
        color: var(--glasstextcolor);
    }
    header.sticky .user-menu .lang-li
    {
        padding: 28px 10px;
    }
    /* HEADER STİCKY */
    /* HEADER BİG MENU */
    header ul.mega-menu-1 li.mega-menu-1
    {
        padding: 20px 0;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2
    {
        display: none;
        position: absolute;
        top: 100%;
        left: 50px;
        width: 100%;
        min-height: 331px;
        background-color: var(--glassblue);
        padding: 35px 35px 25px;
    }
    header ul.mega-menu-1 li.mega-menu-1:hover .mega-menu-2
    {
        display: block;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 .category-name
    {
        font-size: 50px;
        font-family: var(--fontdinbold);
        color: var(--white);
        line-height: 50px;
        display: inline-block;
        border-right: 1px solid var(--white);
        text-transform: uppercase;
        padding:20px 28px 20px 10px;
        margin: 0%;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 .borderbottom
    {
        border-bottom: 1px solid white;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 .learnmore-btn
    {
        position: absolute;
        bottom: 0%;
        right: 0;
        font-size: 16px;
        font-family: var(--fontsource);
        font-weight: 600;
        font-style: italic;
        color: var(--white);

    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3
    {
        position: relative;
        padding-left: 0;
        min-height: 180px;
        overflow: hidden;
    }
    @media all and (min-width: 1920px){
        header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3
        {
            min-height: 210px;
        }
    }

    @media all and (min-width: 2800px){
        header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3
        {
            min-height: 260px;
        }
    }
    @media all and (min-width: 3800px){
        header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3
        {
            min-height: 360px;
        }
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3
    {
        width: 100%;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3 .category-menu
    {
        display: none;
        position: absolute;
        top: 30px;
        right:0;
        width: 70%;
        background-color: var(--glassblue);
    }
    header ul.mega-menu-1 li.mega-menu-1:hover .mega-menu-2 ul.mega-menu-3 li.mega-menu-3.active .category-menu
    {
        display: block;
        z-index: 2;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3:hover .category-menu
    {
        display: block;
        z-index: 3;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3 .category-menu figure img
    {
        width: 100%;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3 a.category-name-2
    {
        display: block;
        text-align: left;
        padding: 0;
        font-size: 35px;
        font-family: var(--fontdinbold);
        line-height: 41px;
        color: #DED7BC;
        text-transform: uppercase;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3:first-child a.category-name-2
    {
        padding-top: 20px;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3:hover a.category-name-2::after
    {
        content: "»";
        font-size: 35px;
        font-family: var(--fontdinbold);
        line-height: 41px;
        color: #DED7BC;
        display: inline-block;
        margin-left: 5px;
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3 .category-menu a
    {
        font-size: 15px;
        font-family: var(--fontsource);
        font-weight: 700;
        line-height: 21px;
        text-transform: uppercase;
        display: block;
        text-align: left;
        padding: 0;
        color: var(--white);
    }
    header ul.mega-menu-1 li.mega-menu-1 .mega-menu-2 ul.mega-menu-3 li.mega-menu-3 .category-name-2-line
    {
        position: absolute;
        right: 0;
        top: 0;
        height: 400px;
        width: 1px;
        background-color: var(--white);
    }
    /* HEADER BİG MENU */
/* HEADER BURGER MENU */
header.active
{
    z-index: 51;
    border-bottom: 1px solid var(--white);
    background: linear-gradient(90deg, var(--glassblue), #2c4260);
}
header.active.sticky
{
    box-shadow: none;
    height: auto;
    color:var(--glasstextcolor);
}
header.active.sticky .user-menu .burger-menu-button a
{
    width: 70px;
    height: 70px;
}
header.active.sticky .user-menu .card-button a
{
    background-color: var(--white);
}
header.active ul.mega-menu-1,header.active .login-btn,header.active .signup-btn
{
    display: none;
}
header.active .user-menu
{
    position: relative;
    top: -27px;
    /* text-align: right;
    padding-right: 43px !important; */
}
header.active .user-menu .card-button a
{
    padding: 35px 21px;
    transition-duration: 0.3s;
}
header.active .logo
{
    padding: 60px 87px 54px 74px;
    border-right: 1px solid var(--white);
}
header.active .user-menu .burger-menu-button a
{
    padding: 51px 10px;
    top: -60px;
    background-color: var(--glasstextcolor);
    transition: top 0.3s, padding 0.3s;
}
header.active .user-menu .burger-menu-button .burger-line .line-1
{
    transform: rotate(45deg);
    top: 6px;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
header.active .user-menu .burger-menu-button .burger-line .line-2
{
    transform: rotate(-45deg);
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
header.active .user-menu .burger-menu-button .burger-line .line-3
{
    transform: rotate(45deg);
    bottom:3px;
    width: 50%;
    right:4px;
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
header.active .user-menu .lang-li
{
    padding: 35px 10px;
}
header.active .user-menu .lang-li a
{
    color: white;
}
header.active .user-menu .dropdown-lang li a
{
    color: var(--glasstextcolor);
}
header.active .user-menu .dropdown-lang li a:hover
{
    color: var(--white);
}
/* HEADER BURGER MENU */
/* BURGER MENU */
.burger-menu-wrap
{
    left: 100%;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: linear-gradient(90deg, var(--glassblue), #2c4260);
    overflow-x: hidden;
    overflow-y: auto;
    transition-duration: 0.5s;
}
.burger-menu-wrap .bg-effect
{
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0%;
}
.burger-menu-wrap .burger-line-effect
{
    content: "";
    position: absolute;
    left: 369px;
    top: 0;
    height: 100%;
    width: 1px;
    z-index: 55;
    background-color: var(--white);
}
.burger-menu-wrap.active
{
    left: 0;
    transition-duration: 0.5s;
}
.burger-menu-wrap ul
{
    list-style: none;
    padding-left: 30px;
    max-width: 360px;
}
.burger-menu-wrap ul li a
{
    color: var(--white);
}
.burger-menu-wrap .burger-left-menu li a
{
    position: relative;
    font-size: 35px;
    font-family: var(--fontdinbold);
    text-transform: uppercase;
    line-height: 44px;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-left-menu li a::before
{
    content: "";
    width: 0%;
    height: 2px;
    background-color: var(--white);
    position: absolute;
    bottom: -3px;
    left: 0;
    transition-duration: 0.5s;
    z-index: -1;
}
.burger-menu-wrap .burger-left-menu li a:hover::before
{
    width: 100%;
    transition-duration: 0.5s;
}
.burger-menu-wrap .burger-left-menu li a:hover
{
    color: var(--glassgold);
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu
{
    padding-left: 65px;
}
.burger-menu-wrap .burger-mid-menu ul
{
    padding: 0;
}
.burger-menu-wrap .burger-mid-menu ul li a
{
    display: inline-block;
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 300;
    line-height: 24px;
    padding: 3px 0;
    padding-left: 20px;
    position: relative;
    transition-duration: 0.3s;
    left: 0;
}
.burger-menu-wrap .burger-mid-menu ul li a:hover
{
    left: 5px;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li .learn-btn
{
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
}
.burger-menu-wrap .burger-mid-menu ul li.head-text a
{
    font-size: 35px;
    font-family: var(--fontdinbold);
    line-height: 41px;
    border-left: 1px solid var(--white);
    padding: 0px 20px;
    margin-bottom: 10px;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li.head-text a:hover
{
    left: 0;
    color: var(--glassgold);
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn
{
    margin-left: 20px;
    margin-top: 20px;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn a
{
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    font-family: var(--fontsource);
    padding: 8px 20px;
    border: 1px solid var(--white);
    width: 180px;
    overflow: hidden;
    position: relative;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn a::before
{
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: var(--white);
    left: 100%;
    bottom: 0;
    z-index: -1;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn .burger-form-btn
{
    display: inline-block;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn .burger-form-btn:hover a::before
{
    left: 0%;
    width: 100%;
    transition:left 0s, width 0.3s;
}
.burger-menu-wrap .burger-mid-menu ul li.contact-form-btn .burger-form-btn:hover a
{
    color: var(--glasstextcolor);
    left: 0;
    transition-duration: 0.3s;
}
.burger-menu-wrap .burger-mid-menu .contact-ul li a
{
    padding: 10px 20px;
}
.burger-menu-wrap .burger-mid-menu .contact-ul li a i
{
    margin-right: 10px;
}
.burger-menu-wrap .social-menu-wrap
{
    padding-right: 50px;
    text-align: right;
}
.burger-menu-wrap .social-menu
{
    display: inline-block;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}
.burger-menu-wrap .social-menu li
{
   display: inline-block;
   margin: 10px 0px;
}
.burger-menu-wrap .social-menu li a
{
    padding: 5px;
    display: inline-block;
    position: relative;
    font-family: var(--fontdinbold);
}
.burger-menu-wrap .social-menu li a::before
{
    content: "";
    position: absolute;
    width: 1px;
    height: 0%;
    background-color: white;
    left: 0;
    top: 100%;
    transition-duration: 0.3s;
}
.burger-menu-wrap .social-menu li:hover a::before
{
    top: 0;
    height: 100%;
    transition:top 0s, height 0.3s;
}
.burger-menu-wrap .social-menu li a i
{
    transform: rotate(90deg);
    margin-bottom: 5px;
    display: inline-block;
}
/* BURGER MENU */
/* ANASAYFA */

/* Homepageslider SLİDER */
.homepageslider .slick-slide img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: left center;
}
.homepageslider .banner-slider .item
{
    position: relative;
    height: 100vh;
}
.homepageslider .banner-slider .item figure
{
    overflow: hidden;
    height: 100%;
}
.homepageslider .banner-slider .item .item-text
{
    position: absolute;
    left: 250px;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    max-width: 90%;
}
@media(max-width: 1199px) {
    .homepageslider .banner-slider .item .item-text
    {
        left: 100px;
    }
}
@media(max-width: 767px) {
    .homepageslider .banner-slider .item .item-text
    {
        left: 65px;
    }
}
.homepageslider .banner-slider .item .item-text p
{
    max-width: 365px;
    line-height: 24px;
}
.homepageslider .banner-slider .item .item-text h2
{
    font-family: var(--fontdinbold);
    line-height: 90px;
}
.homepageslider .slogan-text-wrap
{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 35px 110px 25px 35px;
    background-color:rgba(255,255,255,0.88);
    transition-duration: 0.3s;
}
.homepageslider .slogan-text-wrap:hover
{
    background-color: rgba(255, 255, 255, 1);
    transition-duration: 0.3s;
}
.homepageslider .slogan-text
{
    position: relative;
    padding-left:90px;
    max-width: 430px;
    display: inline-block;
}
.homepageslider .slogan-text figure
{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.homepageslider .slogan-text h3
{
    font-size: 34px;
    font-family: var(--fontdinbold);
    line-height: 36px;
    color: var(--glasstextcolor);
    text-transform: uppercase;
}
.homepageslider .slider-social-wrap
{
    position: absolute;
    left: 35px;
    bottom: 40px;
}
.homepageslider .slider-social-wrap ul
{
    list-style: none;
}
.homepageslider .slider-social-wrap ul li
{
    display: inline-block;
}
.homepageslider .slider-social-wrap ul li a
{
    display: inline-block;
    padding: 5px 10px;
    color: var(--glasstextcolor);
    font-size: 14px;
    font-family: var(--fontdinbold);
    text-transform: uppercase;
    transition-duration: 0.3s;
}
.homepageslider .slider-social-wrap ul li:hover a
{
    color: var(--glassgold);
    transition-duration: 0.3s;
}
.homepageslider .slider-social-wrap ul li a i
{
    margin-right: 5px;
}
.homepageslider .banner-slider .slick-dots
{
    bottom: 50%;
    transform: translateY(50%);
    width: auto;
    right: 60px;
    display: inline-block;
}
.homepageslider .banner-slider .slick-dots li
{
    display: block;
    width: 1px;
    height: 56px;
    margin: 0 auto;
}
.homepageslider .banner-slider .slick-dots li span
{
    width: 1px;
    height: 56px;
    display: inline-block;
    background-color: var(--glassblue);
}
.homepageslider .banner-slider .slick-dots li span::before
{
    content: attr(data-count);
    position: absolute;
    right: 100%;
    padding-right: 10px;
    font-size: 39px;
    color: var(--glassblue);
    font-family: var(--fontdinbold);
    background-color: transparent;
    top: 0;
    line-height: 56px;
    opacity: 0;
}
.homepageslider .banner-slider .slick-dots li.slick-active
{
    width: 6px;
    transition-duration: 0.3s;
}
.homepageslider .banner-slider .slick-dots li.slick-active span
{
    width: 6px;
    transition-duration: 0.3s;
}
.homepageslider .banner-slider .slick-dots li.slick-active span::before
{
    opacity: 1;
}
.homepageslider .slick-dotted.slick-slider
{
    margin-bottom: 0;
}
/* .homepageslider .banner-slider .item
{
    content: attr(data-pagination);
    position: absolute;
    left: -58px;
    top: -27px;
    color: rgba(255,255,255,0.15);
    font-size: 45px;
    font-style: normal;
    font-weight: 300;
} */
/* Homepageslider SLİDER */

/* HOW WE WORK */
.how-we-work
{
    margin: 100px 0;
    position: relative;
}
.how-we-work .mobile-inline
{
    display: none;
}
.how-we-work .mobile-inline .slick-slide img
{
    display: inline-block;
}
.how-we-work .bg-effect
{
    position: absolute;
    z-index: -5;
    right: 0px;
    top: 200px;
}
.how-we-work h2
{
    margin-bottom: 15px;
    color: var(--glassblue-2);
}
.how-we-work h2 span
{
    color: var(--glassgold);
    display: block;
}
.how-we-work .btn-style-1
{
    padding: 15px 0;
    max-width: 190px;
    margin: 65px 0;
}
.how-we-work figure
{
    padding: 40px;
    position: relative;
}
.how-we-work figure::before
{
    content: "";
    position: absolute;
    width: 117px;
    height: 117px;
    left: 0px;
    bottom:0px;
    background-color: var(--glasstextcolor);
    z-index: 2;
}
.how-we-work figure::after
{
    content: "";
    position: absolute;
    width: 117px;
    height: 117px;
    right: 21px;
    top:0px;
    background-color: var(--glassgold);
    z-index: -1;
}
.how-we-work .text-wrap
{
    padding-left: 20px;
    position: relative
}
.how-we-work .text-wrap .text-line
{
    position: absolute;
    left: 0;
    top: 0;
    height: 130px;
    width: 4px;
    background-color: var(--glassgold);
    transition-duration: 0.3s;
}
.how-we-work .text-wrap:hover .text-line
{
    top: 100px;
    height: 150px;
    transition-duration: 0.3s;
}
/* HOW WE WORK */

/* PRODUCTS CATEGORY */
.products-category
{
    margin: 100px 0;
}
.products-category .mobile-inline
{
    display: none;
}
.products-category .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.products-category .text-wrap h2
{
    color: var(--glassblue-2);
    margin-bottom: 20px;
}
.products-category .our-btn
{
    position: relative;
    height: 100%;
}
.products-category .our-btn a
{
    position: absolute;
    bottom: 0;
    right: 0;
    color:var(--glasstextcolor);
    font-size: 24px;
    font-family: var(--fontdinbold);
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}
.products-category .our-btn a i
{
    position: relative;
}
.our-btn a:hover {
    color: var(--glassgold) !important;
}
.our-btn a i {
    transition: transform 0.25s ease-in-out;
}
.our-btn a:hover i
{
    transform: translateX(5px);
}
.products-category .item
{
    text-align: left;
}
.products-category .item figure
{
    position: relative;
}
.products-category .item figure img
{
    transition-duration: 0.3s;
}
.products-category .item figure p
{
    color: var(--white);
}
.products-category .item .figure-under-text
{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 44px 25px;
    display: inline-block;
    z-index: 3;
    text-align: left;
    opacity: 0;
    transition-duration: 0.3s;
}
.products-category .item h3
{
    padding-left: 10px;
    position: relative;
    opacity: 1;
    top: 0;
    transition-duration: 0.3s;
}
.products-category .item:hover figure img
{
    filter: brightness(0.67);
    transition-duration: 0.3s;
}
.products-category .item:hover .figure-under-text
{
    opacity: 1;
    padding-bottom: 63px;
    background: linear-gradient(0deg, rgba(0,0,0,0.8),transparent);
    transition-duration: 0.3s;
}
.products-category .item.blue-hover:hover .figure-under-text {

    background: linear-gradient(0deg, rgb(62 90 132),transparent);
}
.products-category .item.gold-hover:hover .figure-under-text {

    background: linear-gradient(0deg, rgb(154 136 74),transparent);
}
.products-category .item:hover h3
{
    top: -30px;
    opacity: 0;
    transition-duration: 0.3s;
}
/* PRODUCTS CATEGORY */

/* CATEGORİES BOXS */
.categories-boxs .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.categories-boxs .text-wrap h2
{
    color: var(--glassblue-2);
    margin-bottom: 20px;
}
.categories-boxs .item-wrap
{
    position: relative;
    height: 100%;
}
.categories-boxs figure
{
    padding-right: 48px;
}
.categories-boxs .item-wrap .item-text
{
    position: absolute;
    background-color: var(--glassgrey);
    padding: 65px 100px 65px 35px;
    text-align: left;
    color: var(--glasstextcolor);
    width: 512px;
}
.categories-boxs .item-wrap .item-text.right-box
{
    bottom: -66px;
    right: 0;
    z-index: 3;
}
.categories-boxs .item-wrap .item-text.left-box
{
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 3;
}
.categories-boxs .item-wrap .item-text h2
{
    color: var(--glasstextcolor);
    text-transform: none;
    font-weight: 600;
    margin-bottom: 20px;
}
.categories-boxs .item-wrap .item-text p
{
    color: var(--glasstextcolor);
}
.categories-boxs .item-wrap .item-text a
{
    color: var(--glasstextcolor);
    font-family: var(--fontsource);
    font-size: 18px;
    margin-top: 40px;
    display: block;
    transition-duration: 0.3s;
}
.categories-boxs .item-wrap .item-text a i
{
    position: relative;
    transform: translateX(0px);
    transition-duration:0.3s;
}
.categories-boxs .item-wrap .item-text a:hover i
{
    transform: translateX(5px);
    color: var(--glassgold);
    transition-duration: 0.3s;
}
/* CATEGORİES BOXS */

/* THREE BOX İNFO */
.three-box-info
{
    /*background-image: url(../images/anasayfa/three-box-info-bg.jpg);*/
    /*background-image: url(/public/media/uploads/editor/references/three-box-info.jpg);*/
    background-image: url(/public/media/uploads/editor/menu/three-box-info.webp);
    background-size: cover;
    background-position:top,left;
    background-repeat:no-repeat;
    padding: 150px 0;
}
.three-box-info .mobile-inline
{
    display: none;
}
.three-box-info .item-box
{
    background-color: var(--white);
    padding: 60px 50px 40px;
    min-height: 450px;
    transition-duration: 0.3s;
}
.three-box-info .item-box:hover
{
    background-color:var(--glasstextcolor);
    transition-duration: 0.3s;
}
.three-box-info .item-box figure
{
    width: 135px;
    height: 135px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
    border: 1px solid #707070;
    background-color: var(--white);
}
.three-box-info .item-box figure img
{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.three-box-info .item-box h3,.three-box-info .item-box p
{
    color:var(--black);
    transition-duration: 0.3s;
}
.three-box-info .item-box:hover h3,.three-box-info .item-box:hover p
{
    color: white;
    transition-duration: 0.3s;
}
.three-box-info .item-box p
{
    font-size: 16px;
}
/* THREE BOX İNFO */

/* CORPORATE WRAP */
.corporate-wrap
{
    padding: 130px 0 100px;
    margin-bottom: 100px;
    background-color: #F7FBFE;
}
.corporate-wrap .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.corporate-wrap .text-wrap h2
{
    color: var(--glassblue-2);
    margin-bottom: 20px;
}
.corporate-wrap .text-box
{
    padding-right: 160px;
}
.corporate-wrap .text-box h2
{
    color: var(--glassgold);
    margin-bottom: 25px;
}
.corporate-wrap figure
{
    position: relative;
    left: -119%;
}
.corporate-wrap figure img
{
    filter: grayscale(1);
    transition-delay: 0.5s;
    transition-duration: 0.3s;
}
.corporate-wrap:hover figure img
{
    filter: grayscale(0);
    transition-duration: 0.3s;
}
/* CORPORATE WRAP */

/* CERTİFİCATE */
.certificate-wrap
{
    margin: 100px 0;
}
.certificate-wrap .mobile-inline
{
    display: none;
}
.certificate-wrap .item-box
{
    text-align: center;
    max-height: 200px;
    padding-top: 40px;
}
.certificate-wrap .item-box figure
{
    text-align: center;
    transition-duration: 0.3s;
}
.certificate-wrap .item-box:hover figure
{
    transform: scale(1.05);
    transition-duration: 0.3s;
}
.certificate-wrap .text-box
{
    text-align: right;
    padding-left: 60px;
}
.certificate-wrap .text-box h2
{
    margin-bottom: 30px;
}
.certificate-wrap .item-box.border-lr
{
    border-left: 1px solid #C7C7C7;
    border-right: 1px solid #C7C7C7;
}
.certificate-wrap .item-box.border-b
{
    border-bottom: 1px solid #C7C7C7;
}
/* CERTİFİCATE */

/* REFERENCE */
.reference-wrap
{
    padding: 90px 0;
    position: relative;
}
.reference-wrap .bg-grey
{
    position: absolute;
    z-index: -1;
    background-color: var(--glassgrey);
    max-width: 1400px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
}
.reference-wrap .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.reference-wrap .text-wrap h2
{
    color: var(--glassblue-2);
    margin-bottom: 20px;
}
.reference-wrap .our-btn
{
    position: relative;
    height: 100%;
}
.reference-wrap .our-btn a
{
    position: absolute;
    bottom: 15px;
    right: 0;
    color:var(--glasstextcolor);
    font-size: 18px;
    font-family: var(--fontdinbold);
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}
.reference-wrap .our-btn a i
{
    position: relative;
}
.reference-wrap .reference-slider .item
{
    text-align: center;
    padding: 10px;
}
/* .reference-wrap .hover-zoomin:hover figure img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
} */
.reference-wrap .reference-slider .item .item-text
{
    position: relative;
    top: -40px;
    background-color:rgb(59 90 132 / 90%);;
    padding: 65px 30px 20px;
    text-align: center;
    max-width: 220px;
    margin: 0 auto;
    transition-duration: 0.3s;
}
.reference-wrap .reference-slider .item:hover .item-text
{
    background-color: rgb(59 90 132);
    transition-duration: 0.3s;
}
.reference-wrap .reference-slider .item .item-text p
{
    display: inline-block;
    text-align: center;
    color: var(--white);
}
.reference-wrap .reference-slider .item figure
{
    margin: 0;
}
.reference-wrap .reference-slider .item figure img
{
    width: 100%;
}
.reference-wrap .reference-slider .slick-dots li
{
    width: 36px;
    height: 6px;
}
.reference-wrap .reference-slider .slick-dots li button
{
    width: 36px;
    height: 6px;
}
.reference-wrap .reference-slider .slick-dots li button::before
{
    content: "";
    opacity: 1;
    width: 36px;
    height: 6px;
    background-color: var(--glassgold);
}
.reference-wrap .reference-slider .slick-dots li.slick-active button:before
{
    background-color: var(--glassblue-2);
    opacity: 1;
}

/* REFERENCE */

/* FOOTER */
footer
{
    position: relative;
}
footer .footer
{
    background-color: #EAF2F8;
    background-image: url(/public/media/uploads/editor/images/footer-bg.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 75px 10px 38px;
}
footer figure
{
    text-align: center;
}
footer .footer-menu
{
    margin: 30px 0;
    text-align: center;
}
footer .footer-menu li
{
    display: inline-block;
}
footer .footer-menu li a
{
    color: #0F1035;
    font-size: 22px;
    font-family: var(--fontdinbold);
    padding: 0 15px;
    display: inline-block;
    text-transform: uppercase;
    transition-duration: 0.3s;
}
footer .footer-menu li:hover a
{
    color: var(--glassgold);
    transition-duration: 0.3s;
}
footer .contact-menu
{
    margin: 30px 0;
    text-align: center;
}
footer .contact-menu li
{
    display: inline-block;
    border-right: 1px solid var(--white);
}
footer .contact-menu li:last-child
{
    border-right-color: transparent;
}
footer .contact-menu li a
{
    color: #2B2B2B;
    font-size: 16px;
    font-family: var(--fontsource);
    font-weight: 600;
    padding: 5px 30px;
    display: inline-block;
}
footer .contact-menu li a i
{
    color:var(--glassgold);
    margin-right: 18px;
    transition-duration: 0.3s;
}
footer .contact-menu li:hover a i
{
    transform: translateX(5px);
    transition-duration: 0.3s;
}
footer .footer-border-bt
{
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 40px;
    background: rgba(255,255,255,.63);
}
footer .left-wrap
{
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
}
footer .left-wrap input[type="email"],
footer .left-wrap input[type="text"]
{
    width: 240px;
    padding: 10px 20px;
    color: #2B2B2B;
    font-family: var(--fontsource);
    font-weight: 300;
    font-size: 11px;
    background-color: transparent;
    border: .7px solid;
    border-color: #2B2B2B;
}
footer .left-wrap input::placeholder
{
    color: #2B2B2B;
}
footer .left-wrap button
{
    background-color:#363636;
    color: var(--white);
    font-size: 11px;
    font-family: var(--fontsource);
    font-weight: 300;
    line-height: 28px;
    width: 104px;
    height: 38px;
    text-align: center;
    border: 1px solid;
    border-color: rgba(255,255,255,0.3);
    transition-duration: 0.3s;
}
footer .left-wrap button:hover
{
    border-color: var(--white);
    transition-duration: 0.3s;
}
footer .right-wrap
{
    text-align: right;
    padding-right: 10px;
}
footer .right-wrap ul li
{
    display: inline-block;
}
footer .right-wrap ul li a
{
    color: #2B2B2B;
    font-size: 14px;
    font-family: var(--fontdinbold);
    padding: 0 10px;
    display: inline-block;
    text-transform: uppercase;
    transition-duration: 0.3s;
}
footer .right-wrap ul li:hover a
{
    color: var(--glassgreydark);
    transition-duration: 0.3s;
}
footer .right-wrap ul li a i
{
    margin-right: 10px;
}
footer .text-ul
{
    text-align: center;
    margin: 30px 0;
}
footer .text-ul li
{
    display: inline-block;
}
footer .text-ul li a
{
    color: #2B2B2B;
    font-family: var(--fontsource);
    font-weight: 300;
    font-size: 14px;
    padding: 0 15px;
    text-transform: uppercase;
}
footer .footer-copyright h3
{
    font-size: 13px;
    font-weight: 400;
    padding: 15px;
    background-color: var(--glassblue);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
footer .form-check-label
{
    color: rgb(0 0 0 / 60%) !important;
}
.backtotop
{
    position: fixed;
    right: -100px;
    bottom: 10%;
    z-index: 45;
    transition-duration: 0.3s;
}
.backtotop.active
{
    right: 0;
    transition-duration: 0.3s;
}
.backtotop a
{
    position: relative;
    display: inline-block;
    background-color: var(--glassgold);
    color: var(--white);
    font-size: 13px;
    font-family: var(--fontsource);
    font-weight: 700;
    padding: 60px 30px;
    writing-mode: vertical-lr;
    letter-spacing: 3px;
    transition-duration: 0.3s;
}
.backtotop a figure
{
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
    left: -2px;
}
.backtotop:hover a
{
    background-color: var(--glassblue);
    color: var(--white);
    transition-duration: 0.3s;
}
/* FOOTER */
/* MODAL CONTACT */
.contact-form-wrap
{
    position: relative;
}
.modal
{
    overflow: hidden !important;
}
.modal-backdrop.show
{
 opacity: 1 !important;
 background-color: var(--glassblue);
}
.contact-form-wrap .contact-form-close
{
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 10px 17px;
    border: 1px solid #FAFAFA;
    border-radius: 100%;
    color: var(--white);
    font-size: 17px;
    cursor: pointer;
    opacity: 0.5;
    z-index: 30;
}
.contact-form-wrap .bg-effect-img
{
    position: absolute;
    left: -110px;
    bottom: -260px;
    z-index: -3;
    opacity: 0.1;
}
.contact-form-wrap .modal-content
{
    background-color: transparent;
    border: none;
}
.contact-form-wrap .modal-header
{
    justify-content: center !important;
    border: none;
}
.contact-form-wrap .modal-header .modal-title
{
    font-size: 95px;
    font-family: var(--fontdinbold);
    line-height: 90px;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
}
.contact-form-wrap form
{
    text-align: justify;
}
.online-form-modal input{
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    padding: 1rem 0.75rem;
    border-width: 1px;
}
.online-form-modal .modal-dialog{
    height: 100%;
}
.online-form-modal .modal-content{
    overflow-y: auto;
    max-height: 100%;
    padding-bottom: 35px;
}
.online-form-modal input::placeholder
{
    color: rgba(255,255,255,0.5);
}
.contact-form-wrap input
{
    width: 100%;
    font-size: 16px;
    color: var(--white);
    border-color: rgba(255,255,255,0.5);
    background-color: transparent;
    border-radius: 0;
}
.contact-form-wrap .form-control:focus
{
    background-color: transparent;
    color: var(--white);
    border-color: var(--white);
    box-shadow: none;
}
.contact-form-wrap .form-floating>label
{
    color: rgba(255,255,255,0.5);
}
.contact-form-wrap .input-group
{
    display: inline-flex;
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.5);
    height: 54.5px;
    background-color: transparent;
    border-radius: 0;
}
.online-form-modal select,
.contact-form-wrap .input-group .form-select
{
    background-color: transparent;
    color: rgba(255,255,255,0.5);
    border-color: rgba(255,255,255,0.5);
    position: relative;
    background-image: url(../images/anasayfa/drowdown-menu-arrow.png);
    background-size: auto;
    background-position: 92% 50%;
    border-radius: 0;
    background-repeat: no-repeat;
    height: calc(3.5rem + 2px);
    width: 100%;
    line-height: 1.25;
    padding: 1rem 0.75rem;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.online-form-modal select option,
.contact-form-wrap .input-group .form-select option
{
    color: var(--black);
}
.online-form-modal textarea,
.contact-form-wrap textarea
{
    width: 100%;
    background-color: transparent;
    color: var(--white);
    resize: none;
    border-radius: 0;
    border-color: rgba(255,255,255,0.5);
    height: 117px;
    padding: 1rem 0.75rem;
}
.online-form-modal textarea::placeholder,
.contact-form-wrap textarea::placeholder
{
    color: rgba(255,255,255,0.5);
}
.online-form-modal .form-floating,
.contact-form-wrap .form-floating
{
    position: relative;
}
.online-form-modal button {
    height: 45px;
}
.online-form-modal button,
.contact-form-wrap .form-send-btn
{
    background-color: transparent;
    font-size: 16px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: white;
    border:1px solid var(--white);
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    transition-duration: 0.3s;
}
.online-form-modal button:hover,
.contact-form-wrap .form-send-btn:hover
{
    background-color: var(--white);
    color: var(--glassblue);
    transition-duration: 0.3s;
}
.online-form-modal .form-bottom{
    flex-direction: row;
    justify-content: space-between;
    gap: 45px;
}
@media all and (max-width: 992px) {
    .online-form-modal .form-bottom{
        flex-direction: column;
        gap: 0px;
    }
}
.online-form-modal .pretty{
    margin-left: 0 !important;
}
.online-form-modal .pretty .state label{
    color: white !important;
}
.online-form-modal .pretty .state label a{
    color: #9A884A;
}
.contact-form-wrap .pretty .state label
{
    color: white;
    font-size: 18px;
    line-height: 25px;
    font-family: var(--fontsource);
    font-weight: 300;
}
.contact-form-wrap .pretty
{
    white-space: normal;
    width: fit-content;
    margin: 0 auto;
}
.contact-form-wrap .pretty input
{
    width: 15px !important;
    width: 15px !important;
}
.contact-form-wrap .pretty .state label:before,.contact-form-wrap .pretty .state label:after
{
    top: 0px;
}
/* MODAL CONTACT */
/* PROJX LOGO */
.projx-logos { width: 100px; height: 30px; position: relative; text-align: center; margin: auto; }

.projx-logos * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.projx-logos > .projx-logos-link {display: block;width: 100%;height: 100%;position: absolute;z-index: 1;}

.projx-logos-card {width: 100%;height: 100%;position: relative;-webkit-perspective: 100px;-moz-perspective: 100px;-o-perspective: 100px;perspective: 100px;}

.projx-logos-card figure {display: block;height: 100%;width: 100%;position: absolute;padding: 0;margin: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;-o-transition: -o-transform 0.4s;transition: transform 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;}

.projx-logos-card figure > div {width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}

.projx-logos-card .back > div {color: #000;font-size: 12px;padding-top: 10px;}

.projx-logos .projx-logos-card .front img { height: 30px; }

.projx-logos .projx-logos-card .back,

.projx-logos:hover .projx-logos-card .front {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}

.projx-logos:hover .projx-logos-card .back {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}

.tooltip-projx-logos {display: block;position: relative;z-index: 999;}

.tooltip-projx-logos:after {content: '';position: absolute;width: 100%;height: 10px;bottom: 100%;left: 50%;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.projx-logos:hover .tooltip-projx-logos::after {pointer-events: auto;}

.tooltip-projx-logos-content {position: absolute;z-index: 9999;width: 140px;left: 50%;bottom: 100%;font-size: 13px;line-height: 1.2;margin: 0 0 10px -70px;text-align: center;font-weight: 400;color: #fff;background: transparent;opacity: 0;cursor: default;pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s 0.3s;transition: opacity 0.3s 0.3s;}

.projx-logos:hover .tooltip-projx-logos-content {opacity: 1;pointer-events: auto;-webkit-transition-delay: 0s;transition-delay: 0s;}

.tooltip-projx-logos-content span {display: block;}

.tooltip-projx-logos-text {border-bottom: 2px solid var(--glassblue-2);overflow: hidden;-webkit-transform: scale3d(0,1,1);transform: scale3d(0,1,1);-webkit-transition: -webkit-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;}

.projx-logos:hover .tooltip-projx-logos-content .tooltip-projx-logos-text {-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}

.tooltip-projx-logos-text-inner {background: rgba(0, 0, 0, 0.6);padding: 7px 10px;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}

.projx-logos:hover .tooltip-projx-logos-content .tooltip-projx-logos-text-inner {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.tooltip-projx-logos-content:after {content: '';bottom: -14px;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: var(--glassblue-2);border-width: 7px;margin-left: -7px;}



/* PROJX LOGO */
/* BREADCRUMB */
.main-breadcrumb
{
    list-style: none;
    display: block;
    margin-bottom: 45px;
    padding-left: 0;
}
.main-breadcrumb li
{
    display: inline-block;
}
.main-breadcrumb li a
{
    position: relative;
    display: inline-block;
    padding: 5px 7px 5px 15px;
    font-size: 14px;
    font-family: var(--fontsource);
    font-weight: 300;
    line-height: 25px;
    color: var(--glasstextcolor);
}
.main-breadcrumb li a::before
{
    content: ">";
    position: absolute;
    left: 0;
    color: var(--glasstextcolor);
    line-height: 35px;
    top: 0;
}
.main-breadcrumb li:first-child a::before
{
    content: none;
}
.main-breadcrumb li:first-child a
{
    padding-left: 0;
}
/* BREADCRUMB */
/* OUR BANNER WRAP */
.banner-wrap
{
    background-color: #EAF2F8;
    padding-top: 120px;
    padding-bottom: 45px;
}
.banner-wrap .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.how-we-work.other-page
{
    margin-top: 50px;
    z-index: 1;
}
.how-we-work.other-page figure::before,.how-we-work.other-page figure::after
{
    content: none;
}
.how-we-work.other-page h2 span
{
    color: var(--glassblue);
    font-size: 95px;
}
.how-we-work.other-page figure
{
    text-align: right;
    padding: 5px;
}
.how-we-work.other-page .text-wrap
{
    padding-left: 30px;
}
.how-we-work.other-page .text-wrap:hover .text-line {
    top: 190px;
    transition-duration: 0.3s;
}
.how-we-work.other-page .bg-effect
{
    top: -300px;
}
/* OUR BANNER WRAP */
/* How we work banner 1 */
.howwework-banner-1
{

    margin: 100px 0;
    overflow: hidden;
    padding: 50px 0;
}
.howwework-banner-1 .bg-grey
{
    background-color: #FAFAFA;
}
.howwework-banner-1 .text-wrap
{
    text-align: right;
    position: relative;
}
.howwework-banner-1 .text-wrap h3
{
    max-width: 335px;
    display: inline-block;
    text-align: right;
    font-size: 38px;
    font-family: var(--fontdinbold);
    line-height: 44px;
    color: var(--glasstextcolor);
    text-transform: uppercase;
}
.howwework-banner-1 .banner-right-img
{
    transform: translateX(100px);
    margin-bottom: 0;
}
.howwework-banner-1 .banner-right-img img
{
    transform: scale(1.1);
}
/* How we work banner 1 */
/* MAP TEXT */
.map-text
{
    margin: 100px 0;
    background-image: url(../images/howwework/map.png);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0;
}
/* MAP TEXT */
/* ABOUTUS PAGE */
.banner-wrap.aboutus-banner
{
    background-color: transparent;
    background-image: url(../images/aboutus/banner.jpg);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
}
.banner-wrap .aboutus-wrap
{
    position: relative;
    top: 0;
    left: 0;
}
.banner-wrap .aboutus-wrap figure
{
    position: relative;
    padding: 20px;
}
.banner-wrap .aboutus-wrap figure::before
{
    display: none;
}
.banner-wrap .aboutus-wrap figure img
{
    position: relative;
    z-index: 1;
}
.banner-wrap .aboutus-wrap figure::after
{
    content: "";
    position: absolute;
    width: 81px;
    height: 81px;
    background-color: var(--glassgold);
    right: 0px;
    top: 0px;
    z-index: 2;
}
.aboutuspage-wrap .wework-wrap
{
    max-width: 550px;
    display: inline-block;
    text-align: left;
}
.aboutuspage-wrap .wework-wrap-figure
{
    position: relative;
    padding: 40px;
    transform: translateX(55px);
}
.aboutuspage-wrap .wework-wrap-figure img
{
    z-index: 1;
    position: relative;
}
.aboutuspage-wrap .wework-wrap-figure::before
{
    content: "";
    position: absolute;
    width: 117px;
    height: 117px;
    background-color: var(--glasstextcolor);
    bottom: 0;
    right: 0;
    z-index: 2;
}
.aboutuspage-wrap .wework-wrap-figure::after
{
    content: "";
    position: absolute;
    width: 117px;
    height: 117px;
    background-color: var(--glassgold);
    top: 0;
    left: 0;
    z-index: 0;
}
.aboutuspage-wrap .reference-wrap .text-wrap
{
    border-left: none;
    padding-left: 0;
}
.aboutuspage-wrap .reference-wrap .bg-grey
{
    max-width: 1670px;
}
.aboutuspage-wrap .reference-wrap .bg-logo-effect
{
    position: absolute;
    bottom: 55%;
    transform: translateX(-30px);
    z-index: 0;
}
.aboutuspage-wrap .logo-guideline
{
    background-image: url(../images/aboutus/logo-guideline.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 306px;
    display: inline-block;
    padding: 75px 40px;
    margin: 100px 0;
}
.aboutuspage-wrap .logo-guideline a:hover
{
    color: var(--white);
}
/* ABOUTUS PAGE */

/* LOGO GUİDELİNE */
.logoguideline-wrap
{
    margin-bottom: 100px;
    position: relative;
}
.logoguideline-wrap .bg-effect
{
    position: absolute;
    left: -80px;
    top: 0;
}
.logoguideline-wrap .bb-1px
{
    border-bottom: 1px solid var(--glassblue);
}
.logoguideline-wrap .br-1px
{
    border-right: 1px solid var(--glassblue);
}
.logoguideline-wrap .color-box-1,.logoguideline-wrap .color-box-2,.logoguideline-wrap .color-box-3,.logoguideline-wrap .color-box-4
{
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 100%;
    margin-bottom: 20px;
}
.logoguideline-wrap .color-box-1
{
    background-color: #1160a1;
}
.logoguideline-wrap .color-box-2
{
    background-color: #101235;
}
.logoguideline-wrap .color-box-3
{
    background-color: #8e7c4c;
}
.logoguideline-wrap .color-box-4
{
    background-color: #2A2E74;
}
/* LOGO GUİDELİNE */
/* WHYGLASSCOPE-WRAP */
.whyglasscope-wrap
{
    position: relative;
}
.whyglasscope-wrap .effect-img
{
    position: absolute;
    right: 0;
    top: 0;
}
.whyglasscope-wrap .bg-effect
{
    position: absolute;
    width: 41px;
    height: 100%;
    top: 0;
    left: -30px;
    z-index: 0;
    background-color: var(--glassblue);
}
.whyglasscope-wrap .item-box-wrap
{
    position: relative;
    margin-bottom: 50px;
}
.whyglasscope-wrap .item-box-wrap figure
{
    position: absolute;
    width: 176px;
    height: 176px;
    background-color: var(--glassblue);
    border-radius: 100%;
    text-align: center;
    left: -210px;
    transition-duration: 0.3s;
}
.whyglasscope-wrap .item-box-wrap:hover figure
{
    transform: translateX(-66px);
    border-radius: 100% 0 0 100%;
    transition-duration: 0.3s;
}
.whyglasscope-wrap .item-box-wrap figure.bg-color-gold
{
    background-color: var(--glassgold);
}
.whyglasscope-wrap .item-box-wrap figure img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.whyglasscope-wrap .certificate-wrap
{
    background-color: var(--glassblue);
    padding: 135px 0;
    margin: 0;
}
.whyglasscope-wrap .certificate-wrap .item-box p,.whyglasscope-wrap .certificate-wrap .text-box p
{
    color: var(--white);
}
.whyglasscope-wrap .py-100
{
    padding: 100px 0;
}
/* WHYGLASSCOPE-WRAP */

/* CUSTOMMADE PAGE */
.banner-wrap.custommade
{
    background-image: url(../images/custommade/custommade.jpg);
    background-size: 1920px 828px;
    background-color: transparent;
    background-position:top;
    background-repeat: no-repeat;
}
.banner-wrap.custommade .text-wrap
{
    border-left: none;
    padding-left: 0;
}
.banner-wrap.custommade .text-wrap h1
{
    color:var(--glasstextcolor);
}
.banner-wrap.custommade .onlineform-wrap
{
    max-width: 668px;
    background-color:#21396A;
    padding: 50px 50px 66px;
    margin-top: 50px;
}
.banner-wrap.custommade .onlineform-wrap form
{
    text-align: right;
}
.banner-wrap.custommade .onlineform-wrap form input,.banner-wrap.custommade .onlineform-wrap form textarea
{
    width: 100%;
    background-color: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    font-family: var(--fontsource);
    margin-bottom: 10px;
}
.banner-wrap.custommade .onlineform-wrap .pretty{
    width: fit-content;
    margin-left: 0;
    white-space: normal;
    text-align: left;
}
.banner-wrap.custommade .onlineform-wrap .pretty label{
    color: white !important;
}
.banner-wrap.custommade .onlineform-wrap .pretty input{
    width: 15px;
}
.banner-wrap.custommade .onlineform-wrap .pretty a{
    color: #9A884A;
}
.banner-wrap.custommade .onlineform-wrap form input
{
    padding: 23px;
}
.banner-wrap.custommade .onlineform-wrap form textarea
{
    padding: 15px 23px;
}
.banner-wrap.custommade .onlineform-wrap form input::placeholder,.banner-wrap.custommade .onlineform-wrap form textarea::placeholder
{
    color: rgba(255,255,255,0.5);
}
.banner-wrap.custommade .onlineform-wrap form button
{
    background-color: transparent;
    border: 1px solid white;
    font-size: 16px;
    padding: 10px 60px;
    font-family: var(--fontsource);
    font-weight: 700;
    color: var(--white);
    margin-top: 10px;
    transition-duration: 0.3s;
}
.banner-wrap.custommade .onlineform-wrap form button:hover
{
    background-color: var(--white);
    color: #21396A;
    transition-duration: 0.3s;
}
.detailcontact
{
    position: relative;
}
.detailcontact .detailcontact-wrap
{
    position: absolute;
    top: -363px;
    right: 0;
    background-color: var(--glassgold);
    padding: 45px;
    max-width: 789px;
    width: 100%;
    transition-duration: 0.3s;
}
.detailcontact .detailcontact-wrap:hover
{
    background-color: var(--glassblue);
    transition-duration: 0.3s;
}
.detailcontact .detailcontact-wrap i
{
    font-size: 40px;
    padding: 15px;
    border: 1px solid var(--white);
    color: var(--white);
}
.custommade-wrap .mb-120
{
    margin-bottom: 120px;
}
.custommade-wrap .text-wrap-1
{
    background-color: var(--glassgold);
    padding: 115px 40px;
    max-height: 421px;
}
.custommade-wrap .reference-wrap
{
    background-color: #F7FBFE;
    width: 100%;
}
/* CUSTOMMADE PAGE */
/* CATEGORİES PAGE */
.categories-page-wrap .banner-bg
{
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
}
.categories-page-wrap .bg-effect
{
    position: absolute;
    top: 240px;
    right:0;
}
.categories-page-wrap .text-box
{
    position: absolute;
    padding: 60px 35px;
    background-color: var(--glassgrey);
    width: 515px;
    z-index: 2;
}
.categories-page-wrap .text-box.right-box
{
    bottom: -50px;
    left: -44px;
}
.categories-page-wrap .text-box.left-box
{
    top: 50%;
    transform: translateY(-50%);
    left: 0px;

}
.categories-page-wrap .text-box h3
{
    margin-bottom: 60px;
}
.categories-page-wrap .text-box p
{
    margin-bottom: 40px;
}
.categories-page-wrap .our-btn
{
    position: relative;
    height: 100%;
}
.categories-page-wrap .our-btn a
{
    color:var(--glasstextcolor);
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 400;
    line-height: 44px;
    transition: all 0.25s ease-in-out;
}
.categories-page-wrap .our-btn a i
{
    position: relative;
    margin-left: 20px;
}
.categories-page-wrap .right-figure
{
    right: -31px;
}
/* CATEGORİES PAGE */
.banner-wrap.categories-banner .banner-bg
{
    position: absolute;
    right: 0;
    top: 50px;
    z-index: -1;
}
/* CATEGORİES PAGE 2 */
.categories-banner-2
{
    background-color: transparent;
    position: relative;
}
.categories-banner-2 .blue-bg {
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #EAF2F8;
    position: absolute;
    z-index: -1;
}
.categories-banner-2 .grey-bg {
    left: 0;
    top: 0;
    width: 90%;
    height: 0;
    background-color: var(--glassgrey);
    position: absolute;
    z-index: -1;
}
@media(max-width: 991px) {
    .categories-banner-2 .grey-bg {
        width: 100%;
    }
}
.categories-banner-2 .banner-bg
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
}
.categories-2-wrap
{
    margin-bottom: 100px;
}
.categories-2-wrap .item-box
{
    text-align: center;
    border: 1px solid var(--glassgrey);
    transition: all 0.25s ease-in-out
}
.categories-2-wrap .item-box:hover {
    box-shadow: 0 0 40px -10px rgb(0 0 0 / 15%);
    border: 1px solid #e9e9e9;
}
.categories-2-wrap .item-box .text-wrap
{
    background-color: var(--glassgrey);
    padding: 0 35px 10px;
}
.categories-2-wrap .item-box .text-wrap h3
{
    text-align: center;
}
.categories-2-wrap .item-box .text-wrap hr
{
    background-color: #A2A2A2;
    margin: 5px 0;
}
.categories-2-wrap .item-box .text-wrap a
{
    color: var(--glasstextcolor);
    font-size: 15px;
    font-family: var(--fontsource);
    font-weight: 400;
    line-height: 44px;
    display: block;
    text-align: center;
    transition-duration: 0.3s;
}
.categories-2-wrap .item-box .text-wrap a:last-child:hover
{
    /* letter-spacing: 3px; */
    transition-duration: 0.3s;
    color: var(--glassblue);
}
/* CATEGORİES PAGE 2 */
/* CATEGORİES PRODUCT */
.categories-2-wrap.categories-product .mobile-inline
{
    display: none;
}
.categories-2-wrap.categories-product .filter-item-wrap
{
    padding: 35px 0;
    transform: translateX(75px);
}
.categories-2-wrap.categories-product .bg-grey
{
    max-width: 1595px;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #FAFAFA;
    left: 0;
    top: 0;
    z-index: -1;
}
.categories-2-wrap.categories-product .trans-x-left30px
{
    transform: translateX(-30px);
}
.categories-2-wrap.categories-product .filter-btn
{
    max-width: 139px;
    width: 100%;
    padding: 15px 0;
    background-color: var(--glassblue);
    color: var(--white);
    transition-duration: 0.3s;
    border: none;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    border: 1px solid transparent;
}
.categories-2-wrap.categories-product .filter-btn:hover
{
    background-color: var(--white);
    color: var(--glassblue);
    transition-duration: 0.3s;
    border-color: var(--glassblue);
}
.categories-2-wrap.categories-product .filter-item-wrap select
{
    background-color: transparent;
    border: 1px solid var(--glassblue);
    font-size: 16px;
    font-family: var(--fontsource);
    font-weight: 300;
    font-style: italic;
}
.categories-2-wrap.categories-product .item-box figure
{
    position: relative;
}
.categories-2-wrap.categories-product .item-box:hover figure .learn-box
{
    opacity: 1;
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .item-box figure .learn-box
{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(60, 92, 132, 0.68);
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .item-box figure .learn-box a
{
    color: var(--white);
    font-size: 13px;
    font-family: var(--fontsource);
    font-weight: 600;
    background-color: transparent;
    border: 1px solid var(--white);
    padding: 10px 0;
    width: 122px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .item-box figure .learn-box a:hover
{
    background-color: var(--white);
    color: var(--glassblue);
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .item-box .text-wrap
{
    background-color: transparent;
    /* border: 1px solid var(--glasstextcolor); */
    border-top: none;
}
.categories-2-wrap.categories-product .item-box .text-wrap a
{
    font-size: 14px;
    font-family: var(--fontsource);
    font-weight: 700;
}
.categories-2-wrap.categories-product .item-box .text-wrap hr
{
    margin: 5px 0;
}
.categories-2-wrap.categories-product .item-box .text-wrap h3
{
    text-align: center;
}
.categories-2-wrap.categories-product .page-item.no-border .page-link
{
    background-color: transparent !important;
    border: none;
    padding: 0 5px;
}
.categories-2-wrap.categories-product .page-item .page-link
{
    color: var(--glasstextcolor);
    font-family: var(--fontdinbold);
    font-size: 24px;
    border: 1px solid #707070;
    padding: 2px 15.7px;
    margin: 0 7px;
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .page-item .page-link:hover
{
    color: var(--white);
    background-color: var(--glassblue);
    border-color: var(--glassblue);
    transition-duration: 0.3s;
}
.categories-2-wrap.categories-product .page-item .page-link.active
{
    color: var(--white);
    background-color: var(--glassblue);
    border-color: var(--glassblue);
}
.categories-2-wrap.categories-product .ourcategories-slider .slick-dots li
{
    width: 36px;
    height: 6px;
}
.categories-2-wrap.categories-product .ourcategories-slider .slick-dots li button
{
    width: 36px;
    height: 6px;
}
.categories-2-wrap.categories-product .ourcategories-slider .slick-dots li button::before
{
    content: "";
    opacity: 1;
    width: 36px;
    height: 6px;
    background-color: var(--glassgold);
}
.categories-2-wrap.categories-product .ourcategories-slider .slick-dots li.slick-active button:before
{
    background-color: var(--glassblue-2);
    opacity: 1;
}
.categories-2-wrap.categories-product .ourcategories-slider  .slick-slide
{
    margin: 0 10px;
}
.categories-2-wrap.categories-product .reference-wrap .bg-grey
{
    width: 100%;
    background-color: #F7FBFE;
}
.categories-2-wrap.product-detail
{
    margin-top: 23px;
}
.add-item-wrap {
    padding: 35px 0;
    transform: translateX(50px);
}
.product-detail-slider-wrap
{
    position: relative;
    width: 100%;
    text-align: center;
}
.categories-2-wrap.product-detail .add-item-wrap .numeric-wrap
{
    text-align: right;
}
.product-detail .buttons {
    margin-top: 120px;
    margin-bottom: 60px;
}
@media(max-width: 767px) {
    .product-detail .buttons {
        margin-top: 75px;
        margin-bottom: 40px;
    }
}
.product-detail .buttons .addto-btns-1
{
    color: white;
    background: var(--glassblue);
    padding: 22px 0;
    max-width: 257px;
    width: 100%;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 700;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    transition-duration: 0.3s;
}
.product-detail .buttons .addto-btns-2
{
    color: white;
    background: var(--glassgold);
    padding: 22px 0;
    max-width: 312px;
    width: 100%;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 700;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    transition-duration: 0.3s;
}
.product-detail .buttons .addto-btns-1:hover
{
    background-color: var(--white);
    color: var(--glassblue);
    border-color: var(--glassblue);
    transition-duration: 0.3s;
}
.product-detail .buttons .addto-btns-2:hover
{
    background-color: var(--white);
    color: var(--glassgold);
    border-color: var(--glassgold);
    transition-duration: 0.3s;
}
.categories-2-wrap.product-detail .add-item-wrap .numeric-wrap .numeric-value
{
    color: var(--glasstextcolor);
    background: transparent;
    border: 1px solid #707070;
    font-size: 20px;
    width: 72px;
    text-align: center;
    line-height: 50px;
    padding: 9px 0px;
    font-family: var(--fontsource);
    font-weight: 600;
}
.categories-2-wrap.product-detail .add-item-wrap .numeric-wrap .numeric-down,.categories-2-wrap.product-detail .add-item-wrap .numeric-wrap .numeric-up
{
    background: transparent;
    border: none;
    font-size: 38px;
    line-height: 50px;
    color: var(--glasstextcolor);
}
.categories-2-wrap.product-detail .add-item-wrap .numeric-wrap .default-btn
{
    opacity: 0.5;
    cursor: auto;
}
.categories-2-wrap.product-detail .add-item-wrap input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.product-detail-slider-wrap .slick-dots li
{
    width: 100px;
    filter: grayscale(0);
    transition-duration: 0.3s;
}
.product-detail-slider-wrap .slick-dots li img
{
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
    max-width: 100%;
}
.product-detail-slider-wrap .slick-dots li.slick-active
{
    filter: grayscale(1);
    transform: translateY(-3px);
    transition-duration: 0.3s;
}
.product-detail-slider-wrap .slick-dots
{
    bottom: 20px;
}
.categories-2-wrap.product-detail .text-wrap
{
    padding-left: 20px;
    border-left: 4px solid var(--glassgold);
}
.categories-2-wrap.product-detail .our-btn
{
    position: relative;
    height: 100%;
}
.categories-2-wrap.product-detail .our-btn a
{
    position: absolute;
    bottom: 0;
    right: 0;
    color:var(--glasstextcolor);
    font-size: 24px;
    font-family: var(--fontdinbold);
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}
.categories-2-wrap.product-detail .our-btn a i
{
    position: relative;
}
.categories-2-wrap.product-detail .product-detail-item-wrap
{
    background-color: #F7FBFE;
    padding: 90px 0;
    margin-top: 90px;
}
.categories-2-wrap.product-detail .reference-wrap .bg-grey
{
    background-color: transparent;
}
.categories-2-wrap.product-detail .item-box .text-wrap
{
    border: none;
    padding-left: 0;
    padding-top: 12px;
}
.categories-2-wrap.product-detail .item-box .text-wrap h3
{
    text-transform: uppercase;
}
.categories-2-wrap.product-detail .tab-content
{
    padding: 50px 50px 20px 40px;
    border: 1px solid #A2A2A2;
    background-color: var(--white);
}
.categories-2-wrap.product-detail .nav-tabs
{
    border-bottom: none;
}
.categories-2-wrap.product-detail .nav-tabs .nav-link
{
    background: var(--glasstextcolor);
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    font-family: var(--fontsource);
    line-height: 50px;
    width: 240px;
    margin-right: 15px;
}
.categories-2-wrap.product-detail .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    background-color: var(--glassblue) !important;
}
.categories-2-wrap.product-detail .bg-effect
{
    position: absolute;
    right: 0;
    top: -300px;
    z-index: -1;
}
/* CATEGORİES PRODUCT */

/* REFERENCES PAGE */
.references-page-wrap
{
    margin-top: 50px;
}
.references-page-wrap .item-box
{
    overflow: hidden;
    position: relative;
    padding-bottom: 70px;
    margin-bottom: 80px;
    cursor: pointer;
}
.references-page-wrap .item-box figure
{
    margin: 0;
}
.references-page-wrap .item-box .text-box
{
    position: absolute;
    background-color: rgba(69, 90, 132, 0.9);
    width: 220px;
    padding-top: 65px;
    height: 130px;
    margin: 0;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    transition-duration: 0.3s;
}
.references-page-wrap .item-box .text-box::before
{
    content: url(../images/references/box-effect.png);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition-duration: 0.3s;
}
.references-page-wrap .item-box .text-box p
{
    position: absolute;
    width: 100%;
    bottom: 0;
    color: var(--white);
    margin-bottom: 20px;
}
.references-page-wrap .item-box:hover .text-box
{
    height: 100%;
    transition-duration: 0.3s;
}
.references-page-wrap .item-box:hover .text-box::before
{
    opacity: 1;
    transition-duration: 0.3s;
}
.references-page-wrap .item-box .references-popup
{
    position: absolute;
}
.references-page-wrap .references-popup-wrap
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    z-index: 46;
    background-color:rgba(0, 0, 0, 0.73);
    opacity: 0;
}
.references-page-wrap .references-popup-wrap.active
{
    top: 0;
    opacity: 1;
    transition: top 0s, opacity 0.3s;
}
.references-page-wrap .references-popup-wrap .popup-wrap
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 1100px;
    max-height: 100vh;
}
@media(max-width: 1199px) {
    .references-page-wrap .references-popup-wrap .popup-wrap
    {
        max-width: 900px;
        max-height: 100vh;
    }
}
@media(max-width: 991px) {
    .references-page-wrap .references-popup-wrap .popup-wrap
    {
        max-width: 90%;
    }
}
.popup-slider .slick-slide {
    max-height: 90vh
}
.references-page-wrap .references-popup-wrap .popup-wrap .popup-slider
{
    transform: scale(0.5);
}
.references-page-wrap .references-popup-wrap.active .popup-wrap .popup-slider
{
    transform: scale(1);
    transition-duration: 0.5s;
}
.references-page-wrap .references-popup-wrap .popup-wrap .exit-popup
{
    position: absolute;
    z-index: 20;
    right: -15px;
    top: -15px;
    background-color: var(--white);
    color:var(--glasstextcolor);
    cursor: pointer;
    width: 47px;
    height: 47px;
    font-size: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 45px;
    transition-duration: 0.3s;
    opacity: 0;
}
.references-page-wrap .references-popup-wrap.active .popup-wrap .exit-popup
{
    opacity: 1;
    transition-delay: 0.3s;
}
.references-page-wrap .references-popup-wrap .popup-wrap .item
{
    position: relative;
}
.references-page-wrap .references-popup-wrap .popup-wrap .item figure
{
    margin-bottom: 0;
}
.references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap
{
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 28px 10px;
    background-color: rgba(62,90,132,0.89);
}
.references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap figure
{
    padding: 20px 30px;
    border-right: 1px solid white;
    margin-bottom: 0;
    display: inline-block;
}
.references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap h4
{
    font-size: 28px;
    font-family: var(--fontsource);
    font-weight: 700;
    font-style: italic;
    color: var(--white);
    display: inline-block;
    margin-left: 30px;
}
.references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap h5
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 600;
    font-style: italic;
    color: var(--white);
    display: inline-block;
}
@media(max-width: 767px) {
    .references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap {
        bottom: 0;
        padding: 10px
    }
    .references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap h4 {
        font-size: 20px;
    }
    .references-page-wrap .references-popup-wrap .popup-wrap .item .details-wrap figure {
        padding: 0 5px;
    }
}
.references-page-wrap .references-popup-wrap .slick-prev
{
    left: -2;
}
.references-page-wrap .references-popup-wrap .slick-next
{
    right: 2px
}
.references-page-wrap .references-popup-wrap .slick-prev, .references-page-wrap .references-popup-wrap .slick-next
{
    z-index: 3;
}
.references-page-wrap .references-popup-wrap .slick-prev:before, .references-page-wrap .references-popup-wrap .slick-next:before
{
    color: var(--white);
    background: var(--glassgold);
    padding: 0 17px 8px;
    font-family: var(--fontsource);
    font-size: 30px;
    font-weight: 300;
    z-index: 10;
    opacity: 1 !important;
}
.references-page-wrap .references-popup-wrap .slick-next:before
{
    content: "»";
}
.references-page-wrap .references-popup-wrap .slick-prev:before
{
    content: "«";
}
/* REFERENCES PAGE */

/* OUR SERVİCES */
.ourservices-page-wrap
{
    margin: 50px 0px 100px;
    z-index: 1;
    position: relative;
}
.ourservices-page-wrap .item-box .text-box
{
    background-color: var(--glassgrey);
    padding: 22px 15px;
}
.ourservices-page-wrap .item-box h3
{
    color: var(--glassblue);
}
.ourservices-page-wrap .item-box figure
{
    margin: 0;
}
.ourservices-page-wrap .item-box figure img
{
    width: 100%;
}
.ourservices-page-wrap .our-btn
{
    position: relative;
    height: 100%;
}
.ourservices-page-wrap .our-btn a
{
    color:var(--glasstextcolor);
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 400;
    line-height: 44px;
    display: block;
    transition: all 0.25s ease-in-out;
}
.ourservices-page-wrap .our-btn a i
{
    position: relative;
    margin-left: 20px;
}
.banner-wrap.our-services .bg-effect
{
    position: absolute;
    top: 212px;
    right: 0;
    z-index: 1;
}
/* OUR SERVİCES */
/* OUR SERVİCES DETAİL */
.servicesdetail-page-wrap
{
    z-index: 1;
    position: relative;
}
.servicesdetail-page-wrap .item-grey-box
{
    background-color: var(--glassgrey);
    text-align: center;
    padding: 180px 0;
    width: 100%;
    z-index: -1;
    position: relative;

}
.servicesdetail-page-wrap .item-grey-box .item-wrap
{
    max-width: 387px;
    width: 100%;
    display: inline-block;
    text-align: left;
}
.servicesdetail-page-wrap .two-img-wrap
{
    text-align: center;
}
.servicesdetail-page-wrap .two-img-wrap figure
{
    display: inline-block;
    width: 49%;
}
.servicesdetail-page-wrap .two-img-wrap figure:first-child
{
    transform: translateY(-130px);
}
.servicesdetail-page-wrap .mt-200px
{
    margin-top: 200px;
}
.servicesdetail-page-wrap .video-wrap .iframe-wrap iframe
{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.servicesdetail-page-wrap .video-wrap .video-text-wrap
{
    text-align: center;
}
.servicesdetail-page-wrap .video-wrap .video-text-wrap h3,.servicesdetail-page-wrap .video-wrap .video-text-wrap p
{
    text-align: right;
    max-width: 389px;
    display: inline-block;
}
.servicesdetail-page-wrap .video-wrap .video-box .video-img
{
    position: relative;
}
.servicesdetail-page-wrap .video-wrap .video-box .video-img .play-btn
{
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(41,41,41,0.37);
    cursor: pointer;
    transition-duration: 0.3s;
}
.servicesdetail-page-wrap .video-wrap .video-box .video-img .play-btn i
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    padding: 37px 41px;
    border-radius: 100%;
    background: var(--white);
    color:var(--glasstextcolor);
    font-size: 25px;
    transition-duration: 0.3s;
}
.servicesdetail-page-wrap .video-wrap .video-box .video-img .play-btn:hover
{
    transform: scale(0.95);
    transition-duration: 0.3s;
}
.servicesdetail-page-wrap .video-wrap .video-box .video-img .play-btn:hover i
{
    background-color: var(--glassblue);
    color: var(--white);
    transition-duration: 0.3s;
}
.servicesdetail-page-wrap .video-wrap.play-iframe .video-img
{
    display: none;
}
.servicesdetail-page-wrap .video-wrap.play-iframe .iframe-wrap
{
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.servicesdetail-page-wrap .video-wrap.play-iframe .iframe-wrap iframe
{
    display: block;
}

/* OUR SERVİCES DETAİL */

/* CONTACT US */
.banner-wrap.contact-us
{
    padding-bottom: 115px;
    background-color: transparent;
}
.banner-wrap.contact-us .banner-image
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.contact-page-wrap .text-box-wrap
{
    background-color: rgba(255,255,255,0.88);
    text-align: center;
}
.contact-page-wrap .text-box-wrap .text-box
{
    max-width: 369px;
    display: inline-block;
    text-align: left;
    padding: 125px 0;
}
.contact-page-wrap .img-box figure
{
    position: relative;
}
.contact-page-wrap .img-box figure::before
{
    content: "";
    background-color: var(--glassgold);
    width: 89px;
    height: 89px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transform: translate(6px,19px);
    z-index: 1;
}
.contact-page-wrap .img-box figure::after
{
    content: "";
    background-color: var(--glasstextcolor);
    width: 117px;
    height: 117px;
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(40px,-40px);
    z-index: 1;
}
.contact-page-wrap .contact-form-wrap
{
    background-color: #FAFAFA;
    padding: 165px 0 100px;
    top: -65px;
}
.contact-page-wrap .contact-form-wrap form
{
    text-align: center;
}
.contact-page-wrap .contact-form-wrap form input,
.contact-page-wrap .contact-form-wrap form select
{
    width: 100%;
    background-color: transparent;
    color:var(--glasstextcolor);
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    line-height: 68px;
    padding:0px 30px;
    border: 1px solid var(--glasstextcolor);
    margin-bottom: 10px;
}
.contact-page-wrap .contact-form-wrap form select{
    height: 68px;
}
.contact-page-wrap .contact-form-wrap form input::placeholder
{
    color:rgba(43,43,43,0.5);
}
.contact-page-wrap button{

}
.contact-page-wrap .contact-form-wrap form textarea
{
    width: 100%;
    background-color: transparent;
    color:var(--glasstextcolor);
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    padding:20px 30px;
    border: 1px solid var(--glasstextcolor);
}
.contact-page-wrap .contact-form-wrap form textarea::placeholder
{
    color:rgba(43,43,43,0.5);
}
.contact-page-wrap .contact-form-wrap form .btn-style-1
{
    max-width: 201px;
    padding: 17px 0px;
    background-color: var(--glassgold);
    color: var(--white);
    border-color: transparent;
    transition-duration: 0.3s;
}
.form-bottom{
    display: flex;
    flex-direction: column;
}
.form-bottom button{
    margin: 0 auto;
}
.contact-page-wrap .contact-form-wrap form .btn-style-1:hover
{
    background-color:transparent;
    border-color: var(--glassgold);
    color: var(--glassgold);
    transition-duration: 0.3s;
}
.contact-page-wrap .contact-form-wrap .pretty .state label:before, .contact-form-wrap .pretty .state label:after
{
    top: 3px !important;
    /*left: -10px;*/
}
.contact-page-wrap .followus-wrap
{
    margin:35px 0 100px;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a
{
    display: inline-block;
    width: 28%;
    background-color:transparent;
    color: var(--white);
    font-size: 20px;
    font-family: var(--fontdinbold);
    line-height: 77px;
    margin: 0px 15px;
    text-align: center;
    border: none;
    position: relative;
    overflow: hidden;
    transition-duration: 0.3s;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a i
{
    transform: translateX(-10px);
}
.contact-page-wrap .followus-wrap .social-btn-wrap a::before
{
    content: "";
    position: absolute;
    left: 0%;
    top: 100%;
    background-color: var(--white);
    z-index: -1;
    width: 100%;
    height: 50%;
    transition-duration: 0.3s;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a::after
{
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
    background-color: var(--glassblue);
    z-index: -2;
    width: 100%;
    height: 100%;
    transition-duration: 0.3s;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a:hover:after
{
    background-color: var(--glassgold);
    transition-duration: 0.3s;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a:hover
{
    color: var(--glassgold);
    transition-duration: 0.3s;
}
.contact-page-wrap .followus-wrap .social-btn-wrap a:hover:before
{
    top: 50%;
    transform: translateY(-50%);
    transition-duration: 0.3s;
}
.contact-page-wrap .z-index-2
{
    z-index: 2;
    position: relative;
}
.contact-page-wrap .map-wrap
{
    background-color: #F7FBFE;
    padding: 85px 0 200px;
}
.contact-page-wrap .map-wrap .map-items
{
    position: relative;
}
.contact-page-wrap .map-wrap .map-items .country-box h3
{
    font-size: 18px;
    font-family:var(--fontdinbold);
    color: var(--white);
}
.contact-page-wrap .map-wrap .map-items .country-box
{
    padding: 27px 5px 15px;
    position: absolute;
    border-radius: 6px;
    max-width: 250px;
    transition: 200ms;
}
.contact-page-wrap .map-wrap .map-items .country-box p
{
    display: none;
    color: var(--white);
}
.contact-page-wrap .map-wrap .map-items .country-box:hover p
{
    display: inline-block;
}
.contact-page-wrap .map-wrap .map-items .country-box:hover h3
{
    font-size: 24px;
}
.contact-page-wrap .map-wrap .map-items .country-box:hover
{
    z-index: 20;
    padding: 33px 20px;
}
.contact-page-wrap .map-wrap .map-items .country-box.bg-gold
{
    background-color: var(--glassgold);
}
.contact-page-wrap .map-wrap .map-items .country-box.bg-gold::before
{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid var(--glassgold);
    bottom: -20px;
    right: 10px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
}
.contact-page-wrap .map-wrap .map-items .country-box.bg-blue
{
    background-color: var(--glassblue);
}
.contact-page-wrap .map-wrap .map-items .country-box.bg-blue::before
{
    content: "";
    width: 0;
    height: 0;
    border: 10px solid var(--glassblue);
    bottom: -20px;
    right: 10px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
}
.contact-page-wrap .map-wrap .map-items .country-box.turkiye
{
    /*bottom: 420px;
    right: 516px;*/
    bottom: 59%;
    right: 41%;
}
.contact-page-wrap .map-wrap .map-items .country-box.hollanda
{
    /*bottom: 480px;
    right: 606px;*/
    bottom: 73%;
    right: 48%;
}
.contact-page-wrap .map-wrap .map-items .country-box.hollanda2
{
    bottom: 60%;
    right: 80%;
}
.contact-page-wrap .map-wrap .map-items .country-box.canada
{
    bottom: 85%;
    right: 72%;
}
.contact-page-wrap .map-wrap .map-items .country-box.japan
{
    /*bottom: 433px;
    right: 134px;*/
    bottom: 63%;
    right: 10%;
}
/* CONTACT US */

/* SÜRDÜRÜLEBİLİRLİK */
.banner-wrap.surdurulebilirlik .text-wrap
{
    border-left: 0;
    padding-left: 0;
    margin-top: 100px;
}
.surdur-page-wrap
{
    margin: 130px 0 100px;
    overflow: hidden;
}
.surdur-page-wrap .surdur-img
{
    background-image: url(../images/surdurulebilirlik/surdur-div-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 120px 0;
    margin: 100px 0;
    position: relative;
    z-index: 2;
}
.surdur-page-wrap .img-div
{
    margin: 70px 0 300px;
}
.surdur-page-wrap .img-div figure
{
    position: absolute;
    padding: 25px 25px 32px 48px;
    left: 50px;
}
.surdur-page-wrap .img-div figure::before
{
    content: "";
    position: absolute;
    background-color: var(--glassgold);
    width: 117px;
    height: 117px;
    left: 0;
    top: 0;
    z-index: -1;
}
.surdur-page-wrap .img-div figure::after
{
    content: "";
    position: absolute;
    background-color: var(--glasstextcolor);
    width: 117px;
    height: 117px;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.surdur-page-wrap .img-div figure img
{
    position: relative;
    z-index: 0;
}
.surdur-page-wrap .twice-img
{
    background-color: #F7FBFE;
    padding: 100px 0 0;
    max-height: 771px;
    margin: 0 0 230px;
}
/* SÜRDÜRÜLEBİLİRLİK */
/* TEDARİKÇİ BİLGİLERİ */
.tedarikci-wrap
{
    margin: 80px 0;
}
.tedarikci-wrap .mobile-inline
{
    display: none;
}
.tedarikci-wrap .item-box
{
    border: 1px solid #707070;
    padding: 24px 21px;
    transition-duration: 0.3s;
}
.tedarikci-wrap .item-box:hover
{
    background-color: var(--glassblue-2);
    transition-duration: 0.3s;
}
.tedarikci-wrap .item-box:hover h3,.tedarikci-wrap .item-box:hover p,.tedarikci-wrap .item-box:hover a
{
    color:var(--white);
    transition-duration: 0.3s;
}
.tedarikci-wrap .item-box:hover figure
{
    background-color: var(--white);
    transition-duration: 0.3s;
}
.tedarikci-wrap .item-box figure
{
    border: 1px solid #707070;
    padding: 20px 25px;
    display: inline-block;
    transition-duration: 0.3s;
}
.tedarikci-wrap .item-box h3
{
    color: var(--glassgold);
}
.tedarikci-wrap .item-box a
{
    color: var(--glassblue);
    padding-left: 8px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--fontsource);
    font-style: italic;
    line-height: 24px;
}
/* TEDARİKÇİ BİLGİLERİ */

/* MUTLU MÜŞTERİ MERKEZİ */
.mutlumusteri-wrap .img-div .text-box figure img
{
    transform: rotate(0deg);
    transition-duration: 0.3s;
}
.mutlumusteri-wrap .img-div .text-box:hover figure img
{
    transform: rotate(-30deg);
    transition-duration: 0.3s;
}
.mutlumusteri-wrap .img-div figure
{
    position: relative;
}
.mutlumusteri-wrap .img-div .text-box
{
    background-color: var(--glassblue);
    max-width: 569px;
    width: 100%;
    padding: 110px 60px;
    position: absolute;
    left: 60px;
    bottom: -100px;
    text-align: center;
}
.mutlumusteri-wrap .threebox-div
{
    margin: 200px 0 75px;
}
.mutlumusteri-wrap .threebox-div a
{
    display: inline-block;
    background-color: var(--glassgold);
    padding: 45px 25px;
    text-align: center;
    color: var(--white);
    max-width: 190px;
    width: 100%;
    height: 190px;
    transition-duration: 0.3s;
}
.mutlumusteri-wrap .threebox-div a h3
{
    line-height: 20px;
    color: var(--white);
}
.mutlumusteri-wrap .threebox-div a.gold-bg
{
    background-color: #817650;
}
.mutlumusteri-wrap .threebox-div a:hover
{
    background-color: var(--glassblue);
    transition-duration: 0.3s;
}
.mutlumusteri-wrap .reference-wrap .bg-grey
{
    max-width: 100%;
    width: 100%;
    background-color: #F7FBFE;
}
/* MUTLU MÜŞTERİ MERKEZİ */
/* VİZYON */
.vizyon-wrap
{
    position: relative;
    top: -18px;
}
.vizyon-wrap .mobile-inline
{
    display: none;
}
.vizyon-wrap .item-box
{
    text-align: center;
    max-width: 188px;
    margin: 0 auto;
}
.vizyon-wrap .item-box figure
{
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    width: 150px;
    height: 150px;
    padding: 0 30px;
    background-color:var(--glassgrey);
    border-radius: 100%;
    overflow: hidden;
    transition-duration: 0.3s;
}
.vizyon-wrap .item-box:hover figure
{
    transform: scale(1.05);
    transition-duration: 0.3s;
}
.vizyon-wrap .item-box figure img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.vizyon-wrap .twice-img-box
{
    position: relative;
    padding: 65px 0;
}
.vizyon-wrap .twice-img-box .bg-effect-blue
{
    background-color: #EAF2F8;
    max-width: 1069px;
    width: 100%;
    height: 630px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
/* VİZYON */

.full-loading {
    display: none;
    width: 100%;
    height: 100%;
    padding: 0.9375rem 0.875rem;
    margin: 0;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5001;
}
.full-loading.active {
    display: block;
}
.full-loading .atc-button--icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    animation: rotation 0.6s linear infinite;
    transition: opacity 0.1s ease 0.1s;
}
.full-loading .atc-button--icon svg circle,
.full-loading .atc-button--icon svg path {
    color: #FF7276;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.modal-close-button {
    z-index: 4;
    text-align: right;
    position: sticky;
    top: 0;
    background-color: white;
}

.popup-close-button {
    text-align: right;
    padding-right: 10px;
    height: 28px;
    padding-top: 5px;
    position: sticky;
    top: 0;
    z-index: 2;
}
.popup-close-button i {
    font-size: 20px;
}

.modal .page-detail {
    padding: 0 20px 25px;
}
.modal .page-detail p {
    font-size: 16px;
}
#page_popup{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
@media all and (max-width: 992px) {
    .modal .page-detail p {
        font-size: 14px;
    }
}
@media all and (max-width: 575px) {
    .modal .modal-dialog {
        margin: 20px;
    }
}

/* ÜYE İŞLEMLERİ */
.banner-wrap.uyeislem .bg-effect
{
    position: absolute;
    right: 0;
    top: 240px;
}
.banner-wrap.uyeislem .bg-effect img
{
    position: absolute;
    top: 0;
    right: 0;
    max-height: 1100px;
}
.uyegiris-wrap
{
    margin: 50px 0;
}
.uyegiris-wrap form
{
    max-width: 490px;
    margin: 0 auto;
}
.uyegiris-wrap form input[type=password],
.uyegiris-wrap form input[type=text]
{
    width: 100%;
    padding: 20px 25px;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--black);
    margin-bottom: 15px;
}
.uyeol-wrap
{
    margin: 50px 0;
}
.uyeol-wrap input[type=password],
.uyeol-wrap input[type=text]
{
    width: 100%;
    padding: 20px 25px;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
    color: var(--black);
}
.uyeol-wrap .pretty {
    margin-right: 0;
    white-space: normal;
}
.uyeol-wrap .pretty .state label
{
    padding-left: 40px;
    text-indent: 0;
}
.uyeol-wrap .pretty .state label:after,.uyeol-wrap .pretty .state label:before
{
    top:0px !important;
}

.sepetim-wrap
{
    margin: 50px 0;
}
.sepetim-wrap .step-navigation
{
    text-align: center;
    margin-bottom: 30px;
}
.sepetim-wrap .step-navigation .step-box
{

    display: inline-block;
}
.sepetim-wrap .step-navigation .step-box.active h3
{
    color: var(--glassblue);
}
.sepetim-wrap .step-navigation .step-box span
{
    padding: 11px 0;
    width: 45px;
    height: 45px;
    text-align: center;
    background-color: #DED7BC;
    color: transparent;
    margin-bottom: 20px;
    display: inline-block;
    border-radius: 100%;
}
.sepetim-wrap .step-navigation .step-box.active span
{
    background-color: var(--glassblue);
}
.sepetim-wrap .step-navigation .step-box.active span
{
    color: var(--white);
}
.sepetim-wrap .step-navigation .step-box.step-line span
{
    position: relative;
}
.sepetim-wrap .step-navigation .step-box.step-line span::before
{
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #707070;
}
.sepetim-wrap .step-navigation .step-box.step-line span::after
{
    content: '';
    position: absolute;
    width: 80px;
    height: 1px;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #707070;
}
.sepetim-wrap .step-navigation .step-box.step-line.active span::after
{
    background-color: var(--glassblue);
}
.sepetim-wrap .step-navigation .step-box:last-child span::before
{
    background-color: var(--glassblue);
}

.sepetim-wrap figure
{
    overflow: hidden;
    display: inline-block;
    margin: 0;
}
.sepetim-wrap figure img
{
    width: 100%;
    max-width: 116px;
}
.sepetim-wrap .sepet-body .cart-item
{
    padding: 20px 0;
}
.sepetim-wrap .sepet-body .cart-item:not(:last-child)
{
    border-bottom: 1px solid var(--glassgreydark);
}
.sepetim-wrap .sepet-body .item-detail
{
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.sepetim-wrap .sepet-body .border-left
{
    border-left: 1px solid var(--glassgreydark);
}
.sepetim-wrap .sepet-body .border-right
{
    border-right: 1px solid var(--glassgreydark);
}
.sepetim-wrap .sepet-body .border-left-right
{
    border-left: 1px solid var(--glassgreydark);
    border-right: 1px solid var(--glassgreydark);
}
.sepetim-wrap .sepet-body .delete
{
    display: block;
    height: 100px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.sepetim-wrap .sepet-body p
{
    margin-bottom: 0;
}
.sepetim-wrap .sepet-body a:hover i
{
    color: var(--black);
    transition-duration: 0.3s;
}
.sepetim-wrap .sepet-body  a i
{
    font-size: 35px;
    color: var(--glassgreydark);
    transition-duration: 0.3s;
}
.sepetim-wrap h3,.sepetim-wrap h4
{
    color: var(--glassblue);
}
.sepetim-wrap .text-wrap
{
    display: inline-block;
    position: relative;
}
.sepetim-wrap form.talep-form input
{
    width: 100%;
    padding: 20px 25px;
    color:var(--glasstextcolor);
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 400;
}
.sepetim-wrap.talep-form-wrap
{
    margin-bottom: 100px;
}
.sepetim-wrap.talep-form-wrap .pretty
{
    white-space: normal;
}
.sepetim-wrap.talep-form-wrap .pretty .state label
{
    text-indent: 0;
    padding-left: 30px;
}
.sepetim-wrap.talep-form-wrap .btn-style-1
{
    max-width: 355px;
}
.sepetim-wrap.talep-form-wrap .pretty .state label:after,.sepetim-wrap.talep-form-wrap .pretty .state label:before
{
    top: 0px !important;
}
.sepetim-wrap .sepet-body .item-wrap
{
    display: flex;
    gap: 35px;
    align-items: center;
}
.sepetim-wrap .numeric-wrap .numeric-value {
    color: var(--glasstextcolor);
    background: transparent;
    border: 1px solid #707070;
    font-size: 20px;
    width: 72px;
    text-align: center;
    line-height: 50px;
    padding: 9px 0px;
    font-family: var(--fontsource);
    font-weight: 600;
}
.sepetim-wrap .numeric-wrap .numeric-down,
.sepetim-wrap  .numeric-wrap .numeric-up {
    background: transparent;
    border: none;
    font-size: 38px;
    line-height: 50px;
    color: var(--glasstextcolor);
}
.sepetim-wrap .numeric-wrap .default-btn
{
    opacity: 0.5;
    cursor: auto;
}
.thanksyou-banner .bg-img
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}
.thanksyou-wrap .reference-wrap .bg-grey
{
    max-width: 100%;
    background-color: #F7FBFE;
}
.thanksyou-wrap .text-style-h3-25-bold
{
    font-size: 20px;
    line-height: 25px;
}
.mobile-991px
{
    display: none;
}
/* ÜYE İŞLEMLERİ */

@media (max-width:1840px)
{
    .banner-wrap.uyeislem .bg-effect
    {
        z-index: -1;
    }
}

@media(max-width:1199px)
{
    .sepetim-wrap .numeric-wrap .numeric-value
    {
        padding: 4px 0;
        width: 60px;
    }
}
@media(max-width:991px)
{
    .uyegiris-wrap .text-style-p-18-light
    {
        line-height: 15px;
    }
    .uyegiris-wrap form input[type=text]
    {
        padding: 15px 20px;
        font-size: 16px;
    }
    .uyeol-wrap input[type=text]
    {
        padding: 15px 20px;
        font-size: 16px;
    }
    .sepetim-wrap .text-wrap
    {
        margin-left: 0;
        top: 0;
        margin-top: 10px;
    }
    .sepetim-wrap .sepet-body .item-wrap
    {
        gap: 15px;
    }
    .not-991px
    {
        display: none;
    }
    .mobile-991px
    {
        display: block;
    }
    .sepetim-wrap .sepet-body .border-left
    {
        border-left: none;
    }
    .sepetim-wrap .sepet-body .border-right
    {
        border-right: none;
    }
    .sepetim-wrap .sepet-body .border-left-right
    {
        border-left: none;
        border-right: none;
    }
    .sepetim-wrap .sepet-body .item-detail
    {
        flex-direction: column-reverse;
    }
    .sepetim-wrap .sepet-body .cart-item .item-detail:first-child p,.sepetim-wrap .sepet-body .cart-item .item-detail:first-child h5
    {
        width: 100%;
    }
    .sepetim-wrap .numeric-wrap .numeric-value
    {
        padding: 0;
        width: 52px;
        position: relative;
        left: 5px;
    }
}
@media(max-width:768px)
{
    .sepetim-wrap .step-navigation .step-box.step-line span::before,.sepetim-wrap .step-navigation .step-box.step-line span::after
    {
        width: 40px;
    }
    .sepetim-wrap .text-style-h3-din-40-bold
    {
        font-size: 30px;
        line-height: 35px;
    }
    .sepetim-wrap .text-style-din-28-bold
    {
        font-size: 22px;
    }
    .sepetim-wrap .text-wrap
    {
        display: block;
    }
    .sepetim-wrap .sepet-body a i
    {
        font-size: 25px;
    }
    .sepetim-wrap .sepet-body .cart-item
    {
        border-bottom: 1px solid var(--glassgreydark);
    }
}
@media(max-width:576px)
{
    .sepetim-wrap .sepet-body .text-style-h3-din-30-bold
    {
        font-size: 25px;
        line-height: 30px;
    }
}

#newsletterFormAddnews input[type=checkbox]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    border: 1px solid gray !important;
    border-radius: 0 !important;
    background: transparent !important;
    width: 1rem;
    height: 1rem;

}
#newsletterFormAddnews input[type=checkbox]:checked
{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 490 490' style='enable-background:new 0 0 490 490;' xml:space='preserve'%3E%3Cpolygon points='452.253,28.326 197.831,394.674 29.044,256.875 0,292.469 207.253,461.674 490,54.528 '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") !important;
    background-size: 90% !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    background-position: center !important;
    border-color: white !important;

}
.form-check-label{
    color: rgba(255,255,255,0.3) !important;
}

#checkout .input-wrapper,
.account-page .input-wrapper {
    border: 1px solid var(--text);
    border-radius: 2px;
    display: flex; /* because of right button inside box */
    align-items: center;
    font-size: var(--font-size-form);
    position: relative;
    height: 52px;
}

#checkout.input-wrapper input:focus,
.account-page .input-wrapper input:focus,
#checkout .input-wrapper textarea:focus,
.account-page .input-wrapper textarea:focus {
    outline:none;
}

#checkout .input-wrapper label,
.account-page .input-wrapper label {
    font-weight:300;
    font-size: var(--font-size-body);
    position:absolute;
    pointer-events:none;
    left:calc(.875rem - 6px); /* 6 to compensate the padding below */
    padding: 0 5px;
    top: 50%;
    transform: translateY(-50%);
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
    white-space: nowrap;
}

#checkout .input-wrapper.with-textarea label,
.account-page .input-wrapper.with-textarea label {
    top: .9375rem;
    transform: none;
}

/* active state */
#checkout .input-wrapper input:focus ~ label,
#checkout .input-wrapper input:not(:placeholder-shown) ~ label,
#checkout .input-wrapper textarea:focus ~ label,
#checkout .input-wrapper textarea:not(:placeholder-shown) ~ label,
.account-page .input-wrapper input:focus ~ label,
.account-page .input-wrapper input:not(:placeholder-shown) ~ label,
.account-page .input-wrapper textarea:focus ~ label,
.account-page .input-wrapper textarea:not(:placeholder-shown) ~ label {
    top:-8px;
    /*left: 9px;
    font-size:.8125rem;
    padding: 0 4px;
    */

    transform: translateY(0) scale(0.8);
    transform-origin: top left;
    background-color: white;
}

#checkout .input-wrapper .rightButton,
.account-page .input-wrapper .rightButton,
#checkout .input-wrapper .leftButton,
.account-page .input-wrapper .leftButton {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 15px;
    font-size: 18px;
    margin: 0;
    background-color: transparent;
    border: 0;
    color: var(--text);
}

#checkout .input-wrapper input,
.account-page .input-wrapper input,
#checkout .input-wrapper textarea,
.account-page .input-wrapper textarea {
    color: var(--text);
    font-weight: 300;
    padding: 0 .875rem;
    height: 100%;
    outline: none !important;
    overflow: visible;
    width: 100%; /* TODO - sonradan eklendi, sorun olursa kaldırabilirsin!! */
    font-size: var(--font-size-form);

    flex-basis: 0;
    flex-grow: 1;
}

#checkout .input-wrapper.with-textarea,
.account-page .input-wrapper.with-textarea {
    min-height: 118px;
    max-height: 500px;
}

#checkout .input-wrapper.with-textarea textarea,
.account-page .input-wrapper.with-textarea textarea {
    padding: .9375rem .875rem .9375rem
}

#checkout .input-wrapper.for-nav-search,
.account-page .input-wrapper.for-nav-search {
    height: 46px;
}

#checkout .input-wrapper.for-nav-search input,
.account-page .input-wrapper.for-nav-search input {
    font-size: 0.9375rem;
}

#checkout .input-wrapper.for-search-page,
.account-page .input-wrapper.for-search-page {
    height: 75px;
}

#checkout .input-wrapper.for-search-page input,
.account-page .input-wrapper.for-search-page input {
    font-size: 1.2rem;
}
.pretty .state label:after, .pretty .state label:before{
    top: 3px !important;
    width: calc(1em + -2px) !important;
    height: calc(1em + -2px) !important;
}
.container-1280{
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.container-1190{
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
.container-1140{
    max-width: 1140px !important;
}
.pretty input{
    max-width: 20px;
}
.checkout-button{
    max-width: 100%;
}

.button.alwaysBig {
    padding: .875rem 2.125rem !important;
}

.button.small {
    font-size: 0.715rem; /* var(--font-size-button-medium) */
    padding: .6875rem 1.375rem !important;
}

.button.small2 {
    font-size: var(--font-size-button-small);
    padding: .6875rem 1.375rem !important;
}

.button.huge {
    padding: .9375rem .875rem .9375rem;
    font-size: var(--font-size-button-x-large);
}

.button.fill {
    width: 100%;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.button.outlinedGray {
    color: var(--text);
    background-color: transparent;
    border: 1px solid var(--text);
}

.button.outlinedDark {
    color: var(--cs-black);
    background-color: white;
    border: 1px solid var(--cs-black);
}

.button.blue {
    border: 1px solid var(--blue1);
    background-color: var(--blue1);
}

.button.orange {
    border: 1px solid var(--cs-orange);
    background-color: var(--cs-orange);
}

.button.gray {
    color: #fff;
    border: 1px solid var(--text);
    background-color: var(--text);
}

.button.selected {
    background-color: var(--blue1);
    color: white;
}

.button:hover, .button[disabled] {
    color: white;
    background-color: var(--text);
    border-color: var(--text);
}

.button.outlinedDark:hover {
    color: white;
    background-color: var(--cs-black);
    border-color: var(--cs-black);
}

.button.outlinedWhite {
    color: #fff;
    border: 1px solid #fff;
}

.button.outlinedWhite:hover {
    background-color: #fff;
    color: var(--text);
}
.button {
    border-radius: 2px;
    color: white;
    text-transform: uppercase;
    padding: .6875rem 1.375rem;
    font-weight: 700;
    letter-spacing: .1em;
    margin: 0;
    display: inline-block;
    font-size: var(--font-size-button-large);
    transition: border-color .2s ease,background-color .2s ease,width .2s ease,height .2s ease;
    line-height: 1.15;
    border: 0;
}
.button.blue {
    border: 1px solid #3e5a84;
    background-color: #3e5a84;
}

.size-radio .btn-check:checked + label {
    background-color: rgba(91,102,112,.1);
}

.size-radio .btn-check:focus + label {
    box-shadow: #5b6670 0 0 0 1px;
}

.size-radio .btn-check[disabled] + label {
    /*	background-color: rgba(61,72,82,.4); */
    opacity: .5;
    text-decoration: line-decoration;
}

.size-radio .btn-check + label {
    font-size: 1rem;
    padding: 7.5px 10px;
    margin: 0 5px 10px 0;
    border: 1px solid #5b6670;
    border-radius: 2px;
    cursor: pointer;
}
.modal-content .btn-close:focus { box-shadow:none }
.modal .modal-close-button {
    z-index: 9999 !important;
    position: absolute;
    right: 7px;
    top: 7px;
}
.modal-body {
    padding: 35px 1rem 1rem;
}

.modal-content .btn-close{
    z-index: 1;
}
#checkout .form-check-label{
    color: #545454 !important;
    font-size: 14px;
    line-height: 1.3em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    overflow-x: hidden;
    /*	height: 100%; */
    letter-spacing: normal;
    font-weight: normal;
}
.swal2-container {
    z-index: 99999 !important;
}

.references-page-wrap .references-popup-wrap .popup-wrap .item figure img
{
  width: 100%;
}
.my-100
{
    margin: 75px 0;
}
.my-50
{
    margin: 50px 0;
}

.page-images-slider .item
{
    max-height: 800px;
}
.page-images-slider .slick-prev:before, .page-images-slider .slick-next:before
{
    color: var(--white);
    background: var(--glassgold);
    padding: 0 14px;
    font-family: var(--fontsource);
    font-size: 38px;
    font-weight: 300;
    z-index: 10;
    opacity: 1 !important;

}
.page-images-slider .slick-prev
{
    left: -30px;
}
.page-images-slider .slick-prev::before
{
 content: "«";
 position: absolute;
 right: 0;
}
.page-images-slider .slick-next
{
    right: -30px;
}
.page-images-slider .slick-next::before
{
content: "»";
position: absolute;
 left: 0;
}
.z-index-1
{
    position: relative;
    z-index: 1;
}
.aboutus-details-wrap
{
    padding: 90px 0;
    position: relative;
}
.aboutus-details-wrap .bg-grey
{
    position: absolute;
    z-index: -1;
    background-color: var(--glassgrey);
    max-width: 1670px;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0px;
}
.ul-text-style-18-light li
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--black);
}
.p-text-style-18-light p
{
    font-size: 18px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--black);
    line-height: 24px;
}
.item-bg-blue .item
{
    background-color: #3575bf;
}
.item-bg-blue .item h3 ,.item-bg-blue .item p
{
    line-height: 30px;
    color: white !important;
    margin: 0;
}
table.tbody-first-td-text-left tbody tr td:first-child
{
    text-align: left;
}
.main-table-responsive table
{
    display: inline-table;
    overflow-x: auto;
}
.main-table-responsive table :is(th,td)
{
    vertical-align: middle;
}
.yellow-span
{
    color: var(--glassgold);
    border-right: 1px solid #C6C6C6;
    padding-right: 5px;
    margin-right: 5px;
}
.glasscope-ul-li-striped
{
    list-style-type: none;
}
.glasscope-ul-li-striped > li
{
    position: relative;
    padding: 10px 0;
    padding-left: 39px;
}
.glasscope-ul-li-striped > li:nth-of-type(odd) {
    background-color: #EAF2F8 ;
}
.glasscope-ul-li-striped > li::before {
    content: "";
    width: 4px;
    position: absolute;
    left: 15px;
    top: 10px;
    bottom: 10px;
    background-color: var(--glassblue);
}
.glasscope-ul-li-dinline
{
    text-align: center;
}
.glasscope-ul-li-dinline li
{
    display: inline-block;
    margin: 10px 0;
    padding: 0px 15px;
    border-right: 1px solid black;
}
.glasscope-ul-li-dinline li:last-child
{
    border-right: none;
}
.color-box-wrap .color-box
{
    width: 138px;
    height: 138px;
    display: inline-block;
    border:1px solid grey;
}
.whyglass-ybox
{
    margin: 50px 0;
    text-align: center;
    background-color: var(--glassgold);
    color:white;
    transition-duration: 0.3s;
}
.whyglass-ybox:hover
{
    background-color: var(--glassblue-2);
    transition-duration: 0.3s;
}
.yellow-span-63
{
    display: inline-block;
    font-size: 63px;
    color: var(--glassgold);
    line-height: 24px;
}
.yellow-text-span-18
{
    display: inline-block;
    font-size: 18px;
    color: var(--glassgold);
}
.white-span-30
{
    display: inline-block;
    font-size: 30px;
    color: var(--white);
    line-height: 33px;
}
.marker-red-plus
{
    list-style-type: none;
    padding: 0;
}
.marker-red-plus li
{
    position: relative;
    left: 0;
    transition-duration: 0.3s;
}
.marker-red-plus li:hover
{
    transition-duration: 0.3s;
}
.marker-red-plus li:hover::before
{
    border-radius: 100%;
    transition-duration: 0.3s;
}
.marker-red-plus li::before
{
    content: '+';
    color: white;
    background-color: #951D38;
    border-radius: 0%;
    padding: 0px 8.3px;
    font-size: 1.2em;
    margin-right: 10px;
    position: relative;
    top: 1px;
    transition-duration: 0.3s;
}
.bg-red
{
    background-color: #CC0019 !important;
}
.bg-grey
{
    background-color: #F1F2F6 !important;
}
.bg-color-grey
{
    background-color: #F1F2F6 !important;
}
.bg-darkgrey
{
    background-color: #2B2B2B !important;
}
.bg-red-10
{
    background-color: #951d381a;
}
.bg-color-white
{
    background-color: var(--white);
}
.bg-color-blue
{
    background-color: var(--glassblue);
}
.color-blue
{
    color: var(--glassblue);
}
.bg-color-gold
{
    background-color: var(--glassgold);
}
.bg-color-gold-2
{
    background-color: #C6B168;
}
.bg-color-gold-3
{
    background-color: #DBC26C;
}
.color-gold
{
    color: var(--glassgold) !important;
}
.color-gold-2
{
    color: #C6B168 !important;
}
.color-gold-3
{
    color: #DBC26C !important;
}
.py-150
{
    padding: 150px 0;
}
.py-125-px-80
{
    padding: 125px 80px;
}
.tbox-wrap .item
{
    background-color: var(--white);
    padding: 90px 50px 30px;
    min-height: 450px;
    text-align: center;
}
.tbox-wrap .item h4
{
    margin: 50px 0 20px;
}
.ltdend > td:last-child
{
    text-align: right;
}
.fireresistant-table
{
    margin: 80px 0;
}
.fireresistant-table .table-striped > tbody > tr:nth-child(2n+1) > td,.fireresistant-table .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #F8EAEC;
}
.iframe-wrap iframe
{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.iframe-wrap #iframe-play
{
    position: absolute;
    top: 50%;
    left: 50%;
    border: 6px solid white;
    border-radius: 100%;
    width: 110px;
    height: 110px;
    color: white;
    text-align: center;
    transform: translate(-50%, -50%);
    background: #00000024;
    cursor: pointer;
    transition-duration: 0.3s;
}
.iframe-wrap #iframe-play:hover
{
    background: var(--glassblue-2);
    transition-duration: 0.3s;
}
.iframe-wrap #iframe-play i
{
    font-size: 35px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.iframe-wrap.active
{
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.iframe-wrap.active .item-wrap
{
    display: none;
}
.iframe-wrap.active iframe
{
    display: block;
}
.banner-iframe
{
    height: calc(100vh - 80px) !important;
    margin-top: 80px;
    padding-bottom: 0 !important
}
.banner-iframe .item-wrap-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    max-width: 650px;
}
.banner-iframe figure
{
    overflow: hidden;
    height: calc(100vh - 80px);
}
.banner-iframe iframe
{
    height: calc(100vh - 80px);
}
.banner-iframe #iframe-play
{
    position: relative;
    top: auto;
    left: auto;
    border: 6px solid white;
    border-radius: 100%;
    width: 125px;
    height: 125px;
    color: white;
    text-align: center;
    transform: translate(0, 0%);
    background: #00000024;
    cursor: pointer;
    transition-duration: 0.3s;
    display: inline-block;
}
.banner-iframe .item-wrap figure
{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.gold-three-box .item
{
    padding: 30px 40px;
    cursor: pointer;
    min-height: 465px;
    transition-duration: 0.3s;
}
.gold-three-box .item:hover
{
    background: var(--glassblue-2);
    transition-duration: 0.3s;
}
.gold-three-box .item:hover .first-i
{
    color: var(--glassblue-2) !important;
    transition-duration: 0.3s;
}
.gold-three-box .item h3
{
    margin-top: 25px;
    margin-bottom: 15px;
}
.gold-three-box .item p
{
    color: var(--white) !important;
}
.gold-three-box .first-i
{
    display: inline-block;
    font-size: 2.5em;
    background-color: var(--white);
    text-align: center;
    width: 88px;
    height: 88px;
    padding-top: 15px;
    border-radius: 100%;
    transition-duration: 0.3s;
}
.gold-three-box .gold-box-btn
{
    color: white;
    font-size: 20px;
    font-family: var(--fontsource);
    font-weight: 700;
    background: #ffffff52;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 10px;
    margin-top: 25px;
}
.howwework-wrap
{
    position: relative;
    padding-top: 100px;
    margin-bottom: 20px;
}
.howwework-wrap .line-div
{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #F1F2F6;
    width: 20px;
    height: 100%;
    z-index: -1;
}
.howwework-wrap .yellow-row .text-wrap
{
    background: #F7F5EF;
    border-left: 9px solid #9A884A;
}
.howwework-wrap .blue-row .text-wrap
{
    background: #EAF2F8;
    border-right: 9px solid #3E5A84;
}
.howwework-wrap .glasslogo-wrap
{
    text-align: center;
}
.howwework-wrap .glasslogo-wrap figure
{
    display: inline-block;
    padding: 13px;
    border-radius: 100%;
    background: #F1F2F6;
    transition-duration: 0.5s;
}
.howwework-wrap .glasslogo-wrap figure img
{
    transition-duration: 0.5s;
}
.howwework-wrap .line-text
{
    display: inline-block;
    position: relative;
    transition-duration: 0.5s;
}
.howwework-wrap .line-text h2
{
    display: inline-block;
    position: relative;
}
.howwework-wrap .line-text figure
{
    display: inline-block;
    height: 100%;
    position: absolute;
    width: 120px;
    top: 0;
}
.howwework-wrap .line-text figure img
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.howwework-wrap .yellow-row, .howwework-wrap .blue-row
{
    margin: 100px 0;
}
.howwework-wrap .yellow-row .line-text
{
    background: #9a884a;
}
.howwework-wrap .yellow-row .line-text h2
{
    padding: 20px 140px 20px 40px;
}
.howwework-wrap .yellow-row .line-text figure
{
    right: 0;
    background: #7e6e34;
}
.howwework-wrap .blue-row .line-text
{
    background: #3E5A84;
}
.howwework-wrap .blue-row .line-text h2
{
    padding: 20px 40px 20px 140px;
}
.howwework-wrap .blue-row .line-text figure
{
    background: #27436E;
    left: 0;

}
.howwework-wrap .contract-row .contract-wrap
{
    background: #3e5a84;
    display: inline-block;
    position: relative;
    top: -70px;
    padding: 20px 40px;
}
.howwework-wrap .contract-row .approval-wrap
{
    background: #9A884A;
    display: inline-block;
    position: relative;
    top: 70px;
    padding: 20px 40px;
}
.howwework-wrap .glasslogo-wrap.lastlogo-wrap figure
{
    display: inline-block;
    padding: 20px;
    background: #3E5A84;
    border-radius: 0%;
}
.howwework-wrap .blue-row:hover .line-text
{
    background: #27436e;
    transition-duration: 0.5s;
}
.howwework-wrap .yellow-row:hover .line-text
{
    background: #7e6e34;
    transition-duration: 0.5s;
}
.howwework-wrap .blue-row:hover .glasslogo-wrap figure
{
    background: #3e5a84;
    transition-duration: 0.5s;
}
.howwework-wrap .yellow-row:hover .glasslogo-wrap figure
{
    background: #9a884a;
    transition-duration: 0.5s;
}
.howwework-wrap .blue-row:hover .glasslogo-wrap figure img
{
    transform: rotate(-135deg);
    transition-duration: 0.5s;
}
.howwework-wrap .yellow-row:hover .glasslogo-wrap figure img
{
    transform: rotate(45deg);
    transition-duration: 0.5s;
}
.howwework-footer-above .img-wrap-left
{
    padding: 120px 0 60px;
    margin: 100px 0;
    background: white;
}
.howwework-footer-above .img-wrap-right
{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.reference-wrap .reference-slider.testimonials-wrap .item
{
    text-align: center;
    padding: 50px 35px;
    margin: 0 10px;
    background-color: var(--white);
}
.reference-wrap .reference-slider.testimonials-wrap .item figure
{
    display: inline-block;
    width: 125px;
}
.reference-wrap .reference-slider.testimonials-wrap.slick-dotted.slick-slider
{
    padding-bottom: 70px;
}
.footer-online-form
{
    padding: 100px 0;
}
.footer-online-form h5.title
{
    font-size: 95px;
    font-family: var(--fontdinbold);
    line-height: 90px;
    color: var(--white);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
}
footer #newsletterFormAddnews .page-popup
{
    color: #2b2b2b;
}
.before-blue-bg {
    position: relative;
}
.before-blue-bg:before {
    content : '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: var(--glassblue);
    position: absolute;
    z-index: -1;
}
.banner-wrap .aboutus-wrap .text-wrap
{
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 60px;
    max-width: 400px;
}

.kvkk-text{
    font-size: 18px;
    line-height: 25px;
    font-family: var(--fontsource);
    font-weight: 300;
    color: var(--glasstextcolor);
}
.online-form-modal .kvkk-text
{
    color: var(--white) !important;
}
.online-form-modal .kvkk-text a
{
    color: var(--glassgold);
}
.filter-buttons .filter-text
{
    font-size: 20px;
    display: inline-block;
    font-family: var(--fontsource);
    font-weight: 700;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    color: var(--white);
    background-color: var(--glassblue);
    border: 1px solid transparent;
    transition-duration: 0.3s;
}
.filter-buttons .filter-text:hover {
    color: var(--glassblue);
    background-color: transparent;
    border-color: var(--glassblue);
    transition-duration: 0.3s;
}
.filter-buttons .filter-text.active
{
    color: var(--glassblue);
    background-color: transparent;
    border-color: var(--glassblue);
    transition-duration: 0.3s;
}
.mb-100
{
    margin-bottom: 100px;
}
.mobile-inline
{
    display: none;
}
.whyglass-img-box .ul-li-bg-black,.whyglass-img-box .ul-li-bg-white
{
    padding-left: 0;
}

.whyglass-img-box .ul-li-bg-black li
{
    background-color: #393939;
    color: white !important;
    position: relative;
    padding: 10px 15px 10px 60px;
    list-style: none;
    margin: 5px 0;
    display: inline-block;
}
.whyglass-img-box .ul-li-bg-black li .i-ico
{
    position: absolute;
    left: 0;
    top: 0;
}
.whyglass-img-box .ul-li-bg-white li
{
    background-color: white;
    color: var(--glasstextcolor) !important;
    padding: 10px 20px 10px 15px;
    list-style: none;
    margin: 5px 0;
    display: inline-block;
}
.whyglass-img-box .bg-think
{
    background-image: url(../images/whyglasscope/bg-think.jpg);
    background-size: cover;
    padding-bottom: 400px;
    background-repeat: no-repeat;
    padding-top: 50px;
    background-position: bottom;
}
.whyglass-img-box .bg-ucgen-white
{
    background-image: url(../images/whyglasscope/bg-ucgen.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
}

.category-page-create-request-form {
    position: relative;
}
.create-request-form-title {
    font-size: 45px;
    line-height: 45px;
    font-family: var(--fontdinbold);
    color: #fff;
    margin-bottom: 20px;
}
.create-request-form-parg {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    font-family: var(--fontsource);
    color: #fff;
    margin-bottom: 20px;
}
.create-request-content {
    padding: 70px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.how-we-work-content { margin-bottom:  100px }
@media(max-width: 1199px) {
    .create-request-content {
        padding: 40px;
    }
    .how-we-work-content { margin-bottom:  75px }
}
@media(max-width: 767px) {
    .create-request-content {
        padding: 25px;
    }
}
.create-request-content-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slogan-text p {
    display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
}

@media(max-width: 991px) {
    .references-page-wrap .item-box {
        margin-bottom: 50px
    }
    .howwework-wrap .yellow-row, .howwework-wrap .blue-row {
        margin: 75px 0
    }
    .three-box-info .item-box figure {
        margin-bottom: 0;
        width: 100%;
        height: auto;
    }
    .three-box-info .item-box {
        min-height: 0;
        padding: 40px;
    }
    .three-box-info .item-box figure img {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .three-box-info .item-box p {
        margin-bottom:  0 !important
    }
    .footer-online-form h5.title {
        font-size: 70px;
        line-height: 70px;
    }
}
@media(max-width: 767px) {
    .how-we-work-content { margin-bottom:  50px }
    .slogan-text p {
        display: none
    }
    .backtotop a figure {
        margin-bottom: 0
    }
    .backtotop a {
        writing-mode: horizontal-tb;
        padding: 15px 20px 15px 24px !important;
    }
    .backtotop {
        bottom: 0
    }
    .backtotop img {
        width: 15px;
    }
    .filter-buttons .filter-text {
        font-size: 16px;
    }
    .references-page-wrap .item-box {
        margin-bottom: 30px
    }

    .howwework-wrap .yellow-row, .howwework-wrap .blue-row {
        margin: 60px 0
    }
    .three-box-info .item-box h3 {
        line-height: 40px;
    }
    .footer-online-form h5.title {
        font-size: 45px;
        line-height: 45px;
    }

    footer .footer-border-bt{
        padding: 15px
    }
}
.grecaptcha-badge{
    display: none;
}