@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;600;700&display=swap');

.info__item,
.footer__post ul li,
.cart__item,
.cart__bottom form,
.review__meta,
.review__showing ul li,
.singlecontent .countadd,
.shop__item--list .shop__inner,
.callAaction__form form,
.header__bararea,
.header--two .header__top .info ul li,
.header--two .header__top .info ul,
.header__bottom .area .menu,
.header__bottom .area,
.sidebar__totalamaunt .top,
.sidebar__radiolist .form-check .formcheck,
.sidebar__subtotal,
.sidebar__relatedpost .body ul,
.sidebar__commentForm form,
.sidebar__comment .body ul li .content__top,
.sidebar__categorie .body ul li,
.sidebar__author .body,
.sidebar .body ul li,
.widget__help .widget__body ul li,
.history__inner,
.history .section__wrapper,
.quote,
.blog__meta ul,
.testimonial--one .testimonial__content--rating,
.testimonial--one .testimonial__inner,
.team--deatils .team__thumb--info ul li,
.team--two .team__content ul,
.team--two .team__item,
.project--details .project__info .content ul,
.progressbararea li .title,
.about--three .about__img--content,
.banner__content ul,
.banner--four .lab_btn_group,
.search__area form,
.search,
.tags-section .tags,
.tags-section {
    display: flex;
    flex-wrap: wrap;
}

.shop__thumb,
.shop__mode a,
.callAaction__form,
.callAaction,
.menu-item-has-children>a,
.header__bar,
.header--one .header__bottom,
.header__bottom .area .menu .search_cart ul li,
.header__bottom .area .menu ul li,
.sidebar__search form,
.history__year>span span,
.history__year>span,
.history__year,
.history__inner,
.consultancy,
.wwd--two,
.blog--classic .blog__thumb,
.testimonial--one .testimonial__inner,
.testimonial--one .testimonial__item,
.team--deatils .team__thumb--info ul li .right,
.team--two .team__thumb,
.team--two .team__item,
.team--one .team__thumb,
.project--four .project__thumb,
.project--two .section__header,
.project--two,
.project__icon,
.project__item,
.approach--three .approach__item,
.service__item,
.about--three .about__thumb,
.about--two .about__img,
.about__img,
.feature__item,
.feature__area,
.banner__thumb,
.banner__area,
.banner--four .banner,
.banner--three .banner__slider,
.banner--one .banner__social ul li a,
.tags-section .tags li span,
.cart-plus-minus,
.custom-upload,
body.mrcart__overlay,
.header__cartcount {
    position: relative;
}

.search {
    position: fixed;
}

.shop__thumb::after,
.shop__mode a::after,
.callAaction::after,
.menu-item-has-children>a::before,
.menu-item-has-children>a::after,
.header__cartcount span,
.header__bar span,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu .search_cart ul li:last-child::before,
.header__bottom .area .menu .search_cart ul li::after,
.sidebar__search form button,
.faq .accordion-button:before,
.faq .accordion-button:after,
.history__year>span::before,
.history__year>span::after,
.history__year::after,
.consultancy::after,
.wwd--two::after,
.blog--classic .blog__thumb .date,
.testimonial--one .testimonial__item::after,
.team--deatils .team__thumb--info ul li .right::after,
.team--two .team__thumb::after,
.team--two .team__item::after,
.team--one .team__thumb ul,
.project--four .project__thumb::after,
.project--two .project__icon,
.project--two::before,
.project--two::after,
.project__content::after,
.project__content,
.approach--three .approach__item .radius-btn,
.service__back,
.about--three .about__img--content,
.about--two .about__img .abs__thumb,
.about__img--content,
.feature__item::after,
.banner__thumb--absthumb,
.banner--four .banner__quote,
.banner--three .banner__pagination,
.banner--one .banner__social ul li a::after,
.search__close,
.tags-section .tags li span::after,
.cart-plus-minus .qtybutton,
.custom-upload input[type=file],
body.mrcart__overlay::after {
    position: absolute;
    content: "";
}

.shop__thumb,
.sidebar__recentproduct .body ul li .thumb,
.sidebar__relatedpost .body ul li .thumb,
.sidebar__recentpost .body ul li .thumb,
.sidebar__author .thumb,
.history__thumb,
.blog__thumb,
.testimonial-one__carousel,
.proje__slider,
.ekibimiz__slider,
.urunkat__slider,
.testimonial__slider,
.team--one .team__thumb,
.approach--four .approach__thumb,
.approach--two .approach__thumb,
.banner--three,
.banner--one,
.cart-plus-minus,
.preloader,
.custom-upload,
.sidebar__recentproduct .body ul li .content h6,
.approach--two .approach__content h5 a,
.footer__post--content h6 a,
.cart__content a,
.sidebar .body ul li .content h6 a,
.blog__content h5 a {
    overflow: hidden;
}

.review__nav li,
.singlethumb__left .thumb,
.shop__content .rating span,
.shop__mode a.active,
.shop__mode a:hover,
.header__ellepsis i,
.header__bar,
.header__bottom .area .menu .search_cart ul li,
.service--three .sertab__item,
.filters-button-group .filter-btn,
.search__close,
.cart-plus-minus .qtybutton,
.custom-upload input[type=file],
.custom-upload .file-btn,
.custom-upload {
    cursor: pointer;
}

.footer__post--thumb img,
.cart__top table,
.singlethumb__right .thumb img,
.singlethumb__right,
.shop__link,
.shop__thumb img,
.shop__thumb::after,
.shop__item--list .shop__thumb,
.shop__product.lists .col-lg-4.col-md-6.col-12,
.header__bar span,
.header--two .header__bottom .area .main-menu,
.header--one,
.header__bottom.header-fixed,
.sidebar__relatedpost .body ul li .thumb img,
.sidebar__relatedpost .body ul li,
.sidebar__commentForm form input,
.sidebar__author .body .content,
.sidebar__author .body .thumb img,
.sidebar__author .body .thumb,
.widget__help .widget__body img,
.widget__brochure .widget__body img,
.history__thumb img,
.sponsor__thumb img,
.blog__thumb a img,
.testimonial--one .testimonial__content,
.team--deatils .team__thumb img,
.team--two .team__content,
.team--two .team__thumb img,
.team--two .team__thumb,
.team--one .team__thumb img,
.project--details .project__info .content ul li,
.project--four .project__thumb::after,
.project--two .project__thumb img,
.project__content,
.project__thumb img,
.approach--four .approach__thumb img,
.approach--two .approach__thumb img,
.service--details .service__maincontent img,
.service--three .sertabcontent__thumb img,
.service__back img,
.service__back,
.about__img--content,
.about__img--thumb>img,
.feature__item::after,
.banner__content ul li,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.banner--three .banner__pagination,
.search,
.map iframe,
input,
textarea,
select,
body.mrcart__overlay::after {
    width: 100%;
}

.footer__post--thumb img,
.singlethumb__right .thumb img,
.shop__thumb img,
.shop__thumb::after,
.sidebar__author .body .thumb img,
.consultancy::after,
.wwd--two::after,
.testimonial--one .testimonial__item::after,
.team--two .team__thumb img,
.project--four .project__thumb::after,
.project--two::after,
.project__content,
.service--details .service__maincontent img,
.service__back img,
.service__back,
.search,
.map iframe,
body.mrcart__overlay::after {
    height: 100%;
}

.review__poston a,
.singlecontent .rating p,
.shop__content .price,
.header__cartcount span,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu ul li a,
.sidebar__totalamaunt .top p,
.sidebar__calculate p,
.sidebar__shipping p,
.sidebar__subtotal p,
.history__year>span span,
.pricing__offer,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.testimonial--one .testimonial__content--count,
.team--one .team__thumb ul li a,
.approach--three .approach__item .radius-btn,
.service--three .sertab__content p,
.service--two .service__pagination span,
.progressbararea li .title p,
.banner--three .banner__pagination span,
.filters-button-group .filter-btn,
.text-btn,
.lab-btn,
.infotext p,
.paginationn li .page-link,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    font-weight: 700;
}

.cart__top table,
.team--deatils .team__thumb--info ul li .left p,
.about--three .about__content h6 {
    font-weight: 600;
}

.singlecontent h6 span,
.approach__content .step {
    font-weight: 500;
}

.shop__content .price span,
.contact__content p b,
.counter__title h6 {
    font-weight: 400;
}

.shop__link,
.project--four .project__thumb::after,
.project--two::before,
.about--three .about__img--content {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about--three .about__img--content,
.search__area form,
.search {
    justify-content: center;
}

.review__meta,
.callAaction__form form,
.header--two .header__bottom .area .main-menu,
.header__bottom .area .menu,
.header__bottom .area,
.sidebar__totalamaunt .top,
.sidebar__radiolist .form-check .formcheck,
.sidebar__subtotal,
.sidebar__relatedpost .body ul,
.sidebar__commentForm form,
.sidebar__comment .body ul li .content__top,
.sidebar__categorie .body ul li,
.blog__meta ul,
.testimonial--one .testimonial__inner,
.progressbararea li .title,
.tags-section {
    justify-content: space-between;
}

.singlecontent .countadd,
.blog--classic .blog__meta ul {
    justify-content: flex-start;
}

.info__item,
.footer__post ul li,
.cart__item,
.header__bararea,
.header--two .header__top .info ul li,
.header__bottom .area,
.sidebar__comment .body ul li .content__top,
.sidebar .body ul li,
.widget__help .widget__body ul li,
.history__inner,
.search,
.tags-section .tags,
.tags-section {
    align-items: center;
}

.review__nav li,
.sidebar__calculate button,
.sidebar__radiolist .form-check input,
.consultancy__contact input,
.consultancy__contact textarea,
.blog--classic .sidebar__search form input,
.blog--one .sidebar__search form input,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--two .team__content ul li a,
.service--details .service__maincontent form input,
.service--details .service__maincontent form textarea {
    background: #EDF2F6;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.footer__post--content h6 a,
.cart__content a,
.sidebar .body ul li .content h6 a,
.blog__content h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.sidebar__recentproduct .body ul li .content h6,
.approach--two .approach__content h5 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.shop__product.lists .shop__item,
.shop__product.grids .shop__item--list,
.header--innerpage .header__bottom::after,
.header--innerpage .header__bottom::before,
.header__bottom.header-fixed .header__ellepsis,
.consultancy::after,
.testimonial--one .testimonial__item::after,
.project--details .project__content::after,
.project--four .project__content::after,
.project--two .project__content::after,
.about--two .about__img .abs__thumb,
.about--two .about__thumb--two .about__img .abs__thumb,
.banner--one .banner__social {
    display: none;
}

.review__poston a,
.shop__product.lists .shop__item--list,
.contact__content p b,
.header__bottom .area .menu ul li ul li,
.header__bottom .area .menu ul li a,
.sidebar__calculate button,
.sidebar__author .content span,
.widget__body ul li a,
.pricing__offer,
.team--two .team__content span,
.project--four .project__content span,
.project__content span,
.about--three .about__img--content p span,
.about__img--content h5 span,
.text-btn {
    display: block;
}

.footer__post--content span,
.footer__community ul li a,
.footer__about ul li a,
.footer__about ul li,
.review__form form .ratings__rating,
.review__form form .ratings__title,
.review__nav li,
.singlecontent .rating p,
.shop__content .rating p,
.shop__link a,
.header__cartcount span,
.header__bar span,
.header--one .header__top .social li,
.header--one .header__top .info ul li,
.header__bottom .area .menu .search_cart ul li a,
.header__bottom .area .menu ul li,
.sidebar__tags .body ul li a,
.sidebar__author .body .content ul li,
.sidebar__author .content ul li a,
.sidebar__author .content ul li,
.history__year>span,
.blog__meta ul li a,
.testimonial--two .testimonial__content--rating ul li,
.testimonial--two .testimonial__content--rating ul,
.testimonial--one .testimonial__content--rating ul li,
.testimonial--one .testimonial__content span,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--deatils .team__thumb--info ul li .right ul li,
.team--two .team__content ul li a,
.team--two .team__content ul li,
.team--one .team__content span,
.team--one .team__thumb ul li a,
.project__icon,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.banner--one .banner__social ul li,
.lab-btn,
.scrollToTop i,
.tags-section .social-link-list li a,
.tags-section .tags li a,
.tags-section .tags li span i,
.custom-upload {
    display: inline-block;
}

.tags-section .social-link-list li a {
    border-radius: 2px;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.cart__bottom form .lab-btn,
.cart__top table thead tr th,
.review__form form .lab-btn,
.callAaction__form form .lab-btn,
.sidebar__calculate button,
.sidebar__commentForm form button,
.sidebar__author .body .content ul li,
.consultancy__contact .lab-btn,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.service--details .service__maincontent form .lab-btn,
.search__area form button,
.map iframe {
    border: none;
}

.cart__bottom form input::placeholder,
.cart__top table thead tr th,
.review__poston a,
.review__nav li,
.singlecontent .rating p,
.shop__content .rating p,
.header__bottom .area .menu ul li a,
.sidebar__totalamaunt .top p,
.sidebar__calculate button,
.sidebar__calculate select::placeholder,
.sidebar__calculate input::placeholder,
.sidebar__calculate p,
.sidebar__radiolist .form-check .formcheck label,
.sidebar__shipping p,
.sidebar__subtotal p,
.sidebar__comment .body ul li .content .reply a,
.sidebar__tags .body ul li a,
.sidebar__author .content span,
.widget__body ul li a,
.pricing__head p,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.blog--classic .blog__thumb .date,
.blog__meta ul li a,
.team--deatils .team__thumb--info ul li .left p,
.team--deatils .team__thumb--info span,
.project--details .project__info .content ul li .info,
.project--details .project__info .content ul li .name,
.progressbararea li .title p,
.filters-button-group .filter-btn,
.text-btn,
.lab-btn,
.tags-section .tags li a,
.pageheader__area .breadcrumb li,
input::placeholder,
textarea::placeholder,
select::placeholder,
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    text-transform: capitalize;
}

.pricing__offer,
.banner--four .banner__content h2,
.section__header h5 {
    text-transform: uppercase;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.info__content h6,
.info__content p,
.footer__post--content span,
.footer__post--content h6 a,
.footer__community ul li a,
.footer__about ul li a,
.footer__about p,
.footer__title h5,
.footer__bottom p a,
.footer__bottom p,
.review__nav li.active,
.shop__link a:hover,
.menu-item-has-children.open>a::after,
.menu-item-has-children.open>a::before,
.header__cartcount span,
.header--four .header__bottom .main-menu .menu .cart_icon .cart_item_count,
.header--four .header__bottom .main-menu .menu ul li a,
.header--two .header__bottom .area .main-menu .menu ul li a,
.header--one .header__top .social li,
.header--one .header__top .info ul li,
.header__bottom .area .menu ul li ul li a,
.sidebar__calculate button:hover,
.sidebar__comment .body ul li .content .reply a,
.sidebar__tags .body ul li a:hover,
.sidebar__author .content ul li a:hover,
.widget__body ul li a:hover,
.counter--two .counter__title h6,
.counter--two .section__header h2,
.counter__count h2,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button::after,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--two .wwd__content h2,
.wwd--two .wwd__content p,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button::after,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.quote h5,
.quote i,
.blog--classic .blog__thumb .date,
.mgorus__pagination span.swiper-pagination-bullet-active,
.proje__pagination span.swiper-pagination-bullet-active,
.ekibimiz__pagination span.swiper-pagination-bullet-active,
.urunkat__pagination span.swiper-pagination-bullet-active,
.testimonial__pagination span.swiper-pagination-bullet-active,
.testimonial--two .testimonial__content--rating ul li,
.testimonial--two .section__header h2,
.testimonial--one .testimonial__content--count,
.testimonial--one .testimonial__content--rating ul li,
.testimonial--one .section__header h2,
.team--deatils .team__thumb--info ul li .right ul li a:hover,
.team--two .team__content ul li a:hover,
.team--one .team__thumb ul li a:hover,
.team--one .team__item:hover .team__content span,
.team--one .team__item:hover .team__content h5 a,
.project--four .project__content span,
.project--four .project__content h5 a,
.project--two .section__header p,
.project--two .section__header h2,
.project__icon:hover,
.project__content span,
.project__content h5 a,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.approach .section__header h2,
.service--two .service__pagination span.swiper-pagination-bullet-active,
.service--two .section__header h2,
.about--three .about__img--content p,
.about__img--content h5,
.banner__content ul li,
.banner--four .banner__quote h5,
.banner--four .banner__content h5,
.banner--three .banner__pagination span.swiper-pagination-bullet-active,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover,
.banner--one .banner__social ul li a,
.banner--one .banner__content h2,
.filters-button-group .filter-btn.is-checked,
.search__area form input,
.search__close,
.lab-btn.bg-title:hover,
.lab-btn:hover,
.lab-btn,
.bg-title *,
.tags-section .social-link-list li a,
.paginationn li .page-link:hover,
.pageheader__area .breadcrumb li a,
.pageheader__area h2 {
    color: #fff;
}

.cart__bottom,
.cart__top table tbody,
.cart__top table thead,
.review__area,
.singlecontent,
.singlethumb,
.shop__link a,
.shop__item,
.shop__title,
.contact__item,
.contact--one input,
.contact--one textarea,
.contact--two input,
.contact--two textarea,
.header--four .header__bottom .main-menu .menu ul li a::after,
.header--four .header__bottom .main-menu .menu ul li a::before,
.header--two .header__bottom .area .main-menu .menu ul li a::after,
.header--two .header__bottom .area .main-menu .menu ul li a::before,
.header__bottom,
.sidebar__cartamount,
.sidebar__recentproduct,
.sidebar__relatedpost,
.sidebar__commentForm,
.sidebar__comment,
.sidebar__tags,
.sidebar__categorie,
.sidebar__recentpost,
.sidebar__search form input,
.sidebar__search,
.sidebar__author,
.widget__help,
.widget__brochure,
.widget__service,
.faq .accordion-collapse,
.faq .accordion-button,
.consultancy__contact,
.pricing__item,
.wwd--two .wwd__content .accordion-item .accordion-collapse,
.blog--classic .blog__item,
.blog--one .blog__item,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.testimonial--one .testimonial__item,
.team--deatils .section__wrapper,
.team--two .team__item,
.team--one .team__thumb ul li a,
.team--one .team__item,
.project--details .project__info,
.project--details .project__item,
.project--two .section__header .lab-btn:hover,
.project__icon,
.approach__item,
.service--details .service__maincontent,
.service--three .sertabcontent,
.service--three .sertab__item,
.service--two .service__pagination span,
.service--two .service__item,
.service__back .lab-btn:hover,
.service__item,
.feature__item,
.banner--three .banner__pagination span,
.filters-button-group .filter-btn {
    background-color: #fff;
}

.sidebar__author .content ul li a,
.bg-color {
    background-color: #F2F6F9;
}

.cart__content a,
.header--innerpage .header__ellepsis i,
.header--three .header__ellepsis i,
.header--two .header__top .info__content p,
.header__bottom .area .menu .search_cart ul li span,
.header__bottom .area .menu ul li a,
.sidebar__calculate button,
.sidebar__radiolist .form-check .formcheck span,
.sidebar__author .content ul li a,
.pricing__body ul li b,
.pricing__body ul li i.fa-circle-xmark,
.pricing__item:hover .pricing__head p,
.pricing__item.active .pricing__head p,
.wwd--two .wwd__content .accordion-item .accordion-collapse .accordion-body p,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--deatils .team__thumb--info ul li .left p,
.team--two .team__content ul li a,
.approach--four .section__header h2,
.service--three .sertab__content p,
.service--two .service__pagination span,
.progressbararea li .title p,
.about__content ul li h5,
.banner--three .banner__pagination span,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate,
.banner--one .banner__social ul li a i,
.filters-button-group .filter-btn,
.text-btn,
.paginationn li .page-link {
    color: #0b2239;
}

.header__bar span,
.header--two .header__bottom,
.faq .accordion-button.collapsed::after,
.faq .accordion-button.collapsed::before,
.faq .accordion-button.collapsed .accordion-icon,
.pricing__head,
.pricing__item:hover .pricing__body span.lab-btn,
.pricing__item.active .pricing__body span.lab-btn,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button.collapsed,
.testimonial--one .testimonial__content--count,
.team--two .team__thumb::after,
.team--two .team__item::after,
.project--two,
.project__icon:hover,
.progressbararea li .progress,
.about--three .about__img--content,
.banner--one,
.lab-btn:hover {
    background: #0b2239;
}

.footer__post--content span i,
.footer__bottom p a:hover,
.cart__content a:hover,
.review__form form .ratings__rating i,
.review__poston a:hover,
.review__meta .rating i,
.singlecontent .rating a,
.singlecontent .rating span,
.singlecontent h4,
.shop__content .rating span i,
.shop__link a,
.shop__item:hover .shop__content h6 a,
.shop__mode a.active,
.shop__mode a:hover,
.shop__title p,
.contact__content p span,
.sidebar__totalamaunt .top span,
.sidebar__subtotal span,
.sidebar__recentproduct .body ul li .content .rating span,
.sidebar__recentproduct .body ul li:hover .content h6 a,
.sidebar__relatedpost .body ul li:hover .content h6 a,
.sidebar__categorie .body ul li:hover a,
.sidebar__categorie .body ul li:hover span,
.sidebar__recentpost .body ul li:hover .content h6 a,
.history__year>span span,
.history__inner:hover .history__content h4,
.history__inner:hover .history__year>span span,
.counter--two .counter__count h4,
.pricing__body ul li i.fa-circle-check,
.pricing__head p,
.pricing__offer,
.blog--classic .blog__meta ul li a:hover,
.blog--classic .blog__item:hover .blog__content h3 a,
.blog__meta ul li a i,
.blog__meta ul li a:hover,
.blog__item:hover .blog__content h5 a,
.team--two .team__item:hover .team__content h5 a,
.team--one .team__thumb ul li a,
.project--details .project__info .content ul li .name,
.project--details .project__info .title h4,
.project--two .section__header .lab-btn:hover,
.project__icon,
.approach--four .approach__item:hover .approach__content h5 a,
.approach--four .section__wrapper p a,
.approach--two .approach__item:hover .approach__content h5 a,
.service--three .sertab__item.active .sertab__content p,
.service--two .service__item:hover .service__content h5 a,
.service__back .lab-btn:hover,
.progressbararea li .title p span,
.about--three .about__img--content h2,
.about__content ul li h5 i,
.about__content h5,
.feature--three .feature__item:hover .feature__content .text-btn,
.feature--three .feature__item:hover .feature__content h5 a,
.banner--four .banner__content h2,
.banner--three .banner__content h5,
.banner--one .banner__content h5,
.text-btn:hover,
.text-btn i,
.section__header h5,
.infotext p a,
.form-message.success,
.pageheader__area .breadcrumb li a:hover,
.pageheader__area .breadcrumb li a.active,
.pageheader__area .breadcrumb li {
    color: #ee1d23;
}

.footer__about ul li a,
.review__nav li.active,
.shop__link a:hover,
.header--one .header__bottom,
.sidebar__calculate button:hover,
.sidebar__author .content ul li a:hover,
.widget__body ul li a:hover,
.history__inner:hover .history__year::after,
.counter__item,
.pricing__item:hover .pricing__body .lab-btn,
.pricing__item.active .pricing__body .lab-btn,
.pricing__item:hover .pricing__head,
.pricing__item.active .pricing__head,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button.collapsed,
.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button,
.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button,
.sponsor--two,
.quote i,
.blog--classic .blog__thumb .date,
.mgorus__pagination span.swiper-pagination-bullet-active,
.proje__pagination span.swiper-pagination-bullet-active,
.ekibimiz__pagination span.swiper-pagination-bullet-active,
.urunkat__pagination span.swiper-pagination-bullet-active,
.testimonial__pagination span.swiper-pagination-bullet-active,
.testimonial--two .testimonial__content--rating ul,
.testimonial--one .testimonial__content--rating ul,
.testimonial--one .testimonial__item::after,
.team--deatils .team__thumb--info ul li .right ul li a:hover,
.team--two .team__content ul li a:hover,
.team--two .team__item:hover .team__thumb::after,
.team--two .team__item:hover::after,
.team--one .team__thumb ul li a:hover,
.team--one .team__item:hover,
.approach--three .approach__item .radius-btn,
.approach__content .step,
.service--two .service__pagination span.swiper-pagination-bullet-active,
.progressbararea li .progress .progress-bar,
.feature__item::after,
.banner--three .banner__pagination span.swiper-pagination-bullet-active,
.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover,
.banner--one .banner__social ul li a i,
.filters-button-group .filter-btn.is-checked,
.search,
.lab-btn.bg-title:hover,
.lab-btn,
.scrollToTop i,
.tags-section .tags li a:hover,
.tags-section .tags li span::after,
.tags-section .tags li span {
    background: #ee1d23;
}

.contact--three input,
.contact--three textarea {
    background: #ecf0f3;
}

.sidebar__categorie .body ul li a i,
.sidebar .body ul li .content span,
.about--three .about__content h6 {
    color: #555555;
}

.footer__about ul li a,
.cart__top table tbody tr td:last-child,
.cart__top table thead tr th:nth-child(3),
.shop__link a,
.shop__link,
.contact__item,
.header__cartcount span,
.sidebar__calculate button,
.sidebar__author .content ul li a,
.sidebar__author,
.history__year,
.counter__item,
.pricing__body,
.pricing__head,
.pricing__offer,
.sponsor__thumb,
.quote i,
.mgorus__pagination,
.proje__pagination,
.ekibimiz__pagination,
.urunkat__pagination,
.testimonial__pagination,
.testimonial--two .testimonial__item,
.testimonial--one .testimonial__content--count,
.team--deatils .team__thumb--info ul li .right ul li a,
.team--two .team__content ul li a,
.team--one .team__content,
.team--one .team__thumb ul li a,
.project--four .project__content,
.project__icon,
.approach--three .approach__item .radius-btn,
.service--three .sertab__item,
.service__back,
.about--three .about__img--content,
.banner--four .banner__quote,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.banner--three .banner__pagination,
.banner--one .banner__social ul li a i,
.search__area form button,
.scrollToTop i,
.tags-section .social-link-list li a,
.paginationn li .page-link {
    text-align: center;
}

.cart__top table thead tr th:last-child,
.about--two .about__img--thumb {
    text-align: right;
}

.cart__content,
.sidebar__author .body .content,
.pricing__body ul,
.about--two .about__thumb--two .about__img {
    text-align: left;
}

.tags-section .tags li,
ul li {
    list-style: none;
}

/* @@@@@@@@@@@@@  Extend Property Margin 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.sidebar__author .body .content ul li,
.banner--four .banner__content .lab_btn_group a,
.banner--three .banner__content .lab_btn_group a,
.banner--four .lab_btn_group--two .lab-btn,
.banner--three .lab_btn_group--two .lab-btn,
.tags-section .tags,
ul {
    margin: 0;
}

.info__content h6,
.footer__bottom p,
.cart__item,
.singlecontent .rating p,
.shop__content .rating p,
.shop__content .price,
.shop__title p,
.contact__content p,
.header--two .header__top .info__content p,
.sidebar__subtotal p,
.sidebar__recentproduct .body ul li .content .price,
.sidebar .body ul li .content h6,
.sidebar .head h5,
.widget__help .widget__body ul li .content p,
.widget__help .widget__body ul li .icon img,
.widget__head h5,
.pricing__head p,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item:last-child,
.wwd--one .wwd__content .accordion-item:last-child,
.quote h5,
.blog--classic .blog__meta ul,
.blog--one .blog__content h5,
.team--deatils .team__thumb--info ul li .right p,
.team--deatils .team__thumb--info ul li .left p,
.project--details .project__info .title h4,
.approach__content p,
.service--three .sertab__content p,
.service__content p,
.about--three .about__img--content p,
.about--three .about__img--content h2,
.about__img--content h5,
.feature__content p,
.infotext p,
.form-message {
    margin-bottom: 0px;
}

.review__poston p,
.singlethumb__left .nav-link,
.sidebar__comment .body ul li .content__top,
.sidebar__author .content span,
.counter__count h2,
.testimonial--one .testimonial__content span,
.team--deatils .team__content .progressbararea li .title p,
.project--four .project__icon,
.approach--two .approach__thumb,
.approach__content h5,
.service--three .sertab__thumb,
.service__content h5 {
    margin-bottom: 10px;
}

.singlecontent .rating,
.sidebar__author .thumb,
.counter--two .counter__thumb,
.about--three .about__content h6 {
    margin-bottom: 25px;
}

.blog--classic .blog__meta ul li span,
.text-btn i,
.lab-btn i {
    margin-left: 10px;
}

.tags-section .social-link-list li:last-child {
    margin-right: 0;
}

.footer__community ul li a i,
.sidebar__categorie .body ul li a i,
.widget__body ul li a i,
.pricing__body ul li i,
.blog--classic .blog__meta ul li a i,
.blog__meta ul li a i,
.service--three .sertabcontent__content ul li i,
.about__content ul li h5 i,
.banner--one .banner__social ul li a i,
.custom-upload i {
    margin-right: 5px;
}

.singlecontent .rating p,
.singlecontent h6 span,
.header--one .header__top .social li img,
.header--one .header__top .info ul li img,
.banner__content ul li i,
.banner--four .lab_btn_group--two .lab-btn img,
.banner--three .lab_btn_group--two .lab-btn img,
.tags-section .social-link-list li {
    margin-right: 10px;
}

.review__showing ul li .thumb,
.review__showing ul li,
.singlethumb__left,
.shop__item--list .shop__content .rating,
.sidebar__totalamaunt .top,
.sidebar__calculate,
.widget__help .widget__body img,
.widget__brochure .widget__body img,
.wwd--two .wwd__content .accordion-item,
.wwd--one .wwd__content .accordion-item,
.quote i,
.blog__meta ul,
.testimonial--two .testimonial__thumb,
.team--two .team__content span,
.team--one .team__thumb,
.service--details .service__maincontent img,
.service--three .sertabcontent__content h3,
.service--three .sertabcontent__content h2,
.about__img--content img,
.lab_btn_group .lab-btn,
.fourzero__content h2 {
    margin-bottom: 15px;
}

.team--deatils .team__thumb--info ul li .right ul,
.project--four .project__icon,
.project--two .project__icon,
.tags-section .social-link-list {
    margin-top: 0;
}

.review__form {
    margin-top: 15px;
}

.singlecontent .countadd .lab-btn {
    margin-left: 15px;
}

.review__form form .ratings__title,
.lab_btn_group .lab-btn {
    margin-right: 15px;
}

.contact__content h5,
.sidebar__calculate select,
.sidebar__calculate input,
.testimonial--one .testimonial__thumb,
.team--two .team__content p,
.approach__content .step,
.service--three .sertabcontent__content p {
    margin-bottom: 20px;
}

.team--deatils .team__thumb--info ul,
.about--three .about__content .lab-btn,
.feature--three .feature__content .text-btn {
    margin-top: 20px;
}

.description__content ul li,
.singlecontent ul li,
.header__bar {
    margin-left: 20px;
}

.blog--classic .blog__meta ul li,
.tags-section .tags li span {
    margin-right: 20px;
}

.info__content h6,
.footer__bottom p,
.cart__item,
.singlecontent .rating p,
.shop__content .rating p,
.shop__content .price,
.shop__title p,
.contact__content p,
.header--two .header__top .info__content p,
.sidebar__subtotal p,
.sidebar__recentproduct .body ul li .content .price,
.sidebar .body ul li .content h6,
.sidebar .head h5,
.widget__help .widget__body ul li .content p,
.widget__help .widget__body ul li .icon img,
.widget__head h5,
.pricing__head p,
.pricing__head h3,
.wwd--two .wwd__content .accordion-item:last-child,
.wwd--one .wwd__content .accordion-item:last-child,
.quote h5,
.blog--classic .blog__meta ul,
.blog--one .blog__content h5,
.team--deatils .team__thumb--info ul li .right p,
.team--deatils .team__thumb--info ul li .left p,
.project--details .project__info .title h4,
.approach__content p,
.service--three .sertab__content p,
.service__content p,
.about--three .about__img--content p,
.about--three .about__img--content h2,
.about__img--content h5,
.feature__content p,
.infotext p,
.form-message {
    margin-bottom: 0px;
}

.info__content p,
.shop__content h6,
.sidebar__comment .body ul li .content__top .name h6,
.sidebar__author .content h5,
.testimonial--two .testimonial__content h5,
.testimonial--one .testimonial__content h5,
.team--two .team__content h5,
.team--one .team__content h5,
.project--four .project__content h5,
.project__content h5,
.approach--four .approach__thumb {
    margin-top: 5px;
}

.footer__title h5,
.review__title,
.singlecontent ul,
.shop__title,
.contact__icon,
.callAaction__form form textarea,
.callAaction__form form input,
.callAaction__form form .custom-select,
.callAaction__form h2,
.sidebar__commentForm form input,
.sidebar__commentForm form textarea,
.widget__brochure,
.widget__service,
.consultancy__contact h2,
.pricing__body ul,
.testimonial--one .testimonial__content p,
.team--deatils .team__content p,
.team--two .team__thumb,
.project--details .project__thumb,
.project--two .section__header p,
.approach__icon,
.service--three .sertab,
.service__icon,
.feature__thumb,
.banner__content ul,
.banner--two .banner__content p,
.filters-button-group {
    margin-bottom: 30px;
}

.footer__about ul,
.header--two .header__bottom .area .main-menu .menu .lab-btn,
.header--one .header__bottom .menu .lab-btn,
.mgorus__pagination,
.proje__pagination,
.ekibimiz__pagination,
.urunkat__pagination,
.testimonial__pagination,
.service--details .service__maincontent form,
.service--three .sertabcontent__content .lab-btn,
.about__content .lab_btn_group,
.banner--three .banner__content .lab_btn_group,
.form-message.success,
.form-message.error,
.fourzero__content .lab-btn {
    margin-top: 20px;
}


/* @@@@@@@@@@@@@  Extend Property padding 10 - 30 CSS Writing Now  @@@@@@@@@@@@@@ */
.singlethumb__left .nav-link,
.header__bottom .area .menu .search_cart ul li a,
.sidebar__author .body .content ul li,
.team--deatils .team__thumb--info ul li .right ul li,
.project--details .project__content,
.tags-section .tags,
.paginationn li .page-link,
ul {
    padding: 0;
}

.sidebar__radiolist .form-check input,
.blog__meta ul li a {
    padding: 5px;
}

.pricing__offer,
.pricing__item,
.tags-section .tags li a {
    padding: 10px;
}

.singlethumb,
.shop__item,
.shop__title,
.sidebar__search form input,
.blog__content,
.blog__item,
.team--one .team__item,
.approach--four .approach__content,
.approach--four .approach__item,
.approach--two .approach__content,
.approach--two .approach__item,
.about--three .about__img--content,
input,
textarea,
select {
    padding: 15px;
}

.sidebar__relatedpost .body,
.sidebar__tags .body,
.sidebar__search .body,
.sidebar .head,
.blog--classic .blog__item {
    padding: 20px;
}

.cart__bottom,
.review__content,
.singlecontent,
.callAaction__form,
.sidebar__totalamaunt,
.sidebar__shipping,
.sidebar__commentForm form,
.sidebar__author,
.widget__help .widget__body,
.widget__brochure .widget__body,
.consultancy__contact,
.counter__item,
.pricing__head,
.quote,
.testimonial--two .testimonial__item,
.testimonial--one .testimonial__item,
.team--deatils .section__wrapper,
.team--two .team__item,
.project--details .project__info .title,
.project--details .project__item,
.project--two .project__content,
.project__content,
.service--details .service__maincontent,
.service--three .sertabcontent,
.about__img--content {
    padding: 30px;
}

.blog__meta ul {
    padding-bottom: 10px;
}

.sidebar__shipping {
    padding-bottom: 25px;
}

.cart__content {
    padding-left: 10px;
}

.info__content {
    padding-left: 20px;
}

.footer__post--content,
.header--two .header__top .info__content,
.sidebar .body ul li .content,
.widget__help .widget__body ul li .content,
.team--deatils .team__thumb--info ul li .right {
    padding-left: 15px;
}

.info__content {
    padding-left: 20px;
}

.review__form {
    padding-top: 30px;
}

.singlecontent .countadd .cart-plus-minus,
.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span,
.team--one .team__thumb ul li a,
.service--two .service__pagination span,
.filters-button-group .filter-btn,
.paginationn li .page-link {
    margin: 5px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Titillium Web', sans-serif;
}

body.mrcart__overlay::after {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: rgba(11, 34, 57, 0.95);
}

body.margin-top {
    margin-top: 86px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

:root {
    scroll-behavior: auto !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #555555;
    font-size: 1rem;
    line-height: 1.5;
    font-family: 'Titillium Web', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
    clear: both;
    line-height: 1.3;
    font-family: 'Titillium Web', sans-serif;
    color: #0b2239;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 1.875rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1.125rem;
}

@media (min-width: 576px) {
    h1 {
        font-size: 3.75rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    h3 {
        font-size: 1.875rem;
    }

    h4 {
        font-size: 1.5rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1.125rem;
    }
}

p {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 24px;
}

a {
    color: #0b2239;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

a:visited {
    outline: none;
}

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

a:focus {
    outline: thin dotted;
    outline: none;
}

a:hover,
a:active {
    outline: 0;
}

img {
    height: auto;
    max-width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

select {
    border: 1px solid #ecf0f3;
}

input,
textarea,
select {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

.uyepanel input,
.uyepanel textarea,
.uyepanel select {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgb(245 245 245);
}

@media (max-width: 575px) {
    .bpc {
        background-position: center;
    }
}

/* @@@@@@@@@@@@@  Global CSS  @@@@@@@@@@@@@@ */
/*======= Background Image ==========*/
.bg-img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*============ Custom File Upload =============*/
.custom-upload .file-btn {
    border-radius: 5px;
}

.custom-upload input[type=file] {
    left: 0;
    top: 0;
    opacity: 0;
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #ee1d23;
}

.preloader .preloader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.preloader .preloader-inner .preloader-icon {
    width: 72px;
    height: 72px;
    display: inline-block;
    padding: 0px;
}

.preloader .preloader-inner .preloader-icon span {
    position: absolute;
    display: inline-block;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background: #fff;
    -webkit-animation: preloader-fx 1.6s linear infinite;
    animation: preloader-fx 1.6s linear infinite;
}

.preloader .preloader-inner .preloader-icon span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}

.map {
    height: 550px;
}

.fourzero__thumb {
    margin-bottom: 50px;
}

.fourzero__content p {
    max-width: 650px;
    margin-inline: auto;
}

.cart-plus-minus {
    border: 1px solid #ecf0f3;
    width: 125px;
    margin: 0 auto;
}

.cart-plus-minus .dec.qtybutton {
    border-right: 1px solid #ecf0f3;
    height: 40px;
    left: 0;
    top: 0;
}

.cart-plus-minus .cart-plus-minus-box {
    border: medium none;
    color: #0b2239;
    float: left;
    font-size: 14px;
    height: 38px;
    margin: 0;
    text-align: center;
    width: 125px;
    outline: none;
}

.cart-plus-minus .qtybutton {
    color: #0b2239;
    float: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    text-align: center;
    width: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.cart-plus-minus .qtybutton:hover {
    background: #ee1d23;
    color: #fff;
}

.cart-plus-minus .inc.qtybutton {
    border-left: 1px solid #ecf0f3;
    height: 40px;
    right: 0;
    top: 0;
}

.form-message.error {
    color: red;
}

@keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

@-webkit-keyframes preloader-fx {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

@keyframes price-ani {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0.1;
    }
}

@keyframes lab_round {
    100% {
        transform: rotateZ(360deg);
    }
}

@keyframes lab_round1 {
    100% {
        transform: rotateZ(-360deg);
    }
}

.paginationn li .page-link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    outline: none;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginationn li .page-link:focus {
    box-shadow: none;
}

.paginationn li .page-link:hover {
    background-color: #ee1d23;
}

.paginationn li:first-child .page-link,
.paginationn li:last-child .page-link {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.paginationn .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ee1d23 !important;
    border-color: #ee1d23 !important;
}

.tags-section {
    padding: 15px 30px;
    border: 1px solid #ecf0f3;
    border-top: none;
    gap: 15px;
}

.tags-section .tags li {
    padding: 5px 0;
}

.tags-section .tags li span {
    padding: 10px 15px;
    color: #fff;
}

.tags-section .tags li span::after {
    top: 50%;
    right: 0;
    transform: rotate(45deg) translateY(-50%);
    width: 15px;
    height: 15px;
}

.tags-section .tags li a {
    outline: none;
    margin: 0 3px;
    border: 1px solid #ecf0f3;
    color: #0b2239;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
}

.tags-section .tags li a:hover {
    color: #fff;
}

.tags-section .social-link-list li {
    padding: 5px 0;
}

.tags-section .social-link-list li a {
    background-color: #ee1d23;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.tags-section .social-link-list li a.facebook {
    background: #3b5998;
}

.tags-section .social-link-list li a.dribble {
    background: #ea4c89;
}

.tags-section .social-link-list li a.twitter {
    background: #55acee;
}

.tags-section .social-link-list li a.linkedin {
    background: #007bb5;
}

.tags-section .social-link-list li a:hover {
    border-radius: 50%;
}

.bg-title {
    background-color: #0b2239;
}

.theme-color {
    color: #ee1d23 !important;
}

.scrollToTop {
    position: fixed;
    bottom: -30%;
    right: 5%;
    z-index: 9;
}

.scrollToTop i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.scrollToTop i:hover {
    transform: translateY(-5px);
    box-shadow: 0px 5px 20px 0px rgba(0, 113, 240, 0.49);
}

@media (min-width: 992px) {
    .pt-lg-110 {
        padding-top: 108px !important;
    }

    .pb-lg-110 {
        padding-bottom: 110px !important;
    }
}

.breadcrumb {
    background-color: transparent;
}

.section__header {
    max-width: 700px;
    margin: 0 auto 40px;
}

.section__header h5 {
    letter-spacing: 1.5px;
}

.section__header p {
    max-width: 460px;
    margin: 0 auto;
}

.mb-none-120 {
    margin-bottom: -120px;
}

.padding-tb {
    padding-block: 90px;
}

@media (min-width: 992px) {
    .padding-tb {
        padding-block: 90px;
    }
}

.lab-btn {
    padding: 12px 30px;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 0;
}

@media (min-width: 576px) {
    .lab-btn {
        padding: 16px 30px;
        font-size: 16px;
    }
}

.lab-btn.bg-transparate {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

@media (min-width: 576px) {
    .lab_btn_group .lab-btn {
        margin-bottom: 0;
    }
}

.text-btn {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search {
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.search.active {
    opacity: 1;
    z-index: 99999;
}

.search__close {
    top: 30px;
    right: 30px;
    font-size: 30px;
}

.search__area form {
    width: 280px;
}

@media (min-width: 576px) {
    .search__area form {
        width: 550px;
    }
}

.search__area form input {
    border-color: rgba(255, 255, 255, 0.8);
    width: calc(100% - 60px);
}

.search__area form input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search__area form button {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.filters-button-group .filter-btn {
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*=========@@@@@@@@@ All Common Items   @@@@@@@@@============*/
.banner__content h2 {
    font-size: 32px;
}

@media (min-width: 1200px) {
    .banner--one {
        padding-top: 130px;
        position: relative;
    }

    .banner--one::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border-top: 400px solid #ee1d23;
        border-right: 425px solid transparent;
    }
}

.banner--one .banner__thumb {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
}

@media (min-width: 576px) {
    .banner--one .banner__thumb>img {
        max-width: none;
    }
}

@media (max-width: 575px) {
    .banner--one .banner__thumb--absthumb {
        display: none;
    }
}

@media (min-width: 992px) {
    .banner--one .banner__content h2 {
        font-size: 58px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner--one .banner__content h2 {
        font-size: 48px;
    }
}

@media (min-width: 1440px) {
    .banner--one .banner__content h2 {
        font-size: 64px;
    }
}

@media (max-width: 575px) {
    .banner--one .banner__content .lab_btn_group {
        margin-top: 40px;
    }
}

.banner--one .banner__social {
    position: absolute;
    top: 70%;
    left: -11%;
    z-index: 999;
    transform: rotate(-89deg);
}

@media (min-width: 1600px) {
    .banner--one .banner__social {
        display: block;
    }
}

.banner--one .banner__social ul li:nth-last-child(1) a::after {
    top: -43px;
}

.banner--one .banner__social ul li:nth-last-child(2) a::after {
    top: -40px;
}

.banner--one .banner__social ul li a {
    padding: 10px 30px;
}

.banner--one .banner__social ul li a::after {
    height: 118px;
    width: 1px;
    right: 0;
    top: -37px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.banner--one .banner__social ul li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.banner--two {
    padding-block: 80px;
}

@media (min-width: 768px) {
    .banner--two {
        padding-block: 150px;
    }
}

@media (min-width: 992px) {
    .banner--two .banner__content h2 {
        font-size: 58px;
    }
}

@media (min-width: 1440px) {
    .banner--two .banner__content h2 {
        font-size: 64px;
    }
}

@media (min-width: 576px) {
    .banner--two .banner__content p {
        font-size: 18px;
        line-height: 36px;
    }
}

@media (min-width: 1440px) {
    .banner--two .banner__content p {
        max-width: 90%;
    }
}

.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate {
    border-color: #0b2239;
}

.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover {
    border-color: #ee1d23;
}

.banner--three .banner__slider .swiper-slide-active .banner__content {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.banner--three .banner__item {
    display: flex;
    align-items: center;
}

@media (min-width: 768px) {
    .banner--three .banner__item {
        background-position: center center;
        height: 100vh;
    }
}

.banner--three .banner__content {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    transition: 1s ease;
    max-width: 670px;
}

.banner--three .banner__content h2 {
    color: #ee1d23;
}

.banner--three .banner__content h5 {
    color: #fff;
    font-weight: 300;
    padding-block: 20px;
    line-height: normal;
}

@media (min-width: 992px) {
    .banner--three .banner__content h2 {
        font-size: 58px;
        line-height: 1.1;
    }
}

@media (min-width: 1440px) {
    .banner--three .banner__content h2 {
        font-size: 64px;
    }
}

.banner--three .banner__pagination {
    bottom: 30px;
    z-index: 1;
}

.banner--three .banner__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    font-size: 0.875rem;
}

.banner--four {
    background: url(../images/banner/bg/06.jpg);
    padding-block: 80px;
    background-position: center;
}

@media (min-width: 768px) {
    .banner--four {
        padding-block: 120px;
    }
}

@media (min-width: 1200px) {
    .banner--four {
        padding-top: 345px;
        padding-bottom: 250px;
        background-position: bottom center;
    }
}

.banner--four .lab_btn_group {
    gap: 20px;
}

.banner--three .lab_btn_group--two,
.banner--four .lab_btn_group--two {
    gap: 0;
    display: block;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

@media (max-width: 575px) {

    .banner--three .lab_btn_group--two,
    .banner--four .lab_btn_group--two {
        display: none;
    }
}

@media (min-width: 1200px) {

    .banner--three .lab_btn_group--two,
    .banner--four .lab_btn_group--two {
        transform: translateY(200px);
    }
}

.banner--three .lab_btn_group--two .lab-btn,
.banner--four .lab_btn_group--two .lab-btn {
    background: rgba(11, 34, 57, 0.4);
}

@media (min-width: 992px) {
    .banner--four .banner__content h5 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .banner--four .banner__content h5 {
        max-width: 250px;
        line-height: 1.5;
    }
}

.banner--four .banner__content h2 {
    font-size: 56px;
}

@media (max-width: 575px) {
    .banner--four .banner__content h2 {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    .banner--four .banner__content h2 {
        font-size: 72px;
    }
}

@media (min-width: 1200px) {
    .banner--four .banner__content h2 {
        font-size: 100px;
    }
}

.banner--four .banner__content .lab_btn_group {
    margin-top: 30px;
}

@media (min-width: 576px) {
    .banner--four .banner__content .lab_btn_group {
        margin-top: 60px;
    }
}

.banner--four .banner__quote {
    width: 300px;
    padding: 58px 30px;
    background: url(../images/banner/bg/quote.png) no-repeat;
    background-position: center;
    background-size: cover;
    right: 30px;
    top: 50%;
}

.banner--four .banner__quote h5 {
    line-height: 1.6;
}

.banner__area {
    background: url(../images/banner/bg/01.jpg);
    background-repeat: no-repeat;
    z-index: 11;
    background-size: cover;
    background-position: center right;
    padding: 50px 0;
}

@media (min-width: 1600px) {
    .banner__area {
        margin-left: 100px;
    }
}

@media (max-width: 575px) {
    .banner__content ul {
        display: none;
    }
}

.banner__content ul li {
    padding-block: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.banner__content ul li:last-child {
    border: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .banner__content ul li {
        font-size: 15px;
    }
}

@media (min-width: 576px) {
    .banner__content ul li {
        width: 50%;
    }

    .banner__content ul li:last-child,
    .banner__content ul li:nth-last-child(2) {
        border: none;
    }
}

.banner__thumb--absthumb {
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
}

.banner__thumb--absthumb img {
    animation: lab_round 25s linear infinite;
}

.feature--two .feature__item {
    padding: 60px 20px;
}

@media (min-width: 1440px) {
    .feature--two .feature__item {
        padding: 60px 30px;
    }
}

.feature--three .feature__item {
    padding: 60px 30px;
}

.feature--three .feature__item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.feature__area {
    margin-top: -100px;
    z-index: 99;
}

.feature__item {
    padding: 60px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feature__item::after {
    height: 4px;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.feature__item:hover::after {
    opacity: 1;
}

.feature__item:hover .feature__content h5 {
    color: #ee1d23;
}

.about__img--content {
    bottom: 0;
}

@media (min-width: 1200px) {

    .about__content h2,
    .about__content p {
        max-width: 90%;
    }
}

.about__content ul li {
    padding-block: 10px;
}

.about--two {
    background-position: right;
}

@media (min-width: 768px) {
    .about--two .about__thumb--two .about__img {
        text-align: right;
    }
}

.about--two .about__thumb--two .about__img .abs__thumb {
    bottom: 50%;
}

@media (min-width: 768px) {
    .about--two .about__thumb--two .about__img .abs__thumb {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about--two .about__thumb--two .about__img .abs__thumb {
        left: 120px;
        bottom: 30%;
    }
}

.about--two .about__img--thumb img {
    width: auto;
}

.about--two .about__img .abs__thumb {
    bottom: 70%;
    left: 0px;
    z-index: -1;
}

@media (min-width: 576px) {
    .about--two .about__img .abs__thumb {
        display: block;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .about--two .about__img .abs__thumb {
        bottom: 50%;
        left: 50px;
    }
}

@media (min-width: 1200px) {
    .about--two .about__content {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {

    .about--two .about__content h2,
    .about--two .about__content p {
        max-width: 100%;
    }
}

.about--three .about__img--content {
    align-items: center;
    align-content: center;
    width: 180px;
    height: 180px;
    border: 8px solid #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 1440px) {
    .about--three .about__content h2 {
        max-width: 80%;
    }
}

.about--three .about__content h6 {
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.6;
}

@media (min-width: 1440px) {
    .about--teampage .about__content h2 {
        max-width: 80%;
    }
}

.progressbararea {
    max-width: 100%;
}

.progressbararea li .progress {
    height: 5px;
}

.progressbararea li .progress .progress-bar {
    height: 5px;
}

.service__item {
    min-height: 330px;
    perspective: 1000px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service__item:hover .service__back {
    visibility: visible;
}

.service__item:hover .service__back img {
    transform: translateX(0%);
}

.service__item:hover .service__back .lab-btn {
    transform: translateY(-172px);
}

.service__front {
    padding: 60px 30px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    min-height: inherit;
}

.service__back {
    top: 0;
    left: 0;
    min-height: inherit;
    visibility: hidden;
    overflow: hidden;
}

.service__back img {
    transform: translateX(-100%);
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
    object-fit: cover;
}

.service__back .lab-btn {
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
}

.service--two .service__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    font-size: 0.8125rem;
}

.service--three .sertab {
    gap: 15px;
    border-bottom: none;
}

.service--three .sertab__item {
    width: 140px;
    padding-block: 20px;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .service--three .sertab__item {
        width: 170px;
    }
}

.service--three .sertab__item.active {
    border-color: #ee1d23;
}

.service--three .sertab__content p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.service--three .sertabcontent__content ul li {
    padding-block: 7px;
}

.service--details .service__maincontent img {
    object-fit: cover;
    object-position: center;
}

.approach__item {
    padding: 60px 30px;
}

.approach__content .step {
    padding: 5px 30px;
    border-radius: 25px;
    font-size: 0.875rem;
}

.approach--two .approach__item:hover .approach__thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.approach--three .approach__item:hover .radius-btn {
    opacity: 1;
}

.approach--three .approach__item .radius-btn {
    width: 50px;
    height: 50px;
    line-height: 46px;
    left: 50%;
    bottom: -20px;
    font-size: 14px;
    opacity: 0;
    border: 2px solid #0b2239;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.approach--four .approach__item:hover .approach__thumb img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.project .section__header {
    max-width: 750px;
}

.project__item:hover .project__content {
    opacity: 1;
}

.project__content {
    background-color: rgba(11, 34, 57, 0.9);
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project__content::after {
    bottom: 0;
    left: 0;
    border-bottom: 120px solid #ee1d23;
    border-right: 120px solid transparent;
}

.project__icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    margin-top: 120px;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.project--two .section__header {
    z-index: 2;
}

@media (min-width: 992px) {
    .project--two .section__header {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .project--two .section__header p {
        max-width: 90%;
    }
}

.project--two::after {
    width: 39%;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (min-width: 992px) {
    .project--two::after {
        background-color: #0b2239;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .project--two::after {
        width: 33%;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .project--two::after {
        width: 35%;
    }
}

.project--two::before {
    background: url(../images/bg/01.png) no-repeat;
    background-position: center;
    z-index: 11;
}

.project--two .project__content {
    top: auto;
    height: auto;
    bottom: 0;
    background-color: rgba(52, 189, 107, 0.9);
}

.project--two .project__icon {
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project--three .project__icon {
    margin-top: 150px;
}

.project--four .project__item:hover .project__thumb::after {
    opacity: 1;
}

.project--four .project__thumb::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(52, 189, 107, 0.9);
    opacity: 0;
}

.project--four .project__content {
    height: auto;
    top: 50%;
    background: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project--details .project__content {
    position: static;
    opacity: 1;
    background: transparent;
}

.project--details .project__info {
    border: 1px solid #F2F6F9;
    margin-top: -50px;
}

@media (min-width: 992px) {
    .project--details .project__info {
        margin-top: -125px;
    }
}

.project--details .project__info .title {
    border-bottom: 1px solid #F2F6F9;
}

.project--details .project__info .content ul li {
    padding: 15px 30px;
    border-bottom: 1px solid #F2F6F9;
}

.project--details .project__info .content ul li:nth-last-child(1) {
    border-bottom: none;
}

@media (min-width: 576px) {
    .project--details .project__info .content ul li {
        width: 50%;
    }

    .project--details .project__info .content ul li:nth-last-child(2) {
        border-bottom: none;
    }
}

.project .swiper-slide.swiper-slide-duplicate {
    display: none;
}

.team--one .team__item {
    box-shadow: 0px 0px 10px rgba(11, 34, 57, 0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__item:hover .team__thumb ul {
    left: 10px;
}

.team--one .team__thumb ul {
    top: 15px;
    left: -40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__thumb ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    font-size: 14px;
}

.team--one .team__content {
    padding-block: 5px;
}

.team--one .team__content h5 a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--one .team__content span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 576px) {
    .team--two .team__item {
        padding: 40px;
    }
}

.team--two .team__item::after {
    width: 140px;
    height: 140px;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__thumb {
    z-index: 1;
    border: 6px solid #fff;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

@media (min-width: 576px) {
    .team--two .team__thumb {
        width: 40%;
        margin-bottom: 0;
    }
}

.team--two .team__thumb::after {
    top: 100%;
    left: 100%;
    width: 15px;
    height: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__thumb img {
    object-fit: cover;
}

@media (min-width: 576px) {
    .team--two .team__content {
        width: 60%;
        padding-left: 30px;
    }
}

@media (min-width: 1440px) {
    .team--two .team__content p {
        max-width: 90%;
    }
}

.team--two .team__content ul {
    gap: 5px;
}

.team--two .team__content ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--two .team__content ul li a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

@media (min-width: 992px) {
    .team--deatils .team__thumb--info {
        padding-left: 30px;
    }
}

.team--deatils .team__thumb--info ul li {
    padding-block: 10px;
}

.team--deatils .team__thumb--info ul li .left {
    width: 120px;
}

.team--deatils .team__thumb--info ul li .right {
    width: calc(100% - 120px);
}


.team--deatils .team__thumb--info ul li .right ul li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 100%;
    font-size: 0.875rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team--deatils .team__content .progressbararea li {
    padding-block: 15px;
}

.testimonial--one .testimonial__item::after {
    top: 0;
    left: 0;
    width: 100px;
    z-index: 0;
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__item::after {
        display: inherit;
    }
}

.testimonial--one .testimonial__inner {
    z-index: 1;
}

.testimonial--one .testimonial__thumb {
    border: 6px solid #fff;
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__content {
        width: calc(100% - 150px);
    }
}

@media (min-width: 1440px) {
    .testimonial--one .testimonial__content p {
        max-width: 85%;
    }
}

@media (min-width: 576px) {
    .testimonial--one .testimonial__content--rating {
        width: calc(100% - 0px);
    }
}

.testimonial--one .testimonial__content--rating ul {
    padding: 3px 10px;
    border-radius: 2px 0 0 2px;
}

.testimonial--one .testimonial__content--rating ul li {
    font-size: 14px;
}

.testimonial--one .testimonial__content--count {
    width: 50px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    border-radius: 0 2px 2px 0;
}

.testimonial--two .testimonial__item {
    background: url(../images/bg/testi-bg.jpg);
}

.testimonial--two .testimonial__content--rating {
    padding: 15px 0 20px;
}

.testimonial--two .testimonial__content--rating ul {
    padding: 2px 15px;
    border-radius: 25px;
}

.testimonial--two .testimonial__content--rating ul li {
    font-size: 0.875rem;
}

.mgorus__pagination span,
.proje__pagination span,
.ekibimiz__pagination span,
.urunkat__pagination span,
.testimonial__pagination span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 0.8125rem;
}

@media (min-width: 992px) {
    .blog--one .section__header {
        max-width: 600px;
    }
}

.blog__item {
    border: 1px solid #EDF2F6;
}

.blog__item:hover .blog__thumb a img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@media (min-width: 1200px) {
    .blog__content h5 {
        max-width: 96%;
    }
}

.blog__meta ul {
    border-bottom: 1px solid #ecf0f3;
}

.blog--classic .blog__thumb .quote {
    margin-bottom: 70px;
}

.blog--classic .blog__thumb .date {
    z-index: 1;
    left: 15px;
    bottom: 15px;
    padding: 5px 15px;
}

.blog--classic .blog__content {
    padding-block: 30px;
}

.blog--classic .blog__meta ul {
    border-bottom: none;
}

.quote {
    background: url(../images/blog/bg.html);
    background-repeat: no-repeat;
    background-size: cover;
}

.quote i {
    border-radius: 100%;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .quote i {
        font-size: 2.5rem;
    }
}

@media (min-width: 576px) {
    .quote i {
        margin-bottom: 0;
    }
}

.quote h5 {
    line-height: 1.6;
}

@media (min-width: 576px) {
    .quote h5 {
        width: calc(100% - 90px);
        padding-left: 30px;
    }
}

.sponsor--one {
    padding-block: 90px;
}

.sponsor--two {
    padding-block: 90px;
}

@media (min-width: 1200px) {
    .wwd--one .wwd__content h2 {
        max-width: 70%;
    }
}

@media (min-width: 1440px) {
    .wwd--one .wwd__content h2 {
        max-width: 65%;
    }
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    box-shadow: none;
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    background-image: none;
}

.wwd--one .wwd__content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.wwd--one .wwd__content .accordion-item .accordion-collapse {
    border: 1px solid #ee1d23;
    border-radius: 0;
}

.wwd--two::after {
    width: 48%;
    top: 0;
    right: 0;
}

@media (min-width: 992px) {
    .wwd--two::after {
        background: url(../images/wwd/01.html) no-repeat;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .wwd--two .wwd__content h2 {
        max-width: 70%;
    }
}

@media (min-width: 1440px) {
    .wwd--two .wwd__content h2 {
        max-width: 65%;
    }
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button {
    border-radius: 0;
    box-shadow: none;
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    background-image: none;
}

.wwd--two .wwd__content .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.wwd--two .wwd__content .accordion-item .accordion-collapse {
    border: 1px solid #ee1d23;
    border-radius: 0;
}

.pricing__offer {
    font-size: 0.875rem;
}

.pricing__head {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__head h3 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    .pricing__head h3 {
        font-size: 2.5rem;
    }
}

.pricing__head p {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__body {
    padding-bottom: 30px;
}

.pricing__body span.lab-btn {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    border: 2px solid #fff;
    padding: 11px 60px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing__body ul {
    padding-inline: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pricing__body ul {
        padding-inline: 30px;
    }
}

@media (min-width: 1440px) {
    .pricing__body ul {
        padding-inline: 90px;
    }
}

.pricing__body ul li {
    padding-block: 12px;
}

.counter__area {
    margin-top: -40px;
}

.counter__item {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.counter--two .counter__item {
    background: rgba(255, 255, 255, 0.1);
    padding: 60px 30px;
}


@media (min-width: 992px) {
    .consultancy::after {
        display: block;
    }
}

@media (max-width: 575px) {
    .consultancy__contact h2 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .history__item {
        width: 100%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .history__item {
        width: 50%;
    }
}

.history__item:last-child .history__year>span::before {
    display: none;
}

.history__inner {
    margin-block: 15px;
}

@media (max-width: 991px) {
    .history__inner {
        margin: 15px;
    }
}

.history__inner:hover .history__thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.history__inner:hover .history__year>span::after {
    background-color: #ee1d23;
}

@media (min-width: 992px) {
    .history__inner:hover .history__year>span span {
        color: #fff;
    }
}

@media (min-width: 992px) {
    .history__thumb {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .history__year {
        width: 20%;
    }
}

.history__year::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 96px;
    height: 96px;
    top: 50%;
    left: 50%;
    border: 1px solid #ee1d23;
    background-color: #fff;
}

@media (max-width: 991px) {
    .history__year::after {
        display: none;
    }
}

.history__year>span {
    z-index: 1;
}

@media (max-width: 991px) {
    .history__year>span {
        padding: 5px 20px;
        background-color: #fff;
        position: absolute;
        top: -55px;
        left: 15px;
    }
}

.history__year>span::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    border: 1px solid #ee1d23;
    background-color: #fff;
}

@media (max-width: 991px) {
    .history__year>span::after {
        display: none;
    }
}

.history__year>span::before {
    bottom: -125px;
    left: 50%;
    height: 100px;
    width: 15px;
    background-color: #ee1d23;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .history__year>span::before {
        display: none;
    }
}

.history__year>span span {
    z-index: 1;
    font-size: 1.25rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.history__content {
    padding-top: 20px;
}

@media (min-width: 992px) {
    .history__content {
        width: 45%;
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .history__content h4 {
        margin-bottom: 20px;
    }
}

.faq .accordion-item {
    border: 1px solid #F2F6F9;
}

.faq .accordion-item:not(:last-child) {
    margin-block-end: 10px;
}

.faq .accordion-button {
    font-size: 1.125rem;
    padding: 15px 20px;
    font-weight: 700;
    text-transform: capitalize;
    border: none;
}

.faq .accordion-button .accordion-icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    font-size: 1rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #ee1d23;
    color: #fff;
    margin-inline-end: 20px;
}

@media (min-width: 768px) {
    .faq .accordion-button .accordion-icon {
        width: 40px;
        height: 40px;
    }
}

.faq .accordion-button .accordion-headerText {
    width: calc(100% - 50px - 3ch);
}

.faq .accordion-button:not(.collapsed) {
    border-bottom: none;
    background-color: #fff;
    color: #ee1d23;
    box-shadow: none;
}

.faq .accordion-button:not(.collapsed):after {
    background-color: #ee1d23;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq .accordion-button:not(.collapsed):before {
    opacity: 0;
}

.faq .accordion-button:not(.collapsed) .accordion-icon {
    background-color: #ee1d23;
}

.faq .accordion-button:focus {
    box-shadow: none;
}

.faq .accordion-button:before,
.faq .accordion-button:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #ee1d23;
    background-image: none;
}

.faq .accordion-button:after {
    height: 20px;
    width: 2px;
    right: 30px;
}

.faq .accordion-button:before {
    right: 21px;
    width: 20px;
    height: 2px;
}

.faq .accordion-body {
    padding-inline-start: 2em;
    padding-block-start: 0;
    padding-inline-end: 30px;
}

@media (min-width: 576px) {
    .faq .accordion-body {
        padding-inline-start: 5em;
    }
}

.widget__head {
    padding: 25px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__body ul li:last-child a {
    border-bottom: none;
}

.widget__body ul li a {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__help .widget__body ul li {
    padding-block: 20px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.widget__help .widget__body ul li:last-child {
    border-bottom: none;
}

.widget__help .widget__body ul li .icon {
    width: 40px;
}

.widget__help .widget__body ul li .content {
    width: calc(100% - 40px);
}

.sidebar .head {
    border-bottom: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar .head {
        padding-inline: 30px;
    }
}

.sidebar .body ul {
    padding-block: 15px;
}

.sidebar .body ul li {
    padding: 20px 20px;
    border-bottom: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar .body ul li {
        padding-inline: 30px;
    }
}

.sidebar .body ul li:last-child {
    border-bottom: none;
}

.sidebar .body ul li:hover .content h5 a {
    color: #ee1d23;
}

.sidebar .body ul li .thumb {
    width: 40px;
}

.sidebar .body ul li .content {
    width: calc(100% - 40px);
}

.sidebar .body ul li .content h5 {
    font-size: 1.125rem;
}

.sidebar__author .thumb {
    width: 200px !important;
    height: 200px;
    border-radius: 100%;
    margin-inline: auto;
}

.sidebar__author .content ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    font-size: 0.8125rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

@media (min-width: 576px) {
    .sidebar__author .body .thumb {
        width: 120px !important;
        height: 120px;
        margin-bottom: 0;
    }
}

.sidebar__author .body .thumb img {
    object-fit: cover;
}

@media (min-width: 576px) {
    .sidebar__author .body .content {
        width: calc(100% - 135px);
        padding-left: 15px;
    }
}

.sidebar__search {
    border: 1px solid #ecf0f3;
}

@media (min-width: 576px) {
    .sidebar__search .body {
        padding: 30px;
    }
}

.sidebar__search form input {
    padding-right: 40px;
}

.sidebar__search form button {
    top: 50%;
    right: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar__recentpost {
    background-color: #f5f5f5;
}

.sidebar__recentpost .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__recentpost .body ul li .thumb {
    width: 80px;
}

.sidebar__recentpost .body ul li .content {
    width: calc(100% - 80px);
}

.sidebar__recentpost .body ul li .content h6 {
    font-size: 1rem;
}

.sidebar__categorie .body ul li {
    margin: 0;
}

@media (min-width: 576px) {
    .sidebar__tags .body {
        padding: 30px;
    }
}

.sidebar__tags .body ul {
    padding-block: 0;
}

.sidebar__tags .body ul li {
    display: inline-block;
    padding: 0;
    border: none;
    margin-block: 0 !important;
}

.sidebar__tags .body ul li a {
    padding: 8px 15px;
    border: 1px solid #ecf0f3;
    margin: 5px;
}

.sidebar__tags .body ul li a:hover {
    background-color: #ee1d23;
    border-color: #ee1d23;
}

.sidebar__comment .body ul li {
    align-items: flex-start;
}

.sidebar__comment .body ul li .thumb {
    width: 80px;
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .sidebar__comment .body ul li .thumb {
        width: 80px !important;
        margin-bottom: 0;
    }
}

.sidebar__comment .body ul li .content {
    width: 100%;
    padding-left: 0;
}

@media (min-width: 576px) {
    .sidebar__comment .body ul li .content {
        width: calc(100% - 80px);
        padding-left: 15px;
    }
}

.sidebar__comment .body ul li .content__top {
    gap: 10px;
}

.sidebar__comment .body ul li .content__top .name h6 {
    font-size: 1rem;
}

@media (max-width: 575px) {
    .sidebar__comment .body ul li .content .reply {
        margin: 10px 0 15px;
    }
}

.sidebar__comment .body ul li .content .reply a {
    padding: 5px 15px;
    background-color: #ee1d23;
    font-size: 0.875rem;
}

.sidebar__comment .body ul li ul li {
    border-top: 1px solid #ecf0f3;
    border-bottom: none;
}

@media (max-width: 575px) {
    .sidebar__comment .body ul li ul li {
        padding-inline: 0;
    }
}

.sidebar__comment .body ul li ul li:last-child {
    margin-bottom: 0;
}

.sidebar__commentForm form input,
.sidebar__commentForm form textarea {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

@media (min-width: 576px) {
    .sidebar__commentForm form input {
        width: calc(100% / 2 - 15px);
    }
}

@media (min-width: 576px) {
    .sidebar__relatedpost .body {
        padding: 30px;
    }
}

.sidebar__relatedpost .body ul {
    gap: 15px;
}

.sidebar__relatedpost .body ul li {
    border: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 576px) {
    .sidebar__relatedpost .body ul li {
        width: calc(100% / 2 - 15px);
    }
}

.sidebar__relatedpost .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__relatedpost .body ul li .thumb {
    width: 100px;
}

.sidebar__relatedpost .body ul li .content {
    width: calc(100% - 100px);
}

.sidebar__recentproduct .body ul li:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sidebar__recentproduct .body ul li .thumb {
    width: 80px;
}

.sidebar__recentproduct .body ul li .content {
    width: calc(100% - 80px);
}

.sidebar__recentproduct .body ul li .content h6 {
    font-size: 1rem;
}

.sidebar__recentproduct .body ul li .content .rating span {
    font-size: 0.75rem;
}

.sidebar__subtotal {
    padding: 20px 30px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.sidebar__radiolist .form-check {
    padding-block: 5px;
}

.sidebar__radiolist .form-check input {
    box-shadow: none;
}

.sidebar__radiolist .form-check input :focus {
    outline: none;
}

.sidebar__radiolist .form-check input:checked {
    background-color: #ee1d23;
    border-color: #ee1d23;
    border-width: 2px;
    box-shadow: 0 0 5px rgba(11, 34, 57, 0.1);
}

.sidebar__calculate {
    padding-inline: 30px;
}

.sidebar__calculate select,
.sidebar__calculate input {
    border: 1px solid #ecf0f3;
}

.sidebar__calculate button {
    padding: 10px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*================*** Header Section Start Here     ***===================*/
.header__top {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header__bottom {
    padding-block: 22px;
}

.header__bottom.header-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 3px rgba(11, 34, 57, 0.2);
}

@media (max-width: 575px) {
    .header__bottom .area .logo {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .logo {
        position: relative;
        z-index: 99;
    }
}

@media (max-width: 1199px) {
    .header__bottom .area .menu {
        display: none;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background-color: #fff;
        z-index: 9999;
        padding-bottom: 30px;
        height: 400px;
        overflow-y: auto;
    }

    .header__bottom .area .menu.active {
        display: inherit;
        padding-inline: 30px;
    }
}

@media (max-width: 1199px) {
    .header__bottom .area .menu ul li {
        display: block;
        border-bottom: 1px solid rgba(11, 34, 57, 0.1);
        position: relative;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li:hover>ul {
        opacity: 1;
        top: 98%;
        visibility: visible;
    }
}

.header__bottom .area .menu ul li a {
    padding: 15px 20px;
    font-size: 15px;
}

@media (min-width: 1440px) {
    .header__bottom .area .menu ul li a {
        padding: 40px 20px;
        font-size: 15px;
    }
}

.header__bottom .area .menu ul li ul {
    background-color: #0b2239;

}

@media (max-width: 1199px) {
    .header__bottom .area .menu ul li ul {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li ul {
        position: absolute;
        width: 240px;
        top: calc(100% + 30px);
        left: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        opacity: 0;
        z-index: 999;
        visibility: hidden;
    }

    .header__bottom .area .menu>ul>li>ul {
        border-top: 4px solid #ee1d23;
    }

    .header__bottom .area .menu>ul>li:before {
        position: absolute;
        content: "\f0de";
        font-family: "Font Awesome 5 Pro";
        color: #ee1d23;
        font-weight: 700;
        font-size: 57px;
        bottom: -47px;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
        transition: all 0.5s ease-out 0s;
    }

    .header__bottom .area .menu>ul>li:hover:before {
        opacity: 1;
        visibility: visible;
    }
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after,
.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
    background-color: #fff;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
    right: 24px;
}

.header__bottom .area .menu ul li ul li.menu-item-has-children a::after {
    right: 20px;
}

.header__bottom .area .menu ul li ul li a {
    font-weight: 300;
    font-size: 90%;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header__bottom .area .menu ul li ul li a:hover,
.header__bottom .area .menu ul li ul li a.active {
    background-color: #ee1d23;
    color: #fff;
}

.header__bottom .area .menu ul li ul li a:hover::after,
.header__bottom .area .menu ul li ul li a:hover::before,
.header__bottom .area .menu ul li ul li a.active::after,
.header__bottom .area .menu ul li ul li a.active::before {
    background-color: #fff;
}

@media (min-width: 1200px) {
    .header__bottom .area .menu ul li ul li ul {
        left: 100%;
        top: 0 !important;
    }
}

.header__bottom .area .menu .search_cart ul li {
    padding: 10px 15px;
}

@media (min-width: 1440px) {
    .header__bottom .area .menu .search_cart ul li {
        padding: 13px 20px;
    }
}

.header__bottom .area .menu .search_cart ul li::after {
    width: 1px;
    height: 100px;
    left: 0;
    top: -22px;
    border-right: 1px solid rgba(52, 189, 107, 0.1);
}

.header__bottom .area .menu .search_cart ul li:last-child::before {
    width: 1px;
    height: 100px;
    right: 0;
    top: -22px;
    border-right: 1px solid rgba(52, 189, 107, 0.1);
}

.header__bottom .area .menu .search_cart ul li span {
    top: 4px;
    right: 7px;
    font-size: 12px;
    background: #ee1d23;
    border-radius: 5px;
    color: #fff;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.header--one {
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 20;
    position: relative;
}

@media (min-width: 1200px) {
    .header--one {
        position: fixed;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 1440px) {
    .header--one .container-fluid {
        padding-inline: 140px;
    }
}

.header--one .header__top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #0b2239;
}

@media (max-width: 1199px) {
    .header--one .header__top {
        display: none;
    }
}

@media (max-width: 1199px) {
    .header--one .header__top .info {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 1199px) {
    .header--one .header__top .info ul {
        text-align: center;
    }
}

.header--one .header__top .info ul li {
    padding: 15px 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    font-size: 10.5pt;
}

.header--one .header__top .info ul li i {
    font-size: 18px;
    margin-right: 10px;
    color: #ee1d23;
}

.header--one .header__top .info ul li a {
    color: #fff;
}


@media (max-width: 1199px) {
    .header--one .header__top .info ul li:first-child {
        border-left: none;
    }
}

@media (max-width: 575px) {
    .header--one .header__top .info ul li {
        border: none;
    }
}

.header--one .header__top .info ul li:first-child {
    padding-left: 0;
    border: none;
}

@media (max-width: 1199px) {
    .header--one .header__top .social {
        text-align: center;
    }
}

.header--one .header__top .social li:first-child {
    padding-left: 0;
    border: none;
}

.header--one .header__top .social li {
    padding: 15px 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 10.5pt;
}

.header--one .header__top .social li a {
    color: #fff;
}

@media (max-width: 1199px) {
    .header--one .header__top .social li:first-child {
        border-left: none;
    }
}

@media (max-width: 575px) {
    .header--one .header__top .social li {
        border: none;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom {
        background: #fff;
    }

    .header--one .header__bottom::after {
        position: absolute;
        content: "";
        top: 0;
        left: 325px;
        border-top: 100px solid #ee1d23;
        border-right: 105px solid transparent;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) and (max-width: 1439px) {
    .header--one .header__bottom::after {
        left: 245px;
        border-right: 60px solid transparent;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        background: #ee1d23;
        width: 325px;
        height: 100%;
    }
}

@media (min-width: 1200px) and (min-width: 1200px) and (max-width: 1439px) {
    .header--one .header__bottom::before {
        width: 245px;
    }
}

@media (min-width: 1200px) {
    .header--one .header__bottom .menu .lab-btn {
        margin-top: 0;
    }
}

.header--one .header__bar span {
    background-color: #fff;
}

@media (max-width: 1199px) {
    .header--two .header__top {
        padding-block: 15px;
    }
}

.header--two .header__top .info ul li {
    padding: 15px 30px;
}

.header--two .header__top .info__icon {
    width: 30px;
}

.header--two .header__top .info__content {
    width: calc(100% - 30px);
}

.header--two .header__top .header__bar span {
    background: #0b2239;
}

.header--two .header__top .header__cartcount i,
.header--two .header__top .header__cartcount span {
    color: #0b2239;
}

.header--two .header__bottom {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    .header--two .header__bottom {
        padding: 0;
    }

    .header--two .header__bottom.header-fixed {
        position: static !important;
    }
}

@media (max-width: 1199px) {
    .header--two .header__bottom .area .main-menu {
        position: relative;
    }

    .header--two .header__bottom .area .main-menu .menu {
        background: #0b2239;
    }
}

@media (min-width: 1200px) {
    .header--two .header__bottom .area .main-menu .menu .lab-btn {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .header--three {
        position: static;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.header--three .header__bottom {
    background: #EDF2F6;
}

@media (min-width: 1200px) {

    .header--three .header__bottom::after,
    .header--three .header__bottom::before {
        display: none;
    }
}

.header--three .header__bar span {
    background: #0b2239;
}

@media (min-width: 1200px) {
    .header--four {
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.header--four .header__bottom {
    background: #0b2239;
    padding: 0;
}

.search_cart ul {
    display: flex;
    align-items: center;
    height: 100%;
}

@media (min-width: 1200px) {
    .header--four .header__bottom {
        background: transparent;
    }

    .header--four .header__bottom::after,
    .header--four .header__bottom::before {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header--four .header__bottom.header-fixed {
        background: #0b2239;
    }
}

@media (max-width: 1199px) {
    .header--four .header__bottom .main-menu .menu {
        background: #0b2239;
    }
}

@media (min-width: 1200px) {
    .header--innerpage {
        position: static;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 1199px) {
    .header--innerpage .header__bottom {
        background: #f9f9f9;
    }
}

.header--innerpage .header__bar span {
    background-color: #0b2239;
}

.header__bar {
    width: 25px;
    height: 20px;
}

.header__bar span {
    height: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #fff;
    left: 0;
}

.header__bar span:first-child {
    top: 0;
}

.header__bar span:nth-child(2) {
    top: 52%;
    transform: translateY(-65%);
}

.header__bar span:last-child {
    bottom: 0;
}

.header__bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(3px, 9px);
    -ms-transform: rotate(45deg) translate(3px, 9px);
    transform: rotate(45deg) translate(3px, 9px);
}

.header__bar.active span:nth-child(2) {
    opacity: 0;
}

.header__bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(3px, -9px);
    -ms-transform: rotate(-45deg) translate(3px, -9px);
    transform: rotate(-45deg) translate(3px, -9px);
}

@media (max-width: 575px) {
    .header__bar {
        width: 15px;
        height: 16px;
    }

    .header__bar span {
        height: 2px;
        width: 20px;
    }

    .header__bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(4px, 6px);
        -ms-transform: rotate(45deg) translate(4px, 6px);
        transform: rotate(45deg) translate(4px, 6px);
    }

    .header__bar.active span:nth-child(2) {
        opacity: 0;
    }

    .header__bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(4px, -6px);
        -ms-transform: rotate(-45deg) translate(4px, -6px);
        transform: rotate(-45deg) translate(4px, -6px);
    }
}

.header__ellepsis {
    font-size: 20px;
    margin-left: 15px;
}

.header__ellepsis i {
    color: #fff;
}

.header__cartcount i {
    color: #fff;
}

.header__cartcount span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: -20px;
    right: -10px;
    font-size: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.menu-item-has-children>a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    margin-left: 5px;
    font-size: 10px;
    margin-top: 4px;
    background-color: transparent !important;
}

.menu-item-has-children ul .menu-item-has-children>a::after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    margin-left: 5px;
    font-size: 10px;
    margin-top: 4px;
    background-color: transparent !important;
}

@media (min-width: 1200px) {
    .menu-item-has-children>a::after {
        content: "\f107";
        font-family: "Font Awesome 6 Free";
        margin-left: 5px;
        font-size: 10px;
        margin-top: 4px;
        background-color: transparent !important;
    }
}

@media (min-width: 1200px) {
    .menu-item-has-children:hover>a:before {
        transform: translate(-50%, -50%) rotate(90deg);
        opacity: 0;
    }
}

@media (max-width: 1199px) {
    .menu-item-has-children.open>a:before {
        transform: translate(-50%, -50%) rotate(90deg);
        opacity: 0;
    }
}

/*================*** Header Section End Here     ***===================*/
.callAaction::after {
    width: 45%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ee1d23;
}

.callAaction__form {
    background-color: #fff;
    z-index: 1;
}

.callAaction__form form input,
.callAaction__form form .custom-select {
    background-color: #F2F6F9;
}

@media (min-width: 576px) {

    .callAaction__form form input,
    .callAaction__form form .custom-select {
        width: calc(100% / 2 - 15px);
    }
}

.callAaction__form form textarea {
    background-color: #F2F6F9;
}

@media (min-width: 1200px) {
    .contact .section__header {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .contact--two .section__header h2 {
        max-width: 80%;
    }
}

@media (min-width: 1440px) {
    .contact--two .section__header h2 {
        max-width: 70%;
    }
}

.contact__item {
    padding: 60px 30px;
	height:100%;
}

.shop__mode a {
    padding-inline: 10px;
}

.shop__mode a::after {
    width: 1px;
    height: 54px;
    top: -17px;
    left: -3px;
    background: rgba(11, 34, 57, 0.1);
}

.shop__mode a:last-child {
    padding-right: 0;
}

.shop__product.lists .col-lg-4.col-md-6.col-12 {
    max-width: 100%;
}

.shop__product.lists .col-12 {
    max-width: 100%;
    width: 100%;
}

.shop__item:hover .shop__thumb img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.shop__item:hover .shop__thumb::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.shop__item:hover .shop__link {
    opacity: 1;
}

@media (min-width: 576px) {
    .shop__item--list .shop__thumb {
        width: 240px;
    }
}

@media (min-width: 576px) {
    .shop__item--list .shop__content {
        width: calc(100% - 240px);
        padding-left: 30px;
    }
}

.shop__thumb::after {
    top: 0;
    left: 0;
    background: rgba(11, 34, 57, 0.7);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop__thumb img {
    object-fit: cover;
}

.shop__link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 1;
}

.shop__link a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 2px;
    font-size: 0.75rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.shop__content {
    padding: 25px 10px 10px;
}

.shop__content h6 {
    font-size: 1.125rem;
}

.shop__content .rating span i {
    font-size: 0.8125rem;
}

@media (min-width: 992px) {
    .shop--single .bg-lg-white {
        background: #fff;
    }
}

.singlethumb__left {
    gap: 10px;
}

@media (min-width: 576px) {
    .singlethumb__left {
        width: 100px;
        gap: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .singlethumb__left .nav-link {
        margin-bottom: 0;
        width: calc(100% / 2 - 5px);
    }
}

@media (min-width: 576px) {
    .singlethumb__left .nav-link:last-child {
        margin-bottom: 0;
    }
}

.singlethumb__left .nav-link.active {
    opacity: 0.25;
}

.singlethumb__left .nav-link.active .thumb {
    cursor: no-drop;
}

@media (min-width: 576px) {
    .singlethumb__right {
        width: calc(100% - 100px);
    }
}

@media (min-width: 576px) {
    .singlethumb__right .thumb {
        height: 418px;
    }
}

.singlethumb__right .thumb img {
    object-fit: cover;
    object-position: center;
}

.singlecontent .rating span {
    font-size: 0.8125rem;
}

.singlecontent ul li {
    padding-block: 5px;
    list-style-type: disc;
}

.singlecontent .countadd .lab-btn {
    padding-block: 13px;
}

@media (max-width: 412px) {
    .singlecontent .countadd .lab-btn {
        margin-left: 0;
        margin-top: 15px;
    }
}

.review__nav li {
    padding: 15px 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.review__content.review-content-show .description {
    display: none;
}

.review__content.description-show .description {
    display: block;
}

.review__content.description-show .review__showing {
    display: none;
}

.review__showing ul li {
    padding-block: 15px;
    border-bottom: 1px solid rgba(11, 34, 57, 0.1);
}

.review__showing ul li .thumb {
    width: 80px;
}

@media (min-width: 576px) {
    .review__showing ul li .thumb {
        margin-bottom: 0;
    }
}

@media (min-width: 576px) {
    .review__showing ul li .content {
        width: calc(100% - 80px);
        padding-left: 30px;
    }
}

.review__meta .rating i {
    font-size: 0.875rem;
}

.review__poston a {
    font-size: 1.125rem;
}

.review__form form input,
.review__form form textarea {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

.review__form form .ratings__rating i {
    font-size: 0.875rem;
}

.description__content ul li {
    padding-block: 5px;
    list-style-type: decimal;
}

@media (max-width: 767px) {
    .cart__top {
        overflow-x: auto;
    }
}

@media (max-width: 767px) {
    .cart__top table {
        width: 800px;
    }
}

.cart__top table thead tr th {
    border: 0.5px solid #ecf0f3;
    margin-bottom: -1px;
    margin-right: -1px;
    padding: 20px 15px;
}

.cart__top table tbody tr:nth-last-child(1) td:nth-child(1) {
    margin-bottom: 0;
    border-top: 0;
}

.cart__top table tbody tr td {
    padding: 20px 15px;
    border: 0.5px solid #ecf0f3;
    margin-bottom: -1px;
    margin-right: -1px;
}

@media (max-width: 575px) {
    .cart__bottom form {
        gap: 15px;
    }
}

.cart__bottom form input {
    border: 1px solid rgba(11, 34, 57, 0.1);
}

@media (min-width: 576px) {
    .cart__bottom form input {
        width: calc(100% - 175px);
    }
}

.cart__item {
    box-shadow: none;
}

.cart__thumb {
    width: 60px;
}

.cart__content {
    width: calc(100% - 60px);
    max-width: 230px;
}

.cart__content a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer--two .footer__top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.footer__middile {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-block: 60px;
}

.footer__bottom {
    padding-block: 30px;
}

.footer__about p {
    line-height: 32px;
}

.footer__about ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 2px;
}

@media (min-width: 576px) {
    .footer__community {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer__community {
        max-width: 75%;
        margin: 0 auto;
    }
}

.footer__community ul li a {
    padding-block: 5px;
}

.footer__post--thumb {
    width: 80px;
    height: 80px;
}

.footer__post--thumb img {
    object-fit: cover;
}

.footer__post--content {
    width: calc(100% - 80px);
}

.footer__post--content h6 {
    font-size: 16px;
}

.footer__post ul li {
    padding-block: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer__post ul li:last-child {
    border-bottom: none;
}

.info__item {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 20px 20px;
    height: 120px;
    align-items: center;
}

.info__icon {
    width: 50px;
}

.info__content {
    width: calc(100% - 50px);
}

.shadow.dark:after {
    background: #3d4045 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.shadow.dark {
    position: relative;
    z-index: 1;
}

.banner__slider .swiper-slide .banner__item::before {
    position: absolute;
    left: 5%;
    top: 50%;
    content: "";
    height: 500px;
    width: 500px;
    background: rgba(11, 34, 57, 0.4);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-size: 220% 150%;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms;
    border-radius: 50%;
    filter: blur(80px);
    -webkit-filter: blur(80px);
}

.banner__slider .swiper-slide.swiper-slide-active .banner__item {
    opacity: 1;
}

.banner__slider .swiper-slide.swiper-slide-active .banner__item::before {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 30px;
}

.pageheader {
    padding-top: 205px;
    padding-bottom: 0px;
    position: relative;
    z-index: 1;
}

.sepet_bos {
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

div.sepet_bos span.uyari {
    display: block;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
}

div.sepet_bos span.bilgi {
    display: block;
}

.haber_kapak img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.urunkategori_kapak img {
    height: 400px;
    object-fit: cover;
    width: 100%;
}

.katalog_kapak img {
    height: 300px;
    object-fit: cover;
    width: 100%;
}

.projekat_kapak img {
    height: 350px;
    object-fit: cover;
    width: 100%;
}

/*--------------------------------------------------------------
# Project Page V 1
--------------------------------------------------------------*/
.project-page-v-1 {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.project-page-v-1 .project-one__single {
    margin-bottom: 30px;
}

.project-page-v-1 .project-one__content-box {
    padding: 20px 20px 20px;
    padding-right: 14px;
    margin-right: 30px;
    min-height: 120px;
}

.project-page-v-1 .project-one__title {
    font-size: 24px;
}

.project-page-v-1 .project-one__title a:hover {
    color: #ee1d23;
}

.project-page-v-1 .project-one__arrow-box a {
    background-color: #c2b7bc;
}

.project-page-v-1 .project-one__single:hover .project-one__arrow-box a {
    background-color: #ee1d23;
}

/*--------------------------------------------------------------
# Project One
--------------------------------------------------------------*/
.project-one {
    position: relative;
    display: block;
    padding: 120px 0 190px;
    z-index: 1;
}

.project-one:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -moz-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(53, 127, 254) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.project-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .50;
    z-index: -1;
}

.project-one__bg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 23%, rgba(255, 255, 255, 0) 61%);
    z-index: 1;
}

.project-one .container {
    max-width: 1600px;
}

.project-one .section-title {
    margin-bottom: 63px;
}

.project-one .section-title__text {
    color: #01050c;
}

.project-one__single {
    position: relative;
    display: block;
}

.project-one__img-box {
    position: relative;
    display: block;
}

.project-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    z-index: 1;
}

.project-one__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px;
    content: "";
    background-color: rgba(1, 5, 12, .30);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.project-one__single:hover .project-one__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.project-one__img img {
    width: 100%;
    border-radius: 3px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease
}

.project-one__single:hover .project-one__img img {
    transform: scale(1.05);
}

.project-one__content-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #01050c;
    padding: 28px 25px 26px;
    padding-right: 14px;
    border-top-right-radius: 22px;
    margin-top: -74px;
    margin-right: 30px;
    z-index: 2;
}

.project-one__content-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    right: 2px;
    bottom: 0;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 24px 0px rgba(178, 185, 198, 0.35);
    border-top-right-radius: 22px;
}

.project-one__content-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 2px;
    background-color: #01050c;
}

.project-one__title-box {
    position: relative;
    display: block;
}

.project-one__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
}

.project-one__title a {
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project-one__title a:hover {
    color: #ee1d23;
}

.project-one__text {
    font-size: 16px;
    line-height: 31px;
}

.project-one__arrow-box {
    position: relative;
    display: block;
    top: 5px;
}

.project-one__arrow-box a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #a3bfad;
    border-radius: 50%;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.project-one__arrow-box a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -11px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.project-one__single:hover .project-one__arrow-box a:before {
    transform: translateY(-50%) scale(1);
}

.project-one__arrow-box a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    border-radius: 50%;
    transform: translateY(-50%) scale(1);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    z-index: -1;
}

.project-one__single:hover .project-one__arrow-box a:after {
    transform: translateY(-50%) scale(0);
}

.project-one__single:hover .project-one__arrow-box a {
    background-color: #ee1d23;
}

.project-one__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.project-one__carousel.owl-carousel .owl-item {
    opacity: 0;
    visibility: hidden;
}

.project-one__carousel.owl-carousel .owl-item.active {
    opacity: 1;
    visibility: visible;
}

.project-one__carousel.owl-carousel .owl-dots {
    position: absolute;
    bottom: -70px;
    left: 0px;
    right: 0;
    text-align: center;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #ee1d23;
    border-radius: 50%;
    margin: 0px 10px;
    padding: 0px;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot::before {
    content: "";
    position: absolute;
    top: -11px;
    left: -11px;
    right: -11px;
    bottom: -11px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    transform: scale(0);
    transition: all 100ms linear;
    transition-delay: 0.1s;
}


.project-one__carousel.owl-carousel .owl-dot.active:before {
    transform: scale(1);
}

.project-one__carousel.owl-carousel .owl-dot:focus {
    outline: none;
}

.project-one__carousel.owl-carousel .owl-dots .owl-dot span {
    display: none;
}

/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.blog-two .section-title {
    margin-bottom: 66px;
}

.blog-two__single {
    position: relative;
    display: block;
    background-color: #f3f3f3;
    padding: 44px 30px 39px;
    padding-right: 20px;
    border-radius: 3px;
    border-bottom-left-radius: 0;
    margin-bottom: 30px;
}

.blog-two__single::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 227px;
    height: 2px;
    background-color: #01050c;
}

.blog-two__date-box {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-two__tag {
    position: relative;
    display: block;
    background-color: #0b2916;
    padding: 4px 16px 5px;
    border-radius: 2px;
    color: #fff;
    font-weight: 600;
}

.blog-two__tag p {
    font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0;
}

.blog-two__date {
    position: relative;
    display: block;
    margin-left: 18px;
}

.blog-two__date a {
    font-size: 14px;
    color: #5e6761;
}

.blog-two__date a i {
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.blog-two__title-2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 19px;
    margin-bottom: 22px;
}

.blog-two__title-2 a {
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__title-2 a:hover {
    color: #ee1d23;
}

.blog-two__btn-and-date {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-two__btn-2 {
    position: relative;
    display: block;
}

.blog-two__btn-2 a {
    font-size: 16px;
    font-weight: 600;
    color: #01050c;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__btn-2 a:hover {
    color: #ee1d23;
}

.blog-two__btn-2 a i {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #5e6761;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-right: 12px;
    top: 3px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog-two__btn-2 a:hover i {
    background-color: #ee1d23;
}

.blog-two__date-two {
    position: relative;
    display: inline-block;
    top: 5px;
}

.blog-two__date-two a {
    font-size: 14px;
    color: #5e6761;
}

.blog-two__date-two a i {
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.pageheader:after {
    background: #0b2239 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.breadcrumb {
    padding: 23px 30px;
    background-color: rgb(11 34 57 / 50%);
    border-radius: 20px 20px 0px 0px;
    max-width: 775px;
    margin: 0 auto;
    margin-top: 55px;
    align-items: center;
    font-weight: 600;
}

.breadcrumb span.separator {
    position: relative;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 15px;
}

.breadcrumb span.separator:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #FFFFFF;
}

.logo img {
    height: 90px;
}

.search_icon i,
.search_cart li a i {
    font-size: 25px;
    color: #ee1d23;
}

.search_cart ul li a {
    color: #ee1d23 !important;
    font-size: 20px !important;
    padding: 0 !important;
}

footer {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

footer .newsletter {
    position: relative;
    padding-left: 50px;
}

footer .newsletter form {
    margin-top: 30px;
}

footer .newsletter input,
footer .newsletter input:focus {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

footer .newsletter input::-webkit-input-placeholder,
footer .newsletter input:focus::-webkit-input-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input::-moz-placeholder,
footer .newsletter input:focus::-moz-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input:-ms-input-placeholder,
footer .newsletter input:focus:-ms-input-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter input:-moz-placeholder,
footer .newsletter input:focus:-moz-placeholder {
    color: #cccccc;
    font-size: 15px;
    font-weight: 300;
}

footer .newsletter button {
    border: none;
    padding: 11px;
    width: 100%;
    border-radius: 5px;
    margin-top: 25px;
    font-weight: 600;
    background: transparent;
    position: relative;
    z-index: 1;
    color: #ffffff;
}

footer .newsletter button i {
    font-weight: 100;
}

footer .newsletter button::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 100%;
    background: #ee1d23;
    z-index: -1;
    border-radius: 5px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background-size: 220% 150%;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    footer .newsletter::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    footer .newsletter::after {
        display: none;
    }
}

footer .newsletter::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 3px;
    background: #ee1d23;
}

@media only screen and (max-width: 767px) {
    footer .newsletter::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    footer .newsletter {
        padding-left: 0;
    }
}

.esitle {
    margin-top: 56px;
}

.bg-1 {
    background: #EDF2F6;
}

.shop__item {
    -webkit-box-shadow: 0px 7px 60px rgb(0 0 0 / 7%);
    box-shadow: 0px 7px 60px rgb(0 0 0 / 7%);
}

.price span.linetrough {
    color: #666;
    text-decoration: line-through;
    font-weight: 300;
    margin-right: 10px;
}

/*SHOP*/
.product-cart-wrap {
    position: relative;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.product-cart-wrap:hover {
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    border: 1px solid #BCE3C9;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

.product-cart-wrap .product-img-action-wrap {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    max-height: 320px;
    padding: 25px 25px 0 25px;
}

.product-cart-wrap .product-img-action-wrap .product-action-1 {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #BCE3C9;
}

.product-cart-wrap .product-img-action-wrap .product-img {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.product-cart-wrap .product-img-action-wrap .product-img a {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-img-action-wrap .product-img a img {
    width: 100%;
    height: 260px;
    object-fit: contain;
}

.product-cart-wrap .product-img-action-wrap .product-img a img.hover-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s opacity, 0.25s visibility, transform 1.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 1.5s cubic-bezier(0, 0, 0.2, 1);
}

.product-cart-wrap .product-img-action-wrap .product-img-zoom a img {
    -webkit-transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
    transition: all 1.5s cubic-bezier(0, 0, 0.05, 1);
}

.product-cart-wrap .product-action-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    z-index: 9;
    -webkit-box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
    box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.07);
}

.product-cart-wrap .product-action-1.show {
    visibility: visible;
    opacity: 1;
    bottom: 26px;
    left: unset;
    right: 20px;
    top: unset;
    -webkit-transform: none;
    transform: none;
}

.product-cart-wrap .product-action-1 button,
.product-cart-wrap .product-action-1 a.action-btn {
    width: 40px;
    height: 36px;
    line-height: 40px;
    text-align: center;
    position: relative;
    display: inline-block;
    border-right: 1px solid #BCE3C9;
}

.product-cart-wrap .product-action-1 button:last-child,
.product-cart-wrap .product-action-1 a.action-btn:last-child {
    border: none;
}

.product-cart-wrap .product-action-1 button.small,
.product-cart-wrap .product-action-1 a.action-btn.small {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.product-cart-wrap .product-action-1 button.small i,
.product-cart-wrap .product-action-1 a.action-btn.small i {
    font-size: 12px;
}

.product-cart-wrap .product-action-1 button:after,
.product-cart-wrap .product-action-1 a.action-btn:after {
    bottom: 100%;
    left: 50%;
    position: absolute;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 11px;
    padding: 7px 10px;
    color: #ffffff;
    background-color: #3BB77E;
    content: attr(aria-label);
    line-height: 1.3;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0px);
    transform: translateX(-50%) translateY(0px);
}

.product-cart-wrap .product-action-1 button:before,
.product-cart-wrap .product-action-1 a.action-btn:before {
    content: '';
    position: absolute;
    left: calc(50% - 7px);
    bottom: 100%;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    border: 7px solid transparent;
    border-top-color: #3BB77E;
    z-index: 9;
    margin-bottom: -13px;
    transition-delay: .1s;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    opacity: 0;
    visibility: hidden;
}

.product-cart-wrap .product-action-1 button:last-child,
.product-cart-wrap .product-action-1 a.action-btn:last-child {
    margin-right: 0;
}

.product-cart-wrap .product-action-1 button i,
.product-cart-wrap .product-action-1 a.action-btn i {
    font-size: 15px;
    margin-left: 1px;
}

.product-cart-wrap .product-action-1 button:hover,
.product-cart-wrap .product-action-1 a.action-btn:hover {
    color: #FDC040;
}

.product-cart-wrap .product-action-1 button:hover:after,
.product-cart-wrap .product-action-1 a.action-btn:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px);
}

.product-cart-wrap .product-action-1 button:hover:before,
.product-cart-wrap .product-action-1 a.action-btn:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.product-cart-wrap .product-action-1 button:hover i,
.product-cart-wrap .product-action-1 a.action-btn:hover i {
    color: #FDC040;
}

.product-cart-wrap .product-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-badges.product-badges-mrg {
    margin: 0 0 10px;
}

.product-cart-wrap .product-badges.product-badges-position {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 9;
}

.product-cart-wrap .product-badges.product-badges-position-right {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 9;
}

.product-cart-wrap .product-badges.product-badges-position-right span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 0px 10px 0 20px;
    color: #fff;
    padding: 9px 20px 10px 20px;
    background-color: #3BB77E;
}

.product-cart-wrap .product-badges span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    border-radius: 15px 0 20px 0;
    color: #fff;
    padding: 9px 20px 10px 20px;
}

.product-cart-wrap .product-badges span:last-child {
    margin-right: 0px;
}

.product-cart-wrap .product-badges span.hot {
    background-color: #f74b81;
}

.product-cart-wrap .product-badges span.new {
    background-color: #3BB77E;
}

.product-cart-wrap .product-badges span.sale {
    background-color: #67bcee;
}

.product-cart-wrap .product-badges span.best {
    background-color: #f59758;
}

.product-cart-wrap .product-content-wrap {
    padding: 0 20px 20px 20px;
}

.product-cart-wrap .product-content-wrap .product-category {
    margin-bottom: 5px;
}

.product-cart-wrap .product-content-wrap .product-category a {
    color: #adadad;
    font-size: 12px;
}

.product-cart-wrap .product-content-wrap .product-category a:hover {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap h2 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    height: 45px;
}

.product-cart-wrap .product-content-wrap h2 a {
    color: #253D4E;
}

.product-cart-wrap .product-content-wrap h2 a:hover {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap .product-price {
    padding-top: 5px;
}

.product-cart-wrap .product-content-wrap .product-price span {
    font-size: 18px;
    font-weight: bold;
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap .product-price span.new-price {
    color: #3BB77E;
}

.product-cart-wrap .product-content-wrap .product-price span.old-price {
    font-size: 14px;
    color: #adadad;
    margin: 0 0 0 7px;
    text-decoration: line-through;
}

.product-cart-wrap .product-content-wrap .rating-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.product-cart-wrap .product-content-wrap .rating-result>span {
    display: block;
    overflow: hidden;
    margin-left: 5px;
}

.product-cart-wrap .product-content-wrap .rating-result::before {
    font-family: "uicons-regular-straight" !important;
    font-size: 11px;
    letter-spacing: 2px;
    content: '\f225' '\f225' '\f225' '\f225' '\f225';
    color: #ff9900;
}

.product-cart-wrap .product-content-wrap .add-to-cart {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: center;
    display: block;
    color: #253D4E;
    font-size: 16px;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-weight: 300;
}

.product-cart-wrap .product-content-wrap .add-to-cart:hover {
    background-color: #3BB77E;
    color: #fff;
}

.product-cart-wrap .product-content-wrap .add-to-cart img {
    width: 20px;
    display: inline-block;
    margin-top: 11px;
}

.product-cart-wrap .product-card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
}

.product-cart-wrap .product-card-bottom .add-cart {
    cursor: pointer;
}

.product-cart-wrap .product-card-bottom .add-cart .add {
    position: relative;
    display: inline-block;
    padding: 6px 20px 6px 20px;
    border-radius: 4px;
    background-color: #DEF9EC;
    font-size: 14px;
    font-weight: 700;
}

.product-cart-wrap .product-card-bottom .add-cart .add:hover {
    background-color: #3BB77E;
    color: #fff;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.product-cart-wrap .product-stock .status-bar {
    background-color: #ededed;
    margin: 0px 0 10px;
    border-radius: 5px;
}

.product-cart-wrap .product-stock .status-bar .sold-bar {
    background-image: linear-gradient(235deg, #3BB77E 0%, #77ccfd 100%);
    border-radius: 4px;
    height: 8px;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-33 {
    width: 33.333333333333%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-10 {
    width: 10%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-40 {
    width: 40%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-6 {
    width: 6.6666666666667%;
}

.product-cart-wrap .product-stock .status-bar .sold-bar.sold-bar-width-42 {
    width: 42.857142857143%;
}

.product-cart-wrap .product-stock .product-stock-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-cart-wrap .product-stock .product-stock-status .sold {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px;
}

.product-cart-wrap .product-stock .product-stock-status .available {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span {
    font-size: 15px;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.label {
    color: #253D4E;
}

.product-cart-wrap .product-stock .product-stock-status .stock-status-same-style span.value {
    font-weight: 700;
    color: #333;
}

.product-cart-wrap .progress {
    height: 5px;
}

.product-cart-wrap:hover .product-img-action-wrap .product-img a img.hover-img {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-action-wrap .product-action-1 {
    opacity: 1;
    visibility: visible;
}

.product-cart-wrap:hover .product-img-zoom a img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
    transform: scale3d(1.05, 1.05, 1.05) translateZ(0);
}

.product-cart-wrap.small {
    border: 0;
    text-align: center;
}

.product-cart-wrap.small .rating-result {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-cart-wrap.small .product-content-wrap {
    padding: 5px 15px 0 15px;
}

.product-cart-wrap.small .product-price {
    padding-top: 0;
}

.product-cart-wrap.small:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-cart-wrap.small h2 {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

.product-cart-wrap.small .product-badges span {
    font-size: 10px;
}

.product-cart-wrap.style-2 {
    border: 0;
    padding-bottom: 25px;
}

.product-cart-wrap.style-2:hover {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-cart-wrap.style-2 .product-img-action-wrap {
    padding: 0;
    position: relative;
    z-index: 1;
    max-height: unset;
}

.product-cart-wrap.style-2 .product-img-action-wrap img {
    border-radius: 15px;
}

.product-cart-wrap.style-2 .product-content-wrap {
    position: relative;
    margin-top: -90px;
    z-index: 3;
    padding: 0;
    max-width: 86%;
    margin-left: auto;
    margin-right: auto;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.product-cart-wrap.style-2 .product-content-wrap .deals-content {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    padding: 25px 30px;
}

.product-cart-wrap.style-2 .product-content-wrap .deals-countdown-wrap {
    position: absolute;
    top: -80px;
    width: 100%;
    text-align: center;
}

.product-cart-wrap.style-2:hover .product-content-wrap {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

.shop-product-fillter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px;
    border-bottom: 1px solid #eceff1;
    padding-bottom: 20px;
}

.shop-product-fillter.style-2 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.shop-product-fillter .sort-by-product-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.shop-product-fillter .sort-by-product-area .sort-by-cover {
    position: relative;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid #f7f8f9;
    color: #777;
    padding: 9px 16px;
    border-radius: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer;
    border: 1px solid #ececec;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap:hover {
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by {
    margin-right: 5px;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by i {
    margin-right: 10px;
    font-size: 14px;
    color: #ababab;
    position: relative;
    top: 2px;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by span {
    font-size: 13px;
    font-weight: 500;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span {
    font-size: 13px;
    font-weight: 500;
    color: #7E7E7E;
}

.shop-product-fillter .sort-by-product-area .sort-by-product-wrap .sort-by-dropdown-wrap span i {
    font-size: 15px;
    color: #7E7E7E;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

.mw-200 {
    min-width: 200px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

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

.mb-50 {
    margin-bottom: 50px !important;
}

/* Flat Product Detail
-------------------------------------------------------------- */
.flat-product-detail {
    padding: 60px 0px;
}

.flat-product-detail.style1 {
    padding: 0px;
    position: relative;
    margin-bottom: 100px;
}

.flat-product-detail.style2 {
    padding: 30px 0 5px;
}

/* Product Detail */
.product-detail {
    background-color: #f5f5f5;
    padding: 36px 30px 38px 41px;
    border-radius: 8px;
    height: 97%;
}

.product-detail .header-detail h4.name {
    color: #484848;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}

.product-detail .header-detail .category {
    color: #919191;
}

.product-detail .header-detail .reviewed {
    margin-top: 12px;
    margin-bottom: 15px;
}

.queue i {
    color: #f28b00;
    font-size: 11px;
    margin-right: 5px;
}

.product-detail .content-detail {
    margin-top: 21px;
}

.product-detail .content-detail .price .sale {
    font-size: 35px;
    margin-top: 0px;
}

.regular {
    color: #c5c5c5;
    font-size: 14px;
    text-decoration: line-through;
}

.sale {
    color: #f28b00;
    font-weight: 600;
    font-size: 22px;
}

.product-detail .content-detail .info-text {
    color: #838383;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-id {
    color: #484848;
    font-weight: bold;
}

.product-id .id {
    font-weight: 400;
    color: #838383;
}

.product-detail .footer-detail {
    margin-top: 30px;
}

.product-detail .footer-detail .social-single {
    margin-top: 25px;
    display: flex;
    align-items: center;
}

.product-detail .footer-detail .quanlity-box>div {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.product-detail .footer-detail .quanlity-box>div.colors {
    margin-right: 8px;
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.colors:before {
    content: '\f107';
    position: absolute;
    font-family: 'Fontawesome';
    top: 12px;
    right: 22px;
    font-size: 14px;
    color: #1b1b19;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.colors select {
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(234, 234, 234, 1);
    height: 46px;
}

.product-detail .footer-detail .quanlity-box>div.quanlity {
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.quanlity input {
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgba(234, 234, 234, 1);
    border-color: transparent;
    height: 46px;
    text-align: center;
    padding: 15px;
    color: #484848;
    position: relative;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-down {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    top: 12px;
    left: 20px;
    z-index: 3;
    cursor: pointer;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-down:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background: #484848;
    top: 11px;
    left: 0px;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    top: 12px;
    right: 20px;
    z-index: 3;
    cursor: pointer;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background: #484848;
    top: 10px;
    right: 0px;
    z-index: 2;
}

.product-detail .footer-detail .quanlity-box>div.quanlity .btn-up:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 15px;
    background: #484848;
    top: 3px;
    right: 6.5px;
    z-index: 2;
}

.product-detail .footer-detail .social-single span {
    display: inline-block;
    font-weight: bold;
    color: #484848;
    line-height: 20px;
    margin-right: 25px;
}

.product-detail .footer-detail .social-single ul.social-list {
    display: inline-block;
}

.product-detail .footer-detail .social-single ul.social-list li {
    font-size: 16px;
    margin-right: 20px;
}

/* Reviewed */
.reviewed .queue i:last-child {
    color: #919191;
}

.reviewed .review {
    display: inline-block;
}

.reviewed .review .text {
    color: #838383;
    line-height: 20px;
}

.reviewed .review .text .add-review {
    color: #484848;
    margin-left: 11px;
}

.reviewed .status-product {
    float: right;
    padding-top: 12px;
    color: #484848;
}

.reviewed .status-product span {
    color: #fff;
    background-color: #f92400;
    height: 24px;
    padding: 0 15px;
    display: inline-block;
    line-height: 24px;
    border-radius: 15px;
    margin-left: 15px;
}

/* Box Cart Style2 */
.box-cart.style2 {
    text-align: left;
    padding: 0;
    margin-top: 39px;
    margin-bottom: 48px;
}

.box-cart.style2 .btn-add-cart {
    display: inline-block;
}

.box-cart.style2 .btn-add-cart a {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background-color: #f92400;
    border-radius: 30px;
    width: 220px;
    font-size: 16px;
    font-weight: 600;
}

.box-cart.style2 .btn-add-cart a:hover {
    background-color: #2d2d2d;

}

.box-cart.style2 .btn-add-cart a img {
    padding-right: 18px;
}

.box-cart.style2 .compare-wishlist {
    display: inline-block;
    margin-left: 23px;
}

.box-cart.style2 .compare-wishlist a {
    color: #919191;
    font-size: 12px;
    font-weight: 600;
}

.box-cart.style2 .compare-wishlist a.compare {
    margin-right: 14px;
}

.box-cart.style2 .compare-wishlist a img {
    padding-right: 10px;
}

/* Product Detail Style2 */
.product-detail.style2 {
    background-color: #fff;
    padding: 36px 1px 34px;
}

.product-detail.style2 .content-detail .info-text {
    margin-top: 23px;
    margin-bottom: 10px;
}

.product-detail.style2 .footer-detail {
    margin-top: 27px;
}

.product-detail.style2 .social-single {
    margin-bottom: 43px;
    margin-top: 27px;
}

.product-detail.style2 .social-single span {
    float: left;
    font-weight: bold;
    margin-right: 29px;
}

.product-detail.style2 .social-single .social-list li {
    font-size: 16px;
    margin-right: 20px;
}

.product-detail.style2 .footer-detail .quanlity-box {
    width: 100%;
    overflow: hidden;
}

.product-detail.style2 .footer-detail .quanlity-box>div.quanlity {
    float: left;
    width: 128px;
    margin-right: 22px;
    margin-bottom: 15px;
}

.product-detail.style2 .footer-detail .quanlity-box>div.quanlity input {
    background-color: #f5f5f5;
    box-shadow: none;
    border: none;
    height: 45px;
    padding: 5px 15px 5px 9px;
    color: #484848;
}

.product-detail.style2 .quanlity-box .text {
    float: left;
}

.product-detail.style2 .quanlity-box .text p.name {
    color: #888888;
    font-size: 15px;
}

.product-detail.style2 .quanlity-box .text p.price {
    color: #f28b00;
    font-size: 16px;
}

/* Product Detail Style3 */
.product-detail.style3 {
    padding: 22px 31px 33px;
    margin-left: -15px;
}

.product-detail.style3 .reviewed .status-product {
    float: left;
    margin-top: 15px;
    margin-bottom: 30px;
}

.product-detail.style3 .footer-detail {
    margin-top: 41px;
}

.product-detail.style3 .footer-detail .quanlity-box>div {
    width: 100%;
    margin-bottom: 23px;
}

.product-detail.style3 .footer-detail .box-cart {
    margin: 0;
}

.product-detail.style3 .footer-detail .box-cart .btn-add-cart {
    margin-bottom: 16px;
    margin-top: 6px;
    display: block;
}

/* Product Detail Style4 */
.product-detail.style4 {
    background-color: #fff;
}

.product-detail.style4 .footer-detail .quanlity-box>div.colors select,
.product-detail.style4 .footer-detail .quanlity-box>div.quanlity input {
    background-color: #f5f5f5;
}

/* Flat Product Content
-------------------------------------------------------------- */
.flat-product-content {
    background-color: #f5f5f5;
    margin: 48px 0 0;
}

.flat-product-content .container {
    padding-top: 86px;
    padding-bottom: 64px;
}

.flat-product-content.style2 .container {
    padding-bottom: 64px;
}

.flat-product-content.style1 {
    background-color: #fff;
}

.flat-product-content .container {
    padding-top: 88px;
    padding-bottom: 52px;
}

/* Product Detail Bar */
.product-detail-bar {
    text-align: center;
    background-color: #fff;
    width: 100%;
    padding-left: 70px;
}

.product-detail-bar li {
    display: inline-block;
    color: #919191;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 25px;
    position: relative;
    z-index: 5;
}

.product-detail-bar li:before {
    content: '';
    position: absolute;
    background-color: #f5f5f5;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    top: 0px;
    left: 0;
    width: 100%;
    height: 52px;
    z-index: -1;
    opacity: 0;
}

.product-detail-bar li.active,
.product-detail-bar li:hover {
    color: #2d2d2d;
    font-weight: 600;
}

.product-detail-bar li.active:before,
.product-detail-bar li:hover:before {
    opacity: 1;
}

.box-text:not(:first-child) {
    margin-top: 63px;
}

.box-text.design {
    margin-top: 73px;
}

.box-text.sound {
    margin-top: 79px;
}

.box-text h4 {
    margin-bottom: 21px;
    color: #484848;
    font-weight: bold;
    font-size: 18px;
}

.box-text p {
    color: #838383;
}

.description-image {
    text-align: right;
    margin-top: -11px;
    margin-right: 2px;
}

.description-image .box-text {
    margin-top: 61px;
    margin-right: 1px;
}

/* Flex slider Style1 */
.flexslider.style1 .flex-viewport {
    margin: 152px 68px 0 0px;
    text-align: center;
}

.flexslider .flex-viewport ul.slides li {
    position: relative;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.flexslider .flex-viewport ul.slides li img,
.flexslider.style3 .flex-viewport ul.slides li img {
    max-width: 350px;
}

.flexslider .flex-viewport ul.slides li div {
    position: absolute;
    top: 16px;
    left: 13px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.flexslider .flex-viewport ul.slides li div span {
    background: #f59758;
    border-radius: 0;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
}

.flexslider .flex-viewport ul.slides li div span.out-yeni {
    background: #67bcee;
    border-radius: 0;
    padding: 3px 10px;
    color: #fff;
    text-align: center;
}

.flexslider.style1 .flex-control-thumbs {
    position: absolute;
    margin: 0;
}

.flexslider.style1 .flex-control-thumbs li {
    float: none;
    margin-bottom: 20px;
    width: 100%;
}

.flexslider.style1 .flex-control-thumbs img {
    width: 85px;
    height: 85px;
}

.flexslider.style1 .flex-control-nav {
    bottom: auto;
    top: 0px;
    margin-top: -93px;
    display: inline-block;
    width: 20%;
    background-color: #fff;
}

.flexslider.style1 .flex-control-nav li {
    display: block;
}

.flexslider.style1 .slides img {
    width: auto;
    float: right;
    padding-left: 100px;
}

.flexslider .flex-viewport ul.slides li img {
    max-width: 100%;
}

/* Flex style2 */
.flexslider.style2 {
    width: 59%;
    float: right;
}

.flexslider.style2 .flex-viewport {
    margin: 97px 110px 0 0px;
    text-align: center;
}

.flexslider.style2 .flex-viewport ul.slides li {
    position: relative;
    text-align: center;
}

.flexslider.style2 .flex-viewport ul.slides li span {
    position: absolute;
    top: 31px;
    left: 11px;
    height: 45px;
    line-height: 45px;
    width: 45px;
    background: #f28b00;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.flexslider.style2 .flex-control-thumbs {
    position: absolute;
    margin: 0;
}

.flexslider.style2 .flex-control-thumbs li {
    float: none;
    margin-bottom: 36px;
    width: 85px;
    height: 85px;
}

.flexslider.style2 .flex-control-thumbs img {
    width: 85px;
    height: 85px;
}

.flexslider.style2 .flex-control-nav {
    bottom: auto;
    top: 0px;
    right: 0;
    margin-top: 55px;
    display: inline-block;
    width: 24%;
    background-color: #fff;
}

.flexslider.style2 .flex-control-nav li {
    display: block;
}

.flexslider.style2 .slides img {
    width: auto;
    display: inline-block;
}

.flex-control-thumbs li {
    margin-right: 9px;
}

.flex-control-thumbs img:hover {
    opacity: 1;
    border: 2px solid #ee1d23;
}

.flex-control-thumbs .flex-active {
    cursor: default;
    border: 2px solid #ee1d23;
}

.flex-control-thumbs li img {
    width: 120px;
    object-fit: contain;
    padding: 5px;
    height: 100px;
    border: 2px solid #f5f5f5;
}

.flex-viewport {
    border: 2px solid #f5f5f5;
    border-radius: 8px;
}

.slides li img {
    width: 100% !important;
    height: 450px !important;
    object-fit: contain;
    padding: 10px;
}

.flex-control-thumbs {
    margin: 20px 0 0;
}

.product__color {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.attribute-name {
    margin-bottom: 5px;
    margin-bottom: 0;
}

.attribute-values ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product__color .color-swatch li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 0;
}

.text-swatch li input[type=checkbox],
.text-swatch li input[type=radio] {
    display: none;
}

.attribute-swatch-item input {
    background: #f4f5f9;
    border: 2px solid #f4f5f9;
    box-shadow: none;
    color: #4f5d77;
    font-size: 13px;
    height: 45px;
    padding-left: 20px;
    width: 100%;
}

.text-swatch li input[type=checkbox]:checked~span,
.text-swatch li input[type=radio]:checked~span {
    border: 1px solid #ee1d23;
}

.product__color .color-swatch li span {
    margin-bottom: 0;
}

.text-swatch li span {
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 5px 15px;
    position: relative;
    transition: .2s;
}

.text-swatch li input[type=checkbox]:checked~span:before,
.text-swatch li input[type=radio]:checked~span:before {
    border: 16px solid transparent;
    border-bottom: 16px solid #ee1d23;
    bottom: 0px;
    content: "";
    position: absolute;
    right: -16px;
}

.text-swatch li input[type=checkbox]:checked~span:after,
.text-swatch li input[type=radio]:checked~span:after {
    bottom: 1px;
    color: #fff;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    font-size: 8px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: -6px;
    width: 15px;
}

.countadd {
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

.countadd .cart-plus-minus {
    margin-left: 0px;
    margin-right: 10px;
    background: #fff;
}

.countadd .lab-btn {
    padding-block: 7px;
}

.zoom {
    display: inline-block;
    position: relative;
}

.zoom img {
    display: block;
}

.zoom img::selection {
    background-color: transparent;
}

/* Technical Specs */
.tecnical-specs .name {
    color: #484848;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Open Sans';
}

.tecnical-specs table {
    width: 100%;
}

.tecnical-specs table tr:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.tecnical-specs table tr td {
    padding: 15px 0;
}

.tecnical-specs table tr td:first-child {
    width: 150px;
    font-weight: bold;
    color: #484848;
}

.about-area {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}

.form-common {
    width: 100%;
    background-color: #f5f5f5 !important;
    padding: 60px 45px;
    height: 100%;
    border-radius: 8px;
}

.widget_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    line-height: 1em;
    margin: -0.1em 0 30px 0;
}

.widget_title:after {
    content: '';
    height: 1px;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px dashed #ddd;
    margin-top: 5px;
}

.form-group {
    margin-bottom: 1.5rem;
    position: relative;
}

.form-group>i {
    display: inline-block;
    position: absolute;
    right: 35px;
    top: 19px;
    font-size: 16px;
    color: #000;
}

.divider-login {
    display: inline-block;
    width: 100%;
    position: relative;
}

.divider-login hr {
    border-top: 1.5px solid #cccccc;
}

.divider-login span {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 24px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f5f5f5;
}

.membership-page-right-content {
    margin-bottom: 10px;
    margin-top: 65px;
}

.membership-page-right-content .membership-option:last-child {
    margin-bottom: 0px;
}

.membership-page-right-content .membership-option .option-content .badge-group {
    margin-bottom: 20px;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge {
    float: left;
    width: 62px;
    height: 62px;
    background-color: #ddd;
    color: white;
    font-size: 34px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}

.membership-page-right-content .membership-option .option-content .badge-group .badge-item .badge-text {
    float: left;
    width: calc(100% - 62px);
    padding-left: 15px;
}

.checkbox-custom,
.radio-custom {
    opacity: 0;
    position: absolute
}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-custom-label,
.radio-custom-label {
    position: relative;
    display: flex;
    margin: 0;
    align-items: center;
}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
    content: '';
    border: 1px solid #ee1d23;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center
}

.checkbox-custom:checked+.checkbox-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #ee1d23;
    font-size: 12px;
}

.radio-custom+.radio-custom-label:before {
    border-radius: 50%;
    margin-top: 0px;
}

.radio-custom:checked+.radio-custom-label:before {
    content: "";
    background: #fff;
    color: #1f2026
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #ee1d23;
    font-size: 12px;
}

.text-right {
    text-align: right !important;
}

.checkout-area {
    padding-top: 80px;
    padding-bottom: 50px;
}

.billing-content {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    -moz-box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    box-shadow: 0 0 30px rgb(82 85 90 / 5%);
    padding: 30px 30px
}

.billing-content-2 {
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 30px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .billing-content {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .billing-content {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .billing-content {
        margin-bottom: 30px
    }
}

.billing-content .checkout__title {
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 700;
    color: #233d63;
    margin: 0;
}

.billing-content .card-content form .form-row .form-group .custom-checkbox label {
    color: #677286;
    font-size: 15px;
    font-weight: 600;
    margin: 0
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked),
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked {
    position: absolute;
    left: -9999px
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label {
    position: relative;
    padding-left: 26px;
    cursor: pointer
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:before,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:after,
.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:after {
    content: '\f00c';
    position: absolute;
    top: 1px;
    left: 3px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-family: "Font Awesome 5 Brands";
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    visibility: hidden
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:after {
    opacity: 1;
    visibility: visible
}

.billing-content .card-content form .form-row .form-group .custom-checkbox input[type=checkbox]:checked+label:before {
    background-color: #f66b5d;
    border-color: #f66b5d
}

.billing-content .card-content form .form-row .country-select {
    margin-top: 0
}

.billing-content .card-content form .form-row .country-select:before {
    top: 15px
}

.billing-content .card-content form .form-row .country-select:after {
    bottom: 15px
}

.billing-content .card-content .checkout-table {
    font-size: 15px;
	    margin-bottom: 0;
}

.billing-content .card-content .checkout-table .checktable__head>tr>th {
    border-bottom: 0
}

.billing-content .card-content .checkout-table .checktable__head>tr:last-child {
    padding-bottom: 10px
}

.billing-content .card-content .checkout-table .checktable__head>tr>th:first-child,
.billing-content .card-content .checkout-table .checktable__body>tr>th:first-child,
.billing-content .card-content .checkout-table .checktable__foot>tr:first-child th,
.billing-content .card-content .checkout-table .checktable__body>tr>td:first-child {
    padding-left: 0
}

.billing-content .card-content .checkout-table .checktable__head>tr>th:last-child,
.billing-content .card-content .checkout-table .checktable__body>tr>td:last-child,
.billing-content .card-content .checkout-table .checktable__foot>tr:last-child td {
    text-align: right;
    padding-right: 0
}

.billing-content .card-content .checkout-table .checktable__products tr:first-child>* {
    border-top: 1px solid #ddd
}

.billing-content .card-content .checkout-table .checktable__products tr:last-child>*,
.billing-content .card-content .checkout-table .checktable__subtotals tr:last-child>* {
    padding-bottom: 15px
}

.billing-content .card-content .checkout-table .checktable__subtotals tr:first-child>*,
.billing-content .card-content .checkout-table .checktable__products tr:first-child>* {
    padding-top: 15px
}

.billing-content .card-content .checkout-table .checktable__body tr td,
.billing-content .card-content .checkout-table .checktable__body tr th {
    padding: 2px 0
}

.billing-content .card-content .checkout-table .checktable__foot tr th,
.billing-content .card-content .checkout-table .checktable__foot tr td {
    font-size: 20px
}

.billing-content .card-content .checkout-table tbody+tbody {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.billing-content .card-content .checkout-table tr th {
    color: #233d63;
    line-height: inherit;
    border: 0;
    padding: 5px 0
}

.billing-content .card-content .checkout-table tr td {
    color: #677286;
    font-weight: 600;
    border: 0;
    line-height: inherit
}

.billing-content .card-content .payment-method-wrap .theme-button {
    border: 0;
    margin-top: 25px;
    margin-bottom: 5px
}

.billing-content .payment-method-area {
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.tile {
    padding: 20px 30px !important;
    background-color: #fff !important;
    border-right: solid 1px #e9f1f1 !important;
    position: relative;
}

.tile:last-child {
    border-right: none !important;
}

.tile a {
    text-decoration: none;
}

.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #ccc;
}

.tile .stat {
    color: #ee5586;
    margin-top: 20px;
    font-size: 40px;
    line-height: 1;
}

.tile .title {
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
    font-size: 12px;
}

.tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}

.bg-color-blue {
    background-color: #5bc0de;
}

.bg-color-gold {
    background-color: #f0ad4e;
}

.bg-color-green {
    background-color: #5cb85c;
}

.bg-color-red {
    background-color: #d9534f;
}

.card-content .list-group {
    margin-bottom: 0;
    padding-left: 0;
}

.card-content .list-group a {
    border: 0;
    color: #333333;
    text-decoration: none;
    transition: all 0.3s;
    padding: 15px 10px;
    font-weight: 600;
}

.card-content .list-group a i {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-content .list-group a:hover {
    color: #00BCD4;
}

.card-content .fa {
    transition: all 0.3s;
}

.card-content .list-group a:hover>i {
    color: #00BCD4 !important;
}

.card-content .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}

.card-content .list-group-item {
    margin-bottom: 5px;
    padding-left: 10px !important;
    background: #ffffffa6;
}

.card-content .list-group-item i:not(.fa-circle):not(.fa-dot-circle) {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #ccc;
}

.card-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alert-sm {
    padding: 0.2rem 0.3rem;
    font-size: small;
    width: 95%;
}

.cart_table {
    border: 1px solid #f5f5f5;
    margin-bottom: 0px;
}

.cart_table thead {
    background-color: #f5f5f5;
}

.cart_table thead th {
    border: none !important;
}

.cart_table td:before,
.cart_table th {
    color: var(--title-color);
    font-weight: 600;
    border: none;
    padding: 27px 15px;
}

.cart_table td {
    border: none;
    border-bottom: 1px solid #f5f5f5;
    color: #8b8b8b;
    padding: 20px 10px;
    position: relative;
    vertical-align: middle;
}

.siparis_tarih {
    background: #faf7f2;
    display: inline-block;
    padding: 5px 8px;
    font-size: 12px;
}

.font-weight-light {
    font-weight: 400;
}

.modal {
    z-index: 9999;
}

.card {
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 2rem;
    border: 10px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.kapat {
    background: #ee1d23;
    border: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 10;
}

.bg-gray-1 {
    background: #f5f5f5;
}

.bg-gray-2 {
    background: #f7f7f7;
}

.f-size-15 {
    font-size: 15px;
}

.contact-card {
    padding: 47px 50px 40px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
    box-shadow: 0px 5px 83px 0px rgba(3, 43, 86, 0.12);
    position: relative;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.shadow-none {
    box-shadow: none !important;
}

.message-box-y {
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
    background: #62a8ea17;
}

.message-box-y h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #62A8EA;
}

.message-box-y h4:nth-child(2) {
    color: #ffffff;
    background-color: #62A8EA;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
}

.message-box-y p {}

.clear {
    clear: both;
}

.message-box-m {
    border-radius: 5px;
    padding: 15px;
    color: #607d8b;
    margin-bottom: 15px;
    background: #46BE8A17;
}

.message-box-m h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #46BE8A;
}

.message-box-m h4 small {
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
}

.message-box-m h4:nth-child(2) {
    color: #ffffff;
    background-color: #46BE8A;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 300;
}

.message-box-m p {
    line-height: 25px;
}

.destek-ozet .col-lg-3 {
    text-align: center !important;
    border-right: solid 1px #e9f1f1 !important;
    background: #00000005;
}

.destek-ozet .col-lg-3:last-child {
    border-right: none !important;
}

.d-box {
    padding: 25px 0px;
}

.d-box p {
    margin: 0;
}

.box-success {
    background: #33c976;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.box-danger {
    background: #f44336;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.box-info {
    background: #34abd3;
    color: white;
    border: transparent;
    font-size: 13px;
    padding: 4px 11px;
    border-radius: 5px;
}

.ticket-attachment-file a {
    color: #777;
}

.ticket-attachment-file {
    margin-top: 15px;
    font-size: 14px;
}

.ticket_cizgi {
    border-bottom: 1px solid #0000000d;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .cards-cover {
        height: 350px;
    }
}

.cards {
    position: relative;
    width: 100%;
    border-radius: 5px;
    padding: 5px;
    border: 5px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-bottom: 10px;
    background-color: #fff;
    background-clip: border-box;
}

@media (max-width: 767px) {
    .cards {
        margin-bottom: 10px;
    }
}

.cards a {
    position: relative;
    display: block;
}

.cards a:hover .cards-cover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.cards-cover {
    overflow: hidden;
    height: 350px;
}

@media (max-width: 479px) {
    .cards-cover {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cards-cover {
        height: 350px;
    }
}

.cards-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    -o-transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
    transition: transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s, -webkit-transform 2.5s cubic-bezier(0.2, 1, 0.3, 1) 0s;
}

.cards-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
    background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.4));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.4));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 30px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
}

.cards-body .title {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.cards-body .text {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
}

.cards-body:before,
.cards-body:after {
    pointer-events: none;
}

.cards-body:before,
.cards-body:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    -o-transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    z-index: 9;
}

.cards-body:after {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
}

.cards-body:before {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

.cards-body:hover:before,
.cards-body:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.paginationn {
    display: flex;
    padding-left: 0;
    list-style: none;
}

/*--------------------------------------------------------------
# Portfolio V-2
--------------------------------------------------------------*/
.portfolio-v-2 {
    position: relative;
    display: block;
    padding: 90px 0 90px;
}

/*--------------------------------------------------------------
# Business Status Two
--------------------------------------------------------------*/
.portfolio-three {
    position: relative;
    display: block;
    background-color: #eae6e6;
    padding: 120px 0 110px;
    overflow: hidden;
    z-index: 1;
}

.portfolio-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: overlay;
    z-index: -1;
}

.portfolio-three .container {
    max-width: 1800px;
}

.portfolio-three__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding: 6px;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
}

.portfolio-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

.portfolio-three__img:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: rgb(41, 41, 42);
    background: linear-gradient(0deg, rgba(41, 41, 42, 1) 6%, rgba(41, 41, 42, 0) 100%);
    z-index: 1;
}

.portfolio-three__img:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: rgba(255, 255, 255, .30);
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
}

.portfolio-three__single:hover .portfolio-three__img:after {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
}

.portfolio-three__img img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 500ms ease
}

.portfolio-three__single:hover .portfolio-three__img img {
    transform: scale(1.05);
}

.portfolio-three__content-box {
    position: absolute;
    bottom: 0;
    left: 35px;
    right: 0;
    z-index: 2;
    padding-bottom: 25px;
}

.portfolio-three__title-box {
    position: relative;
    display: block;
}

.portfolio-three__title-box:before {
    content: "";
    position: absolute;
    top: 2px;
    bottom: 3px;
    left: -15px;
    width: 3px;
    background-color: #ffffff;
}

.portfolio-three__title {
    font-size: 17px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    max-width: 80%;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.portfolio-three__title:hover {
    color: #ee1d23;
}

.portfolio-three__title a {
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 600;
}

.portfolio-three__title a:hover {
    color: #ee1d23;
}

.portfolio-three__sub-title {
    font-size: 16px;
    color: #ffffff;
    opacity: .80;
    line-height: 31px;
}

.portfolio-three__arrow {
    position: absolute;
    bottom: 0;
    right: 0;

    height: 100px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ffffff;
    background-color: #ee1d23;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);
}

.portfolio-three__arrow:hover {
    background-color: #090909;
}

.portfolio-three__arrow a {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #ffffff;
    background-color: #ee1d23;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);
}

.portfolio-three__arrow a:hover {
    background-color: #090909;
}

.foto_galeri_kapak img {
    height: 300px;
    object-fit: cover;
}

.urunkat_anasayfa_kapak img {
    height: 400px;
    object-fit: cover;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.video-detail__wrapper {
    background: #333;
    min-height: 600px;
    padding-top: 50px;
    padding-bottom: 150px;
}

.video-detail__header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.video-detail__header .title {
    color: #ffffff;
    font-size: 28px;
    font-weight: 400;
}

.video-detail-player iframe {
    width: 100%;
    height: 530px;
}

@media (max-width: 767px) {
    .video-detail-player iframe {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-player iframe {
        height: 400px;
    }
}

.video-detail-other-videos .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #ee1d23;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.video-detail-other-videos .heading .all-videos {
    text-transform: capitalize;
    font-size: 12px;
    color: #ffffff;
    opacity: .7;
    font-weight: 400;
}

.video-detail-other-videos .heading .all-videos:hover {
    text-decoration: underline;
}

.video-detail-list {
    overflow-y: auto;
    background: #212529;
    height: calc(530px - 60px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-detail-list {
        height: 340px;
    }
}

.video-detail-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    -webkit-transition: .3s;
    transition: .3s;
}

.video-detail-list li:last-child {
    border-bottom: 0 none;
}

.video-detail-list li:hover {
    background: rgba(0, 0, 0, 0.2);
}

.video-detail-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.video-detail-list .video-left {
    width: 110px;
    height: 70px;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

.video-detail-list .video-left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-detail-list .video-left .icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.55);
    color: #ffffff;
    font-size: 16px;
}

.video-detail-list .video-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 15px;
}

.video-detail-list .video-right .title {
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 0px !important;
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.videobg {
    background: #333;
}

.arkaBeyaz1 {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.firmaLogo {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    height: 200px;
    overflow: hidden;
    text-align: center
}

.firmaLogo:hover {
    -webkit-box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 30px -5px rgba(0, 0, 0, 0.2);
}

.widget__service {
    background-color: #f5f5f5;
}

.widget__brochure {
    background-color: #f5f5f5;
}

.turkey-map-drawing {
    text-align: center;
}

.turkey-map-drawing svg {
    width: 100%;
    height: auto;
}

.turkey-map-drawing g.is-completed path {
    fill: #ee1d23;
}

.turkey-map-drawing path {
    cursor: pointer;
    fill: #0b2239;
    -webkit-transition: .2s;
    transition: .2s;
}

.turkey-map-drawing path:hover {
    fill: #ee1d23 !important;
}

.turkey-map-name {
    position: absolute;
    z-index: 2;
}

.turkey-map-name div {
    display: inline-block;
    background: #ee1d23;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 2px;
}

.list .card {
    width: 100%;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 2rem;
    border: 10px solid transparent;
    display: inline-block;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.bayiler>.icon {
    position: absolute;
    right: 30px;
    top: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    width: 37px;
    height: 37px;
    border: 2px solid currentColor;
    color: #000;
    opacity: .3;
}

.box-header {
    margin-bottom: 50px;
}

.bayiler .title {
    color: #4d4d4d;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}

.bayiler .title.small {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0px;
}

.bayiler .text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #939393;
    font-size: 13px;
    margin-top: 5px;
    margin-right: 10px;
}

.box-footer .name {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.box-footer .text .icon {
    margin-right: 10px;
    font-size: 13px;
}

/* ----------------------------------
    Testimonials Style
 ------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-area.bg-fit {
        background-size: cover !important;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area.bg-fit {
        background-image: none !important;
        background-color: #091d3e;
        overflow: hidden;
    }
}

.testimonial-style-one-box {
    padding-top: 120px;
    padding-bottom: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-style-one-box {
        padding-top: 50px;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-style-one-box {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -30px;
    }
}

.testimonial-style-one-carousel {
    margin: 0 -15px;
}

.testimonial-style-one {
    padding: 50px;
    border-radius: 10px;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%);
}

.testimonial-style-one h4 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 22px;
}

.testimonial-style-one span {
    display: block;
    color: #ee1d23;
    font-weight: 600;
    font-size: 18px;
}

.testimonial-style-one p {
    margin: 0;
    line-height: normal;
}

.testimonial-style-one .quote-icon {
    position: absolute;
    width: 100px;
    right: 10px;
    top: 10px;
    opacity: 0.6;
}

.testimonial-style-one .provider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.testimonial-style-one .provider .thumb img {
    height: 80px;
    margin-left: 3px;
    padding: 0;
    margin-right: 20px;
    border-radius: 50%;
    min-width: 80px;
}

@media only screen and (max-width: 400px) {
    .testimonial-style-one .provider .thumb img {
        display: none;
    }
}

.testimonial-style-two-box {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (max-width: 767px) {
    .testimonial-style-two-box {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.testimonial-style-two-box .site-heading {
    margin-bottom: 40px;
}

.testimonial-style-two .provider {
    margin-top: 40px;
}

.testimonial-style-two .thumb {
    position: relative;
    margin-bottom: 20px;
}

.testimonial-style-two .thumb>img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#0090ff), color-stop(51%, #4e70fc), to(#9b4ff9));
    background: linear-gradient(-180deg, #0090ff 0%, #4e70fc 51%, #9b4ff9 100%);
    padding: 6px;
}

.testimonial-style-two p {
    margin: 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 300;
    color: #cccccc;
}

.testimonial-style-two h4 {
    font-weight: 600;
    margin-bottom: 3px;
}

.testimonial-style-two span {
    color: #ee1d23;
    font-weight: 600;
}

.project-info {
    background: #f5f5f5;
    padding: 50px;
    border-radius: 8px;
}

@media (max-width: 767px) {
    .gallery-list {
        margin-top: 15px;
    }
}

.gallery-list .gallery-card {
    margin-bottom: 15px;
}

.gallery-list .gallery-card:last-child {
    margin-bottom: 0;
}

.gallery-list .glink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gallery-list .photo {
    width: 120px;
    height: 90px;
    overflow: hidden;
}

.gallery-list .photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.gallery-list .description {
    padding-left: 20px;
}

.gallery-list .description .title {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    max-height: 43px;
}

.gallery-list .description .date {
    color: #939393;
    font-size: 13px;
    margin-top: 7px;
}

.gallery-list .description .date .icon {
    font-size: 13px;
    margin-right: 7px;
}

.gallery.list .gallery-card {
    margin-bottom: 30px;
}

@media (max-width: 479px) {
    .gallery.list .gallery-card:last-child {
        margin-bottom: 0;
    }
}

.gallery-card a {
    position: relative;
    display: block;
}

.gallery-card a:hover .gallery-body {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.gallery-card a:hover .gallery-cover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-card a:hover .gallery-photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-card a:hover .gallery-overlay {
    opacity: 1;
    visibility: visible;
}

.gallery-header {
    position: relative;
}

.gallery-header .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(238, 51, 53, 0.9);
    color: #fff;
    font-size: 18px;
}

.gallery-photo {
    overflow: hidden;
    height: 200px;
}

.gallery-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .7s ease;
    transition: .7s ease;
}

.gallery-footer {
    padding-top: 15px;
}

.gallery-footer .title {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    max-height: 46px;
    overflow: hidden;
    margin-bottom: 8px;
}

.gallery-footer .text {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 1.7;
    max-height: 64px;
    overflow: hidden;
}

.gallery-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.3);
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
}

.gallery-overlay .icon {
    font-size: 42px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.gallery-body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.5));
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .gallery-body {
        padding: 20px;
    }
}

.gallery-body .title {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: normal;
    padding-right: 50px;
    overflow: hidden;
    max-height: 90px;
    margin: 0;
}

.gallery-body .date {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: .8;
}

.gallery-body .date .icon {
    font-size: 13px;
    margin-right: 7px;
}

.gallery-body>.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ee3335;
    border-radius: 100%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
}

@media (max-width: 479px) {
    .gallery-body>.icon {
        display: none;
    }
}

.gallery-cover {
    overflow: hidden;
    height: 300px;
}

@media (max-width: 479px) {
    .gallery-cover {
        height: auto;
    }
}

.gallery-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: ease .7s;
    transition: ease .7s;
}

.cart {
    background-color: #f5f5f5 !important;
}

.contact {
    background-color: #f5f5f5 !important;
}

.sidebar__cartamount {
    height: 100%;
}

#st-1 {
    z-index: 20 !important;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.default-padding {
    padding-top: 90px;
    padding-bottom: 90px;
}

.proje_detay_Swiper {
    height: 80%;
    width: 100%;
}

.projedetay_Thumb_Swiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.projedetay_Thumb_Swiper .swiper-slide {
    height: 100%;
    opacity: 0.4;
    display: block;
    cursor: pointer;
}

.projedetay_Thumb_Swiper .swiper-slide-thumb-active {
    opacity: 1;
}

.proje_detay_Swiper img {
    height: 500px;
    width: 100%;
    object-fit: contain;
    background: #000;
}

.projedetay_Thumb_Swiper img {
    height: 160px;
    width: 100%;
    object-fit: cover;
}

.project-info .title {
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
    padding-bottom: 15px;
    margin-top: -5px;
}

.project-info .title::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    width: 50px;
    border-bottom: 2px solid #ee1d23;
}

.project-info ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.project-info ul li {
    font-weight: 600;
    font-size: 16px;
    color: #232323;
    margin-top: 15px;
}

.project-info ul li:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.project-info ul li span {
    font-weight: 400;
    position: relative;
    display: block;
    color: #666666;
}

.project-info ul.social {
    margin-top: 25px;
    border-top: 1px solid #e2d8d8;
    padding-top: 25px;
}

.project-info ul.social li {
    display: inline-block;
    margin: 0;
    margin-right: 28px;
    margin-top: 5px;
}

.project-info ul.social li a {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 100;
    color: #232323;
}

.project-info ul.social li a:hover {
    color: #ee1d23;
}

.project-info ul.social li:last-child {
    margin-right: 0;
}

.post-pagi-area {
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    border-top: 1px solid #f5f5f5;
}

.post-pagi-area a {
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
    color: #ee1d23;
    font-size: 16px;
}

.post-pagi-area a i {
    font-weight: 600;
}

.post-pagi-area a:last-child {
    float: right;
    text-align: right;
}

.post-pagi-area a:last-child i {
    margin-left: 3px;
}

.post-pagi-area a:first-child i {
    margin-right: 3px;
}

.post-pagi-area a:hover {
    color: #ee1d23;
}

.post-pagi-area h5 {
    margin: 0;
    margin-top: 5px;
    font-weight: 600;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    font-size: 20px;
    text-transform: none;
}

.post-pagi-area h5:hover {
    color: #ee1d23;
}

.related-shots-area {
    padding: 90px 0px;
}

.section-padding {
    padding: 25px 0;
}

.card-2 {
    position: relative;
    background: #F4F6FA;
    text-align: center;
    border: 1px solid #F4F6FA;
    border-radius: 10px;
    padding: 20px 0px 18px 0px;
    margin-bottom: 20px;
    min-height: 180px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.shop-section .show-button .filter-category {
    margin-bottom: 25px
}

.shop-section .show-button .filter-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
    padding-top: 16px
}

.shop-section .show-button .filter-category ul li {
    padding: calc(6px + (9 - 6) * ((100vw - 320px) / (1920 - 320))) calc(28px + (34 - 28) * ((100vw - 320px) / (1920 - 320))) calc(6px + (9 - 6) * ((100vw - 320px) / (1920 - 320))) calc(7px + (11 - 7) * ((100vw - 320px) / (1920 - 320)));
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .show-button .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .show-button .filter-category ul li a {
    color: #777
}

.shop-section .top-filter-category {
    width: 100%;
    height: 0;
    padding: 0 24px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.shop-section .top-filter-category.show {
    padding: 24px;
    height: auto;
    margin-bottom: 22px
}

.shop-section .top-filter-category>.row>div {
    border-right: 1px solid #ececec
}

[dir="rtl"] .shop-section .top-filter-category>.row>div {
    border-right: unset;
    border-left: 1px solid #ececec
}

.shop-section .top-filter-category>.row>div:last-child {
    border: none
}

@media (max-width: 1199px) {
    .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: none
    }

    [dir="rtl"] .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: unset;
        border-left: none
    }
}

@media (max-width: 767px) {
    .shop-section .top-filter-category>.row>div {
        border: none
    }
}

.category-title h3 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    color: #ee1d23}

.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + (16 - 10) * ((100vw - 320px) / (1920 - 320)))
}

[dir="rtl"] .category-list {
    padding-right: 0
}

.category-list li {
    display: block;
    width: 100%
}

.category-list li .category-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-list li .category-list-box input {
    margin-top: -4px
}

.category-list li .category-list-box .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-left: 8px
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 80%
}

.category-list li .category-list-box .form-check-label .number {
    color: #777;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)))
}

.custom-height {
    max-height: 195px;
    overflow-y: auto;
    height: 100%;
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin-right: 16px;
    height: 100%;
    width: inherit;
}

[dir="rtl"] .checkbox_animated {
    margin-right: unset;
    margin-left: 16px
}

.checkbox_animated:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    left: 4px;
    top: 4px;
    z-index: 1;
    border: 2px solid #ee1d23;
    border-top-style: none;
    border-right-style: none
}

[dir="rtl"] .checkbox_animated:before {
    left: unset;
    right: 4px
}

.checkbox_animated:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: -2px;
    left: 0;
    background-color: #fff;
    border: 2px solid #ececec;
    cursor: pointer
}

[dir="rtl"] .checkbox_animated:after {
    left: unset;
    right: 0
}

.checkbox_animated:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1)
}

.custom-padding {
    padding-right: 10px;
}

button,
hr,
input {
    overflow: visible;
}

.shop-section .sidebar-filter-menu a {
    border-radius: 0;
    color: #000;
    border: 1px solid #000;
    padding: 6px 20px;
}

.sozlesme_scrol::-webkit-scrollbar-track,
.chosen-results::-webkit-scrollbar-track,
.custom-height::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, 0.14)
}

.sozlesme_scrol::-webkit-scrollbar,
.chosen-results::-webkit-scrollbar,
.custom-height::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.sozlesme_scrol::-webkit-scrollbar-thumb,
.chosen-results::-webkit-scrollbar-thumb,
.custom-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, 0.5)
}

.sort-by-cover select {
    border: 1px solid #000;
    padding: 5px 10px;
}

.alert-warning {
    color: #0c0c0c;
    background-color: #f9f9f3;
    border-color: #f9f9f3;
}

.single-services-box {
    background-color: #fafafa;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 30px;
}

.single-services-box h3 {
    position: relative;
    padding-left: 65px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    margin-bottom: 10px;
}

.single-services-box h3 i {
    color: #fe235b;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 45px;
    top: 3px;
    z-index: 1;
}

.single-services-box h3 i::after {
    position: absolute;
    left: -10px;
    top: -3px;
    z-index: -1;
    background-color: #fbd3dd;
    width: 55px;
    height: 55px;
    content: '';
    border-radius: 50%;
}

.single-services-box h3 i.color-043d72 {
    color: #043d72;
}

.single-services-box h3 i.color-043d72::after {
    background-color: #d4d6de;
}

.single-services-box p {
    margin-top: 15px;
}

.single-services-box .read-more-btn {
    display: inline-block;
    margin-top: 6px;
    color: #130947;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.single-services-box .read-more-btn:hover {
    color: #1a1a1a;
}

.single-services-box:hover {
    background-color: #fffffffff;
    border-color: #fffffffff !important;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    position: relative;
    z-index: 1;
}

.row .col-lg-6:nth-child(1) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(2) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(3) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(4) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(5) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(6) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(7) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(8) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(9) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(10) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(11) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(12) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(13) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(14) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(15) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(16) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-6:nth-child(17) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(1) .single-services-box {
    border-right: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(2) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(3) .single-services-box {
    border-left: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(4) .single-services-box {
    border-bottom: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(4) .single-services-box,
.row .col-lg-4:nth-child(5) .single-services-box,
.row .col-lg-4:nth-child(7) .single-services-box,
.row .col-lg-4:nth-child(8) .single-services-box {
    border-right: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(7) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(8) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.row .col-lg-4:nth-child(9) .single-services-box {
    border-top: 1px solid #1a1a1a;
}

.order-complete-box {
    display: inline-block;
    width: 100%;
    padding: 50px 25px 50px;
    text-align: center;
}

.order-complete-box .btn-primary-gold {
    text-transform: inherit;
}

.order-complete-box p {
    margin: 30px 0;
    font-size: 24px;
    line-height: 40px;
}

.bg1 {
    position: relative;
    display: block;
    background-color: #f7f7f9;
    padding: 120px 0 120px;
    z-index: 1;
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: luminosity;
}

.counter__thumb i {
    font-size: 61px;
    color: #ee1d23;
}

.bg2 {
    background-color: #f5f5f5;
}

.clip1 {
    clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

.tp-section__subtitle {
    font-size: 35px;
    font-weight: 700;
    position: relative;
}

.after-border {
    margin-left: 8px;
}

.before-border {
    margin-right: 8px;
}

.after-border,
.before-border {
    transform: translateY(-5px);
    height: 2px;
    width: 24px;
    background-color: #ee1d23;
    display: inline-block;
}

.sponsor__thumb img {
    border-radius: 10px;
    border: 1px solid #e7e7e7;
    padding: 10px;
}

.slide-menu {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    z-index: 1;
}

.slide-menu a {
    width: 100%;
}

.slide-menu {
    height: 110px;
}

.bg-img-none {
    background-image: none !important;
}

.bg-none {
    background: none !important;
}

.left-20 {
    left: 20px !important;
}

.right-20 {
    right: 20px !important;
}

.ortamenu {
    font-size: 24px;
    color: #ee1d23;
    margin-right: 10px;
    margin-left: 0 !important;
}

.download-area {
    position: relative
}

.download-wrapper {
    position: relative;
    background-image: url(../images/shape-7.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    padding: 40px;
    overflow: hidden;
    z-index: 1
}

.download-btn {
    display: flex;
    gap: 15px
}

.download-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 20px;
    background: #ee1d23;
    color: #ffffff;
    border-radius: 50px;
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
}

.download-btn a:first-child {
    background: #ee1d23}

.download-btn a:last-child {
    background: #111111
}

.download-btn a:hover {
    background: #111111
}

.download-btn a:last-child:hover {
    background: #ee1d23}

.download-btn a i {
    font-size: 40px
}

.download-btn-content {
    display: flex;
    flex-direction: column
}

.download-btn-content span {
    font-weight: 500;
    font-size: 14px
}

.download-img {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 40%;
    text-align: right;
}

.download-img img {
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}

.site-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

.site-title-tagline {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #ee1d23}

.site-title-tagline::before {
    content: "";
    position: absolute;
    height: 10px;
    width: 100%;
    background: #ee1d23;
    opacity: .2;
    left: -2px;
    bottom: 0
}

.site-title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 45px;
    color: #111111;
    margin-bottom: 0
}

.site-title span {
    color: #ee1d23}

.site-heading p {
    margin-top: 15px
}

.heading-divider {
    display: inline-block;
    position: relative;
    border: 3px solid #ee1d23;
    width: 90px;
    height: 10px;
    border-radius: 50px
}

.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    height: 7px;
    width: 15px;
    border-radius: 50px;
    background: #ee1d23;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear
}

@media all and (max-width: 991px) {
    .download-img {
        position: relative;
        right: 35px;
        width: 150%
    }
}

@media all and (max-width: 767px) {
    .download-btn {
        flex-direction: column
    }

    .download-btn a {
        max-width: 180px
    }
}

/*--------------------------------------------------------------
# Testimonial One
--------------------------------------------------------------*/
.testimonial-one {
    position: relative;
    display: block;
    background-color: #f3f3f3;
    padding: 120px 0 120px;
    z-index: 1;
}

.testimonial-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .10;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    mix-blend-mode: luminosity;
}

.testimonial-one__bottom {
    position: relative;
    display: block;
}

.testimonial-one__carousel {
    position: relative;
    display: block;
}

.testimonial-one__single {
    position: relative;
    display: block;
    border-radius: 30px;
    z-index: 1;
    transform: translateY(0px);
    transition: transform 500ms ease;
}

.testimonial-one__single:hover {
    transform: translateY(-10px);
}

.testimonial-one__single-inner {
    position: relative;
    display: block;
    border-radius: 30px;
    background-color: rgb(255, 255, 255);
    padding: 30px 0px 23px;
    overflow: hidden;
    z-index: 1;
}

.testimonial-one__text {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: -0.02em;
    padding-left: 40px;
    padding-right: 64px;
}

.testimonial-one__client-info {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 29px;
}

.testimonial-one__client-img-box {
    position: relative;
    display: block;
    width: 158px;
    height: 158px;
    border-radius: 50%;
    background-color: #575757;
    padding: 10px;
}

.testimonial-one__client-img {
    position: relative;
    display: block;
    height: 138px;
    width: 138px;
    border-radius: 50%;
    background-color: #ffffff;
}

.testimonial-one__client-img img {
    width: auto;
    border-radius: 50%;
    border: 11px solid #ffffff;
}

.testimonial-one__client-content {
    position: relative;
    display: block;
    margin-left: 40px;
    top: -13px;
}

.testimonial-one__client-rating {
    position: relative;
    display: flex;
    align-items: center;
}

.testimonial-one__client-rating span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    color: #ee1d23;
}

.testimonial-one__client-rating span+span {
    margin-left: 3px;
}

.testimonial-one__client-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    margin-top: 12px;
}

.testimonial-one__client-sub-title {
    font-size: 14px;
    line-height: 21px;
}

.testimonial-one__quote {
    position: absolute;
    right: 40px;
    bottom: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid #dddddd;
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonial-one__single:hover .testimonial-one__quote {
    border: 1px solid #ee1d23;
}

.testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 32px;
    color: #dddddd;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonial-one__single:hover .testimonial-one__quote span {
    color: #ee1d23;
}

.testimonial-one__shape-1 {
    position: absolute;
    left: -98px;
    right: -98px;
    top: 0;
    opacity: .07;
    mix-blend-mode: luminosity;
    z-index: -1;
}

.testimonial-one__shape-1 img {
    width: auto;
}

.testimonial-one__shape-2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 181px;
    z-index: -1;
}

.testimonial-one__shape-2 img {
    width: auto;
}

.icon-quote:before {
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
}

/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
}

.team-one__inner {
    position: relative;
    display: block;
    margin-left: 60px;
    margin-right: 60px;
}

.team-one__single {
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    border: 2px solid #ddd;
    border-bottom: none;
    padding: 30px 30px 40px;
    border-top-left-radius: 180px;
    border-top-right-radius: 180px;
    text-align: center;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__single:hover {
    border: 2px solid #ee1d23;
    border-bottom: none;
}

.team-one__single::before {
    content: "";
    position: absolute;
    left: -2px;
    right: -2px;
    bottom: 0;
    height: 2px;
    background-color: #ee1d23;
}

.team-one__img-box {
    position: relative;
    display: block;
}

.team-one__img {
    position: relative;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.team-one__img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    background-color: rgba(21, 21, 21, .50);
    transform: scale(0.5);
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
}

.team-one__single:hover .team-one__img:before {
    transform: scale(1.0);
    opacity: 1;
}

.team-one__img img {
    width: 100%;
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__single:hover .team-one__img img {
    transform: scale(1.08);
}

.team-one__content {
    position: relative;
    display: block;
    margin-top: 21px;
}

.team-one__name {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.team-one__name a {
    color: #151515;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.team-one__name a:hover {
    color: #ee1d23;
}

.team-one__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.team-one__social a {
    position: relative;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #151515;
    background-color: #f3f3f3;
    font-size: 14px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.team-one__social a:hover {
    color: #ffffff;
    background-color: #ee1d23;
}

.team-one__social a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #ee1d23;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
}

.team-one__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.team-one__social a+a {
    margin-left: 10px;
}

.team-one__shape-1 {
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-1 img {
    width: auto;
}

.team-one__shape-2 {
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-2 img {
    width: auto;
}

.team-one__shape-3 {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
}

.team-one__shape-3 img {
    width: auto;
}

.ortamenu_link:hover {
    background-color: #ee1d23;
    color: #fff !important;
}

.ortamenu_link:hover i {
    color: #fff !important;
}

.f-size-30 {
    font-size: 30px !important;
}
hr {
    background: #ddd;
}
.payment-method-wrap{
	margin-top: 15px;
}
.top span{
	font-weight:bold;
}
@media (max-width: 575px) {
    .pageheader {
        padding-top: 17px;
        padding-block: 0px !important;
        padding-bottom: 0px;
        position: relative;
        z-index: 1;
    }

    .pageheader__area h2 {
        color: #fff;
        padding-top: 16px;
        font-size: 15px;
    }

    .breadcrumb {
        padding: 10px 10px;
        margin-top: 19px;
        font-weight: 600;
        font-size: 12px;
    }

    .portfolio-v-2 {
        padding: 40px 0 40px;
    }
	.bg1 {
		clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%);
	}
	.slide-menu {
		height: auto;
		position: relative;
		background: #0b2239;
		padding-top: 15px;
	}
	.tp-section__subtitle {
		font-size: 20px;
	}
	.download-img img {
		clip-path: none;
	}
	.download-btn a {
		max-width: 100%;
	}
	.download-img{
		margin-top: 20px;
	}
	.banner__content h2 {
		font-size: 19px;
		line-height: normal;
	}
	.banner--three .banner__content h5 {
		padding-block: 5px;
		font-size: 13px;
		margin: 0px 25px;
	}
	.banner__slider .swiper-slide.swiper-slide-active .banner__item {
		height: 270px;
		text-align: center;
	}
	.banner__content .lab_btn_group a{
		padding: 5px 10px;
		font-size: 12px;
	}
	.right-20 {
		right: 0px !important;
		font-size: 12px;
	}
	.left-20 {
		left: 0px !important;
		font-size: 12px;
	}
	.banner__slider .swiper-slide .banner__item::before{
		display:none;
	}
	.padding-tb {
		padding-block: 40px;
	}
	.shop-product-fillter{
		flex-direction: column;
	}
	.blog-two {
		padding: 40px 0 40px;
	}
	.header--one .header__top .social li{
		padding: 15px 5px;
		font-size: 12px;
	}
	.mobil_sepet{
		position:relative;
	}
	.mobil_sepet a{
		color:#fff;
		font-size: 20px;
	}
	.mobil_sepet span {
		position: absolute;
		top: -4px;
		right: -8px;
		font-size: 11px;
		background: #ffffff;
		border-radius: 5px;
		color: #0b2138;
		width: 13px;
		height: 13px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 300;
	}
	.form-common {
		padding: 40px 25px;
		height: auto;
	}
	.divider-login span {
		font-size: 14px;
		top: 45%;
		padding: 0 10px;
	}
	.membership-page-right-content {
		margin-top: 20px;
	}
	.widget_title {
		font-size: 15px;
	}
	.cart__content {
		width: 100%;
		max-width: 100%;
	}
	.cart__content p {
		padding:0;
		margin:0;
	}
	.footer__bottom {
		margin-bottom: 40px;
	}
	.gallery-photo {
		height: auto;
	}
	.team-one__inner {
		position: relative;
		display: block;
		margin-left: 10px;
		margin-right: 10px;
	}
	div.dataTables_wrapper div.dataTables_filter {
		text-align: center !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		    margin-top: 10px;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
	}
	.testimonial-one__shape-2 {
		display: none;
	}
	.testimonial-one__quote {
		display: none;
	}
	.testimonial-one__client-img-box {
		width: 90px;
		height: 90px;
		margin-left: 20px;
	}
	.testimonial-one__client-img {
		height: 70px;
		width: 70px;
	}
	.testimonial-one__client-content {
		margin-left: 15px;
		top: 0px;
	}
	.testimonial-one__client-content {
		margin-left: 15px;
		top: 0px;
	}
}