@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allison&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

/*mainroot*/
:root {
    /*mesan-theme*/
    --pagebgcolor: #f6f6f6;
    --pagefont_clr: #151515;

    --menubg: transparent;
    --menubg-border-color: #000;

    --shoppingcart_bg: #ffffff1f;

    --clr1_1: #ef494a;
    --clr1_2: #c42f91;
    --clr1_3: #9f8f55;

    --clr2_1: #292929;
    --clr2_2: #292929;
    --clr2_3: #292929;

    --clr3: #3b3b3b;
    --clr4: #9f8f55;

    --white: #fff;
    --gray: #f3f5f8;
    --gray2: #e9e9e9;
    --gray3: #858585;
    --gray4: #343434;
    /*content*/

    --body_font_size: 14px;
    --h1-size: 2.1em;
    --h2-size: 2.1em;
    --h3-size: 2em;
    --h4-size: 2em;
    --h5-size: 1.8em;
    --p-size: 1em;

    --poppins: 'Poppins', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --montserrat: 'Montserrat', sans-serif;
    --merriweather: 'Merriweather', sans-serif;
    --oswald: 'Oswald', sans-serif;
    --allison: 'Allison', cursive;
    --quicksand: 'Quicksand', sans-serif;
    --barlow: 'Barlow Condensed', sans-serif;
    --karla: 'Karla', sans-serif;
    --noto: 'Noto Sans', sans-serif;
    --radjani: 'Rajdhani', sans-serif;
}

body {
    font-size: 16px;
    font-weight: 400;
    background: var(--pagebgcolor);
    color: var(--pagefont_clr);
    font-family: var(--karla);
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden;
}

a:hover,
a:visited,
a:focus {
    text-decoration: none;
}

h1 {
    font-size: var(--h1-size);
}

h2 {
    font-size: var(--h2-size);
}

h3 {
    font-size: var(--h3-size);
}

h4 {
    font-size: var(--h4-size);
}


.showcase_1 {
    font-size: 1.8em;

    font-family: var(--barlow);
}


.hero_1 {
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 500;
    color: var(--clr2_3);
}

.hero_1.line {
    position: relative;
    display: inline-block;

}

.hero_1.line::after {
    content: '';
    width: 50px;
    right: -60px;
    height: 1px;
    background: var(--clr1_2);
    top: calc(50% - 1px);
    position: absolute;
}

.hero_1.line::before {
    position: absolute;
    content: '';
    width: 50px;
    left: -60px;
    height: 1px;
    background: var(--clr1_2);
    top: calc(50% - 1px);
}

.clr1 {
    color: var(--clr1_1);
}

.clr2 {
    color: var(--clr2_1);
}

.bg-clr1 {
    background-color: var(--clr1_1) !important;
}

.bg-clr2 {
    background-color: var(--clr1_2) !important;
}

.bg-clr3 {
    background-color: var(--clr1_3) !important;
}


div.vertical-sign-row {
    display: block;
}

div.vertical-sign {
    background-color: var(--clr1_1);
    width: 1px;
    height: 40px;
    display: inline-block;
}

div.vertical-sign.in-sentence {
    background-color: var(--clr1_1);
    width: 20px;
    height: 20px;
    margin-top: -15px;
    display: inline-block;
    vertical-align: middle;
}

div.vertical-sign.longer {
    height: 100px;
}

div.vertical-sign.horizontal.longer {
    width: 100px;
}

div.vertical-sign.horizontal {

    width: 40px !important;
    height: 3px !important;

}

div.vertical-sign.horizontal.longer {

    width: 140px !important;

}

section {
    position: relative;
}

section.no-border {
    border: 0 !important;
}

section.no-border-top {
    border-top: 0 !important;
}

section.no-border-bottom {
    border-bottom: 0 !important;
}

section.bg-bg {
    position: relative;
}

section.bg-bg .container,
section.bg-bg .container-fluid {
    position: relative;
    z-index: 12;
}

section.bg-bg::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.1;
    /* mix-blend-mode: multiply; */
    background-position: center;
}

section.bg-bg.bg-1::after {
    background-image: url(../img/bg-1.jpg);

}

.clr2 {
    background-color: var(--clr1_2);

}

.clr3 {
    background-color: var(--clr2_1);

}

.clr4 {
    background-color: var(--clr1_3);

}

.clr2 p,
.clr2 a,
.clr3 p,
.clr3 a {
    color: #a2a2a2;
}

.clr3 .hero_1 {
    color: var(--clr1_2);
}


div.main-wrapper {
    padding-top: 175px;
}

.full_h_must {
    height: 100vh;
}

.full_h_ops {
    max-height: 100vh;
}

.full_h_min {
    min-height: 100vh;
}

.half_h_must {
    height: 50vh;
}

.half_h_ops {
    max-height: 50vh;
}

.half_h_min {
    min-height: 50vh;
}

.bg_img_full {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.soft-page {
    height: calc(100vh - 350px);
}

div.flex_container_full {
    flex: 0 0 100%;
}

div.flex_container_half {
    flex: 0 0 50%;
}


li.logo-li {

}

li.logo-li a {
    display: block;
    border-radius: 120px;

}

li.logo-li a img {
    max-width: 210px;
    display: block;
}

div.main-slider-1 {
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
}

div.main-slider-1 .my-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    z-index: 3;
    transition: all 0.5s ease-in-out;
    mix-blend-mode: multiply;
    display: flex;

}

div.main-slider-1 .my-item::after {

    position: absolute;
    width: 100%;
    height: 50vh;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    z-index: 10;
}

div.main-slider-1 .my-item::before {

    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(to top, var(--clr1_3), transparent);
    z-index: 10;

    opacity: 0.3;
}

div.main-slider-1 .my-item.active {
    z-index: 5;
    opacity: 1;
    mix-blend-mode: normal !important;
}

div.main-slider-1 .my-item .big-slogan {
    opacity: 0;
    font-size: 4em;
    font-weight: 300;
    letter-spacing: 2px;
    position: absolute;
    right: 40%;
    bottom: 30%;
    color: var(--clr2_2);
    width: 400px !important;
    line-height: 1em;
    text-shadow: 0 0 #dddddd;
    text-align: left;
    z-index: 12;
    transition: all 2s cubic-bezier(0, 0.52, 0.25, 0.85);
    transition-delay: 0.3s;
}

div.main-slider-1 .my-item .big-slogan strong {
    font-weight: 800;
}

div.main-slider-1 .my-item.active .big-slogan {
    opacity: 1;
    right: calc(20% - 250px);
}


footer {
    background: #ebebeb;
    min-height: 250px;

}

footer a.logo {
    font-size: 1.9em;
    text-transform: uppercase;
    letter-spacing: 4px;
    word-spacing: -11px;
    color: #7e7e7e;
    font-weight: 500;
}

footer a.logo span {
    color: #575757;
    font-size: 1em;
    font-weight: 900;
    margin-top: 2px;
}

footer .footer-top {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #2c2c2c;
}

footer .footer-middle {
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    width: 100%;
    min-height: 50px;
}

footer ul.social {
    padding-left: 0;
}

footer ul.social li {
    display: inline-block;
    list-style-type: none;
}

footer ul.social li a {
    color: var(--clr2_3);

}

footer ul.social li a i {
    font-size: 0.8em;
}

footer ul.social li a span {
    font-weight: 500;
    font-size: 0.9em;

}

footer .footer-bottom {
    display: block;
    width: 100%;

    background: #b7b7b7;
}

footer .footer-list {
    padding-left: 0;
}

footer .footer-list li {
    list-style-type: none;
    border-bottom: 1px solid #d8d8d8;

}

footer .footer-list li a {
    color: #393939;
    font-size: 0.8em;
    font-weight: 300;
    display: block;
}

footer .footer-list li a::before {
    color: #a2a2a2;
    content: "\f105";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    margin-right: 10px;
}

.footer-column-head {
    margin-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #adadad;
    color: #6e6e6e;
}

footer .credit-cart-img {
    max-width: 350px;
    /*filter: grayscale(1);*/
}


.to_up {
    position: fixed;
    right: 20px;
    bottom: 10%;
    display: none;
    z-index: 100;
}

.to_up div {
}

.to_up div i {
    width: 40px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--clr2_3);
    color: #dddddd;
    border-radius: 50px;
    z-index: 2;
    position: relative;
    transition: height 0.5s ease-in-out;
}

.to_up.active div i {
    height: 40px;
}

.to_up div span {
    position: relative;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    width: 30px;
    margin-top: -100%;
    z-index: -1;
    border: 1px solid #c2c2c2;
    margin-left: 5px;
    border-radius: 20px;
    background: #dddddd;
    text-align: center;
    text-transform: uppercase;
    color: var(--clr2_3);
    font-weight: 600;
    font-size: 0.8em;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    padding-left: 0;
    padding-right: 5px;
}

.to_up.active div span {
    opacity: 1;
    margin-top: -20px;
    max-height: 120px;
    padding-top: 30px;
    padding-bottom: 20px;

}


header.mobile {
    background: var(--clr2_1);
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;

}

header.mobile a.logo {
    display: inline-block;
    position: relative;
    z-index: 10;
}

header.mobile a.logo img {
    max-width: 120px;
}

header.mobile {
    z-index: 150;
    padding-top: 15px;
    padding-bottom: 15px;
}

header.mobile .menutoggler {
    display: inline-block;
    width: 30px;
    position: absolute;
    right: 21px;
    top: 18px;
    z-index: 12;
}

header.mobile .menutoggler span {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 2px;
    height: 1px;
    background: white;
    transition: all 0.3s ease-in-out;
    transform-origin: 50% 50%;
}


header.mobile .menutoggler span:nth-child(1) {
    top: 5px;
}

header.mobile .menutoggler span:nth-child(2) {
    top: 11px;
}

header.mobile .menutoggler span:nth-child(3) {
    top: 17px;
}


header.mobile .menutoggler.actived {
}

header.mobile .menutoggler.actived span {
}

header.mobile .menutoggler.actived span:nth-child(1) {
    top: -6px;
    background: var(--clr1_2);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    z-index: 1;
}

header.mobile .menutoggler.actived span:nth-child(2) {
    top: 8px;
    transform: rotate(45deg);
    z-index: 3;
    height: 2px;
    background: WHITE;
    width: 20px;
    left: 5px;
}

header.mobile .menutoggler.actived span:nth-child(3) {
    top: 8px;
    height: 2px;
    transform: rotate(-45deg);
    z-index: 4;
    background: WHITE;
    width: 20px;
    left: 5px;
}


nav.mobile {
    position: fixed;
    left: 0;
    top: 54px;
    background: WHITE;
    max-height: 0 !important;
    padding: 0;
    width: 100%;
    z-index: 160;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

nav.mobile.actived {
    max-height: 1500px !important;
}

nav.mobile ul {
    display: block;
    padding-left: 0;
    margin-bottom: 0 !important;
}

nav.mobile ul li {
    border-bottom: 1px solid #f2f2f2;
    list-style-type: none;
    text-align: center;
}

nav.mobile ul li:last-child {

}

nav.mobile ul li:first-child {

}

nav.mobile ul li a {
    color: #696969;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 0.8em;
}

div.abscontent {
    position: absolute;
    width: 400px;
    padding: 30px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.9), transparent);
    left: 0;
    bottom: 20%;
}

.vertical-ribon.left.white::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100px;
    height: 100%;
    top: 0;
    background: #fcfcfc69;
}

.vertical-ribon.right.white::after {
    content: '';
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    top: 0;
    background: #fcfcfc69;
}

.vertical-ribon.left.clr3::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100px;
    height: 100%;
    top: 0;
    background: rgba(36, 36, 58, 0.76);
}

.vertical-ribon.right.clr3::after {
    content: '';
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    top: 0;
    background: rgba(36, 36, 58, 0.76);
}

.gallery-link {
    border: 3px solid WHITE;
    height: 450px;
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.gallery-link span {
    background-color: rgba(0, 0, 0, 0.4);
    color: rgba(255, 255, 255, 0.66);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4em;
    transition: all 0.5s ease-in-out;
    transform: perspective(100px) translateZ(100px);
    opacity: 0;
}

.gallery-link:hover span {
    opacity: 1;
    transform: perspective(100px) translateZ(0);
}

.form-toggler {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: fixed;
    z-index: 140;
    color: WHITE;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.1em;
    right: 0;
    top: 50%;
    padding: 10px;
    background: #ac2222;
    border-right: 0 !important;
    transition: all 0.5s ease-in-out;
    padding-right: 20px;
}

.form-toggler:active,
.form-toggler:focus,
.form-toggler:visited {
    text-decoration: none !important;
}

.form-toggler.opened {
    right: 400px;
    padding-right: 10px;
}

.slice-form {
    height: 100vh;
    width: 400px;
    position: fixed;
    right: -400px;
    top: 0;
    z-index: 140;
    background: WHITE;
    transition: all 0.5s ease-in-out;
    border-left: 1px solid #0000001c;
    display: flex;
    align-items: center;
}

.slice-form.opened {
    right: 0;
}


form {
    padding: 20px;
}

form label {
    color: var(--clr2_2);

    margin-top: 5px;
    font-weight: 400;
}

form label.kvkk {
    color: var(--fontcolor1);
}

form label.kvkk a {
    color: var(--clr2_2);
    font-weight: 600;
}

form label a {
}

form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="file"] {
    display: block;
    width: 100%;
    padding: 5px;
    color: #dddddd;
    font-weight: 200;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #dddddd
}

form ::placeholder {
    font-size: 1em;
    font-weight: 300;
}


.iris-btn {
    padding: 10px 10px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 0.8em;

    border: none !important;
    outline: none !important;
    display: inline-block !important;
}

.iris-btn.d-block {
    width: 100%;
}

.iris-btn.btn-big {
    font-size: 1.3em;
    padding: 10px 15px;
}

.iris-btn.btn-first {
    letter-spacing: 1px;
    background: var(--clr1_1);
    color: white !important;
    font-weight: 300;
}

.iris-btn.btn-dark {
    background: #343a40;
    color: white !important;
    font-weight: 500;
}

.iris-btn.btn-light {
    background: #dddddd;
    color: var(--pagefont_clr);
    font-weight: 500;
}

.iris-btn.btn-lighter {
    background: #f5f5f5;
    border: 1px solid #dddddd !important;
    color: var(--pagefont_clr);
    font-weight: 500;
}

.iris-btn.btn-xs {
    padding: 3px 8px;
    font-size: 0.8em;
}


.bg-first {
    background-color: var(--clr1_1);
    color: WHITE;
}

.bg-second {
    background-color: var(--clr1_2);
    color: WHITE;
}

.bg-third {
    background-color: var(--clr1_3);
    color: WHITE;
}


.iris-btn.clr2 {
    background: var(--clr2_1);
    color: #ffff;
}

.iris-btn.clr3 {
    background: #ac2222;
    color: #ffff;
    font-weight: 500;
}


.hero1 {
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: 200;
    color: var(--clr2_2);
    line-height: 1em;
}

.contact-page {
}


.filter-img {
    filter: grayscale(1);
}

.whatsapp {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 100;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}

.whatsapp::after {

}

.whatsapp.hover::after {
}

.whatsapp img {
    display: inline-block;
    position: relative;
    z-index: 12;
}

.main-slider {
    background: var(--clr1_1);
}

.main-slider .owl-item {
}

.main-slider .owl-item .item {
    height: 70vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    transform: perspective(100px) translateZ(-100px);
    opacity: 0;
}

.main-slider .owl-item.active .item {
    transform: perspective(100px) translateZ(0px);
    opacity: 1;
    overflow: hidden;
}

.main-slider .owl-item .item .overlay {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    background: linear-gradient(to bottom, #4a4a4a, transparent);
    opacity: 0.9;
    mix-blend-mode: multiply;
    z-index: 2;
}

.main-slider .owl-item .item .content {
    position: absolute;
    left: 15%;
    bottom: 15%;
    width: 70%;
    height: 70%;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-slider .owl-item .item .content .frame {
    border: 1px solid rgba(255, 255, 255, 0.44);
    display: inline-block;
    width: fit-content;
    height: fit-content;
    padding: 30px;
    mix-blend-mode: multiply;
    transition-delay: 1s;
    transition: all 1.5s ease-in-out;
    opacity: 0;
    position: relative;
}

.main-slider .owl-item.active .item .content .frame {
    opacity: 1;
}

.main-slider .owl-item .item .content .frame::after {
    /*background: rgb(56 106 141 / 21%);*/
    position: absolute;
    content: '';
    left: 520px;
    width: 100%;
    top: 20px;
    height: 0;
    transition: all 1s ease-in-out;
    transition-delay: 0.5s;
    z-index: -1;
}

.main-slider .owl-item.active .item .content .frame::after {
    height: 100%;
    left: 20px;
}

.main-slider .owl-item .item .content h1 {
    color: WHITE;
    font-size: 2em;
    letter-spacing: 3px;
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 200;
}

.main-slider .owl-item .item .content h2 {
    color: #dddddd;
    line-height: 1em;
    font-size: 1em;
    font-weight: 400;
}


.card-design {
    background: WHITE;
    box-shadow: 0 0 10px #dddddd;
    margin-bottom: 10px;
    min-height: 50px;
    display: block;
    width: 100%;
}

.card-design.invert {
    background: var(--clr1_1);
}

.card-design.ver1 {
    height: 700px;
}

.card-design.ver2 {
    height: 340px;
}

.card-design.ver1 .bg-img,
.card-design.ver1 .in-content {
    height: 350px;
}

.card-design.ver2 .bg-img,
.card-design.ver2 .in-content {
    height: 340px;
}

.card-design .bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px;
}

.card-design .in-content {
    padding: 20px;
}


.relbox {
    position: relative;
    height: 450px;
}

.relbox.half_h_must {
    height: 50vh;
}

.relbox .bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 5;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.relbox .over {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, var(--clr1_2), transparent);
    opacity: 0.9;
    mix-blend-mode: multiply;
    z-index: 6;
}

.relbox .content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: end;
    z-index: 8;
}


.line-box {
    position: relative;
    border: 1px solid #e7e7e7;
    background: WHITE;
    box-shadow: 0 0 10px #dddddd;
}

.line-box.no-bg {
    background: none;
    box-shadow: none;
    border: none;
}

.line-box .bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 320px;
    position: relative;
    overflow: hidden;

}

.line-box .bg .watermark {

    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    opacity: 1;
    color: WHITE;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px;
    font-family: var(--barlow);
    line-height: 1em;
    transition: all 0.5s ease-in-out;
    transform: perspective(100px) translateZ(0);
    overflow: hidden;

}

.line-box:hover .bg .watermark {

    transform: perspective(100px) translateZ(100px);
}

.line-box .over {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, black, transparent);
    opacity: 0.9;
    mix-blend-mode: multiply;
    z-index: 6;
}

.line-box .content {
    padding: 10px;
    text-align: center;
}

.line-box .content h2 {
    font-size: 1.3em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.line-box .content h2 > a {
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 400;
    display: inline-block;
    position: relative;
    color: black;
}

.line-box .content h2::after {
    content: '';
    position: absolute;
    left: -40%;
    width: 30%;
    top: calc(50% - 1px);
    height: 1px;
    background: BLACK;
    z-index: 0;
    display: none;
}

.line-box .content h2 > a::after {
    content: '';
    position: absolute;
    left: -40%;
    width: 30%;
    top: calc(50% - 1px);
    height: 1px;
    background: BLACK;
    z-index: 0;
    display: none;
}

.line-box .content h2::before {
    content: '';
    position: absolute;
    right: -40%;
    width: 30%;
    top: calc(50% - 1px);
    height: 1px;
    background: BLACK;
    z-index: 0;
    display: none;
}

.line-box .content h2 > a::before {
    content: '';
    position: absolute;
    right: -40%;
    width: 30%;
    top: calc(50% - 1px);
    height: 1px;
    background: BLACK;
    z-index: 0;
    display: none;
}

.line-box .content p {
    margin-top: 5px;
    font-size: 0.9em;
    line-height: 1em;
    font-weight: 400;
    text-transform: uppercase;
}

.mini-columns {
    display: block;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-top: -10px;
    margin-bottom: 10px;
}

.mini-columns span {
    display: inline-block;
    width: 32%;

    text-align: center;
    border-left: 1px solid #dddddd;
    font-size: 0.7em;
    font-weight: 600;
}

.mini-columns > span:first-child {
    border-left: none;
}

.mini-columns > span:last-child {
}

.breadcrumb-area {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #2c2c2c;
    color: WHITE;
}

.breadcrumb-area .bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
}

.breadcrumb-area .over {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;

    opacity: 0.9;
    mix-blend-mode: multiply;
}

.breadcrumb-area .content {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
    display: flex;
    align-items: end;
    justify-content: start;
    text-align: center;

}

.breadcrumb-area .content h1 {
    color: white;
    text-transform: uppercase;
}

.breadcrumb-area .content p {
    color: white;
}

.breadcrumb-area .content ul.breadcrumb {

    display: inline-flex;
    border-radius: 0 !important;
    border-top: 1px solid rgba(221, 221, 221, 0.53);
    background: none !important;
    padding-left: 0;
    margin: 3px;
    padding: 3px;
}

.breadcrumb-area .content ul.breadcrumb .breadcrumb-item {
    color: #fff;
    font-family: var(--barlow);
}

.breadcrumb-area .content ul.breadcrumb .breadcrumb-item a {
    color:  #fff;
    font-family: var(--barlow);
}

.imageframe {

    position: relative;
    display: block;
    overflow: hidden;
}

.imageframe img {
    position: relative;
    z-index: 5;
}

.imageframe .triangle-frame {
    position: absolute;
    z-index: 10;
    background: var(--clr1_1);
    transform-origin: 50% 50%;
    transform: rotate(45deg);
    height: 200%;
    width: 100%;
    opacity: 0.6;
    mix-blend-mode: multiply;
    left: -80%;
    bottom: -40%;
}

.imageframe::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px solid #dddddd;
    border-radius: 100px;
    left: -50px;
    bottom: -50px;
    z-index: 8;
}

.imageframe::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border: 2px solid #dddddd;
    border-radius: 300px;
    right: -50px;
    top: -50px;
    z-index: 8;
}

.pagecontent {
}

.product-gallery {
}

.product-gallery .big-slider {
}

.product-gallery .big-slider .item {
    height: 450px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.product-gallery .big-slider .item a {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: WHITE;
    opacity: 0.3;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.5s ease-in-out;
    justify-content: center;
    font-size: 6em;
}

.product-gallery .big-slider .item a:hover {
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.product-gallery .mini-slider {

}

.product-gallery .mini-slider .item {
    height: 110px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-gallery .mini-slider .owl-item .item {
    opacity: 0.5;
    transition: opacity 0.5s ease-in-out;
}

.product-gallery .mini-slider .owl-item.active.center .item {
    opacity: 1;
}

.product-gallery .mini-slider .owl-nav {
}

.product-gallery .mini-slider .owl-nav button {
    position: absolute;
    bottom: 50%;
    outline: none !important;
    box-shadow: none !important;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: WHITE;
}

.product-gallery .mini-slider .owl-nav button:first-child {
    left: 3px;
}

.product-gallery .mini-slider .owl-nav button:last-child {
    right: 3px;
}

.product-gallery .mini-slider .owl-nav button i {
    color: WHITE;
}


.product-page .miniDescription {
    font-size: 0.8em;
}

.product-page h2 {
    font-size: 1.2em;
    font-weight: BOLD;
    color: var(--clr1_1);
    text-transform: uppercase;
}

.product-page .label {
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}

.product-page .label-dark {
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    background: var(--clr2_3);
    color: WHITE;
    display: inline-block;
    padding: 3px 15px;
}

.product-page select,
.product-page select:hover,
.product-page select:focus {
    outline: none;
    box-shadow: none;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--clr2_3);
    border-radius: 0;
    font-size: 0.8em;
    padding-left: 0;
}

.product-page .price {
}

.product-page .price .old-price {
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1em;
    position: relative;
    overflow: hidden;
    margin-bottom: -5px;
}

.product-page .price .old-price::after {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 100px;
    opacity: 0.5;
    height: 3px;
    background: RED;
    transform-origin: 50% 50%;
    transform: rotate(-15deg);
}

.product-page .price .exist-price {
    border-left: 1px solid #dddddd;
    padding-left: 10px;
    margin-left: 10px;
    color: var(--clr1_1);
    display: inline-block;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.6em;
}

.product-page .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: var(--clr1_2);
    color: WHITE;
    opacity: 1;
}

.product-page .nav-tabs .nav-link, .nav-tabs .nav-item .nav-link {
    background: #bdbdbd;
    color: #252525;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none !important;
    opacity: 0.5;
    border-radius: 0 !important;
}

.product-page .nav-tabs .nav-link, .nav-tabs .nav-item {
    margin-left: 5px;
}

.product-page .nav-tabs .nav-link, .nav-tabs .nav-item:first-child {
    margin-left: 0;
}

.product-page .tab-content {
}

.product-page .tab-content .tab-pane {
    padding: 20px;
    border: 1px solid #dddddd;
}

.product-page .tab-pane#description {
}

.product-page .tab-pane#description h1 {
    font-size: 1.5em;
}

.product-page .tab-pane#description h2 {
    font-size: 1.3em;
}

.product-page .tab-pane#description h3 {
    font-size: 1.1em;
}

.product-page .tab-pane#description p {
    font-size: 0.8em;
}

.product-page .tab-pane#card table {
    background: WHITE;
    opacity: 0.9;
    mix-blend-mode: multiply;
}

.product-page .tab-pane#card table td strong {
    display: block;
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: 5px;
}

div.piece {
    display: inline-flex;
    flex-direction: row;
}

div.piece .navigate {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 38px;
    display: flex;
    flex-direction: column;
}

div.piece .navigate span {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    background: #dddddd;
    color: var(--pagefont_clr);
    font-size: 0.6em;
    text-align: center;
}

div.piece .navigate span:first-child {
}

div.piece .navigate span:last-child {
    border-top: 1px solid #b4b4b4;
}

div.piece .piece-num {
    width: 50px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

div.piece .piece-num input {
    margin: 0;
    height: 38px;
    color: BLACK;
    text-align: center;
}

div.piece input::-webkit-outer-spin-button,
div.piece input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

div.piece input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.process-modal button[data-dismiss="modal"] {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 1;
    padding-top: 0;
    outline: none !important;
    box-shadow: none !important;
}

.process-modal button[data-dismiss="modal"] span {
    color: WHITE;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: BLACK;
    border-radius: 50px;
    opacity: 1;
    padding-bottom: 5px;
    font-weight: 100;
}

.img-radius {
    border-radius: 20px !important;
}

.bag-block {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
    margin-top: 20px;
    position: relative;
}


.price-bar {
    display: inline-block;
    float: right;
}

.price-bar .percentage-block, .price-bar .price-block {
    display: inline-block;

}

.bag-block .bag-product-content {
    position: relative;
    padding-bottom: 19px;
}

.bag-block .bag-product-content .percentage-block {
    position: absolute;
    left: -4px;
    padding: 5px;
    border-top: 1px solid #dddddd;
    width: calc(100% + 9px);
    bottom: -19px;
    text-align: center;
    font-weight: BOLD;
    background: #e4e4e4;
    color: #ff8a00;
    text-transform: uppercase;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.bag-block .bag-product-content .percentage-block span:first-letter {

}

.bag-block .bag-product-content .percentage-block span:last-child {

}


.bag-block a.del-bag {
    right: 10px;
    top: 10px;
    position: absolute;
    color: #000000;
    z-index: 123;
    border-radius: 26px;
    padding: 1px 8px;
    background: white;
}

.bag-block .cart-input {
    width: 76px;
    text-align: left;
    position: relative;
    height: 48px;
    display: inline-block;
}

.cart-input input {
    height: 100%;
    border: 1px solid #dddddd;
    border-right: none !important;
    text-align: center;
    max-width: calc(100% - 20px);
}

.bag-block .dec.qtybutton, .inc.qtybutton {
    height: 25px;
}


.bag-block h2 {
    font-weight: 600;
    border-bottom: 1px solid #dddddd;
    font-size: 1em;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.bag-block .percentage-inline {
    display: block;
    text-align: right;
}

.bag-block .percentage-inline span {
    display: inline-block;
    border-radius: 10px;
    padding: 3px 10px;
    background: var(--clr1_1);
    color: WHITE;
    font-weight: 500;
    position: relative;
}

.bag-block .percentage-inline span::after {
    /* content:"\f111"; */
    font: normal normal normal 14px/1 FontAwesome;
    color: #f8f8f8;
    margin-left: 5px;
}


.bag-block .dec.qtybutton, .inc.qtybutton {

    height: 25px;
}

.price-bar .percentage-block {
    width: 60px;
    text-align: center;
    background: var(--clr1_1);
    color: WHITE;
    border-radius: 50px;
    padding: 13px 10px;
}

.price-bar .percentage-block span:first-child {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: -4px;
}

.price-bar .percentage-block span:last-child {
    font-weight: normal;
    font-size: 0.8em;
    display: block;
}

.price-bar .price-block span:first-child {
    font-weight: BOLD;
    display: block;
    text-decoration: line-through;
    opacity: 0.5;
}

.price-bar .price-block span:last-child {
    font-weight: BOLD;
    display: block;
    font-size: 1.3em;
    color: var(--clr1_1);
}

.login-box {
    display: block;
    min-height: 150px;
    border-radius: 10px;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.77);
    backdrop-filter: blur(5px);
}

.login-box.mid {
    min-height: 50px;
}

.login-box.selector {
    display: flex;
    transition: all 0.5s ease-in-out;
    border: 1px solid #dddddd;
    box-shadow: 0 0 10px #00000000;
}

.login-box.selector.active {
    border: 1px solid var(--clr1_1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
    filter: invert(1);
}

.login-box.selector .select-area {
    border-right: 1px solid #ebebeb;
    padding: 5px 10px;
}

.login-box.selector .content-area {
    padding: 20px;
}

.login-box.selector .content-area .head {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: 1px solid #dddddd;
}

.logo-area {
    display: inline-block;
}

.logo-area a {
    display: inline-block;
    color: #414141;
    font-weight: 600;
    font-size: 2em;
}

.logo-area a span {
    color: #a5a5a5;
}

.login-box.shadow {
    box-shadow: 0 0 10px #00000005;
}

.login-box ul.account-menu {
    padding-left: 0;

}

.login-box ul.account-menu li {
    padding: 0 10px;
    padding-right: 0;
    list-style-type: none;
    display: block;
    border-bottom: 1px solid rgba(221, 221, 221, 0.65);
}

.login-box ul.account-menu li.active {

}

.login-box ul.account-menu li a {
    color: var(--pagefont_clr) !important;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px;
    padding-right: 20px;
}

.login-box ul.account-menu li.active a,
.login-box ul.account-menu li a:hover {
    background: rgba(221, 221, 221, 0.65);
}

.form-area {
    position: relative;
}

.form-area .show-pass {
    position: absolute;
    right: 5px;
    top: 35px;
    color: #777777;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
    padding: 0px 4px;
    border-radius: 10px;
}

.form-area .show-pass.active {
    border: 1px solid #777777;
    color: #252525;
}

.form-area label {
    margin-bottom: 0;
}

.form-area input[type="text"],
.form-area input[type="email"],
.form-area input[type="number"],
.form-area input[type="password"],
.form-area input[type="file"],
.form-area select,
.form-area textarea {
    color: BLACK;
    margin-bottom: 20px;
    border-left: none;
    border-right: none;
    border-top: none;
    background: #f0f0f0 !important;
    transition: all 0.1s ease-in-out;
    border-bottom: 0px solid #dddddd;
    outline: none !important;
    box-shadow: none !important;
}

.form-area input[type="text"]:focus,
.form-area input[type="number"]:focus,
.form-area input[type="password"]:focus,
.form-area select:focus,
.form-area textarea:focus {
    border-bottom: 7px solid var(--clr1_1);
    outline: none !important;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {

    -webkit-background-image: linear-gradient(45deg, #f0f0f0, #f0f0f0);

}

.shopping-search .head {
    font-size: 1em;
}

.shopping-search hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.shopping-search p strong {
    text-transform: uppercase;
    color: var(--clr1_2);
    font-size: 0.8em;
}

.shopping-search i {
    color: var(--clr1_1);
}

.product-row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    display: block;
}

.product-row a {
}

.product-row a img {
    max-width: 80px;
    vertical-align: middle;
}

.product-row a h3 {
    font-size: 1em;
    color: BLACK;
    margin-bottom: 0;
}

.product-row a p {
    font-size: 0.8em;
    color: BLACK;
    margin-bottom: 0;
}

.product-row a p.price del {
    display: block;
    text-align: right;
    font-size: 1.5em;
    opacity: 0.5;
}

.product-row a p.price strong {
    display: block;
    font-size: 1.3em;
    text-align: right;
}

.support-section {
    border-bottom: 1px solid #dddddd;
    height: fit-content;
    min-height: fit-content;
    opacity: 0.8;
    border-top: 1px solid #dddddd;
    background: var(--clr1_2);
}

.support-section .feature-box {
    width: 100%;
}

.support-section .feature-box:first-child .feature-content {
    border-left: none;
}

.support-section .feature-box .feature-content {
    padding: 10px;
    border-left: 1px solid #dddddd;
    text-align: center;
}

.support-section .feature-box .feature-content p:first-child {
    font-weight: 600;
    font-size: 0.8em;
    color: white;
    opacity: 1;
    text-transform: uppercase;
}

.support-section .feature-box .feature-content p {
    display: block;
    text-align: center;
    color: WHITE;
    font-size: 0.6em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 0;
}


.account-coupon-round {
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 120px;
    color: WHITE;
    border: 10px solid #5f5f5f;
    background: #505050;
    font-size: 1.6em;
    letter-spacing: 0;
}

/*Kullanılmış İndiirmler*/
.account-coupon-round.used-coupon {

    background: var(--clr1_3);
}


#message {
    display: none;
    background: #f7f7f7;
    color: #000;
    position: relative;
    padding: 15px 0px;
    margin-top: 20px;
}

#message p {
    padding: 0px 15px;
    font-size: 14px;
    line-height: 10px;
    font-weight: 400;
}

.valid {
    color: green;
}

.valid:before {
    position: relative;
    left: -8px;
    content: "✔";
}

.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    left: -8px;
    content: "✖";
}

.address-modal .modal-header {
    background-color: var(--clr1_2);
    color: white;
}

.address-modal .modal-header .close {
    color: white;
}

.address-modal .modal-body #address-form {
    padding: 0px !important;
}

.address-modal .modal-body #address-form .form-group {
    margin-bottom: 0.6rem;
}

.address-modal .modal-footer {
    padding: 0px !important;
    border-top: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

/*.address-modal .modal-body #address-form*/
/*input[type="text"],*/
/*form input[type="email"],*/
/*form input[type="number"],*/
/*textarea,*/
/*select{*/
/*    display: block !important;*/
/*    width: 100% !important;*/
/*    padding: 8px !important;*/
/*    color: #4d4c4c !important;*/
/*    font-weight: 400 !important;*/
/*    border-radius: 5px !important;*/
/*    box-shadow: 2px 0px 2px 0px !important;*/
/*    outline: none !important;*/
/*    border: 1px solid #dddddd !important;*/
/*}*/


.iris-alert {
    color: #ffffff;
    background-color: #565656;
    border-color: #151515;
}

.iris-alert p {
    margin-bottom: 0rem !important;
}

.swal2-select, .swal2-textarea {
    display: none !important;
}

.price {
    display: none;
}

.non-stock {
    display: none;
    margin-top: 1rem;
}

.alert p {
    margin-bottom: 0rem !important;
}

#odeme-form {
    padding: 0 !important;
}

.uye-teslimat-adresi-ekle-btn, .uye-fatura-adresi-ekle-btn {
    float: right;
}

.uye-teslimat-adresi-title, .uye-fatura-adresi-title {
    padding: 10px 0px;
}

.iris-file-input {
    display: block;
    width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px); */
    /* padding: 0.375rem 0.75rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    /* background-color: #fff; */
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.product-img {
    border: 5px solid #151515;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    margin-bottom: 10px;
}

#progressBar {
    display: none;
}

.product-img {
    position: relative;
}

.product-img{
    height: 150px;
    display: block;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.product-img-close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: linear-gradient(45deg, #33587f, #151515);
    color: WHITE;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50px;
    border: 3px solid WHITE;
}

.position-relative {
    position: relative !important;
}

#coming-for-you-gallery {
    padding: 10px;
}

#coming-for-you-gallery > img {
    height: 100%;
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    margin-bottom: 10px;
}

.imageframe img {
    width: 100%;
    border-radius: 5px !important;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    margin-bottom: 10px;
}

.paypal-text {
    padding: 10px;
    border: 1px solid #979292c4;
    border-radius: 20px;
    margin-bottom: 16px;
}

.paypal-img {
    max-width: 20%;
    border: 1px solid;
    padding: 10px;
    border-radius: 20px;
}

div.uye-adres-bilgileri {
    padding: 22px;
    border: 3px solid #ddd;
    border-radius: 10px;
}

.wh-20 {
    width: 20%;
}

div.contact-info {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
}

div.contact-info .contact-item {

}

div.contact-info .contact-item h2 {
    font-size: 30px;
}

div.contact-info .contact-item p a {
    color: black;
}


.myModal .modal-body img, video {
    vertical-align: middle;
    border-style: none;
    width: 100%;
    height: 100%;
}

.myModal .modal-body{
    position: relative !important;
    padding: 2px !important;
}


.myModal .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}

.myModal .close:hover{
    color:#fff;
}

.myModal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    /* width: 60%; */
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}