@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: #030002;

}



.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: #030002;

}



.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: #000000;

}



.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: #000000;

}



.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: #000000;

    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: #030002;

    -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: #030002;

    -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: #000000;

}



.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: #030002;

    float: left;

    font-size: 14px;

    height: 38px;

    margin: 0;

    text-align: center;

    width: 125px;

    outline: none;

}



.cart-plus-minus .qtybutton {

    color: #030002;

    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: #000000;

    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: #000000;

}



.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: #000000 !important;

    border-color: #000000 !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: #030002;

    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: #000000;

    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: #030002;

}



.theme-color {

    color: #000000 !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: 12px;

    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 #000000;

        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: #030002;

}



.banner--two .banner__content .lab_btn_group .lab-btn.bg-transparate:hover {

    border-color: #000000;

}



.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: #000000;

}



.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: #000000;

}



.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: #000000;

}



.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 #030002;

    -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 #000000;

    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: #030002;

    }

}



@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.jpg);

    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 #000000;

    border-radius: 0;

}



.wwd--two::after {

    width: 48%;

    top: 0;

    right: 0;

}



@media (min-width: 992px) {

    .wwd--two::after {

        background: url(../images/wwd/01.jpg) 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 #000000;

    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: #000000;

}



@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 #000000;

    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 #000000;

    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: #000000;

    -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: #000000;

    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: #000000;

    box-shadow: none;

}



.faq .accordion-button:not(.collapsed):after {

    background-color: #000000;

    -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: #000000;

}



.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: #000000;

    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: #000000;

}



.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: #000000;

    border-color: #000000;

}



.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: #000000;

    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: #000000;

    border-color: #000000;

    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: 180px;

    }

}



@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: #030002;



}



@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 #000000;

    }



    .header__bottom .area .menu>ul>li:before {

        position: absolute;

        content: "\f0de";

        font-family: "Font Awesome 5 Pro";

        color: #000000;

        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: #000000;

    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: #000000;

    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: #030002;

}



@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: #000000;

}



.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 #000000;

        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: #000000;

        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: #030002;

}



.header--two .header__top .header__cartcount i,

.header--two .header__top .header__cartcount span {

    color: #030002;

}



.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: #030002;

    }

}



@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: #030002;

}



@media (min-width: 1200px) {

    .header--four {

        background-color: rgba(255, 255, 255, 0.1);

    }

}



.header--four .header__bottom {

    background: #030002;

    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: #030002;

    }

}



@media (max-width: 1199px) {

    .header--four .header__bottom .main-menu .menu {

        background: #030002;

    }

}



@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: #030002;

}



.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: #000000;

}



.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: #000000;

}



.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: #000000;

}



/*--------------------------------------------------------------

# 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: #000000;

}



.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: #000000;

}



.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 #000000;

    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: #000000;

}



.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: #000000;

}



.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: #000000;

}



.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: #030002 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: #000000;

}



.search_cart ul li a {

    color: #000000 !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: #000000;

    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: #000000;

}



@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 #000000;

}



.flex-control-thumbs .flex-active {

    cursor: default;

    border: 2px solid #000000;

}



.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 #000000;

}



.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 #000000;

    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 #000000;

    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: #000000;

    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: #000000;

    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: #000000;

    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: #000000;

}



.portfolio-three__title a {

    color: #ffffff;

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

    font-weight: 600;

}



.portfolio-three__title a:hover {

    color: #000000;

}



.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: #000000;

    -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: #000000;

    -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: #000000;

    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: #000000;

}



.turkey-map-drawing path {

    cursor: pointer;

    fill: #030002;

    -webkit-transition: .2s;

    transition: .2s;

}



.turkey-map-drawing path:hover {

    fill: #000000 !important;

}



.turkey-map-name {

    position: absolute;

    z-index: 2;

}



.turkey-map-name div {

    display: inline-block;

    background: #000000;

    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: #000000;

    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: #000000;

    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 #000000;

}



.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: #000000;

}



.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: #000000;

    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: #000000;

}



.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: #000000;

}



.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: #000000
}



.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 #000000;

    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: #000000;

}



.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: #000000;

    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: 18px;

    color: #000000;

    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: #000000;

    color: #ffffff;

    border-radius: 50px;

    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);

}



.download-btn a:first-child {

    background: #000000
}



.download-btn a:last-child {

    background: #111111

}



.download-btn a:hover {

    background: #111111

}



.download-btn a:last-child:hover {

    background: #000000
}



.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: #000000
}



.site-title-tagline::before {

    content: "";

    position: absolute;

    height: 10px;

    width: 100%;

    background: #000000;

    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: #000000
}



.site-heading p {

    margin-top: 15px

}



.heading-divider {

    display: inline-block;

    position: relative;

    border: 3px solid #000000;

    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: #000000;

    -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: #000000;

}



.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 #000000;

}



.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: #000000;

}



.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 #000000;

    border-bottom: none;

}



.team-one__single::before {

    content: "";

    position: absolute;

    left: -2px;

    right: -2px;

    bottom: 0;

    height: 2px;

    background-color: #000000;

}



.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: #000000;

}



.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: #000000;

}



.team-one__social a:after {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    background-color: #000000;

    -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: #000000;

    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: #030002;

		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: 153px;

		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;

	}

}