@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body,form,html {
    height: 100%;
    width: 100%
}

a,header {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s
}

.contentSlide3D {
    display: none;
    float: left;
    width: 100%
}

*,::before,:after,a,a img {
    text-decoration: none;
    outline: 0
}

.dropContent {
    display: none
}

.content,body,form,header,html {
    width: 100%
}

.wf-box p {
    font-size: 22px;
    color: #38383c;
    padding: 15px 0 0;
    width: 100%
}

.wf-box {
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 0;
    position: relative
}

.destopBanner {
    display: block!important;
    margin-top: -130px
}

.mobilBanner {
    display: none!important
}

.wf-box .various::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    background: rgba(220,47,40,.6);
    opacity: 0;
    pointer-events: none
}

.wf-box .various:hover::after {
    opacity: 1
}

.wf-box a {
    padding: 15px
}

a.disabled {
    display: block
}

a.various-2::before {
    top: 15px;
    right: 15px
}

a.various {
    position: relative;
    display: block
}

a.various::before {
    position: absolute;
    width: 48px;
    height: 45px;
    background: url(../img/1.webp);
    content: "";
    top: 15px;
    right: 15px
}

label.css-label,label.css-label2 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none
}

@font-face {
    font-family: CormorantInfant-Regular;
    src: url(/wp-content/themes/f-riman/fonts/CormorantInfant-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINPro-Medium.eot?#iefix) format('embedded-opentype'),url(fonts/DINPro-Medium.otf) format('opentype'),url(fonts/DINPro-Medium.woff) format('woff'),url(fonts/DINPro-Medium.ttf) format('truetype'),url(fonts/DINPro-Medium.svg#DINPro-Medium) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: DINPro;
    src: url(fonts/DINPro-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/DINPro-Bold.otf) format('opentype'),url(fonts/DINPro-Bold.woff) format('woff'),url(fonts/DINPro-Bold.ttf) format('truetype'),url(fonts/DINPro-Bold.svg#DINPro-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: AbrilFatface-Regular;
    src: url(fonts/AbrilFatface-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/AbrilFatface-Regular.woff) format('woff'),url(fonts/AbrilFatface-Regular.ttf) format('truetype'),url(fonts/AbrilFatface-Regular.svg#AbrilFatface-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINPro-CondensedRegular;
    src: url(fonts/DINPro-CondensedRegular.eot?#iefix) format('embedded-opentype'),url(fonts/DINPro-CondensedRegular.otf) format('opentype'),url(fonts/DINPro-CondensedRegular.woff) format('woff'),url(fonts/DINPro-CondensedRegular.ttf) format('truetype'),url(fonts/DINPro-CondensedRegular.svg#DINPro-CondensedRegular) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINPro-Condensed;
    src: url(fonts/DINPro-CondensedBold.eot?#iefix) format('embedded-opentype'),url(fonts/DINPro-CondensedBold.otf) format('opentype'),url(fonts/DINPro-CondensedBold.woff) format('woff'),url(fonts/DINPro-CondensedBold.ttf) format('truetype'),url(fonts/DINPro-CondensedBold.svg#DINPro-CondensedBold) format('svg');
    font-weight: 700;
    font-style: normal
}

body {
    margin: 0;
    padding: 0
}

a {
    transition: all .2s
}

a,a img {
    border: none
}

.clr {
    clear: both;
    height: 0
}

::selection {
    background: #e4cfa7
}

::-moz-selection {
    background: #e4cfa7
}

input[type="text"] {
    -webkit-appearance: none;
    appearance: none
}

body,input,option,select,textarea {
    /* font-family: DINPro; */
}

.headerTop a.blog,.mobileBottomMenu a.blog {
    font-family: AbrilFatface-Regular
}

.mobilFree {
    display: none!important
}

.desktopBannerArea {
    display: block!important;
    margin-top: -120px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#mainSlider .videoSlideArea .slideCaptionContent a {
    margin-top: 140px;
    margin-left: 0
}

#mainSlider .videoSlideArea .slideCaptionContent a::before {
    background: #fff
}

#mainSlider .videoSlideArea .slideCaptionContent a:hover::before {
    background: #fff
}


.mega-menu-item{
  position:relative;
}
.mega-block-title{
  order: 2;
  display: flex !important;
}
.mega-sub-menu .mega-menu-item{
  display: flex  !important;
  flex-direction: column;
  margin-bottom: 2px !important;
  margin-top: 10px !important;
}
.mega-menu-item a {
    order: 1 !important;
    display: flex
;
}
.mega-block-title{
  
}
.mega-menu-item a{
  order: 1 !important;
  display: flex;
  width: 100%;

}
section.mainSlider{width:100%;height:100%;/* padding-top: 67px; */}
section.mainSlider .content{height:100%;position:relative }

.destopBanner{ display:block;}
.mobilBanner{ display:none !important;}

#mainSlider{width:100%;height:100%}
#mainSlider .item, #mainSlider .owl-item, #mainSlider .owl-stage, #mainSlider .owl-stage-outer{height:100% }
#mainSlider .item img.slideImg{display:block;width:66%;position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%) }
#mainSlider .slideCaption{width:25%;height:100%;display:table }
#mainSlider .slideCaptionContent{display:table-cell;vertical-align:middle }
#mainSlider .slideCaptionContent h1{display:block;font-size:60px;color:#38383c;line-height:60px;letter-spacing:-5px;margin-left:-5px }
#mainSlider .slideCaptionContent h2{display:block;/* font-family: "Cormorant Infant"; */font-size:60px;color: #EEDDB2 !important;line-height:60px;letter-spacing:-5px;margin-left:-5px}
#mainSlider .slideCaptionContent span{display:block;/* text-align: center; *//* font-size:14px; *//* font-family: Montserrat; */font-size: 20px;font-weight: 400;/* font-style: italic; */margin-top: 33px;color: #EEDDB2 !important;/* padding:20px 0; */}
#mainSlider .owl-dot, #mainSlider .slideCaptionContent a{display:block;font-size:18px;font-family:DINPro-Condensed }
#mainSlider .slideCaptionContent h2 span{
    font-family: "Cormorant Infant" !important;
    font-style: italic;
    font-size: 83px;
    margin-top: 0;
}
#mainSlider .slideCaptionContent span b, #mainSlider .slideCaptionContent span strong{font-weight:600 }
#mainSlider .slideCaptionContent a{color: #EEDDB2 !important;position:relative;padding-left:35px}
#mainSlider .slideCaptionContent a::before{display:block;width:20px;height:1px;position:absolute;left:0;top:50%;background:#38383c;content:"";-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s }
#mainSlider .slideCaptionContent a:hover{padding-left:55px;color:#dd0330 }
#mainSlider .slideCaptionContent a:hover::before{width:45px;background:#dd0330 }

#mainSlider .fullBg{width:100%;padding-top: 85px;padding-bottom: 84px;height: 100vh;background-size: cover;background-repeat: no-repeat;background-position: bottom right;}
.video_s{
    min-height:900px;
}
#mainSlider .owl-nav{height:100px;width: 100%;background: transparent;position:absolute;bottom: 53px;left:0}
#mainSlider .owl-next, #mainSlider .owl-prev{width: 54px;opacity:.5;position:absolute;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;height:100%}
#mainSlider .owl-prev{background:url(/wp-content/themes/f-riman/img/leftArrow.png) center no-repeat;right: 77px;transition:all .2s}
#mainSlider .owl-next{background:url(/wp-content/themes/f-riman/img/rightArrow.png) center no-repeat;right: 13px;transition:all .2s}
#mainSlider .owl-next:hover, #mainSlider .owl-prev:hover{opacity:1 }
#mainSlider .owl-dots{width:100%;max-width:620px;display: none;float:right;position: absolute;margin-right: 0;left: 0;bottom: 0;}
#mainSlider .owl-dot{float:left;color:#4f4f53;padding-right:29px;line-height:100px }
#mainSlider .owl-dot.active, #mainSlider .owl-dot:hover{color:#fff;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s }
.contcats_page #mainSlider .fullBg .slideCaption{
    width: 56%;
}
#mainSlider .fullBg .slideCaption{width:40% }
#mainSlider .fullBg .captionBg{background: transparent;/* padding:50px; */width: 100%;max-width: 100%;margin-top: 79px;text-align: center;}

#mainSlider .videoSlider{width:100%;height:100%;position:relative;overflow:hidden }
 #mainSlider video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:1s opacity }
#mainSlider .videoSlider .content{z-index:5 }


@media only screen and (max-width:1440px) {
#mainSlider .item img.slideImg{width:55%;}
#mainSlider .slideCaption{height:95% }
#mainSlider .slideCaptionContent h1{font-size:48px;line-height:48px;}
#mainSlider .slideCaptionContent h2{font-size:48px;line-height:48px;}
#mainSlider .slideCaptionContent span{font-size:16px;padding:15px 0 30px }

#mainSlider .owl-controls{height: 65px;}
#mainSlider .owl-dot{line-height: 65px;}

}

@media only screen and (max-width: 1024px) {
#mainSlider .owl-dots {padding-left: 5%;}
#mainSlider .slideCaption {padding-left: 30px; width: 30%;}
}

@media only screen and (max-width:768px) {
#mainSlider .owl-dots{padding-left: 5%; margin-right:0;}
#mainSlider .owl-dot{padding: 0 5px !important;}
#mainSlider .slideCaption {padding:30px; padding: 50px; width: 100%; text-align: center;}
#mainSlider .fullBg{background-size:100% auto; padding-top: 0;}
#mainSlider .fullBg .slideCaption{width: 100%;}

#mainSlider .slideCaptionContent {display: block;padding: 0 30px;}
#mainSlider .slideCaptionContent a {display: inline-block;}

#mainSlider .item img.slideImg {width:70%; right:auto; top:auto; position:relative; display:block; margin:15px auto 0; transform: translate(0); -webkit-transform: translate(0);-moz-transform: translate(0);}

#mainSlider .slideCaption {height: 57%;}
section.mainSlider .content {text-align: center; padding:0;}
#mainSlider .owl-next {width: 73px;}
#mainSlider .owl-prev {width: 42px; right: 64px;}
#mainSlider .videoSlider .video_mob { display:block}
#mainSlider .videoSlider video { display:none}

}

@media screen and (max-width:480px) {



#mainSlider .slideBlog.bayi .slideCaptionContent h1{font-size: 27px!important; line-height: 28px!important;}

section.mainSlider{padding-top:88px }
#mainSlider .owl-controls{width:100%;height:65px;text-align:center }
#mainSlider .owl-controls .owl-nav{display:none }
#mainSlider .owl-dot{line-height:65px;float:none;display:inline-block;padding:0 15px }
#mainSlider .slideCaption{width:80%;height:auto;text-align:center;margin:auto;padding:30px 0 0; }
#mainSlider .fullBg .slideCaption{padding:30px 0 0; width: 80%;}
#mainSlider .fullBg .captionBg{padding: 15px;margin-top: 0;}

#mainSlider .slideCaptionContent h1{font-size:26px;line-height:28px;letter-spacing:0 }
#mainSlider .slideCaptionContent h2{font-size:26px;line-height:28px;letter-spacing:0;padding-top:0;}
#mainSlider .slideCaptionContent span{font-size:13px;padding-bottom:10px;}
#mainSlider .slideCaptionContent a{width:160px;margin:auto;padding-left:0 }
#mainSlider .slideCaptionContent a::before{display:none }
}


@media only screen and (max-width:375px) {

#mainSlider .owl-dots {padding-left: 0px;}
}
.item_repeatt{
    padding-top: 18px;
    flex: 0 0 48%;
    height: auto;
    padding-left: 18px;
    border: 1px solid #dedede;
}
#mCSB_3_container{
    display:flex;
    gap: 13px;
    padding-top: 35px;
    flex-wrap: wrap;
        padding-bottom: 57px;
}
.item_repeatt img{
    width: 214px;
}
*,::before,:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style-type: none
}
*{
    font-family: Noto Sans;
}

#bLabSlider .owl-dot.active, #bLabSlider .owl-dot:hover, #blogSlider .owl-dot.active, #blogSlider .owl-dot:hover, #elementsSubSlider .owl-dot.active, #elementsSubSlider .owl-dot:hover, #mainProductsSlider .owl-dot.active, #mainProductsSlider .owl-dot:hover, #mainSlider .owl-dot.active, #mainSlider .owl-dot:hover, #tab-4 a, .iAgree label a, .pDocs small a, .pagination a.PagingBackgroundActive, .pagination a:hover, .rememberPass {
    text-decoration: underline
}

#video10 {
    width: 100%;
    height: auto;
    margin-top: -20px
}

header:not(.woocommerce-products-header){
    position: absolute;
    top: 0;

    padding-bottom: 19px;
    z-index: 99;
    /* background: #fff; */
    transition: all .2s;
    background-color: #0F0000BD;
}

.content.greyBg,header.closer {
    background: #ebecee
}
.reward_text .content{
    max-width: 1240px;
}
.content {
    max-width: 1140px;
    margin: auto
}
.site-main {
    max-width: 1200px;
    margin: 0 auto;
}

.headerTop {
    float: right;
    display: inline-block;
    padding: 18px 0 16px;
    position: relative;
    width: 228px;
}

.headerTop a {
    display: block;
    float: left;
    color: #737376;
    font-size: 12px;
    padding: 0 20px;
    border-right: 1px solid #737376;
    line-height: 12px
}

.headerTop a.active,.headerTop a:hover {
    color: #dd0330
}

.headerTop a.blog {
    border-right: none;
    font-size: 14px;
    color: #dd0330
}

.lang a,nav ul li>a {
    color: #38383c;
    font-weight: 600
}



.lang a {
    padding: 0 10px
}

.lang a:last-child {
  
}

.rightSideContent .productList a .pName{
    padding: 0 14px;
    min-height: auto;
}
.rightSideContent .productList{
    margin-top: 43px;
}
.tax-product_cat .products.columns-4{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        /* float: left; */
        /* margin: 0 !important; */
        /* padding: 0; */
        /* position: relative; */
        margin-right: 0;
        flex: 0 0 33%;
        /* width: 25% !important; */
        /* margin-left: 0; */
}

#productList{
    border:1px solid #eee;
    border-bottom: 0;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link{
    color:#333;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
}
.pCategory{
    padding: 13px 13px !important;
    font-size: 12px;
}
.woocommerce ul.products li.product a{
    padding-bottom:30px;
}
.woocommerce-loop-product__title{
    font-size: 18px !important;
    padding: 13px 13px !important;
}
.post-type-archive-product .site-content{
    padding-top: 146px !important;
}

.lang{
    display:flex;
}
.mega-menu-item .mega-sub-menu{
  order:2;
}
.tax-product_cat .site-content,
.tax-designer .site-content,
.page-template-page-designers-archive .site-content,
.archive .site-content{
       padding-top: 77px;
}
.tax-product_cat .site-content{
    padding-top: 0;
}
.lang-item a {
    font-size: 14px;
    text-transform: uppercase;
}
a.logo {
    vertical-align: top;
    /* display: block; */
    margin-top: 14px;
    float: left;
    display: inline-block;
    width: 288px;
}

a.logo img {
    display: block;
    width: 100%;
    height: auto
}

nav {
/*    float: right;*/
    margin-top: 15px
}

nav ul li {
    float: left
}

nav ul li>a {
    display: block;
    float: left;
    font-size: 15px;
    padding: 0 22px 28px;
    font-family: Noto Sans;
    border-bottom: 2px solid #fff;
    width: 100%
}

nav ul li:hover>a,nav ul li>a:hover {
    color: #dd0330;
    
}

nav a.searchLink {
    display: block;
    background: url(../images/searchIcon.png) top right no-repeat
}

nav ul li .subMenu {
    position: absolute;
    left: 0;
    border-top: 1px solid #e0e0e1;
    width: 100%;
    top: 130px;
    background: #fff;
    display: none
}

nav ul li .subMenu.pMenu ul {
    display: flex;
    justify-content: center;
    margin: auto;
    width: 100%;
    max-width: 1260px
}

nav ul li .subMenu ul {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 1260px
}

nav ul li .subMenu ul li {
    display: block;
    width: 16.6%;
    float: left;
    text-align: center
}

nav ul li .subMenu ul li a {
    border-bottom: 4px solid #e4e4e4
}

nav ul li .subMenu ul li a:hover {
    border-bottom: 4px solid #dd0330;
    color: #dd0330
}

nav ul li .subMenu.pMenu {
    padding-top: 20px
}

nav ul li .subMenu.pMenu ul li a {
    display: block;
    width: 100%;
    border-bottom: 4px solid #e4e4e4
}

nav ul li .subMenu.pMenu ul li a:hover {
    border-bottom: 4px solid #dd0330;
    color: #dd0330
}

nav ul li .subMenu.pMenu ul li a img {
    display: block;
    width: 60%
}

nav ul li .subMenu.pMenu ul li a span {
    display: block;
    height: 50px;
    margin-top: 40px
}

nav ul li .subMenu.pMenu ul li:nth-child(1) a {
    background: url(../images/menu/table.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(1) a:hover {
    background: url(../images/menu/tableOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(2) a {
    background: url(../images/menu/couch.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(2) a:hover {
    background: url(../images/menu/couchOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(3) a {
    background: url(../images/menu/sofa.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(3) a:hover {
    background: url(../images/menu/sofaOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(4) a {
    background: url(../images/menu/wait.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(4) a:hover {
    background: url(../images/menu/waitOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(5) a {
    background: url(../images/menu/depolama.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(5) a:hover {
    background: url(../images/menu/depolamaOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(6) a {
    background: url(../images/menu/extra.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu ul li:nth-child(6) a:hover {
    background: url(../images/menu/extraOver.jpg) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.saglik {
    background: url(../images/solutions/menu/saglik.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.saglik:hover {
    background: url(../images/solutions/menu/saglikOver.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.egitim {
    background: url(../images/solutions/menu/egitim.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.egitim:hover {
    background: url(../images/solutions/menu/egitimOver.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.homeoffice {
    background: url(../images/solutions/menu/homeofis.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.homeoffice:hover {
    background: url(../images/solutions/menu/homeofisOver.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.cagrimerkezi {
    background: url(../images/solutions/menu/cagrimerkezi.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.cagrimerkezi:hover {
    background: url(../images/solutions/menu/cagrimerkeziOver.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.terminal {
    background: url(../images/solutions/menu/terminal.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.pMenu.sMenu ul li a.terminal:hover {
    background: url(../images/solutions/menu/terminalOver.png) top center no-repeat;
    background-size: 60% auto
}

nav ul li .subMenu.dMenu.selectCategory ul li {
    width: 100%
}

a.disabled {
    cursor: default
}

.bottomLink {
    height: 100px;
    position: absolute;
    bottom: -100px;
    background: #38383c;
    right: 0;
    width: 35%
}

.bottomLink a {
    display: inline-block;
    font-size: 16px;
    color: #ebecee;
    font-weight: 600;
    line-height: 100px;
    padding: 0 50px;
    background: url(../images/rightArrowDouble.png) right center no-repeat
}

nav ul li .subMenu.dMenu ul {
    max-width: 400px
}

nav ul li .subMenu.dMenu ul li {
    width: 50%;
    border-right: 1px solid #e0e0e1
}

nav ul li .subMenu.dMenu ul li a {
    padding-top: 28px;
    font-size: 14px
}

nav ul li .subMenu.dMenu ul li:nth-child(2) {
    border-right: none
}

#mainSlider .slideHome1 {
    background: url(/images/anasayfa-slider06082018.jpg) center bottom no-repeat;
    background-size: cover
}

.bildirimUygulama {
    width: 41%;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 12px;
    line-height: 27px;
    padding-top: 10px;
    height: 11%;
    background: 0 0;
    z-index: 9999999;
    transition: .9s;
    -webkit-transition: .9s;
    -webkit-animation-name: example;
    -webkit-animation-duration: .9s;
    -webkit-animation-delay: 0s;
    animation-name: example;
    animation-duration: .9s;
    color: #FFF;
    font-size: 15px;
    animation-delay: 0s;
    background: rgba(0,0,0,.74)
}

.section .topRightCloseIcon {
    top: 0;
    right: 0;
    position: absolute;
    display: block
}

#cookie-notification .section {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.closeNotif {
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
    right: -4px;
    cursor: pointer
}

.v2Cookie {
    width: 100%;
    display: none;
    text-align: center;
    background: rgba(102,102,102,.77);
    height: auto!important;
    font-size: 14px;
    line-height: 16px
}

.section .topRightCloseIcon {
    top: 0;
    right: 0;
    position: absolute;
    display: block
}

#cookie-notification .v2CookieSection {
    width: 100%;
    margin: 0 auto;
    position: relative
}

nav ul li .subMenu.cMenu .multiMenu {
    max-width: 1240px;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 50px 0
}

nav ul li .subMenu.cMenu .multiMenuLeft {
    width: 50%;
    margin: 0 12.5%;
    float: left
}

nav ul li .subMenu.cMenu .multiMenuRight {
    width: 25%;
    float: left
}

nav ul li .subMenu.cMenu .multiMenuLeft ul li {
    width: 50%;
    float: left
}

nav ul li .subMenu.cMenu .multiMenu h3 {
    padding-bottom: 15px;
    position: relative
}

nav ul li .subMenu.cMenu .multiMenu h3:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
    background: #ed7991;
    z-index: 1
}

nav ul li .subMenu.cMenu .multiMenu h3 span {
    z-index: 2;
    position: relative;
    display: inline-block;
    padding-right: 30px;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    color: #dd0330
}

nav ul li .subMenu.cMenu ul li a {
    padding: 15px 0 15px 15px;
    font-size: 14px;
    border: 0;
    background: url(../images/arrow-multimenu.jpg) left center no-repeat
}

nav ul li .subMenu.cMenu ul li {
    border: 0;
    padding: 0;
    width: 100%;
    float: none;
    text-align: left
}

.line1,.line2 {
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

nav ul li .subMenu.cMenu ul li:last-child {
    border-right: none
}

.mobileSearchLink {
    display: none;
    width: 18px;
    height: 18px;
    background: url(../images/searchIcon.png);
    float: right;
    margin: 36px 25px 0 0
}

.mobileMenuLink {
    float: right;
    display: none;
    height: 22px;
    margin: 35px 30px 0 0
}

.mobileMenuLinkContent {
    width: 22px;
    height: 22px;
    position: relative;
    margin: auto auto auto 10px;
    float: right
}

.line1,.line2,.line3 {
    width: 22px;
    height: 3px;
    background: #212121;
    left: 0
}

.line1,.line2,.line3,.mobileMenu {
    position: absolute
}

.line1 {
    top: 0;
    transition-duration: .8s;
    transform-origin: 0 0;
    border-radius: 3px
}

.line2 {
    top: 8px;
    transition-duration: .8s;
    border-radius: 3px
}

.line3 {
    top: 16px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .8s;
    transform-origin: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

header.closer .line1 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    left: 3px
}

header.closer .line2 {
    display: none
}

header.closer .line3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.mobileMenu {
    top: 88px;
    background: #ebecee;
    padding: 0 15px;
    width: 100%;
    height: 0;
    overflow: hidden
}

.mobileMenuContent {
    padding: 15px 0;
    overflow: scroll;
    height: 100%
}

.mobileMenu ul li a {
    font-size: 18px;
    color: #38383c;
    font-weight: 600;
    display: block;
    padding: 10px 0 10px 20px;
    background: url(../images/mobileMenuBullet.png) left center no-repeat
}

.mobileMenu ul li a.mobileSub {
    background: url(../images/menuBullet.png) left center no-repeat
}

.mobileMenu ul li a.mobileSub.active {
    background: url(../images/menuBulletActive.png) left center no-repeat;
    color: #cb2338
}

.mobileMenu ul li ul {
    padding-left: 20px;
    display: none
}

.mobileMenu ul li ul li a {
    color: #38383c;
    font-size: 16px
}

.mobileMenu ul li ul li a.mobileSub {
    background: url(../images/mobilePlus.png) left center no-repeat;
    padding-left: 15px
}

.mobileMenu ul li ul li a.mobileSub.active {
    background: url(../images/mobileMinus.png) left center no-repeat;
    padding-left: 15px;
    color: #cb2338
}

.mobileMenu ul li ul li ul li a {
    background: url(../images/menuBulletSmall.png) left center no-repeat;
    padding-left: 15px
}

.mobileBottomMenu {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0
}

.mobileBottomMenu a {
    display: block;
    color: #737376;
    font-size: 16px;
    padding: 10px 0
}

.mobileBottomMenu a.blog {
    border-right: none;
    font-size: 18px;
    color: #dd0330
}

.mobileLangMenu {
    padding-top: 20px
}

.mobileLangMenu a {
    color: #7c7c7c;
    font-weight: 600;
    font-size: 14px;
    padding: 0 15px;
    border-left: 1px solid #7c7c7c
}

.mobileLangMenu a:first-child {
    border: none;
    padding-left: 0
}

.mobileLangMenu a.active {
    color: #333
}

.menuOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    background: rgba(0,0,0,.5);
    display: none
}

.mainTop {
    width: 100%;
    position: relative
}

.mainTop::after {
    display: block;
    width: 50%;
    height: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #38383c;
    content: ""
}

.mainTop .content {
    position: relative;
    z-index: 2
}

.mainTopInner {
    width: 100%;
    max-width: 100%
}

.mainProducts {
    width: 58%;
    background: #fff;
    float: left
}

.mainProductsInner {
    width: 100%;
    height: 100%
}

#mainProductsSlider .owl-next,#mainProductsSlider .owl-prev {
    width: 19px;
    height: 33px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    position: absolute
}

.mainTop h1 {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    padding: 60px 0 40px
}

.mainElements p {
    color: #fff
}

.mainTop p {
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    padding: 60px 0 40px
}

.mainTop h2 {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    padding: 60px 0 40px
}

#mainProductsSlider .owl-prev {
    background: url(../images/leftArrowDark.png) center no-repeat;
    right: 100px;
    -webkit-transition: all .2s;
    transition: all .2s
}

#mainProductsSlider .owl-next {
    background: url(../images/rightArrowDark.png) center no-repeat;
    right: 65px;
    -webkit-transition: all .2s;
    transition: all .2s
}

#mainProductsSlider .owl-dot,#newsSlider .detailLink {
    -moz-transition: all .2s;
    -o-transition: all .2s;
    display: block;
    font-family: DINPro-Condensed
}

#mainProductsSlider .owl-prev:hover {
    background: url(../images/leftArrowRed.png) center no-repeat
}

#mainProductsSlider .owl-next:hover {
    background: url(../images/rightArrowRed.png) center no-repeat
}

#mainProductsSlider .owl-dots {
    width: 100%;
    max-width: 80%;
    float: left
}

#mainProductsSlider .owl-dot {
    float: left;
    font-size: 18px;
    color: #4f4f53;
    padding-right: 30px;
    margin-right: 14px;
    line-height: 40px;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-bottom: 60px
}

.mainNews {
    width: 25%;
    float: left;
    background: #ebecee;
    padding: 0 40px;
    min-height: 725px
}

#newsSlider .item h2 {
    color: #38383c;
    font-size: 16px;
    font-weight: 700;
    padding: 0
}

#newsSlider .item img {
    display: block;
    margin-top: 15px;
    position: absolute;
    bottom: -38%
}

#newsSlider .newsTxt {
    display: block;
    font-size: 14px;
    color: #38383c;
    padding: 25px 0
}

#newsSlider .detailLink {
    font-size: 18px;
    color: #38383c;
    position: relative;
    padding-left: 35px;
    -webkit-transition: all .2s;
    transition: all .2s
}

#newsSlider .detailLink::before {
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #38383c;
    content: "";
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#newsSlider .owl-next,#newsSlider .owl-prev {
    bottom: 60px;
    -webkit-transition: all .2s;
    position: absolute;
    height: 33px
}

#newsSlider a:hover .detailLink {
    padding-left: 55px
}

#newsSlider a:hover .detailLink::before {
    width: 40px
}

#newsSlider .owl-prev {
    width: 19px;
    background: url(../images/leftArrowDark.png) center no-repeat;
    right: 40px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#newsSlider .owl-next,.mainElements {
    -moz-transition: all .2s;
    -o-transition: all .2s
}

#newsSlider .owl-next {
    width: 19px;
    background: url(../images/rightArrowDark.png) center no-repeat;
    right: 0;
    transition: all .2s
}

#newsSlider .owl-prev:hover {
    background: url(../images/leftArrowRed.png) center no-repeat
}

#newsSlider .owl-next:hover {
    background: url(../images/rightArrowRed.png) center no-repeat
}

#newsSlider,#newsSlider .item,#newsSlider .owl-item,#newsSlider .owl-stage,#newsSlider .owl-stage-outer {
    height: 82%
}

#newsSlider .owl-dots {
    position: absolute;
    bottom: 55px;
    left: 0
}

#newsSlider .owl-dot {
    display: none;
    width: 100px;
    height: 73px
}

#newsSlider .owl-dot.active {
    display: block
}

#newsSlider .owl-dot:nth-child(1) {
    background: url(../images/nums/01.png)
}

#newsSlider .owl-dot:nth-child(2) {
    background: url(../images/nums/02.png)
}

#newsSlider .owl-dot:nth-child(3) {
    background: url(../images/nums/03.png)
}

#newsSlider .owl-dot:nth-child(4) {
    background: url(../images/nums/04.png)
}

#newsSlider .owl-dot:nth-child(5) {
    background: url(../images/nums/05.png)
}

.mainElements {
     width: 42%;
    float: left;
    background: #6bb8a4;
    padding: 0 40px;
    -webkit-transition: all .2s;
    transition: all .2s;
    min-height: 705px;
    height: 705px !important;
}

#bLabSlider .owl-dot,.elementsMenu a::before {
    -moz-transition: all .2s;
    -o-transition: all .2s
}

.mainElements h1 {
    color: #fff
}

.mainElements h2 {
    color: #fff
}

.mainElementsContent {
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    color: #fff
}

.elementsMenu a::before,.mainElementsContent .detailLink::before {
    height: 1px;
    top: 50%;
    background: #fff;
    left: 0;
    content: ""
}

.mainElementsContent h2 {
    display: block;
    position: relative;
    width: 100%;
    font-size: 37px;
    color: #fff;
    font-family: DINPro-Condensed;
    padding: 40px 0 20px!important
}

.mainElementsContent h2 span {
    opacity: .4;
    position: relative;
    display: inline-block
}

.mainElementsContent .detailLink {
    font-family: DINPro-Condensed;
    font-size: 18px;
    color: #fff;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-top: 50px
}

.mainElementsContent .detailLink::before {
    display: block;
    width: 20px;
    position: absolute
}

.mainElementsContent .detailLink:hover {
    padding-left: 55px
}

.mainElementsContent .detailLink:hover::before {
    width: 40px
}

.mainElementsContentLink {
    color: #fff
}

.elementsMenu {
    position: absolute;
    top: 55px
}

.elementsMenu a {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 29px;
    text-transform: uppercase;
    font-size: 33px;
    color: #fff;
    font-family: DINPro-Condensed;
    opacity: .4;
}

.elementsMenu a::before {
    display: block;
    width: 0;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s
}

.elementsMenu a.active::before,.elementsMenu a:hover::before {
    width: 30px
}

.elementsMenu a.active,.elementsMenu a:hover {
    opacity: 1;
    padding-left: 45px
}

.mainMid {
    width: 100%;
    background: #38383c;
    position: relative
}

.mainMid::before {
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffd140;
    content: ""
}

.mainMid .content {
    position: relative;
    z-index: 2
}

.bLab {
    width: 28%;
    float: left;
    background: #ffd140;
    padding-bottom: 70px
}

.bLab h1 {
    color: #38383c;
    font-weight: 700;
    font-size: 36px;
    padding: 90px 0 20px
}

.bLab h2 {
    color: #38383c;
    font-weight: 700;
    font-size: 36px;
    padding: 90px 0 20px
}

.bLab a {
    color: #38383c;
    font-size: 16px
}

#bLabSlider .owl-dots {
    width: 100%;
    max-width: 735px;
    float: right
}

#bLabSlider .owl-dot {
    display: block;
    float: left;
    font-size: 18px;
    color: #4f4f53;
    padding-right: 30px;
    line-height: 100px;
    font-family: DINPro-Condensed;
    -webkit-transition: all .2s;
    transition: all .2s
}

#bLabSlider.owl-carousel .owl-item img {
    max-width: 295px
}

.bRobot {
    width: 72%;
    float: left;
    padding-left: 65px
}

.bRobot.new-page {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    background-image: url(/images/anket/anket_bg4.png);
    background-repeat: no-repeat;
    background-position: center right
}

.bRobot h1 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    padding: 90px 0 50px
}

.bRobot h2 {
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    padding: 90px 0 50px
}

.bRobot a:after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    content: "";
    background: #fff
}

.bRobotCaption {
    font-size: 16px;
    color: #fff;
    margin-bottom: 40px
}

.bRobot.new-page .bRobotCaption {
    width: 60%
}

.bRobotCaption div {
    display: block;
    font-size: 30px;
    color: #fff;
    font-family: DINPro-Condensed;
    font-weight: 700;
    padding-bottom: 15px
}

.bRobotQuestion {
    width: 100%;
    position: relative
}

.bRobotNew h1 {
    padding-bottom: 0;
    position: relative;
    z-index: 1
}

.bRobotNew h2 {
    padding-bottom: 0;
    position: relative;
    z-index: 1
}

.bRobotNew h3 {
    margin: 50px 0 25px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    width: auto;
    font-size: 38px;
    padding: 16% 0;
    color: #fff;
    font-weight: 700
}

.bRobotNew p {
    width: 47%;
    position: relative;
    z-index: 1;
    display: none;
    color: #fff;
    font-size: 15px
}

.bRobotNew a {
    display: block;
    font-family: DINPro-Condensed;
    padding-left: 45px
}

.bRobotNew .bRobotCaption img {
    position: absolute;
    right: 0;
    top: 15%;
    width: 50%
}

.questions {
    width: 100%
}

.question {
    width: 25%;
    border: 1px solid #4b4e51;
    float: left
}

.question a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 80px 0;
    opacity: .6
}

.mainBlogContent h1,.refCaption a,.refCaption h1 {
    font-size: 24px;
    color: #38383c
}

.mainBlogContent h2,.refCaption a,.refCaption h2 {
    font-size: 24px;
    color: #38383c
}

.mainBlogContent h2,.refCaption a,.refCaption h2 {
    font-size: 24px;
    color: #38383c
}

.question a img {
    display: block;
    margin: 0 auto 20px
}

.question a:hover {
    opacity: 1;
    background: #4b4e51
}

.mainBottom {
    width: 100%
}

.mainReferences {
    width: 60%;
    float: left;
    position: relative
}

#refSlider .owl-controls {
    width: 100%;
    max-width: 810px;
    height: 120px;
    background: rgba(255,255,255,.75);
    position: absolute;
    right: -2px;
    bottom: 52px;
    opacity: .5;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#refSlider:hover .owl-controls {
    opacity: 1
}

#refSlider .owl-nav {
    float: right;
    padding-right: 25px
}

#refSlider .owl-nav .owl-prev {
    display: block;
    height: 90px;
    width: 30px;
    background: url(../images/leftArrowSmall.png) center no-repeat;
    float: left
}

#refSlider .owl-nav .owl-next {
    display: block;
    height: 90px;
    width: 30px;
    background: url(../images/rightArrowSmall.png) center no-repeat;
    float: left
}

#refSlider .owl-dots {
    float: right;
    padding-right: 25px
}

#refSlider .owl-dot {
    height: 90px;
    width: 35px;
    display: block;
    float: left
}

#refSlider .owl-dot span {
    display: block;
    width: 7px;
    height: 7px;
    background: #38383c;
    margin: 40px auto;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#blogSlider .owl-dot,.productGalleryMenu a {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s
}

#refSlider .owl-dot.active span,#refSlider .owl-dot:hover span {
    width: 12px;
    height: 12px;
    margin-top: 38px
}

.refCaption {
    padding: 25px 0 0 60px
}

.refCaption h1 {
    font-weight: 600;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #38383c;
    height: 60px
}

.refCaption h2 {
    font-weight: 600;
    float: left;
    padding-right: 20px;
    border-right: 1px solid #38383c;
    height: 60px
}

.refCaption a {
    float: left;
    padding: 0 0 30px;
    margin-left: 20px;
    background: url(../images/refMore.png) left bottom no-repeat
}

.mainBlog {
    width: 40%;
    float: left
}

.mainBlogContent {
    width: 100%;
    max-width: 416px;
    padding-left: 80px
}
.video_about{
    position: relative;
    flex: 1 1 50%;
}
.woocommerce-products-header__title{
    font-size: 74px;
    margin-top: 61px;
    margin-bottom: 61px;
    text-align: center;
    color: #B74D4D;
    line-height: 1;
}
.tax-product_cat .products.columns-4 .gold-image-swap{
    height: 542px;
}
.archive .video_about{
    position: relative;
}
.tax-product_cat .products.columns-4 .gold-item-title{
    color: #980000;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}
.single-product .video_about:after{
   content:'';
   position:absolute;
   background:url(/wp-content/themes/f-riman/img/12112212.png);
   width: 100%;
   /* bottom: 100%; */
   height: 613px;
   background-repeat: repeat-x;
   left: 0;
   right: 0;
   background-position: bottom center;
   background-size: cover;
   /* top: 0; */
   bottom: -4px;
}
.archive .video_about:after{
    content:'';
    position:absolute;
    background:url(/wp-content/themes/f-riman/img/12112212.png);
    width: 100%;
    /* bottom: 100%; */
    height: 545px;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    background-position: bottom center;
    background-size: cover;
    /* top: 0; */
    bottom: -4px;
}
.video_text{
    padding: 0 0 120px 0;
}
.reward_text{
    padding-top:80px;
     padding-bottom:80px;
}
.reward_text .video_about{
    flex: 0 0 704px;
}
.reward_text .mainProducts_video{
    margin-top: 24px;
    padding-right: 34px;
}

.reward_text .content_video{
    margin-top:0;
}
.content_video{
    display:flex;
    margin-top: -117px;
}
.single-product .video_about video,
.tax-product_cat .video_about video{
    height: 926px;
}
.video_about video{
    height: 467px;
    object-position:left top;
    object-fit: cover;
    background: ;
    width: 100%;
}
.nashi_konyaki{
    font-size: 184px;
    text-transform: uppercase;
    font-family: "Cormorant Infant" !important;
    color: #eeddb2;
    font-weight: 900;
    /* text-align: right; */
    line-height: 123px;
}
.vid_text{
    position: relative;
}
.vid_text:before{
    background:#2e00007d;
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom: 5px;
    right:0;
}
.vid_text .content_our{
    /* position: fixed; */
}
.vid_text .content{
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 33px;
    color: #fff;
    transform: translate(-50%, -50%);
}
.naturalnaya_unikalnaya_reczeptura{
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* font-size: 33px; */
    font-weight: 700;
    /* color: #fff; */
    letter-spacing: 1px;
}
.vid_text img{
    height:700px;
    width:100%;
    object-fit:cover;
}
.opisanie_konyaki{
    line-height: 1.6;
    color: #434343;
}
.our_text{
    padding-bottom:80px;
}
.our_about{padding: 129px 0 1px 37px;}
.zagolovok_konyaki{
    font-size: 28px;
    /* font-family: "Cormorant Infant" !important; */
    margin-bottom: 24px;
    color: #3e3e3e;
    font-weight: 600;
}
.nashi_konyaki span{
    display:block;
    text-align: right;
    font-weight: 600 !important;
    font-size: 95px;
    color: #d7c69a;
    font-family: "Cormorant Infant" !important;
}
.content_our{
    display: flex;
    position: relative;
    top: -33px;
}
.our_text .content{
    max-width:800px;
    /* flex: 0 0 416px; */
}
.mainProducts_video{
    padding-right: 60px;
    margin-top: 104px;
    text-align: right;
    flex: 1 1 50%;
}
.reward_text .opisanie_about{
    font-size: 16px;
}
.opisanie_about{
    margin-top:20px;
}
.zagolovok_about{
    font-size:30px;
}
.mainBlogContent h1 {
    font-family: AbrilFatface-Regular;
    font-weight: 400;
    padding: 70px 0
}

.mainBlogContent h2 {
    font-family: AbrilFatface-Regular;
    font-weight: 400;
    padding: 70px 0
}

.mainBlogContent h2 {
    font-family: AbrilFatface-Regular;
    font-weight: 400;
    padding: 70px 0
}

#blogSlider .item a {
    color: #38383c;
    font-size: 14px
}

#blogSlider .item a span.blogDate {
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid #38383c
}

#blogSlider .item a h2 {
    display: block;
    font-size: 22px;
    padding: 30px 0 20px
}

#blogSlider .owl-dots {
    width: 100%;
    position: absolute;
    bottom: -60px
}

.footerTop,.newsLetter,footer {
    position: relative
}

#blogSlider .owl-dot {
    display: block;
    float: left;
    font-size: 18px;
    color: #4f4f53;
    padding-right: 30px;
    font-family: DINPro-Condensed;
    transition: all .2s
}

span.blogTxt {
    display: block;
    background: url(../images/dot.png) bottom left no-repeat;
    padding-bottom: 15px
}

footer {
    background: #38383c;
    width: 100%;
    z-index: 3;
    /* margin-top: -19px; */
    clear: both;
    padding: 34px 0 0;
}

.footerTop {
    background: #6bb8a4;
    padding: 10px 0;
    top: -40px
}

.newsLetter {
    width: 100%;
    float: left;
    padding: 25px 0 25px 30px;
    color: #fff;
    font-size: 13px;
    border-right: 1px solid #54a691
}

a.toTop,a.toTop::before {
    position: f;
    display: block
}

.newsLetter::after {
    display: block;
    height: 100%;
    width: 1px;
    background: #7ec7b4;
    position: absolute;
    right: 0;
    top: 0;
    content: ""
}

.newsLetter span {
    color: #fff;
    font-size: 24px;
    display: block;
    font-weight: 700
}

.newsLetterForm {
    padding-top: 15px
}

.newsLetterForm input[type=text] {
    width: 25%;
    float: left;
    height: 55px;
    border: 1px solid #fff;
    padding-left: 15px;
    background: 0 0;
    margin-right: -1px
}

.newsLetterForm input[type=text]::-webkit-input-placeholder {
    color: #fff
}

.newsLetterForm input[type=text]:-moz-placeholder {
    color: #fff
}

.newsLetterForm input[type=text]::-moz-placeholder {
    color: #fff
}

.newsLetterForm input[type=text]:-ms-input-placeholder {
    color: #fff
}

.newsLetterForm input[type=button] {
    width: 21%;
    float: left;
    height: 55px;
    border: none;
    background: #fff;
    margin-left: 3%;
    color: #36363a;
    font-weight: 700;
    font-size: 16px
}

#usageNote {
    width: 100%;
    max-width: 500px;
    font-size: 14px
}

#usageNote a {
    font-size: 18px;
    padding-bottom: 25px;
    display: block;
    font-weight: 700;
    text-decoration: underline;
    color: #000
}

#usageNote a.privacyandsecurity {
    display: inline;
    font-size: 14px
}

#acikRizaMetni {
    width: 90%;
    max-width: 1024px;
    font-size: 14px
}

.NewsletterScrope {
    width: 75%;
    float: left
}


@media (max-width: 768px) {
    .mobile-only {
        display: block;
    }

    .productFilterWrapper .productFilterTabs {
        display: none; 
    }
}

@media (min-width: 769px) {
    .mobile-only {
        display: none;
    }
}

.productFilterMenu {
    position: relative;
    cursor: pointer;
}

.mobileFilterDropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
    border: 1px solid #ddd;
}

.mobileFilterDropdown a {
    display: block;
    padding: 10px 14px;
    text-decoration: none;
    color: #000;
}

.mobileFilterDropdown a.active {
    font-weight: bold;
    background: #f5f5f5;
}


.CatalogScrope {
   position: relative;
    float: left;
    width: 27%;
    display: flex
;
    gap: 15px;
}


@media (max-width: 991px) {

    .mobileOnly {
        display: block;
    }

    .productFilterTabs {
        display: none; 
    }

    .roww-mobile-filter {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .roww{
        display: flex
;

    flex-direction: column !important;
    }
    .productFilter {
        width: 100%;
        border: 1px solid #ddd;
        padding: 12px 15px;
        background: #fff;
    }

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

    .productFilterList {
        display: none;
        margin-top: 10px;
        background: #fff;
        padding: 10px 0;
    }

    .productFilterMenu.open + .productFilterList {
        display: block;
    }
}

.CatalogScrope span {
    color: #fff;
    font-size: 24px;
    width: 100%;
    text-align: center;
    float: left;
    font-weight: 600
}

.catalogueLink_icon {
    background: url(../Uploads/TR.png) left center no-repeat;
    width: 50%;
    float: left;
    position: relative;
    margin-top: 82px!important;
    padding: 30px
}

a.catalogueLink {
    width: 45%;
    float: left;
    /* padding: 20px 0 20px 20px; */
    color: #fff;
    font-size: 24px;
    display: flex
;
    font-weight: 600;
}

a.catalogueLink span {
    display: block;
    padding: 3px 0 0 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.footerMidTop {
    padding: 0 0 70px;
    display: flex;
    justify-content: space-between;
}

a.footerLogo {
    display: block;
    width: 253px;
    /* float: left; */
    margin-bottom: 14px;
}

a.footerLogo img {
    display: block;
    width: 100%
}

.social {
    float: right
}

.social span {
    color: #fff;
    font-size: 13px;
    float: left;
    display: block;
    line-height: 32px;
    margin-right: 10px
}

.social a {
    display: block;
    width: 35px;
    height: 35px;
  
    text-align: center;
    line-height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    float: left;
    color: #38383c;
    margin: 0 5px
}

.footerMid {
    padding-bottom: 50px
}

.footerMenu {
    display: flex;
    width: 100%;
    float: left;
    justify-content: space-between;
}

.footerMenu ul {
    width: 18.2%;
    float: left
}

.footerMenu a {
    color: #d1d1d1;
    font-size: 14px;
    display: block;
    line-height: 25px
}

.footerMenu a.fCaption {
    font-size: 16px;
    margin-bottom: 11px;
    text-transform: uppercase;
    color: #cdcdcd;
    font-weight: bold;
}

.footerMenu a:hover {
    color: #fff
}

.footerRightMenu {
    width: 10%;
    float: right
}

.footerRightMenu span {
    display: block;
    line-height: 50px;
    border-bottom: 1px solid #616163;
    text-align: right
}

.footerRightMenu a {
    color: #d1d1d1;
    font-size: 11px
}

.footerRightMenu a:nth-child(2) {
    color: #737375
}

.footerRightMenu a:hover {
    color: #fff
}

.footerBottom {
    width: 100%;
    background: #36363a;
    line-height: 70px;
    font-size: 11px;
    color: #d1d1d1
}

.footerBottomMenu {
    float: right
}

.footerBottomMenu a {
    color: #d1d1d1;
    display: inline-block;
    padding: 0 5px
}

a.toTop {
    width: 60px;
    font-size: 14px;
    color: #fff;
    right: 5%;
    bottom: 120px
}

.breadCrumb,.breadCrumb a {
    color: #939393
}
.woocommerce-breadcrumb{
    display: none;
    margin-top: 56px !important;
}

a.toTop::before {
    width: 18px;
    height: 20px;
    background: url(/wp-content/themes/f-riman/img/upArrow.webp) no-repeat;
    content: "";
    position: absolute;
    left: 15px;
    top: 13px;
    /* -webkit-animation: toTopAnim 1s infinite; */
    -moz-animation: toTopAnim 1s infinite;
    -o-animation: toTopAnim 1s infinite;
    /* animation: toTopAnim 1s infinite; */
}

@-webkit-keyframes toTopAnim {
    0%,100% {
        top: -20px
    }

    50% {
        top: -40px
    }
}

@-moz-keyframes toTopAnim {
    0%,100% {
        top: -20px
    }

    50% {
        top: -40px
    }
}

@-o-keyframes toTopAnim {
    0%,100% {
        top: -20px
    }

    50% {
        top: -40px
    }
}

@keyframes toTopAnim {
    0%,100% {
        top: -20px
    }

    50% {
        top: -40px
    }
}
.awards_page .factory-title-wrap{
    width: 100%;
    text-align: center;
}
section.subPage {
    padding: 111px 0 50px;
    /* background: #f8f8f8; */
}
.fullBg{
    position:relative;
}
.contcats_page .fullBg:before{
    background:#0000005e;
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    z-index: 2;
    left:0;
}

section.subPage.sidePage {
    padding: 130px 0 0;
    position: relative
}

section.subPage.stick {
    padding-top: 220px
}

.pageTop {
    width: 100%;
    position: relative;
    z-index: 98
}

.pageTop::before {
    width: 50%;
    height: 100%;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #f5f5f5
}

.pageTop .content {
    background: #f5f5f5;
    height: 90px;
    position: relative;
    z-index: 2
}

.breadCrumb {
    /* float: left; */
    padding-left: 22px;
    padding-top: 30px
}

.breadCrumb a,.breadCrumb span:last-child {
    line-height: 16px;
    padding: 0 4px;
    display: inline-block;
    font-size: 12px
}

.breadCrumb a.active,.breadCrumb a:hover,.breadCrumb span:last-child {
    color: #000
}

.breadCrumb span:last-child a {
    padding: 0
}

section.subPage.stick .pageTop {
    position: fixed;
    top: 0;
    background: #f5f5f5;
    z-index: 9999
}

a.pageMenuLink {
    float: right;
    line-height: 90px;
    font-size: 14px;
    color: #fff;
    background: url(../images/pageMenuIcon.png) 25px center no-repeat #38383c;
    padding: 0 30px 0 60px
}

.pageTop.opened a.pageMenuLink {
    background: url(../images/pageMenuClose.png) 25px center no-repeat #38383c
}

.sideMenuWrapper {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    height: 1000px;
    overflow: hidden;
    width: 0
}

.sideMenuWrapper::before {
    display: block;
    width: 100%;
    content: "";
    height: 90px;
    background: #38383c
}

.sideMenuContent {
    position: relative;
    height: 70%
}

.sideMenu {
    position: relative;
    top: 0;
    left: 0;
    min-width: 400px;
    padding: 50px 0 0 50px
}

.sideMenu span {
    font-size: 22px;
    color: #38383c;
    padding-bottom: 35px;
    font-weight: 700;
    display: block
}

.sideMenu ul li a {
    font-size: 14px;
    color: #38383c;
    font-weight: 600;
    padding: 10px 0 10px 20px;
    display: block;
    background: url(../images/sideMenuBullet.png) left center no-repeat
}

.sideMenu ul li a:hover {
    background: url(../images/sideMenuBulletOver.png) left center no-repeat;
    color: #dd0330
}

.sideMenu ul li a.hasSub {
    background: url(../images/sideMenuBulletHasSub.png) left center no-repeat
}

.sideMenu ul li a.hasSub.active,.sideMenu ul li a.hasSub:hover {
    background: url(../images/sideMenuBulletHasSubOver.png) left center no-repeat;
    color: #dd0330
}

.sideMenu ul li ul {
    padding-left: 30px;
    display: none
}

.sideMenu ul li ul li a {
    background: url(../images/sideMenuSubBullet.png) left center no-repeat
}

.sideMenu ul li ul li a:hover {
    background: url(../images/sideMenuSubBulletOver.png) left center no-repeat
}

.productListTop {
    width: 100%;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 60px
}

.productListTop h1 {
    color: #38383c;
    font-size: 60px;
    float: left;
    border-bottom: 2px solid #38383c;
    margin-bottom: -2px;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: -3px
}

.productListTop h1::after {
    display: block;
    width: 10px;
    height: 2px;
    bottom: -2px;
    background: #fff;
    content: "";
    position: absolute;
    right: -10px
}

.productListTop h2 {
    color: #38383c;
    font-size: 60px;
    float: left;
    border-bottom: 2px solid #38383c;
    margin-bottom: -2px;
    padding-bottom: 15px;
    position: relative;
    letter-spacing: -3px
}

.productListTop h2::after {
    display: block;
    width: 10px;
    height: 2px;
    bottom: -2px;
    background: #fff;
    content: "";
    position: absolute;
    right: -10px
}

.productFilter {
    float: right;
    padding-top: 50px
}

.productFilterMenu {
    height: 40px
}

.productFilterMenu span {
    display: inline-block;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding-right: 20px
}

.productFilterMenu span font {
    display: none
}

.css-label {
    
    display: flex; 
    align-items: center; 
    gap: 10px; 
    cursor: pointer;
}


.category-thumb {
    width: 40px; 
    height: 40px;
    object-fit: cover; 
    border-radius: 5px; 
    flex-shrink: 0;
}



.productFilterMenu a {
    display: inline-block;
    font-size: 15px;
    color: #7a7a7a;
    padding: 0 20px 21px;
    font-weight: 600
}
.clearAllFilters{
    padding: 6px 19px;
    background: #f0f0f0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    top: -3px;
}

.productFilterList,.productFilterList ul {
    width: 100%;
/*    display: none*/
}
.productFilterList ul {display: flex;}
.productFilterMenu a.active,.productFilterMenu a:hover {
    color: #000;
    border-bottom: 2px solid #000
}

.productFilterMenu div {
    float: right;
    margin-bottom: -2px
}

input[type=checkbox].css-checkbox,input[type=checkbox].css-checkbox2 {
    z-index: -1000;
    left: -1000px;
    clip: rect(0 0 0 0);
    margin: -1px;
    border: 0;
    overflow: hidden
}
.clearFilterWrapper {
    display: none; 
   
}
.productFilterList .content{
   
}
#designers .css-label::before {
    margin-right:0;
}
.roww{
    display: flex;
    max-width: 1130px;
    margin: 0 auto;
    padding-bottom: 0;
    gap: 12px;
    align-items: center;
    margin-top: 32px;
}
.text-filter{
    color: #646464;
    font-size:13px;
}
.productFilterWrapper .roww h1{
    margin-right: 0;
    flex: 0 0 350px;
}
.productFilterList li span{
        font-size: 16px;
        color: #38383c;
        font-family: Noto Sans;
        font-weight: 600;
}
.disabled-filter{
    display:block !important;
    opacity:0.5;
}
/* Пример базовых стилей для тегов */
#filterTagsContainer {
    /* Добавьте базовое форматирование для контейнера тегов */
}
.filterTag {
    display: inline-block;
    background-color: #eee;
    padding: 5px 1px 5px 12px;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    cursor: default;

}
.fil-tag{
        display: flex
;
max-width: 1140px;

    margin: 0 auto;
    align-items: center;
    flex-wrap: wrap;
}
.removeFilterTag {
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    color: #999;
}
.removeFilterTag:hover {
    color: #333;
}

.productFilterList {
/*    background: #f5f5f5;*/
        display: flex;
        padding: 17px 0px;
   /*         border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;*/
}
.mega-sub-menu .mega-menu-item  h4{
    font-size: 14px !important;
    font-family: Noto Sans !important;
}
.mega-sub-menu .mega-menu-item:hover  h4{
  color:#dd0330 !important;
  /*  */
  /*  */
}

.productFilterList .disabled .css-label {
    opacity: 0.5;
    cursor: not-allowed;
}

.productFilterList .content ul {
/*    background: #f0f0f0;*/
    padding: 19px 43px;
    border-radius: 10px;
}

input[type=checkbox].css-checkbox+label.css-label,input[type=checkbox].css-checkbox2+label.css-label2 {
    display: inline-block;
    line-height: 16px;
    position: relative;
    background-repeat: no-repeat;
    vertical-align: middle;
    cursor: pointer
}

.productFilterList ul{
        display: flex;
    flex-wrap: wrap;
}

.productFilterList ul li {
    width: 25%;
    float: left;
    padding: 10px 0
}

input[type=checkbox].css-checkbox {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0
}
.css-radio + .css-label::before {
    border-radius: 50%; 
}


.css-checkbox[type="radio"] + .css-label::before {
  
    border-radius: 50%; 
}


.css-checkbox[type="radio"]:checked + .css-label::before {
 
       background-color: #dd0231;
    border-color: #e10131;
    
   
    content: '✓';
    color: #fff;
    text-align: center;
   line-height: 13px;
    font-size: 13px;
    font-weight: bold;
}
.css-radio:checked + .css-label::after {
    content: '';
    display: block;
    width: 8px; 
    height: 8px;
    background-color: #007bff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.css-label::before {
    content: ''; 
    display: inline-block;
    width: 16px; 
    height: 16px;
    margin-right: 8px;
    border: 1px solid #999;
    vertical-align: middle;
   
    position: relative; 
}
.css-radio:checked + .css-label::before {
 
    border-radius: 50%; 
    border-color: #007bff; 
    

    background-color: #007bff;
    content: '•';
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 23px;
    height: 16px;
    background-position: 0 0;
    font-size: 16px;
    color: #38383c;
    font-weight: 600
}

input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -16px
}

label.css-label {
    background-image: url(../images/checkbox.png);
    -ms-user-select: none;
    user-select: none
}

input[type=checkbox].css-checkbox:disabled+label.css-label {
    background-position: 0 0;
    opacity: .3
}

.newsletterCheckBox {
    padding-top: 15px;
    width: 23.5%;
    padding-left: 20px;
    float: left;
    position: relative
}

input[type=checkbox].css-checkbox2 {
    position: absolute;
    height: 1px;
    width: 1px;
    padding: 0
}

input[type=checkbox].css-checkbox2+label.css-label2 {
    padding-left: 23px;
    height: 16px;
    background-position: 0 0;
    font-size: 12px;
    color: #fff;
    position: absolute;
    width: 91%;
    top: 15px
}

input[type=checkbox].css-checkbox2:checked+label.css-label2 {
    background-position: 0 -16px
}

label.css-label2 {
    background-image: url(../images/checkbox2.png);
    -ms-user-select: none;
    user-select: none
}

.selectedFilters {
    width: 100%;
    padding: 40px 0 35px
}

.selectedFilterList {
    width: 85%;
    float: left
}

.selectedFilterList span {
    font-size: 14px;
    color: #38383c;
    font-weight: 600;
    float: left;
    line-height: 24px
}

.selectedFilterList a {
    float: left;
    font-size: 14px;
    color: #7a7a7a;
    background: url(../images/remove.png) 5px center no-repeat #f8f8f8;
    padding: 0 10px 0 20px;
    line-height: 24px;
    margin: 0 5px
}

.selectedFilterList a:hover {
    background: url(../images/removeOver.png) 5px center no-repeat #000;
    color: #fff
}

.pageHeader h1::after,.productList a {
    background: #fff;
    position: relative;
    display: block
}

.pageHeader h2::after,.productList a {
    background: #fff;
    position: relative;
    display: block
}

.productList {
    width: 100%
}

.productList::after {
    width: 100%;
    height: 0;
    display: block;
    content: "";
    clear: both
}

.productList a {
    width: 33.301%;
    float: left;
    padding: 0;
    border: 1px solid #e5e5e5;
    margin: 0 -1px -1px 0
}

.productList a img {
        display: block;
    margin: auto;
    max-width: 100%;
    object-fit: cover;
    height: 308px;
}

.productList a .pCategory {
    display: block;
    font-size: 12px;
    color: #5c5c5e;
    font-weight: 600;
    padding: 0 35px
}


.fancybox__container {
    background-color: rgba(0,0,0,0.85) !important;
    z-index: 9999;
}


.fancybox__content {
    display: flex;
    justify-content: center;
    align-items: center;
}


.fancybox__caption {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}


.fancybox__close {
    color: #fff !important;
    font-size: 28px;
    opacity: 0.8;
    transition: 0.3s;
}
.fancybox__close:hover {
    opacity: 1;
}
.tabGallery .item img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 4px;
    transition: transform 0.3s;
}

.tabGallery .item img:hover {
    transform: scale(1.05);
}


.fancybox__arrow--left, .fancybox__arrow--right {
    color: #fff;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: 0.3s;
}
.fancybox__arrow--left:hover, .fancybox__arrow--right:hover {
    background: rgba(0,0,0,0.7);
}
.fancybox-overlay, 
.fancybox-bg,
.fancybox-wrap {
    z-index: 99999 !important; 
}

.fancybox-overlay {
    background: rgba(0,0,0,0.85) !important;
}

.fancybox-wrap {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 90% !important;
    max-height: 90% !important;
}

.fancybox-inner {
    overflow: hidden !important;
}

.fancybox-image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.fancybox-item, 
.fancybox-nav {
    z-index: 100000 !important;
}


.fancybox-inner img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}



.fancybox-nav {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 1000010;
    background: rgb(255 255 255);
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #676767;
    font-size: 24px;
    transition: all 0.3s;
}
.page-template-default h1{
    font-size: 29px;
    padding-top: 21px;
    margin-bottom: 20px;
}
.fancybox-prev {
    left: -73px;
}

.fancybox-next {
    right: -73px;
}

.fancybox-nav:hover {
    background: rgb(255 255 255 / 80%);
}


.fancybox-item.fancybox-close {
    width: 35px;
    height: 35px;
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
    position: absolute;
    top: -37px;
    right: 10px;
    z-index: 1000015;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.fancybox-item.fancybox-close:hover {
    background: rgba(0,0,0,0.9);
}


.fancybox-prev span::before {
    content: "\276E"; 
}

.fancybox-next span::before {
    content: "\276F"; 
}

.fancybox-item.fancybox-close::before {
    content: "\2715";
}



.fancybox-wrap,
.fancybox-inner,
.fancybox-outer {
    width: auto !important;
    height: auto !important;
    max-width: 90vw !important;   
    max-height: 90vh !important;  
}
.fancybox-image {
    width: 100% !important;
    height: auto !important;
}

.fancybox-overlay {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9998 !important; 
}

.fancybox-overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7); 
    backdrop-filter: blur(2px);  
    z-index: 1;
}

.mega-block-title{
    text-transform: none !important;
    justify-content: center;
    text-align: center !important;
    line-height: 1.3;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{
    /* background:#fff !important; */
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link{
    color:#555 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard li.mega-menu-item > a.mega-menu-link:hover{
    color:#4c0000 !important
}
.tabGallery {
    position: relative;
    width: 100%;
    overflow: hidden; 
}


.tabGallery .item img {
    width: 100%;
    height: auto;
    display: block;
}


.tabGallery .owl-stage {
    display: flex;
    align-items: center;
}
.spImg img{
    height: 251px;
    object-fit: contain;
}
.custom-search-form{
    margin-top:120px;
}
.modal-close-btn{
        position: absolute;
    right: 16px;
    font-size: 24px;
    color: #fff;
    border: none;
    cursor: pointer;
    background: transparent;
    padding: 10px 14px;
}
.productList a .pName {
        display: block;
    font-size: 16px;
    color: #38383c;
    font-weight: 600;
    min-height: 60px;
    padding: 0 35px 10px;
    margin-top: 8px;
}
.single-product .productList a .pName {
        display: block;
    font-size: 16px;
    color: #38383c;
    font-weight: 600;
    min-height: 35px;
    padding: 9px 14px 1px 11px;
    margin-top: 8px;
}

.productList a:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    -moz-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    z-index: 2
}

.filterResult {
    float: right;
    color: #38383c;
    font-size: 14px;
    font-weight: 600
}

.pageHeader {
    width: 100%;
    height: 377px;
    margin-top: -45px
}

.pageHeader.bigImgHeader {
    height: 716px
}

.pageHeader h1 {
    padding-top: 9%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: DINPro-CondensedRegular;
    font-size: 36px;
    letter-spacing: 3px;
    position: relative;
    z-index: 2
}

.pageHeader h1::after {
    width: 90px;
    height: 1px;
    margin: 20px auto;
    left: -2px;
    content: ''
}

.pageHeader h2 {
    padding-top: 9%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-family: DINPro-CondensedRegular;
    font-size: 36px;
    letter-spacing: 3px;
    position: relative;
    z-index: 2
}
.gold-collection-section {
            background: radial-gradient(circle, #6b0000 0%, #3a0000 100%);
            padding: 80px 0;
            text-align: center;
        }

        .gold-item-title {
            color: #fff;
            font-size: 14px;
            margin-bottom: 30px;
            min-height: 40px;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            text-decoration: none;
        }

        .gold-image-swap {
            position: relative;
            display: block;
            width: 100%;
            height: 280px;
            overflow: hidden;
            margin: 0 auto;
        }

        .gold-image-swap img {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            max-height: 100%;
            width: auto !important;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .gold-image-swap .img-extra {
            opacity: 0;
            visibility: hidden;
        }

        .gold-item:hover .img-original {
            transform: translateX(-50%) scale(1.3) rotate(-5deg); 
            opacity: 0;
        }

        .gold-item:hover .img-extra {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) scale(1); 
        }

      
        .gold-collection-section .owl-nav button.owl-prev, 
        .gold-collection-section .owl-nav button.owl-next {
            background: #f1d392 !important;
            width: 35px;
            height: 35px;
            border-radius: 50% !important;
            color: #000 !important;
        }
.pageHeader h2::after {
    width: 90px;
    height: 1px;
    margin: 20px auto;
    left: -2px;
    content: ''
}

.pageHeader .videoHeader {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    top: -45px
}

.pageHeader video {
    width: 101%;
    height: auto;
    position: absolute
}

.branchFormHeader,.careerHeader,.imageArchiveHeader,.pressBulletinHeader,.pressHeader,.priceHeader {
    width: 100%;
    height: 100%
}

.stick .pageHeader .videoHeader {
    top: 0
}

.pressHeader {
    background: url(../images/headers/press.jpg) center no-repeat
}

.priceHeader {
    background: url(../images/headers/priceHeader.jpg) center no-repeat
}

.pressBulletinHeader {
    background: url(../images/headers/pressBulletin.jpg) center no-repeat
}

.imageArchiveHeader {
    background: url(../images/headers/imageArchive.jpg) center no-repeat
}

.branchFormHeader {
    background: url(../images/headers/branchForm.jpg) center no-repeat
}

.careerHeader {
    background: url(../images/headers/careerBg.jpg) center no-repeat
}

.subPage .pageContent h1 {
    font-size: 24px;
    color: #38383c;
    padding: 0 0 50px
}

.subPage .pageContent.imageArchiveContent h1 {
    padding: 50px 0 40px
}

.subPage .pageContent.imageArchiveContent h1:first-child {
    padding-top: 0
}

.subPage .pageContent h2 {
    font-size: 18px;
    color: #38383c;
    padding: 19px 0 12px
}

.subPage .pageContent.imageArchiveContent h2 {
    padding: 50px 0 40px
}

.subPage .pageContent.imageArchiveContent h2:first-child {
    padding-top: 0
}

.subPage .pageContent {
    padding-top: 70px
}

.newsList a {
    min-height: initial!important
}

.pressReleaseList a {
    display: block;
    width: 33.333%;
    float: left;
    padding: 50px;
    border: 1px solid #e5e5e5;
    margin: 0 -1px -1px 0;
    min-height: 530px
}

.pressReleaseList a img {
    display: block;
    margin: auto;
    width: 100%
}

.easyPaginateNav .clr,.holder .clr,.pagination .clr {
    margin-bottom: 25px
}

.pressReleaseList a h2 {
    display: block;
    font-size: 18px;
    color: #38383c;
    padding: 20px 0 10px;
    min-height: 100px
}

.pressReleaseList a span.newsTxt {
    display: block;
    font-size: 13px;
    color: #38383c;
    padding-bottom: 30px;
    min-height: 130px
}

.pressReleaseList a span.newsMore {
    /* font-family: DINPro-Condensed; */
    font-size: 14px;
    color: #38383c;
    display: inline-block;
    position: relative;
    padding-left: 35px
}

.pressReleaseList a span.newsMore::before {
    display: block;
    width: 20px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #38383c;
    content: ""
}

.productImg,.productTop {
    width: 100%;
    position: relative
}

.productInfo,.productTop .content {
    /* background: #f8f8f8; */
}

.pressReleaseList a span.newsDate {
    display: block;
    font-size: 12px;
    color: #38383c;
    float: right
}

.easyPaginateNav a,.holder a,.pagination a {
    display: inline-block;
    font-size: 18px;
    font-family: DINPro-Condensed
}

.pressReleaseList a:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    -moz-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    box-shadow: 0 0 20px 0 rgba(0,3,0,.25)
}

.pagination {
    padding: 50px 0;
    text-align: right;
    color: #979797
}

.pagination a {
    color: #979797;
    padding: 0 10px
}

.pagination a.PagingBackgroundActive,.pagination a:hover {
    color: #000
}

.easyPaginateNav,.holder {
    padding: 50px 0;
    text-align: right;
    color: #979797
}

.cd-product-viewer-wrapper,a.downloadDoc {
    text-align: center
}

.easyPaginateNav a,.holder a {
    color: #979797;
    padding: 0 10px
}

.easyPaginateNav a.current,.easyPaginateNav a:hover,.holder a.jp-current,.holder a:hover {
    color: #000;
    text-decoration: underline
}

section.subPage.productDetailPage {
    padding-bottom: 0
}

.productImg {
    top: -45px
}

.productImg img {
    display: block;
    width: 100%;
    height: auto
}

.productTop {
    /* margin-top: -45px; */
}

.productTop::before {
    width: 50%;
    height: 100%;
    /* background: #f8f8f8; */
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.productInfo {
        width: 100%;
        float: left;
        font-size: 17px;
        color: #38383c;
        padding: 0 3% 60px 0;
        position: relative;
        z-index: 2;
}

.productInfo h1 {
    color: #38383c;
    font-size: 36px;
    font-weight: 700;
    padding: 60px 0 30px;
    line-height: 38px
}

.productInfo h2 {
    color: #38383c;
    font-size: 36px;
    font-weight: 700;
    padding: 60px 0 30px;
    line-height: 38px
}

.productInfo img.pAward {
    display: block;
    margin-top: 30px
}

.designer {
   width: 35%;
   float: right;
   background: #fff;
   z-index: 2;
   position: relative;
}

.designer img {
        display: block;
    width: 100%;
    height: 186px;
    text-align: left;
    border-radius: 18px !important;
    max-width: 282px;
    object-fit: contain;
    margin: 14px 10px 0 36px;
}
.designerTxt a{
    display:block;
    margin-top:20px;
    color:#c32f2f;
    transition: 0.3s;
  
}
.designerTxt a:hover{
    color:#333;
}
.designerTxt {
        display: block;
        padding: 20px 38px;
        font-size: 14px;
        height: 223px;
        overflow-y: scroll;
        color: #38383c;
}

.designerTxt h2 {
    color: #38383c;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 5px
}

.productGallery {
    width: 100%;
    position: relative
}

.productGallery::after,.productGallery::before {
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    display: block;
    content: ""
}

.productGallery::before {
    background: #f8f8f8;
    top: 0
}

.productGallery::after {
    /* background: #e0e0e0; */
    bottom: 0
}

.productGalleryInner {
    background: #fff;
    height: 500px;
    position: relative;
    z-index: 2
}

.productGalleryMenu {
    position: absolute;
    left: 46px;
    top: 45%;
    z-index: 2
}

.productGalleryMenu a {
    display: block;
    font-size: 26px;
    color: #38383c;
    font-family: DINPro-Condensed;
    position: relative;
    padding-left: 15px;
    transition: all .2s;
    margin-bottom: 15px
}

.productGalleryMenu a:before {
    width: 0;
    height: 2px;
    display: block;
    content: "";
    background: #dd0330;
    float: left;
    margin: 17px 0 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.productGalleryMenu a.active,.productGalleryMenu a:hover {
    color: #dd0330
}

.productGalleryMenu a.active:before,.productGalleryMenu a:hover:before {
    width: 30px;
    margin-right: 15px
}

.productGalleryMenu a.disabled {
    color: #e0e0e0;
    pointer-events: none
}

.productGalleryContent {
    width: 75%;
    height: 100%;
    position: relative;
    float: right
}

.productGalleryItem {
    position: absolute;
    width: 100%;
    height: 100%;
    /* top: 0; */
    bottom: 0;
    left: 0;
    display: none
}

.productGalleryItem iframe {
    width: 100%;
    height: 100%
}

.cd-product-viewer-wrapper>div {
    display: inline-block
}

.cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden
}

.cd-product-viewer-wrapper img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%
}

.cd-product-viewer-wrapper.loaded .cd-product-viewer-handle,.no-csstransitions .cd-product-viewer-handle .fill {
    display: none
}

.cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cd-product-viewer-wrapper.loaded .product-sprite {
    opacity: 1;
    cursor: url(https://www.burotime.com/Uploads/icon_kartela/ic-2.png),default!important
}

.cd-product-viewer-handle {
    position: absolute;
    z-index: 2;
    width: 60%;
    max-width: 300px;
    border-radius: 50em;
    margin: 1em auto 3em;
    height: 6px;
    background: #e0e0e0;
    bottom: 0;
    -webkit-box-shadow: inset 1px 1px 7px 0 rgba(0,0,0,.3);
    -moz-box-shadow: inset 1px 1px 7px 0 rgba(0,0,0,.3);
    box-shadow: inset 1px 1px 7px 0 rgba(0,0,0,.3);
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

.cd-product-viewer-handle .fill {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #b54240;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s
}

.loaded .cd-product-viewer-handle .fill {
    opacity: 0;
    -webkit-transition: -webkit-transform .3s,opacity .2s .3s;
    -moz-transition: -moz-transform .3s,opacity .2s .3s;
    transition: transform .3s,opacity .2s .3s
}

.cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 24px;
    width: 24px;
    left: 0;
    top: -10px;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(181,66,64,.3),0 0 20px rgba(0,0,0,.2);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s;
    background: #dd0330
}

.cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(181,66,64,0),0 0 20px rgba(0,0,0,.2)
}

.cd-product-viewer-handle .handle::after {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    content: '';
    margin: 9px
}

.loaded .cd-product-viewer-handle .handle {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce .3s .3s;
    -moz-animation: cd-bounce .3s .3s;
    animation: cd-bounce .3s .3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: ew-resize
}

@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0)
    }

    60% {
        -webkit-transform: translateX(-50%) scale(1.1)
    }

    100% {
        -webkit-transform: translateX(-50%) scale(1)
    }
}

@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: translateX(-50%) scale(0)
    }

    60% {
        -moz-transform: translateX(-50%) scale(1.1)
    }

    100% {
        -moz-transform: translateX(-50%) scale(1)
    }
}

@keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0)
    }

    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1)
    }

    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1)
    }
}

.productProperties {
    width: 100%;
    position: relative
}

.productProperties::after,.productProperties::before {
    position: absolute;
    width: 50%;
    top: 0;
    display: block;
    content: ""
}

.productProperties::before {
    height: 100%;
    /* background: #9d9d9d; */
    left: 0
}

.productProperties::after {
    height: 460px;
    background: #f8f8f8;
    right: 0
}

.productProperties .content {
    position: relative;
    z-index: 2
}

.productProperties h2 {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    padding-top: 30px;
}

.productProperties p {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    padding-top: 32px;
}

.pColors {
    width: 55%;
    float: left;
    background: #f3f3f3;
    height: 797px;
    padding-left: 54px;
    position: relative
}
.tab-content p {
    padding:0;
    font-size: 14px;
    font-weight: 400;
}
.pColors h2 {
    padding-bottom: 60px
}

.pColors p {
    padding-bottom: 31px;
}

.pColors .mCustomScrollbar {
    height: 566px;
    overflow-y: auto;
}

.pColorContent {
    width: 100%;
    padding: 40px 60px 0 0
}

a.pColorItem {
    display: block;
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
    padding: 3px
}

a.pColorItem::after {
    display: block;
    width: 100%;
    height: 0;
    clear: both;
    content: ""
}

a.pColorItem span.colorTitle {
    float: left;
    font-size: 19px;
    color: #38383c;
    /* font-family: DINPro-Condensed; */
    padding: 22px 0 0 25px;
}

a.pColorItem span.colorImg {
    float: right;
    height: 68px;
    width: 30%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

a.pColorItem span.colorImg img {
    width: 100%
}

a.pColorItem:last-child {
    margin-bottom: 25px
}

.pColors .nice-select {
    min-width: 270px
}

.colorModal {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #eee;
    left: 100%;
    z-index: 5;
    overflow: hidden
}

a.colorModalClose {
    display: block;
    background: url(../images/closeHover.png) center no-repeat #38383c;
    width: 25px;
    height: 25px;
    float: right
}

.colorModalIn {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: 100%
}

.pDocs,.pTechnics {
    height: 460px;
    float: left
}
.pDocs{
    height: 162px;
}

.productPropertiesRight {
    width: 45%;
    float: left
}

.pDocs {
    width: 100%;
    background: #eee;
    padding: 0 50px;
    font-size: 14px;
    color: #38383c
}

.pDocs h2 {
    padding-bottom: 30px
}

.pDocs .nice-select {
    width: 100%;
    font-size: 14px;
    margin: 20px 0
}

.pDocsContent a.docLink {
    display: block;
    width: 100%;
    color: #3f3f43;
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    border-bottom: 1px solid #e1e1e1;
    background: url(/wp-content/themes/f-riman/img/downloadbg.webp) right center no-repeat
}

a.downloadDoc {
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    background: #38383c;
    display: block
}

.pDocs small {
    display: block;
    margin-top: 35px;
    font-size: 12px
}

.pDocs small span {
    display: block;
    float: left;
    width: 15px;
    min-height: 40px
}

.pDocs small a {
    font-weight: 600;
    color: #38383c
}

.pTechnics {
    width: 100%;
    background: #f8f8f8;
    overflow: hidden;
}

.pTechnicsContent img {
    display: block;
    max-width: 100%
}

.pTechnicsContent h3 table {
    font-weight: 400;
    color: #797979
}

.pTechnicsContent font {
    font-size: 15px!important;
    color: #212121;
    font-weight: 700
}

.pTechnicsInner {
    padding: 0 0 0 29px;
}

.productFamily .owl-carousel .owl-item img{
    height:600px;
    object-fit:cover;
}

.pTechnics h2 {
    padding-bottom: 20px;
}

.pTechnics .mCustomScrollbar {
    color: #797979;
    font-size: 13px;
    overflow-y: scroll;
    height: 371px;
}

.pTechnics h3 {
    font-size: 15px;
    color: #212121
}

.pTechnics table {
    margin: 10px 0
}

.pTechnics a.downloadPdf {
    width: 100%;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    line-height: 50px;
    background: url(../images/downloadIcon.png) 85% center no-repeat #38383c;
    display: block;
    padding-left: 25px;
    margin-top: 22px
}

.nice-select,.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    outline: 0
}

.pCare {
    padding: 35px 19px 0 29px;
    background: #f8f8f8;
}

.pCare h2 {
    padding: 0  0  0 34px;
    background: url(/wp-content/themes/f-riman/img/info.webp) left center no-repeat;
    line-height: 28px;
    margin-bottom: 19px;
    font-size: 14px;
    font-weight: 600;
    margin-top: 0;
    background-size: 25px 25px;
}

.tabContainer {
    width: 100%;
    margin: 0 auto
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.tabs li {
    background: 0 0;
    color: #ceced0;
    display: inline-block;
    padding: 10px 0;
    margin-right: 17px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 15px;
    /* font-family: DINPro-Condensed; */
}

ul.tabs li.current {
    color: #38383c;
    font-weight: 500;
}

.tab-content {
    color: #000;
    font-size: 13px
}

.tab-content.current {
    display: inherit
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: none;
    border-radius: 5px;
    border: 1px solid #9f9f9f;
    box-sizing: border-box;
    clear: both;
    display: block;
    float: left;
    font-size: 19px;
    height: 50px;
    line-height: 50px;
    padding-left: 19px;
    padding-right: 50px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: #38383c;
    /* font-family: DINPro-Condensed; */
}

.nice-select:hover {
    border-color: #dbdbdb
}

.nice-select.open,.nice-select:active,.nice-select:focus {
    border-color: #999
}

.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    top: 47%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 9px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68,68,68,.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9;
    width: 100%;
    max-height: 280px;
    overflow-y: scroll
}

.accordioncontent,.btInput.textarea,.fileUpload,.kurumsalBoxIcn {
    overflow: hidden
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}

.nice-select .option {
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    padding-left: 18px;
    padding-right: 50px;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 100%;
    font-size: 18px
}

#familySlider .owl-dot span,#owlTarihce .owl-prev {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s
}

.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover {
    background-color: #f6f6f6
}

.nice-select .option.selected {
    font-weight: 600;
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

.productFamily {
    width: 100%;
    background: #38383c;
    padding-top: 80px;
    position: relative;
    margin-bottom: 41px;
}

.productFamily::after {
    display: block;
    width: 100%;
    height: 281px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    content: ""
}

.productFamily .content {
    position: relative;
    z-index: 2
}

.productFamily h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 10px
}

.productFamily h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 30px
}

.familyLeft {
    width: 22%;
    float: left;
    display: none
}

.familyLeftTxt {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 250px
}

.familyLeftTxt span.familyCaption {
    display: block;
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 15px
}

.productComponents h2,.productSimilar h2 {
    font-size: 18px;
    color: #38383c;
    display: block
}

.familyGallery {
    width: 100%;
    float: left
}

.productComponents {
    width: 100%;
    background: #fff;
    padding: 40px 0 110px
}

.productComponents h2 {
    padding-bottom: 40px
}

.productComponents .productList a,.productSimilar .productList a {
    width: 25%
}

.productSimilar {
    width: 100%;
    background: #ebecee;
    padding: 110px 0 200px
}

.productSimilar h2 {
    padding-bottom: 40px
}

#familySlider {
    width: 90%;
    margin: 0 auto
}

#familySlider .owl-controls {
    height: 60px;
    background: rgba(245,245,245,.8);
    position: absolute;
    bottom: 0;
    right: 0
}

#familySlider .owl-nav {
    float: right;
    padding-right: 25px
}

#familySlider .owl-nav .owl-prev {
    display: block;
    height: 65px;
    width: 30px;
    background: url(../images/leftArrowSmall.png) center no-repeat;
    float: left
}

#familySlider .owl-nav .owl-next {
    display: block;
    height: 65px;
    width: 30px;
    background: url(../images/rightArrowSmall.png) center no-repeat;
    float: left
}

#familySlider .owl-dots {
    float: left;
    padding: 15px 30px 0
}

#familySlider .owl-dot {
    height: 40px;
    width: 20px;
    display: block;
    float: left
}

#familySlider .owl-dot span {
    display: block;
    width: 7px;
    height: 7px;
    background: #38383c;
    margin: 15px auto;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    transition: all .2s
}

.accordion li:after,.elementsSlideMenu a:before {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s
}

#familySlider .owl-dot.active span,#familySlider .owl-dot:hover span {
    background: #38383c;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    margin: 11px auto
}
.referenceHomes:after{
    display:none !important;
}
.referenceHomes .referenceContent{
    background:#fff;
}
.sideContent {
    width: 100%;
    position: relative;
    background: #ebecee
}
.referenceHomes{
    background:#ffffff;
    padding-top: 141px !important;
}

.sideContent::after {
    display: block;
    width: 65.8%;
    height: 102%;
    content: "";
    position: absolute;
    right: 0;
    top: -40px;
    background: #ebecee
}

.sideContent .content {
    position: relative;
    z-index: 2
}

.leftSide {
    width: 24%;
    float: left;
    padding-top: 18px;
    background: #fff;
    position: relative;
    z-index: 9;
    padding-bottom: 0
}

.leftMenu {
    padding-right: 50px;
    font-family: DINPro-Condensed;
    margin-bottom: 0
}

.leftMenu a {
    font-size: 19px;
    color: #9b9b9d;
        font-family: Noto Sans;
    padding: 18px 0 18px 30px;
    display: block;
    border-bottom: 1px solid #f2f2f2
}

.leftMenu a.active,.leftMenu a:hover {
    color: #38383c;
    background: url(../images/menuBullet.png) right no-repeat
}

.leftMenuMobileCaption {
    height: 55px;
    width: 100%;
    border: 1px solid #ddd;
    line-height: 55px;
    font-family: DINPro-Condensed;
    font-size: 20px;
    color: #38383c;
    padding-left: 15px;
    background: url(../images/downArrow.png) 95% center no-repeat;
    display: none
}

.leftSide.referanceLeft {
    width: 15%
}

.leftSide.referanceLeft .leftMenu {
    padding-right: 10px
}

.leftSide.referanceLeft .leftMenu a {
    font-size: 14px;
    padding: 10px 0 10px 15px
}

.leftSide>span {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    display: block;
    border-bottom: 1px solid #b4b4b4;
    width: 90%;
    padding-bottom: 18px;
    padding-left: 30px
}

.leftSide.showMobile {
    display: none
}

.rightSide {
    width: 75%;
    float: left;
    background: #ebecee;
    padding: 65px 0 210px 60px;
    position: relative;
    margin-top: -40px;
    min-height: 1000px
}

.rightSide::before {
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    background: #ebecee;
    top: 0;
    left: -40px;
    position: absolute
}

.rightSideContent {
    width: 100%;
    font-size: 14px;
    color: #38383c
}

.rightSideContent h2 {
    font-family: DINPro-Condensed;
    font-size: 30px;
    padding-bottom: 15px
}

.rightSideContent .aktiflikSonuc {
    font-size: 15px!important;
    padding-bottom: 15px;
    font-family: DINPro!important
}

.rightSide.referanceRight {
    min-height: 800px;
    width: 85%;
    padding: 25px 0 140px 25px
}

.accordionheader,.logosInner {
    width: 100%;
    height: 90px;
    position: relative;
    border: 1px solid #e8ecef
}

.referenceContent .rightSide {
    margin-top: 0
}

.pageHeader.referance-kapsul {
    background: #ebecee
}

.referanceMenu {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.referanceMenu.stick {
    position: fixed;
    top: 90px;
    background: #f5f5f5;
    text-align: center;
    z-index: 9
}

.referanceMenu.stick a {
    display: inline-block;
    padding: 10px .8em;
    float: none;
    font-size: 18px
}

.referanceInner {
    padding-top: 20px
}

.referanceMenu a {
        display: inline-block;
        padding: 70px .8em;
        font-size: 14px;
        /* font-family: DINPro-Condensed; */
        font-weight: 500;
        color: #919295;
        position: relative;
}
.referanceMenu a:hover,
.referanceMenu a.select {
    color: #db0632
}

.referanceMenu a:after {
    width: 1px;
    height: 20px;
    position: absolute;
    background: #919295;
    right: 0;
    content: "";
    top: 50%;
    margin-top: -10px
}

.referanceMenu a:last-child:after {
    width: 0!important
}

.referanceMenu a.last:after {
    display: none
}

.referanceInner {
    min-height: 500px;
    width: 100%;
    position: relative;
    padding-top: 160px
}

.referanceInner article {
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8
}

.referanceInner section {
    display: inline-block;
    margin: 0;
    padding: 1em 1em 1em;
    width: 100%;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.referanceInner section.noBorR {
    border-right: 0
}

.referanceInner section img {
    width: 100%
}

.referanceInner section p {
    font-size: 22px;
    font-family: DINPro;
    font-weight: 700;
    padding-top: 1em;
    color: #38383c
}

.referanceInner section a {
    color: #38383c
}

.referanceInner section a.disabled {
    cursor: default
}

.referanceInner article {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.referanceInner article.current {
    opacity: 1;
    position: relative;
    left: auto;
    top: auto;
    z-index: 2
}

.ref-slide-area {
    width: 100%;
    height: auto;
    overflow: hidden
}

.ref-slide-area img {
    position: relative;
    width: 100%
}

.ref-slide-area .owl-prev {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/leftArrowRed.png) no-repeat center
}

.ref-slide-area .owl-next {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    background: url(../images/rightArrowRed.png) no-repeat center
}

.popup-area {
    width: 100%;
    height: 100%
}

.popup-content {
    width: 100%;
    font-family: DINPro;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    margin-top: 10px
}

.popup-content h3 {
    font-size: 20px;
    margin: 0;
    padding: 0;
    line-height: 22px
}

.popup-content span {
    margin-bottom: 10px;
    display: block
}

.popup-content .left,.popup-content .right {
    width: 50%;
    float: left;
    padding: 30px
}

.popup-content .right {
    border-left: 1px solid #d8d8d8
}

.header-menu-mobil {
    display: none
}

.ref_toogle {
    width: 100%;
    height: 100%;
    margin-bottom: 23px;
    padding-top: 17px;
    text-align: center
}

.owl-carousel.ref-slide-area .owl-stage-outer,.owl-carousel.ref-slide-area .owl-stage,.owl-carousel.ref-slide-area .owl-item,.owl-carousel.ref-slide-area .item {
    height: 100%
}

.sideContent.referenceSide::after {
    top: 0
}

.accordionheader {
    cursor: pointer
}

.accordionheader .imgArea,.logosInner .imgArea {
    height: 100%
}

.accordionheader .titles {
    position: absolute;
    top: 50%;
    height: auto;
    font-size: 16px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 240px
}

.logosInner .downloads {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 20px
}

.logosInner .downloads a {
    display: inline-block;
    margin: 0 30px;
    font-size: 16px;
    font-weight: 700;
    color: #38383c;
    padding-left: 20px;
    background: url(../images/downloadbg.png) center left no-repeat
}

.logosInner .downloads a:hover {
    color: #dd0330;
    background: url(../images/downloadbg2.png) center left no-repeat
}

.accordionheader div {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    position: relative
}

.accordionheader div.ac_date {
    width: 105px;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    color: #38383c
}

.accordionheader div.ac_date span {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.accordionheader div.ac_date:after,.accordionheader div.ac_img:after {
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: #eee
}

.accordionheader div.ac_date span small {
    display: block;
    font-size: 14px;
    color: #9b9b9d
}

.accordionheader div.ac_img {
    width: 165px;
    overflow: hidden
}

.accordionheader div.ac_img img {
    height: 100%;
    width: 100%
}

.accordionheader div.ac_text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 280px;
    height: auto
}

.accordioncontent {

    width: 100%;
    padding: 20px;
    border: 1px solid #e8ecef;
    border-top: 0
}

.accordioncontent .ac_left {
    width: 40%;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #eee
}

.accordioncontent .ac_right {
    width: 60%;
    float: left;
    padding: 0 10px 0 20px
}

.accordion,.logos {
    width: 100%
}

.accordion li,.logos li {
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.accordion li.secili {
    -webkit-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    -moz-box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    box-shadow: 0 0 20px 0 rgba(0,3,0,.25);
    z-index: 2
}

.accordion li:after {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 38px;
    content: "";
    background-image: url(../images/acordion_arrow_down.png);
    transition: all .5s
}

.accordion li.secili:after {
    background-image: url(../images/acordion_arrow_left.png)
}

.accordion li .accordionheader {
    font-size: 20px;
    font-weight: 500
}

.accordion li .accordioncontent {
    font-size: 14px;
    padding-top: 20px
}

.ac_boxs {
    width: 21%;
    float: left;
    margin: 10px 2% 20px;
    border: 1px solid #e5e5e5
}

.ac_boxs a {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #38383c;
    padding: 18px 0;
    display: block;
    position: relative
}

.ac_boxs a:hover {
    color: #dd0330
}

.ac_boxs a:nth-child(2n+1) {
    text-align: left;
    padding-left: 15px
}

.ac_boxs a:nth-child(2n+2):after {
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background: #e5e5e5;
    content: "";
    position: absolute
}

.ac_boxs a:nth-child(2n+1):after {
    background: url(../images/downloadbg.png) no-repeat;
    height: 10px;
    width: 11px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 15px;
    content: ""
}

.ct-BurotimeIn,.kurumsal_cont {
    position: relative
}

.ac_boxs a:nth-child(2n+1):hover:after {
    background: url(../images/downloadbg2.png) no-repeat
}

.ac_boxs img {
    width: 100%;
    display: block;
    clear: both;
    text-align: center
}

section.corporate1 {
    background: #f8f8f8;
    padding-bottom: 0
}

.corparateHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/corporate.jpg) center no-repeat
}

.corporatePageHeader {
    height: 590px;
    position: relative;
    z-index: 1
}

.corporatePageHeader{
    height:auto !important;
}
.pageHeader img {
    width:100%;
}

.corporateImage {
    width: 33%;
    float: left
}

.corporateImage img {
    padding-left: 4.6%;
    width: 100%
}

.ct-Burotime h1 {
    padding: 0 0 25px!important;
    width: 57%;
    float: left
}

.ct-Burotime h2 {
    padding: 0 0 25px!important;
    width: 57%;
    float: left
}

.ct-Burotime .corporateLeft {
    width: 67%;
    float: left;
    font-size: 15px;
    color: #38383c;
    padding-bottom: 30px;
    line-height: 20px
}

.ct-Burotime .corporateLeft .corporateLeftItemsBottom {
    margin-top: 0!important
}

.ct-Burotime .corporateLeft .corporateLeftItemsBottom img {
    padding-top: 30px
}

.ct-Burotime .corporateLeft .corporateLeftItemsBottom .corporateItem {
    border-bottom: 0!important
}

.ct-Burotime .corporateLeft .corporateLeftItems {
    margin-top: 40px;
    display: table;
    width: 100%;
    line-height: 25px
}

.ct-Burotime .corporateLeft .corporateLeftItems img {
    width: auto;
    height: auto
}

.ct-Burotime .corporateLeft .corporateLeftItems .corporateItem {
    padding: 0 0 40px 25px;
    box-sizing: border-box;
    border-left: 1px solid #e1e2e1;
    border-bottom: 1px solid #e1e2e1;
    display: table-cell
}

.ct-Burotime .corporateLeft .corporateLeftItems .corporateItem1 {
    width: 33%
}

.ct-Burotime .corporateLeft .corporateLeftItems .corporateItem2 {
    width: 30%
}

.ct-Burotime .corporateLeft .corporateLeftItems .corporateItem3 {
    width: 51%
}

.boldBigText {
    font-size: 18px;
    font-weight: 700;
    color: #38383c
}

.ct-Burotime .corporateLeft .corporateLeftItems .corporateItem:first-child {
    padding: 0 0 40px;
    border-left: 0
}

.corporateItemHeadingPink {
    font-size: 23px;
    color: #dd0330;
    font-weight: 700
}

.corporateItemHeadingGrey {
    color: #38383c
}

.corporateItemHeadingGreen {
    color: #92c046
}

.ct-BurotimeIn {
    z-index: 2;
    padding-top: 70px
}

.ct-KurumsalDesgerler::after,.kurumsal_cont::before {
    height: 100%;
    position: absolute;
    top: 0;
    /* background: #fff; */
    content: ''
}

.kurumsal_cont::before {
    width: 30%;
    display: block;
    right: 0
}

.ct-KurumsalDesgerler::after {
    width: 27%;
    right: -26.7%
}

.ct-KurumsalDesgerler {
    z-index: 3;
    position: relative;
    background: #fff;
    top: -6px;
    float: left
}

.ct-KurumsalDesgerler>h2 {
    padding: 85px 85px 0!important
}

.ct-KurumsalDesgerler>p {
    float: left;
    font-size: 14px;
    color: #38383c;
    padding: 15px 85px 0
}

.kurumsalBoxes {
    float: left;
    width: 100%;
    margin-top: 50px
}

.kurumsalBox {
    width: 25%;
    float: left;
    text-align: center;
    padding: 120px 20px 0;
    height: 420px
}

.kurumsalBoxIcn {
    height: 63px;
    width: 82px;
    margin: 0 auto
}

.kurumsalBoxIcn img {
    position: relative;
    top: -63px;
    -webkit-transition: .3s;
    transition: .3s
}

.kurumsalBox:hover {
    padding-top: 60px;
    background: #dd0330;
    -webkit-transition: .3s;
    transition: .3s
}

.kurumsalBox:hover img {
    top: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.kurumsalBox:hover .ct-boxline {
    width: 70px;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: visible
}

.kurumsalBox:hover h4 {
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.kurumsalBox p {
    font-size: 14px;
    color: #fff;
    opacity: 0
}

.kurumsalBox:hover p {
    opacity: 1
}

.ct-boxline {
    width: 0;
    height: 5px;
    background: #fff;
    clear: both;
    margin: 30px auto;
    visibility: hidden;
    border-radius: 3px
}

#tarihce,.ct-tarihce {
    width: 100%;
    float: left
}

.kurumsalBox h4 {
    font-size: 20px;
    color: #383838;
    letter-spacing: -1px;
    font-weight: 600;
    line-height: 27px;
    margin: 15px 0
}

.ct-tarihce {
    padding-bottom: 226px
}

.ct-tarihce .content {
    position: relative;
    z-index: 1
}

#tarihce {
    position: relative;
    padding: 80px 0 0;
    background: #dfdfdf
}

.ct-tarihce h2 {
    color: #38383c;
    font-size: 24px;
    margin-bottom: 50px
}

#owlTarihce {
    width: 40%;
    float: left
}

#owlTarihce .owl-stage-outer {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 14px 15px 46px -14px rgba(0,0,0,.48);
    -moz-box-shadow: 14px 15px 46px -14px rgba(0,0,0,.48);
    box-shadow: 14px 15px 46px -14px rgba(0,0,0,.48)
}

#owlTarihce::after {
    background: url(../images/tarihceBack.png) no-repeat;
    position: absolute;
    top: 53px;
    left: 45px;
    width: 158%;
    content: '';
    height: 100%;
    z-index: 0
}

.owlHistoryIn {
    float: left;
    padding: 55px;
    margin-top: 53px;
    width: 25%;
    position: relative;
    z-index: 2
}

.owlHistoryIn .item h4 {
    font-size: 72px;
    color: #383838;
    letter-spacing: -5px;
    font-weight: 600;
    margin-bottom: 20px
}

.owlHistoryIn .item p {
    font-size: 14px;
    color: #383838;
    letter-spacing: -1px;
    font-weight: 500
}

.owlHistoryIn .item {
    display: none
}

.owlHistoryIn .item.active {
    display: block
}

#owlTarihce .owl-prev {
    width: 21px;
    height: 65px;
    background: url(../images/leftArrowDark.png) center no-repeat;
    opacity: .5;
    position: absolute;
    right: 53px;
    transition: all .2s
}

#owlTarihce .owl-next {
    width: 21px;
    height: 65px;
    background: url(../images/rightArrowDark.png) center no-repeat;
    opacity: .5;
    position: absolute;
    right: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#owlTarihce .owl-next:hover,#owlTarihce .owl-prev:hover {
    opacity: 1
}

#owlTarihce .owl-nav {
    position: absolute;
    right: -94%;
    bottom: 82px
}

.redLine {
    width: 0;
    height: 4px;
    top: 247px;
    background: #dd0330;
    position: absolute;
    right: 31%;
    -webkit-transition: .3s;
    transition: .3s
}

.mosaicflow__item,.newsDetailPage {
    position: relative
}

.redLine.active {
    width: 96px;
    -webkit-transition: .3s;
    transition: .3s
}

#owlHistoryNmbrs {
    float: left;
    width: 375px;
    top: 143px;
    right: -54px
}

#owlHistoryNmbrs .item {
    font-size: 40px;
    color: #69696c;
    letter-spacing: -3px;
    font-weight: 700;
    padding: 0 25px
}

.newsHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/news.jpg) center no-repeat
}

.mosaicflow__column {
    float: left
}

.mosaicflow__item img {
    display: block;
    width: 100%;
    max-width: 500px;
    height: auto
}

.newsList a {
    width: initial
}

.newsDetailPage {
    width: 100%
}

.newsDetailPage::before {
    width: 50%;
    height: 100%;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    background: #fafafa
}

.files.inputGroup,.greyArea.mTop {
    position: relative
}

.awardBox a:after,.yukleme span:after {
    content: ""
}

.newsDetailPage .content {
    position: relative;
    z-index: 2
}

.newDetailLeft {
    float: left;
    background: #fafafa;
    width: 66%;
    padding: 50px 100px 190px 0
}

.newDetailLeft img {
    display: block;
    width: 100%;
    margin: 30px 0
}

section.subPage.newsPage {
    padding-bottom: 0
}

.newDetailLeft hr {
    margin: 50px 0 25px;
    background: #8e8e8e;
}

.newDetailRight {
    float: left;
    background: #fff;
    width: 34%
}

.newHistory {
    font-size: 12px;
    margin-bottom: 10px;
    color: #38383c
}

.newTitle {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -2px;
    width: 90%;
    color: #38383c
}

.newImg {
    margin: 30px 0
}

.newImg img {
    width: 100%
}

.newText {
    font-size: 16px;
    color: #38383c
}

.shareNew li {
    font-weight: 700;
    color: #38383c;
    display: inline-block;
    margin-right: 6px
}

.shareNew li:first-child {
    margin-right: 23px
}

.shareNew li a {
    height: 35px;
    width: 35px;
    display: inline-block;
    border-radius: 50%;
    padding: 7px 11px;
    color: #fff
}

.shareNew li a:hover {
    background: #efefef;
    color: #000
}

.iLinkedin {
    background: #0e76a8
}

.iFacebook {
    background: #3b5998;
    padding: 7px 13px!important
}

.iTwitter {
    background: #26a6d1
}

.rightCol h1 {
    font-size: 24px;
    color: #38383c;
    padding: 75px 0 35px 50px;
    letter-spacing: -2px
}

.rightCol h2 {
    font-size: 24px;
    color: #38383c;
    padding: 75px 0 35px 50px;
    letter-spacing: -2px
}

.newRight-1,.newRight-2,.newRight-3 {
    width: 100%!important;
    border-left: 0!important
}

.pressReleaseList a.newRight-3 {
    background: #ebecee
}

.pressReleaseList a.newRight-3 h2 {
    padding: 0 0 10px!important
}

.pageHeader.dark {
    background: #000;
    height: 716px
}

.pageHeader.dark.surdurebilirlikHeader {
    background: 0 0
}

.pageHeader.dark video {
    top: -30%
}

.videoArea {
    width: 100%;
    padding-top: 45px
}

.videoContent {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    height: 446px;
    background: red
}

.greyArea,.greyArea.halfBg {
    background-image: url(../images/halfbg.png);
    background: #f8f8f8
}

.greyArea,.whiteArea {
    width: 100%;
    padding: 70px 0;
    font-size: 14px
}

.greyArea.halfBg {
    background-size: 50% 100%;
    background-repeat: no-repeat;
    padding: 0
}

.greyArea.mTop {
    margin-top: -225px
}

.bgGrey {
    background: #f8f8f8
}

.bgGrey.content {
    padding-bottom: 70px
}

.whiteArea .left {
    width: 33%;
    float: left
}

.whiteArea .left img {
    width: 75%;
    max-width: 316px;
    display: block
}

.whiteArea .right {
    width: 67%;
    float: left
}

.whiteArea .right ul {
    list-style: inside
}

.whiteArea .right ul li {
    margin: 10px 0;
    list-style: inside
}

.telSel .nice-select,.w47 .nice-select {
    margin-top: 11px;
    font-size: 14px!important;
    font-weight: 400!important
}

.career {
    padding: 0 0 100px
}

.career .left {
    padding-right: 100px
}

.career .left,.career .right {
    width: 50%;
    float: left
}

.career .right {
    padding: 0 50px;
    float: right
}

.w47,.w47r {
    width: 47%!important;
    float: left
}

.w47r {
    margin-left: 6%!important
}

.w47 .nice-select {
    width: 100%;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ddd
}

.telInput,.telSel .nice-select {
    float: left!important
}

.telSel .nice-select {
    width: 40%!important
}

.telInput {
    width: 60%!important;
    border-left: 0!important
}

.fileUpload,.upload {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}
.awards_img .mainProducts_text h2{
    font-size: 63px !important;
}
.awards_page .video_text .opisanie_about{
    text-align:left;
    font-size: 17px;
    line-height: 31px;
    margin-top: revert-layer;
}
.about_img .mainProducts_text h2{
    font-size: 85px;
    /* font-family: 'Noto Sans' !important; */
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.3;
    padding: 0 40px;
    top: 34%;
}
.mainProducts_text h2{
    position:absolute;
    left:50%;
    font-size: 57px;
    text-align: center;
    color: #fff;
    line-height: 1;
    font-family: "Cormorant Infant" !important;
    font-weight: 400;
    top: 27%;
    transform: translate(-50%, -50%);
}
.mainProducts_text img{
    width:100%;
    padding: 45px 22px;
}
.about_img .mainProducts_text img{
    height:800px;
    object-fit:cover;
}
.mainProducts_text h2 strong{
    display:block;
    text-transform: uppercase;
    font-size: 150px;
    font-weight: 500;
    font-family: "Cormorant Infant" !important;
}
.Top_text{
    position:relative;
}
.files .btInput {
    background: #fff
}

.fileUpload {
    margin: 10px
}

.upload {
    opacity: 0
}

.yukleme,.yukleme span {
    left: 50%;
    position: absolute
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.yukleme {
    width: 50%;
    background: #38383c;
    bottom: 0;
    height: 50px
}

.yukleme span {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-left: 20px;
    display: block
}

.yukleme span:after {
    width: 15px;
    height: 14px;
    background: url(../images/upload.png) center left;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.wrange span.deneyim {
    float: none;
    display: block;
    clear: both
}

.wrange p {
    clear: both;
    margin-right: 20px;
    width: 50px
}

.wrange div,.wrange p {
    float: left;
    display: inline-block;
    height: 30px;
    margin-top: 11px
}

.careera .accordionheader .titles {
    position: absolute;
    top: 50%;
    height: auto;
    font-size: 16px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 40px
}

.careera .accordionheader .titles span {
    display: block;
    font-weight: 700
}

.careera.accordion li {
    margin-bottom: 0
}

.careera .accordionheader {
    border-top: 0
}

.careerTxt p {
    display: block;
    padding-right: 10%
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #cfcfcf;
    border-top: 1px solid #acacad;
    outline: 0;
    opacity: .7;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.btInput,.btInput:focus {
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

.slider:hover {
    opacity: 1
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border: 0;
    background: url(../images/contrasticon.png);
    cursor: pointer
}

.slider::-moz-range-thumb {
    width: 30px;
    height: 30px;
    border: 0;
    background: url(../images/contrasticon.png);
    cursor: pointer
}

.awardBox,.awardBox2 {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.awardBox a,.awardBox2 a {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    display: block
}

.sustainabilityTxt p {
    display: block;
    padding-right: 15%
}

.sustainabilityBottomTxt p {
    display: block;
    float: left;
    width: 50%
}

.sustainabilityBottomTxt img {
    display: block;
    width: 45%;
    float: right
}

.topMargin {
    margin-top: -150px
}

.topMargin h1 {
    color: #fff!important
}

.topMargin h2 {
    color: #fff!important
}

.subPage .pageContent.awards {
    background: #fff;
    padding: 30px 45px 45px;
    border-top: 1px solid #e5e5e5
}

.awards p {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600
}

.awardBox {
    width: 100%;
    margin-bottom: 70px
}

.awardBox a {
    width: 50%;
    float: left;
    height: 94px;
    position: relative
}

.awardBox a img,.awardBox a span,.awardBox a:after {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.awardBox a:after {
    width: 10px;
    height: 16px;
    background: url(../images/arrowAwards.png);
    right: 25px
}

.awardBox a img,.awardBox a span {
    display: block
}

.awardBox a img {
    left: 20px
}

.awardBox a span {
    left: 120px;
    font-size: 16px;
    font-weight: 700;
    color: #38383c
}

.awardBox a span small {
    display: block;
    font-weight: 400
}

.awardBox2 {
    width: 100%
}

.awardBox2 a {
    width: 25%;
    float: left;
    height: 400px;
    position: relative;
    padding: 30px
}

.awardBox2 a img {
    width: 100%
}

.awardBox2 a img,.awardBox2 a span {
    display: block
}

.awardBox2 a span {
    font-size: 14px;
    font-weight: 700;
    color: #38383c;
    margin-top: 30px;
    text-align: center;
    clear: both;
    width: 100%
}

.awardBox2 a span small {
    display: block;
    font-weight: 400
}

.priceLightbox {
    width: 100%;
    max-width: 960px;
    padding: 0 50px;
    background: #fff
}

.priceLbLeft {
    width: 22%;
    float: left;
    font-size: 14px;
    color: #38383c;
    padding-top: 50px;
    margin-bottom: 50px
}

.priceLbLeft h2 {
    color: #38383c;
    display: block;
    font-size: 35px;
    font-family: DINPro-Condensed;
    margin: 30px 0 15px
}

.displaynone,.tab-content {
    display: none
}

.tabs-menu li a,.tabs-menu2 li a {
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 15px
}

.desingersHeader h1,.productionHeader h1,.referenceListHeader h1,.solutionsHeader>h1,.welcomeHeader h1 {
    font-family: DINPro;
}

.desingersHeader h2,.productionHeader h2,.referenceListHeader h2,.solutionsHeader>h2,.welcomeHeader h2 {
    font-family: DINPro
}

.priceImg {
    width: 57%;
    float: right
}

#tabs-container {
    margin-top: 50px
}

.tabs-menu {
    float: left;
    clear: both;
    width: 80%;
    border-bottom: 2px solid #dcdddf;
    height: 40px
}

.tabs-menu li {
    height: 40px;
    line-height: 30px;
    float: left;
    width: 31%;
    margin-left: 22px;
    border-bottom: 2px solid #a1a2a4
}

.tabs-menu li:first-child {
    margin-left: 0
}

.tabs-menu li.current {
    position: relative;
    border-bottom: 2px solid #38383c;
    z-index: 5
}

.tabs-menu li a {
    color: #a1a2a4
}

.tabs-menu .current a {
    color: #38383c
}

.tabs-menu2 {
    float: left;
    clear: both;
    width: 80%;
    border-bottom: 2px solid #dcdddf;
    height: 40px
}

.tabs-menu2 li {
    height: 40px;
    line-height: 30px;
    float: left;
    width: 31%;
    margin-left: 22px;
    border-bottom: 2px solid #a1a2a4
}

.tabs-menu2 li:first-child {
    margin-left: 0
}

.tabs-menu2 li.current {
    position: relative;
    border-bottom: 2px solid #38383c;
    z-index: 5
}

.tabs-menu2 li a {
    color: #a1a2a4
}

.tabs-menu2 .current a {
    color: #38383c
}

.tab {
    float: left;
    margin-bottom: 20px;
    width: 80%
}

.tab-content {
    padding: 9px 0 0;
}

.tab-content span {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 600;
    color: #38383c;
    float: left;
    width: 100%
}

.formLeft,.formRight {
    width: 47%;
    float: left
}

.formRight {
    margin-left: 6%
}

.inputGroup {
    width: 100%;
    margin: 20px 0 15px
}

.inputGroup .nice-select .option {
    font-size: 14px
}

.btInput {
    width: 100%;
    margin-top: 11px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    border: 1px solid #ddd
}

#owlUretim p,.uretimPage>p {
    line-height: 21px;
    color: #38383c
}

.btInput:focus {
    border: 1px solid #609212
}

.formSbmtBtn {
    height: 50px;
    background: #dd0330;
    border: 0;
    color: #fff;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 600;
    float: right;
    margin-top: 28px
}

.radioGroup {
    margin: 11px 0 30px;
    float: left;
    width: 100%
}

.radioGroup ul {
    margin-top: 11px;
    float: left;
    width: 100%
}

.radioGroup li {
    float: left;
    width: 25%;
    height: 50px;
    background: #fff;
    border-right: 1px solid #ebecee;
    padding: 15px 30px;
    font-size: 16px;
    position: relative
}

.thanksImg {
    float: left;
    margin: 40px 0
}

#tab-4 h4 {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #609212;
    letter-spacing: -2px
}

#tab-4 a,#tab-4 p,.contactInfo,.iAgree label {
    font-size: 14px
}

#tab-4 p {
    width: 100%;
    float: left;
    margin-top: 20px
}

#tab-4 a {
    float: left;
    margin-top: 35px;
    font-weight: 700;
    color: #000
}

.formOK {
    border-bottom: 2px solid #609212!important
}

.formOK a {
    color: #609212!important
}

#contactForm-container .tab-content {
    padding: 0
}

#contactForm-container .textarea {
    height: 135px!important
}

#contactForm-container .formSbmtBtn {
    margin-top: -15px
}

.iAgree {
    margin-top: 40px
}

.iAgree label a {
    float: none;
    color: #2a2927
}

.contactFormHeader {
    background: url(../images/headers/contactFormHeader.jpg) center no-repeat;
    width: 100%;
    height: 100%
}

.mapPage {
    padding-bottom: 250px
}

.mapPage .rightSide {
    padding: 65px 0 160px 60px
}

.contantLeft {
    float: left;
    width: 51%
}

.contantRight {
    float: left;
    width: 936px;
    position: absolute;
    right: -331px
}

.contactInformationHeader {
    background: url(/wp-content/uploads/2025/12/contactinformation.webp) center no-repeat;
    width: 100%;
    height: 100%
}

#contactSlider .owl-dots,#contactSlider2 .owl-dots,#contactSlider3 .owl-dots {
    position: absolute;
    bottom: 20px;
    right: 20px
}

#contactSlider .owl-dots .owl-dot,#contactSlider2 .owl-dots .owl-dot,#contactSlider3 .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 10px;
    border-radius: 50%;
    border: 2px solid #fff
}

#contactSlider .owl-dots .owl-dot.active,#contactSlider2 .owl-dots .owl-dot.active,#contactSlider3 .owl-dots .owl-dot.active {
    background: #fff;
    border: 2px solid #fff
}

.mapPage::after {
    width: 67%
}

.mapPage .rightSideContent a {
    color: #dd0330
}

.contactContent {
    width: 100%;
    padding: 25px 0 150px
}

.contactInfo {
    width: 100%;
    color: #38383c;
    padding: 25px 0
}

.contactInfo a {
    color: #dd0330
}

.contactInfo h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 15px
}

.contactGallery {
    width: 100%;
    position: relative;
    margin-bottom: 50px
}

.contactMap {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.contactLeft {
    width: 50%;
    height: 100%;
    float: left
}

.productionHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/production.jpg) center no-repeat
}

.productionHeader h1 {
    padding-top: 200px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.productionHeader h2 {
    padding-top: 200px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.uretimPage {
    float: left;
    width: 100%;
    margin-bottom: 100px;
    position: relative
}

.uretimPage>p {
    margin: 0 auto 45px;
    text-align: center;
    width: 100%;
    max-width: 760px;
    font-size: 16px
}

#owlUretim {
    border: 10px solid #f8f8f8;
    background: #fff
}

#owlUretim .owl-nav {
    width: 317px;
    height: 89px;
    background: #fff;
    position: absolute;
    right: -10px;
    bottom: -46px;
    -webkit-box-shadow: -9px -11px 0 10px #fff;
    -moz-box-shadow: -9px -11px 0 10px rgba(255,255,255);
    box-shadow: -9px -11px 0 10px #fff
}

#owlUretim .owl-nav>div {
    width: 50%;
    float: left;
    padding: 26px;
    text-align: center;
    border: 1px solid #eee
}

#owlUretim .owl-nav>div:hover {
    background: #f8f8f8
}

#owlUretim .item {
    display: inline-block;
    width: 100%;
    padding: 70px 70px 0 0
}

.uretimLeft {
    width: 34%;
    float: left
}

.uretimRight {
    width: 63%;
    float: right
}

#owlUretim h1 {
    padding: 0;
    font-size: 36px;
    letter-spacing: -2px
}

#owlUretim h2 {
    padding: 0;
    font-size: 36px;
    letter-spacing: -2px
}

#owlUretim p {
    width: 100%;
    font-size: 14px
}

.redLineUretim {
    width: 75px;
    height: 4px;
    background: #dd0330;
    margin: 15px 0
}

.uretimContent {
    width: 100%;
    position: relative
}

.uretimContent::before {
    position: absolute;
    top: 0;
    left: 0;
    background: #f8f8f8;
    width: 100%;
    height: 265px;
    content: ''
}

.productionPageHeader {
    height: 417px
}

#ctl00_cphContent_referenceHeaderSlider {
    margin-bottom: 45px
}

#ctl00_cphContent_referenceHeaderSlider .owl-controls {
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,.4);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#ctl00_cphContent_referenceHeaderSlider .owl-nav {
    float: right;
    padding-right: 25px;
    position: relative;
    z-index: 2
}

#ctl00_cphContent_referenceHeaderSlider .owl-nav .owl-prev {
    display: block;
    height: 50px;
    width: 30px;
    background: url(../images/leftArrowSmall.png) center no-repeat;
    float: left
}

#ctl00_cphContent_referenceHeaderSlider .owl-nav .owl-next {
    display: block;
    height: 50px;
    width: 30px;
    background: url(../images/rightArrowSmall.png) center no-repeat;
    float: left
}

#ctl00_cphContent_referenceHeaderSlider .owl-dots {
    float: right;
    padding-right: 25px;
    position: relative;
    z-index: 2
}

#ctl00_cphContent_referenceHeaderSlider .owl-dot {
    height: 50px;
    width: 35px;
    display: block;
    float: left
}

#ctl00_cphContent_referenceHeaderSlider .owl-dot span {
    display: block;
    width: 7px;
    height: 7px;
    background: #38383c;
    margin: 20px auto;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

#ctl00_cphContent_referenceHeaderSlider .owl-dot:hover span,#referenceHeaderSlider .owl-dot.active span {
    width: 12px;
    height: 12px;
    margin-top: 18px
}

#ctl00_cphContent_referenceHeaderSlider .refCaption {
    max-width: 1240px;
    position: absolute;
    right: 0;
    padding-left: 35px;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #38383c;
    padding-top: 10px
}

.referenceContent {
    background: #ebecee;
    padding-bottom: 100px
}

.referenceListHeader {
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/12/referencelistheader.webp) center no-repeat
}

.referenceListHeader h1 {
    padding-top: 150px;
    width: 100%;
    text-align: center;
    padding-bottom: 91px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 4px;
    font-family: 'Noto Sans';
    font-size: 36px;
}

.referenceListHeader h2 {
    padding-top: 200px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.leftMenu.mCustomScrollbar {
    height: 550px;
    margin-bottom: 40px;
    overflow: overlay
}

.leftSide h3 {
    font-size: 24px;
    color: #38383c;
    padding-bottom: 30px;
    font-family: Noto Sans;
    margin-bottom: 30px;
    padding-left: 30px;
    border-bottom: 2px solid #e6e6e6;
    width: 82%
}

.rightSideDesigner {
    padding-bottom: 100px
}

.rightSideDesigner::before {
    background: 0 0
}

.rightSideDesigner .designerImg {
   
    width: 22%;
    float: left
}
.rightSideDesigner .designerImg img,
.designerImg img{
    width:100%;
    border-radius:8px;
}
.rightSideDesigner .designerInfo {
    padding: 0 54px 54px;
    float: left;
    width: 78%
}

.rightSideDesigner .designerName {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 15px;
    font-family: Noto Sans;
}

.rightSideDesigner .designerBio {
    font-size: 14px;
    line-height: 1.4;
    font-family: Noto Sans;
}

.rightSideDesigner .designerWorksCat {
    width: 21.5%;
    float: left;
    padding: 62px 0;
    height: 350px
}

.rightSideDesigner .designerWorksCat li {
    font-size: 16px;
    font-weight: 700;
    color: #b3b3b4;
    cursor: pointer;
    padding: 8px 0 9px 22px
}

.rightSideDesigner .designerWorksCat li.active,.rightSideDesigner .designerWorksCat li:hover {
    color: #38383c;
    background: url(../images/menuBullet.png) left center no-repeat
}

.rightSideDesigner .designerWorksImg {
    float: left;
    width: 78.5%
}

.desingersPageHeader {
    height: 500px
}

.desingersHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/designers.jpg) center no-repeat #0d0d0d;
    background-size: auto 100%
}

.desingersHeader .logoHeader {
    padding-top: 170px;
    text-align: center;
    padding-bottom: 15px
}

.desingersHeader h1 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.desingersHeader h2 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.desingersHeader p {
    width: 35%;
    font-size: 16px;
    color: #fff;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    line-height: 26px
}

#referansListe .accordionheader .accordionN {
    width: 70px;
    text-align: center;
    font-size: 20px;
    color: #9b9b9d;
    padding-top: 33px;
    letter-spacing: -1px
}

#referansListe .accordionheader {
    border: 0;
    border-bottom: 1px solid #e8ecef;
    background: #fff;
    color: #38383c;
    display: block
}

#referansListe .accordionheader:hover {
    background: #e8e8e8
}

#referansListe .accordionheader.disabled {
    cursor: default
}

#referansListe .accordionheader.disabled:hover {
    background: #fff
}

#referansListe li {
    margin-bottom: 0
}

#referansListe li::after {
    background-image: url(images/acordion_arrow_down.png)!important;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#referansListe .accordionheader .titles {
    font-weight: 800
}

.referencesPagesNo {
    float: left
}

.referencesPagesNo .referenceNLeft {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -2px;
    color: #38383c;
    float: left;
    margin-right: 5px
}

.referencesPagesNo .referenceNRight {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -2px;
    color: #b2b2b5;
    float: left;
    margin-left: 5px
}

.referencesPagesNo .referenceNCenter {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -2px;
    color: #b2b2b5;
    float: left
}

.referencesNav {
    float: left;
    margin-left: 50px
}

.referencesNav .referencesNavL {
    float: left;
    width: 35px;
    text-align: center
}

.referencesNav .referencesNavL img,.referencesNav .referencesNavR img {
    width: 13px;
    padding-top: 6px;
    cursor: pointer
}

.referencesNav .referencesNavR {
    float: left;
    width: 35px;
    text-align: center
}

.referenceInContent {
    width: 100%;
    float: left;
    margin-top: 25px
}

.referenceInContent>h1 {
    letter-spacing: -1px
}

.referenceInContent>h2 {
    letter-spacing: -1px
}

.referenceInContent>p {
    font-size: 14px;
    width: 87%;
    margin-bottom: 70px
}

.referencesInfoContent {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.referencesInfoContent .rInfoLeft {
    width: 77%;
    position: relative;
    left: -60px;
    float: left
}

.referencesInfoContent .rInfoLeft .owl-dots {
    position: absolute;
    bottom: 25px;
    right: 25px
}

.referencesInfoContent .rInfoLeft .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 50%;
    float: left;
    margin-left: 8px
}

.referencesInfoContent .rInfoLeft .owl-dots .owl-dot.active {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin-left: 8px
}

.referencesInfoContent .rInfoRight {
    width: 23%;
    position: relative;
    left: -30px;
    float: left;
    padding: 25px 0
}

.referencesInfoContent .referenceInfoTitle {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -2px
}

.referencesInfoContent .referenceInfoTitle+p {
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 4px
}

.rightBorders {
    position: absolute;
    right: -40px;
    margin-top: -33px
}

.rightBorders img {
    width: 109%
}

.videoListPageHeader {
    height: 417px
}

.videoListHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/videoList.jpg) center no-repeat
}

#videoList {
    text-align: left
}

#videoList li {
    display: inline-block;
    margin: 0 1.5% 30px;
    width: 30%;
    border-bottom: 1px solid #d9d9db;
    padding-bottom: 35px;
    position: relative
}

#videoList li .playBtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 45px;
    text-align: center
}

#videoList li>a>img {
    width: 100%
}

#videoList li .titles {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    letter-spacing: -1px;
    margin-top: 10px
}

.welcomePageHeader {
    height: 363px
}

.welcomeHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/welcome.jpg) center no-repeat
}

.welcomeHeader h1 {
    padding-top: 157px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.welcomeHeader h2 {
    padding-top: 157px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.arcLeftLogin span {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 30px;
    border-bottom: 1px solid #b4b4b4;
    width: 100%;
    display: block
}

.signUpTab #tabs-container {
    margin: 0
}

.signUpTab .tabs-menu {
    border: none;
    padding-top: 25px;
    height: auto;
    margin-top: 35px;
    width: 100%
}

.signUpTab .tabs-menu li {
    float: left;
    margin: 0 -1px 0 0;
    width: auto;
    padding: 10px 25px;
    border: 1px solid #ebecee;
    height: auto
}

.signUpTab .tabs-menu li a {
    font-size: 20px;
    float: left;
    font-weight: 700;
    color: #919295;
    letter-spacing: -1px
}

.signUpTab .tabs-menu li.current {
    border: 1px solid #b0b0b0;
    border-bottom: 1px solid #ebecee
}

.signUpTab .tabs-menu li.current a {
    color: #38383c
}

.signUpTab .tab-content {
    padding: 0
}

.signUpTab .tab-content h4 {
    font-size: 30px;
    color: #38383c;
    letter-spacing: -2px;
    margin-top: 40px;
    margin-bottom: 20px
}

.signUpTab .tab-content p {
    font-size: 14px;
    color: #38383c;
    width: 72%;
    margin: 10px 0 0
}

.signUpTab .tab {
    border-top: 1px solid #b0b0b0;
    margin-top: -1px
}

.signUpTab .tabs-menu li .tab-radio {
    margin-top: 3px
}

.fullBtn {
    width: 100%;
    text-align: center
}

.rememberPass {
    color: #6d6e71;
    font-size: 14px;
    text-align: right;
    margin: 30px 0;
    float: right
}

.tab-radio {
    width: 16px;
    height: 24px;
    margin-right: 8px;
    float: left;
    background: url(../images/radioEmpty.png) center no-repeat
}

.current .tab-radio {
    background: url(../images/radioEmptyNo.png) center no-repeat
}

.arcLeftSide span {
    margin-left: 15px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    padding-bottom: 0;
    border: none
}

.arcLeftSide h4 {
    font-size: 20px;
    letter-spacing: -1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    border-bottom: 1px solid #b4b4b4
}

.downDocumented p {
    width: 72%;
    margin-bottom: 40px
}

.katalogItem {
    width: 100%;
    height: 95px;
    background: #fff;
    margin: 20px 0
}

.katalogItem .indirCont,.katalogItem h4 {
    margin-left: 10px;
    color: #38383c;
    float: left;
    font-size: 16px
}

.katalogItem:hover {
    background: rgba(0,0,0,.03)
}

.katalogItem h4 {
    padding: 23px 0 7px
}

.katalogItem .indirCont {
    width: auto;
    text-align: center;
    padding: 0;
    font-weight: 700;
    position: absolute;
    top: 50px;
    left: 71px
}

.katalogItemImg {
    width: 17%;
    display: block;
    float: left;
    text-align: center;
    padding-top: 25px
}

.refererItemName {
    float: left;
    padding: 36px 40px;
    font-size: 16px;
    font-weight: 700
}

.refererFile {
    height: 95px;
    position: relative;
    width: 255px;
    padding: 0 35px;
    border-left: 1px solid #ebecee;
    float: right
}

.refererFile img {
    float: left;
    margin: 26px 0
}

.refererFile:hover .indirCont,.refererFile:hover h4 {
    color: #dd0330
}

.ourSolutionPartnersPageHeader {
    height: 417px
}

.ourSolutionPartnersHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/ourSolution.jpg) center no-repeat
}

.solutionLogo {
    float: left;
    width: 32%;
    margin-top: 20px
}

.solutionLogo img {
    width: 100%
}

.solutionInfo {
    float: left;
    width: 68%;
    margin-top: 12px;
    padding-left: 40px
}

.solutionInfo p {
    font-size: 14px
}

.ourSolutionBig {
    display: block;
    margin-top: 50px;
    float: left
}

.ourSolutionBig img {
    width: 107%;
    position: relative;
    left: -7%
}

.solutionsPageHeader {
    height: 363px
}

.solutionsHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/solutionsHeader.jpg) center no-repeat
}

.solutionsHeaderHealth {
    width: 100%;
    height: 100%;
    background: url(../images/headers/health.jpg) center no-repeat
}

.solutionsHeaderCallCenter {
    width: 100%;
    height: 100%;
    background: url(../images/headers/call_center.jpg) center no-repeat
}

.solutionsHeaderHomeOffice {
    width: 100%;
    height: 100%;
    background: url(../images/headers/home_office.jpg) center no-repeat
}

.solutionsHeaderTerminal {
    width: 100%;
    height: 100%;
    background: url(../images/headers/terminal.jpg) center no-repeat
}

.solutionsHeader>h1 {
    padding-top: 157px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.solutionsRight h1,.solutionsTitles li {
    font-family: DINPro-Condensed
}

.solutionsHeader>h2 {
    padding-top: 157px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-size: 30px
}

.solutionsRight h2,.solutionsTitles li {
    font-family: DINPro-Condensed
}

.solutionsContent {
    margin-bottom: 180px
}

.solutionsContent>p {
    width: 72%;
    margin-bottom: 40px;
    line-height: 20px
}

.solutionsContentIn {
    position: relative
}

.solutionsTitles {
    width: 100%;
    margin-top: 70px
}

.solutionsTitles li {
    display: inline-block;
    font-size: 30px;
    color: #c3c4c5;
    margin-right: 45px;
    cursor: pointer
}

.solutionsTitles li:nth-child(2) {
    color: #919295
}

.solutionsTitles li:nth-child(2) span {
    background: #919295
}

.solutionsTitles li:nth-child(3) {
    color: #383838
}

.solutionsTitles li:nth-child(3) span {
    background: #383838
}

.solutionsTitles li span {
    width: 0;
    height: 3px;
    background: #c3c4c5;
    display: block;
    margin: 6px auto 0;
    -webkit-transition: .3s;
    transition: .3s
}

.solutionsTitles li.active span,.solutionsTitles li:hover span {
    width: 26px;
    -webkit-transition: .3s;
    transition: .3s
}

.solutionsLeft {
    width: 38%;
    float: left
}

#solutionsOwl {
    margin-top: 30px;
    float: right;
    display: inline-block;
    width: 100%;
    border: 9px solid #fff
}

.solutionsLeft img {
    width: 100%
}

.solutionsRight {
    width: 62%;
    float: left;
    padding: 45px;
    box-sizing: border-box
}

.solutionsRight h1 {
    letter-spacing: -1px;
    font-size: 45px
}

.solutionsRight h2 {
    letter-spacing: -1px;
    font-size: 45px
}

#solutionsOwl .owl-controls {
    position: absolute;
    top: -75px;
    right: 0
}

#solutionsOwl .owl-controls img {
    width: 12px
}

#solutionsOwl .owl-controls .owl-next {
    float: left;
    margin-left: 24px
}


#solutionsOwl .owl-controls .owl-prev {
    float: left
}

.solutionsLeft>div {
    width: 170%;
    position: relative;
    top: 50px;
    left: -220px
}

.solutionsLeft .owl-stage-outer .item img {
    width: 100%
}

.emptydiv {
    width: 100px;
    height: 100px
}

.solutionsCatSlider {
    float: left;
    width: 80%;
    position: absolute;
    top: 180px;
    left: -42%
}

.solutionsCatSlider .owl-dots {
    position: absolute;
    bottom: 30px;
    right: 30px
}

.solutionsCatSlider .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    background: 0 0;
    border: 2px solid #fff;
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.solutionsCatSlider .owl-dots .owl-dot.active {
    width: 15px;
    height: 15px;
    background: #fff;
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

.solutionsCatSlider>div.no-js .owl-carousel,.solutionsCatSlider>div.owl-carousel.owl-loaded {
    display: none
}

.solutionsCatSlider>div.owl-loaded.active {
    display: block;
    z-index: 10
}

.solutionsCatSlider>div::after,.solutionsCatSlider>div::before {
    content: '';
    background: #ebecee;
    z-index: 99;
    position: absolute
}

.solutionsCatSlider>div::before {
    width: 382px;
    height: 25px;
    right: 0;
    top: -25px
}

.solutionsCatSlider>div::after {
    width: 25px;
    height: 382px;
    right: -25px;
    top: 0
}

.searchResultPageHeader {
    height: 417px
}

.searchResultHeader {
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/f-riman/img/searchResultHeader.webp) center no-repeat
}

.searchResultHeader h1 {
    padding-top: 125px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-family: DINPro;
    font-size: 30px
}

.searchResultHeader h2 {
    padding-top: 125px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-weight: 100;
    letter-spacing: 4px;
    font-family: DINPro;
    font-size: 30px
}

.hLine {
    width: 90px;
    height: 1px;
    background: #fff;
    margin: 20px auto;
    position: relative;
    left: -2px
}

.searcInputContent {
    width: 100%;
    height: 40px;
    background: #fff;
    margin: 70px auto 0
}

.subMenu .searcInputContent {
    margin-top: 0
}

.searcInputContent .siLeft {
    float: left;
    height: 95px;
    width: 30%;
    background: #ebecee
}

.searcInputContent .siLeft .nice-select {
    width: 100%;
    border: 0;
    padding: 20px 45px;
    height: 95px
}

.searcInputContent .siLeft .nice-select:after {
    border-bottom: 2px solid #38383c;
    border-right: 2px solid #38383c;
    height: 12px;
    margin-top: -7px;
    width: 12px;
    right: 50px
}

.searcInputContent .siLeft .nice-select span {
    font-size: 16px;
    color: #38383c;
    font-weight: 700;
    font-family: DINPro
}

.searcInputContent .siRight {
    float: left;
    height: 42px;
    width: 70%;
    background: #fff
}

.searcInputContent .siRight .sirLeft {
    float: left;
    width: 100%;
    height: 42px
}

.searcInputContent .siRight .sirRight {
    float: left;
    width: 10%;
    height: 95px
}

.searcInputContent .siRight .sirLeft input[type=text] {
    border: 0;
    height: 95px;
    width: 100%;
    text-indent: 40px;
    color: #38383c;
    font-size: 18px;
    font-weight: 700
}

.searcInputContent .siRight .sirRight input[type=submit],.searcInputContent .siRight .sirRight input[type=button] {
    border: 0;
    height: 95px;
    width: 100%;
    text-indent: 40px;
    color: #38383c;
    font-size: 18px;
    font-weight: 700;
    background: url(../images/searchIcon2.png) center no-repeat #fff;
    cursor: pointer
}

.searchNews li,.searchProducts li {
    border: 1px solid #e5e5e5;
    float: left
}

.searchNews li:hover,.searchProducts li:hover .spName {
    background: #eee
}

::-webkit-input-placeholder {
    color: #38383c
}

::-moz-placeholder {
    color: #38383c
}

:-ms-input-placeholder {
    color: #38383c
}

:-moz-placeholder {
    color: #38383c
}

input:focus::-webkit-input-placeholder {
    opacity: 0
}

input:focus::-moz-placeholder {
    opacity: 0
}

input:focus:-ms-input-placeholder {
    opacity: 0
}

input:focus:-moz-placeholder {
    opacity: 0
}

.searchProducts {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.searchProducts li {
    width: 25%;
    overflow: hidden
}

.searchProducts li img {
    width: 100%
}

.searchProducts .spName {
    padding: 15px 30px 30px
}

.searchProducts .spName h5 {
    font-size: 24px;
    color: #38383c;
    letter-spacing: -1px
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
    background:transparent !important;
}

.searchProducts .spName span {
    font-size: 12px;
    color: #38383c
}
.archive .referanceMenu a{
        padding: 7px 15px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        /* border-radius: 11px !important; */
}

.searchPage>h1 {
    margin-top: 50px;
    padding-bottom: 20px!important
}

.searchPage>h2 {
    margin-top: 50px;
    padding-bottom: 20px!important;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
}

.searchNews {
    float: left;
    margin-bottom: 90px
}

.searchNews li {
    width: 100%;
    margin: 12px 0
}

.searchNews .spName {
    height: 95px;
    line-height: 95px;
    padding-left: 50px
}

.searchNews .spName h5 {
    font-size: 16px;
    color: #38383c;
    letter-spacing: -1px;
    float: left
}

.searchNews li img {
    width: auto;
    float: right;
    padding: 40px;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.searchProducts li:hover img {
    background: #eee;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.mobil_header {
    display: none
}

#map-malls {
    height: 420px;
    width: 100%;
    margin-top: 0;
    user-select: none
}

#bayiMagazaListesi .accordionheader .accordionN {
    width: 100px;
    text-align: center;
    font-size: 20px;
    color: #9b9b9d;
    padding-top: 33px;
    letter-spacing: 0;
    font-weight: 600;
    font-family: DINPro-Condensed;
    float: left
}

#bayiMagazaListesi .accordionheader {
    border: 0;
    border-bottom: 1px solid #e8ecef;
    background: #fff;
    color: #38383c;
    display: block;
    cursor: default
}

#bayiMagazaListesi>li[bm-category=magaza] {
    border-left: 4px solid #dd0330!important
}

#bayiMagazaListesi>li[bm-category=magaza] .accordionN {
    color: #dd0330
}

#bayiMagazaListesi>li[bm-category=bayi] {
    border-left: 4px solid #9e44a9!important
}

#bayiMagazaListesi>li[bm-category=bayi] .accordionN {
    color: #9e44a9
}

#bayiMagazaListesi li {
    cursor: default
}

#bayiMagazaListesi .accordionheader .titles {
    font-weight: 800;
    float: left;
    position: relative;
    left: 0
}

#bayiMagazaListesi .accordionheader .titles span {
    font-weight: 500
}

#bayiMagazaListesi li .accordioncontent {
    padding: 0;
    background: #fff
}

#bayiMagazaListesi li .bayiMagazaGorsel {
    width: 47%;
    float: left;
    position: relative
}

#bayiMagazaListesi li .bayiMagazaGorsel img {
    width: 100%;
    display: block
}

.bayiMagazaGorselSlider .owl-prev {
    display: block;
    width: 19px;
    height: 33px;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -15px;
    background: url(/wp-content/themes/f-riman/img/leftArrow.png) left center no-repeat;
    opacity: .7;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.bayiMagazaGorselSlider .owl-next,.bayiMagazaGorselSliderCoklu .owl-prev {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    display: block;
    width: 19px;
    height: 67px;
    top: 32%;
    margin-top: 0;
    position: absolute
}

.bayiMagazaGorselSlider .owl-prev:hover {
    opacity: 1
}

.bayiMagazaGorselSlider .owl-next {
    right: 10px;
    background: url(/wp-content/themes/f-riman/img/rightArrow.png) left center no-repeat;
    opacity: .7;
    transition: all .3s
}

.bayiMagazaGorselSlider .owl-next:hover {
    opacity: 1
}

.bayiMagazaGorselSliderCoklu .owl-prev {
    left: 10px;
    background: url(/wp-content/themes/f-riman/img/leftArrow.png) left center no-repeat;
    opacity: .7;
    transition: all .3s
}

.bayiMagazaGorselSliderCoklu .owl-prev:hover {
    opacity: 1
}

.bayiMagazaGorselSliderCoklu .owl-next {
    display: block;
    width: 19px;
    height: 67px;
    position: absolute;
    top:32%;
    right: 10px;
    margin-top: 0;
    background: url(/wp-content/themes/f-riman/img/rightArrow.png) left center no-repeat;
    opacity: .7;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.bayiMagazaGorselSliderCoklu .owl-next:hover {
    opacity: 1
}

.buyutec {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 2;
     background: url(/wp-content/themes/f-riman/img/buyutec.webp) no-repeat;
    background-size: 100%
}

#ctl00_cphContent_referenceHeaderSlider .buyutec {
    bottom: 50px
}

#bayiMagazaListesi li .bayiMagazaBilgisi {
    width: 53%;
    float: left;
    padding: 30px 50px
}

#bayiMagazaListesi li .bayiMagazaBilgisi h5 {
    font-size: 15px
}

#bayiMagazaListesi li .bayiMagazaBilgisi p {
    font-size: 14px;
    line-height: 20px
}

#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaAdres {
    margin-top: 10px
}

#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaMail a,#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaTelefon,#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaTelefon a,#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaWeb a {
    font-weight: 700;
    color: #dd0330
}

#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaTarif {
    height: 50px;
    width: 200px;
    background: #38383c;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-size: 16px;
    margin-top: 14px
}

#bayiMagazaListesi li .bayiMagazaBilgisi .bayiMagazaTarif:hover {
    background: #fff;
    border: 1px solid #38383c;
    color: #38383c
}

#bayiMagazaListesi li.secili {
    border: 1px solid #a9a9a9
}

#bayiMagazaListesi.accordion li:after {
    display: none
}

.haritaPinListesi>div {
    width: 0!important;
    height: 0!important
}

.hizliLinkler {
    border-bottom: 1px solid #b4b4b4;
    display: block;
    padding-bottom: 17px;
    font-family: DINPro-Condensed;
    color: #38383c;
    font-size: 16px
}

.filterTitle {
    font-size: 17px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    margin-left: 15px
}

.filterUL {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    float: left;
    width: 100%
}
.product_filtt{
   display: flex;
    max-width: 1200px;
    padding-bottom: 24px;

    gap: 76px;
    margin: 0 auto;
    justify-content: flex-start;
}
.filterUL li {
    margin-bottom: 15px;
    display: block;
    position: relative;
    float: left;
    width: 50%;
    cursor: pointer
}
 .woocommerce-ordering,
.woocommerce-result-count{
    display: none !important;
}

.removeFilterTag:hover{
    background:#333;
    color:#fff;
}
.removeFilterTag{
    transition: 0.3s;
    background: #eee;
    padding: 1px 7px 4px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    top: -1px;
    right: 5px;
}

.filterUL li input[type=radio] {
    position: absolute;
    visibility: hidden
}

.filterUL li label {
    display: block;
    position: relative;
    -webkit-transition: all .25s linear;
    margin-left: 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    padding-left: 40px;
    margin-left: 20px
}

ul li label::after,ul li label::before {
    position: absolute;
    display: block;
    content: ''
}

ul li label::before {
    border: 2px solid #38383c;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

ul li label::after {
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 5px;
    left: 5px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear
}

.tab-content input[type="radio"] {
    display: none
}

.tab ul li label::before {
    top: 14px;
    left: 7px
}

.nearestBrandsBtn {
    width: 100%;
    background: #38383c;
    border: 0;
    height: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
    display: block;
    text-align: center;
    line-height: 55px
}

.bayiMagazaInfo,.selectCityFilter {
    margin-bottom: 20px;
    float: left
}

.nearestBrandsBtn span {
    display: inline-block;
    background: url(../images/locIcon.png) left center no-repeat;
    padding-left: 25px
}

input[type=radio]:checked~label::before {
    border: 2px solid #dd0231
}

/*input[type=radio]:checked~label::after {
    background: #dd0231
}*/

input[type=radio]:checked~label {
    color: #dd0231
}

.selectCityFilter {
    width: 100%;
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd
}

.selectCityFilter .nice-select {
    width: 100%;
    display: block;
    float: left;
    border-radius: 0;
    height: 55px
}

.selectCityFilter .nice-select .current {
    font-weight: 100;
    font-family: DINPro;
    font-size: 18px
}

#elementsSubSlider .owl-dot,.elementsSlideInner h1,.elementsSlideMenu a,.elementsSubMenu a span,.page404 h1 {
    font-family: DINPro-Condensed
}

#elementsSubSlider .owl-dot,.elementsSlideInner h2,.elementsSlideMenu a,.elementsSubMenu a span,.page404 h2 {
    font-family: DINPro-Condensed
}

.selectCityFilter input {
    width: 90%;
    background: #dd0330;
    border: 0;
    height: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px
}

.leftSide+span {
    display: block
}

.bayiMagazaInfo li {
    margin-right: 30px
}

.bayiColor span,.magazaColor span {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    top: 3px;
    margin-right: 6px;
    float: left
}

.magazaColor {
    color: #dd0330;
    float: left;
    font-weight: 600
}

.magazaColor span {
    background: #dd0330
}

.bayiColor {
    color: #9e44a9;
    float: left;
    font-weight: 600
}

.bayiColor span {
    background: #9e44a9
}

#pinInfoMap {
    background: #fff;
    padding: 20px 50px 20px 30px;
    text-align: left;
    color: #38383c;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    display: none;
    cursor: pointer
}

.firstHeading {
    font-size: 15px!important
}

.firstHeading span {
    font-weight: 100
}

.haritaPinCont>.active .gm-style-iw {
    position: relative!important;
    top: 26px;
    -webkit-animation-name: mapPinAnimated;
    -webkit-animation-duration: 2s;
    animation-name: mapPinAnimated;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.haritaPinCont>.active #pinInfoMap {
    background: #fff;
    display: block
}

.gm-style-iw {
    top: 87px!important;
    left: 160px!important
}

.arrowPinL,.arrowPinR {
    position: absolute;
    top: 24px
}

.haritaPinCont>div>div:nth-child(1) {
    display: none
}

.arrowPinL {
    width: 15px;
    height: 29px;
    left: -14px
}

.arrowPinR {
    right: 37px
}

.gm-style .gm-style-iw {
    overflow: initial!important
}

@-webkit-keyframes mapPinAnimated {
    0%,100%,50% {
        left: 120px
    }

    25%,75% {
        left: 125px
    }
}

@keyframes mapPinAnimated {
    0%,100%,50% {
        left: 120px
    }

    25%,75% {
        left: 125px
    }
}

.elementsPage {
    background: #ecedef
}

.elementsHeader {
    height: 640px;
    background: #ffe6ed;
    padding-top: 10%
}

.meetingHeader {
    background: url(../images/elements/meeting/header.jpg) top center no-repeat
}

.soloHeader {
    background: url(../images/elements/solo/header.jpg) top center no-repeat
}

.socialHeader {
    background: url(../images/elements/social/header.jpg) top center no-repeat
}

.teamWorkHeader {
    background: url(../images/elements/teamWork/header.jpg) top center no-repeat
}

.elementsHeader img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 857px
}

.elementsTxt {
    width: 100%;
    background: #fff;
    padding: 100px;
    top: -250px;
    position: relative;
    margin-bottom: -150px
}

.elementsTxtInner {
    width: 70%;
    margin: auto;
    font-size: 14px;
    color: #38383c;
    text-align: center
}

.elementsTxt h1 {
    font-size: 48px;
    padding: 40px 0
}

.elementsTxt h2 {
    font-size: 48px;
    padding: 40px 0
}

.elementsSlider {
    width: 100%;
    background: url(../images/elements/slideArea.jpg) bottom center no-repeat #e9eaec;
    padding: 0 0 250px
}

.elementsSlideContent {
    width: 100%;
    max-width: 780px;
    height: 360px;
    border: 10px solid #38383c;
    margin: auto;
    position: relative
}

.elementsSlideContent::after {
    display: block;
    position: absolute;
    width: 102px;
    height: 174px;
    background: url(../images/elements/qMark.png) no-repeat;
    top: 50px;
    right: -55px;
    content: ''
}

.elementsSlideMenu {
    width: 45%;
    position: absolute;
    background: #e9eaec;
    padding: 30px 60px 0 0;
    left: -60px;
    top: 30px
}

.elementsSlideMenu div {
    background: #dcb902;
    padding: 40px 60px
}

.elementsSlideMenu a {
    display: block;
    color: #fff;
    font-size: 32px;
    margin: 10px 0;
    opacity: .4;
    position: relative
}

.elementsSlideMenu a:before {
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all .5s;
    content: '';
    position: absolute;
    left: 0;
    top: 20px
}

.elementsSlideMenu a.active,.elementsSlideMenu a:hover {
    opacity: 1;
    padding-left: 30px
}

.elementsSlideMenu a.active:before,.elementsSlideMenu a:hover:before {
    width: 20px
}

.elementsSlideInner {
    width: 40%;
    float: left;
    position: relative;
    left: 45%;
    padding-top: 70px;
    margin-left: -60px;
    font-size: 14px;
    color: #38383c
}

.elementsSlideInner h1 {
    font-size: 48px;
    color: #38383c
}

.elementsSlideInner h2 {
    font-size: 48px;
    color: #38383c
}

#elementsMainSlide .owl-nav {
    height: 85px;
    padding-right: 25px;
    background: #e9eaec;
    width: 225px;
    position: absolute;
    bottom: -110px
}

#elementsMainSlide .owl-nav .owl-prev {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/leftArrow.png) center no-repeat #38383c;
    float: left
}

#elementsMainSlide .owl-nav .owl-next {
    display: block;
    width: 100px;
    height: 100%;
    background: url(../images/rightArrow.png) center no-repeat #dcb902;
    float: left
}

.elementsSubMenu {
    width: 100%;
    background: #fff;
    padding: 80px 0 150px;
    min-height: 650px
}

.elementsSubMenu h1 {
    font-size: 28px;
    color: #38383c;
    text-align: center
}

.elementsSubMenu h1 span {
    color: #de0834
}

.elementsSubMenu h2 {
    font-size: 28px;
    color: #38383c;
    text-align: center
}

.elementsSubMenu h2 span {
    color: #de0834
}

.elementsSubMenuTxt {
    font-size: 16px;
    color: #38383c;
    text-align: center;
    width: 100%;
    max-width: 680px;
    margin: auto;
    padding: 35px 0
}

.elementsSubMenu a {
    display: block;
    width: 24%;
    float: left;
    height: 110px;
    padding: 0 2%;
    margin-right: 1.3%;
    background: #38383c
}

.elementsSubMenu a span {
    display: block;
    font-size: 36px;
    color: #fff;
    line-height: 110px;
    background: url(../images/elements/linkArrow.png) right center no-repeat;
    opacity: .5;
    text-align: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#elementsSubSlider .owl-next:hover,#elementsSubSlider .owl-prev:hover,.elementsSubMenu a.active span,.elementsSubMenu a:hover span {
    opacity: 1
}

.elementsSubMenu a.active,.elementsSubMenu a:hover {
    height: 236px
}

.elementsSubMenu a.teamWorkLink {
    margin-right: 0
}

.elementsSubMenu a.teamWorkLink.active,.elementsSubMenu a.teamWorkLink:hover {
    background: url(../images/elements/teamWork.jpg)
}

.elementsSubMenu a.soloLink.active,.elementsSubMenu a.soloLink:hover {
    background: url(../images/elements/solo.jpg)
}

.elementsSubMenu a.socialLink.active,.elementsSubMenu a.socialLink:hover {
    background: url(../images/elements/social.jpg)
}

.elementsSubMenu a.meetingLink.active,.elementsSubMenu a.meetingLink:hover {
    background: url(../images/elements/meeting.jpg)
}

.elementsSubTxt {
    width: 100%;
    max-width: 988px;
    margin: auto;
    color: #38383c;
    text-align: center;
    font-size: 14px
}

.elementsSubTxt img {
    display: block;
    width: 100%
}

#elementsSubSlider .owl-next,#elementsSubSlider .owl-prev {
    width: 19px;
    height: 33px;
    position: absolute;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s
}

#elementsSubSlider .owl-prev {
    background: url(../images/leftArrowDark.png) center no-repeat;
    right: 100px;
    transition: all .2s
}

#elementsSubSlider .owl-next {
    background: url(../images/rightArrowDark.png) center no-repeat;
    right: 65px;
    transition: all .2s
}

#elementsSubSlider .owl-dot,.colourfulTabItemIn {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s
}

#elementsSubSlider .owl-dots {
    width: 100%
}

#elementsSubSlider .owl-dot {
    display: block;
    float: left;
    font-size: 18px;
    color: #4f4f53;
    padding-right: 30px;
    line-height: 40px;
    transition: all .2s
}

.site-haritasiHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/site-haritasi.jpg) center no-repeat
}

.sitemap-listL,.sitemap-listR {
    width: 50%;
    float: left
}

.site-haritasiPageHeader {
    height: 361px
}

.sitemap-listR {
    border-left: 1px solid #b7b7b7
}

.sitemapTitle {
    font-size: 18px;
    font-weight: 700
}

.sitemapItem {
    padding: 25px 30px;
    width: 100%;
    float: left
}

.sitemapItem>ul {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 45px;
    margin-top: 20px
}

.sitemapItem ul {
    padding-left: 25px
}

.sitemapItem ul li a {
    color: #686868;
    font-size: 14px;
    padding: 5px 0;
    display: block;
    font-weight: 600
}

.singleItem ul {
    margin-top: 0
}

section.subPage.page404 {
    background: #dee5ed
}

.page404 div {
    padding: 2% 0;
    text-align: center;
    width: 100%
}

.page404 h1 {
    color: #557793;
    font-size: 60px
}

.page404 a,.page404 h1 span {
    font-size: 18px;
    font-family: DINPro;
    display: block
}

.page404 h2 {
    color: #557793;
    font-size: 60px
}

.page404 a,.page404 h2 span {
    font-size: 18px;
    font-family: DINPro;
    display: block
}

.page404 a {
    color: #557793;
    font-weight: 700;
    padding: 10px 0
}

.page404 img {
    display: block;
    width: 100%;
    max-width: 570px;
    margin: 15px auto
}

.tasarim-felsefesiHeader {
    width: 100%;
    height: 100%;
    background: url(../images/headers/tasarim-felsefesi.jpg) center no-repeat
}

.tasarim-felsefesiPageHeader {
    height: 361px
}

.colurfulTabContent {
    float: left;
    width: 75%
}

.colourfulTabItem {
    background: #8a8371;
    width: 100%;
    float: left;
    padding: 50px
}

.colourfulTabItemIn {
    padding: 50px;
    border: 10px solid #fff;
    color: #fff;
    display: none;
    transition: all .2s
}

.colourfulTabItemIn.active {
    display: block
}

.colourfulTabItemIn h1 {
    font-size: 50px;
    color: #fff
}

.colourfulTabItemIn h2 {
    font-size: 50px;
    color: #fff
}

.colourfulTabItemIn p {
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 80px
}

.tasarimFelsefesiPage {
    padding-bottom: 250px
}

.tasarimFelsefesiPage .rightSide {
    padding: 80px 0 60px 60px
}

.tasarimFelsefesiPage .leftSide {
    padding-top: 151px
}

.tasarimFelsefesiPage .leftMenu {
    padding-right: 0
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn {
    position: relative;
    font-size: 20px;
    color: #38383c;
    padding: 18px 0 18px 30px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn span {
    z-index: 1;
    position: relative
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn .colorRow {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn:hover .colorRow {
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn.active span,.tasarimFelsefesiPage .leftMenu .tasarimBtn:hover span {
    color: #fff
}

.tasarimFelsefesiPage .leftMenu .tasarimBtn.active .colorRow {
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.tasarimFelsefesiPage .rightSide .rightSideContent p {
    width: 90%
}

a.cNext,a.cPrev {
    width: 19px;
    height: 33px;
    position: absolute;
    top: 15px;
    display: none
}

a.cPrev {
    background: url(../images/leftArrow.png);
    left: 25px
}

a.cNext {
    background: url(../images/rightArrow.png);
    right: 25px
}

.first_sb {
    background: url(/images/slide/burotime.jpg) right bottom no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%
}

#ctl00_cphContent_rdbMagazaTipi li:nth-child(3n+2) {
    clear: both
}

.bayiolma {
    width: 100%;
    font-size: 0
}

.bayiolma li {
    width: 100%;
    background: #fff;
    position: relative;
    margin-bottom: 20px;
    text-align: right
}

.bayiolma li .right {
    width: 45%;
    display: inline-block;
    position: relative;
    z-index: 2
}

.bayiolma li .left {
    text-align: left;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 55%;
    float: none;
    padding: 30px 50px 30px 30px
}

.bayiolma li.leftside {
    text-align: left
}

.bayiolma li.leftside .left {
    left: 45%;
    padding: 30px 30px 30px 50px
}

.bayiolma li .left h5 {
    font-family: DINPro-CondensedRegular;
    font-size: 24px;
    margin-bottom: 10px
}

.bayiolma li .left p {
    font-size: 14px
}

.bayiolma li:after {
    width: 45%;
    height: 100%;
    background: url(/images/bayiolma-bg.png);
    content: "";
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px
}

.bayiolma li.leftside:after {
    top: 20px;
    left: 20px;
    right: auto
}

.uretim-top {
    width: 100%;
    color: #38383c;
    font-size: 15px;
    line-height: 20px
}

.uretim-box {
    width: 48%;
    float: left
}

.uretim-text {
    width: 52%;
    float: left;
    font-size: 14px;
    padding-right: 50px
}

.uretim-top .uretim-box .uretim-box-item-1 h1,.uretim-top .uretim-box .uretim-box-item-2 h1 {
    margin: 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px
}

.uretim-top .uretim-box .uretim-box-item-1 h1 {
    color: #fff
}

.uretim-top .uretim-box .uretim-box-item-2 h1 {
    color: #dd0330
}

.uretim-top .uretim-box .uretim-box-item-1 h2,.uretim-top .uretim-box .uretim-box-item-2 h2 {
    margin: 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px
}

.uretim-top .uretim-box .uretim-box-item-1 h2 {
    color: #fff
}

.uretim-top .uretim-box .uretim-box-item-2 h2 {
    color: #dd0330
}

.uretim-box-item-1,.uretim-box-item-2 {
    width: 50%;
    text-align: center;
    float: left;
    padding: 47px 0;
    font-size: 18px;
    font-weight: 500
}

.uretim-box-item-1 {
    background: #dd0330;
    color: #fff
}

.uretim-middle {
    width: 100%;
    display: block
}

.uretim-middle-left {
    width: 25%;
    float: left
}

.uretim-middle-right {
    width: 67%;
    float: left;
    margin-left: 8%
}

.uretim-middle-box-1 {
    margin-top: 50px;
    padding-top: 17.5px;
    padding-bottom: 17.5px
}

.uretim-middle-box-1,.uretim-middle-box-2 {
    width: 100%
}

.uretim-middle-box-2 {
    border-top: 1px solid #bebebf;
    margin-top: 157px;
    padding-top: 81.5px;
    padding-bottom: 17.5px
}

.uretim-middle-box-1 img,.uretim-middle-box-2 img {
    float: left;
    width: 15%;
    margin-top: 22px
}

.box-title {
    width: 68%;
    float: left;
    margin-left: 50px
}

.uretim-middle span {
    color: #dd0330;
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -5px
}

.box-title p {
    text-align: left
}

.uretim-middle sup {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0
}

.content .content-strong,.uretim-middle sup sup {
    font-size: 18px
}

.uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-controls {
    width: 40%;
    left: 60%;
    height: 45px
}

.uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-dot {
    width: 24px
}

.uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-dots {
    padding-right: 15px
}

.subPage.productDetailPage .productInfo img {
    display: inline-block;
    height: 611px;
    width: 450px;
    object-fit: contain;
}

@media only screen and (max-width: 1440px) {
    #mainSlider .owl-dots {
        max-width:685px
    }

    #mainSlider .slideMimarsiv {
        background: url(../images/mimarsiv_sb.jpg) bottom no-repeat;
        background-size: 88%!important
    }

    .langWrapper {
        display: none
    }

    #video10 {
        margin-top: 0
    }

    .pageTop .content,.sideMenuWrapper::before {
        height: 60px
    }

    .bildirimUygulama {
        height: 20%!important
    }

    .v2Cookie {
        height: auto!important
    }

    .refCaption a {
        font-size: 20px
    }

    .headerTop {
        padding: 20px 0
    }

    nav ul li .subMenu {
        top: 115px
    }

    .breadCrumb {
        padding-top: 20px;
        padding-left: 24px;
    }

    a.pageMenuLink {
        line-height: 60px;
        padding: 0 60px
    }

    a.toTop {
        background: #323234;
        right: 4%;
        border-radius: 53px;
        bottom: 85px;
        width: 50px;
        position: fixed;
        height: 50px;
        z-index: 99;
    }

    .footerMid {
        padding: 0 10px 90px
    }

    section.subPage,section.subPage.sidePage {
        padding-top: 115px
    }

    #mainSlider .item img.slideImg {
        width: 50%;
        right: 10%;
        top: 45%
    }

    #mainSlider .slideCaption {
        height: 85%
    }

    #mainSlider .slideCaptionContent h1 {
        font-size: 48px!important;
        line-height: 48px
    }

    #mainSlider .fullBg.katar-bayi .captionBg h1 {
        font-size: 45px;
        line-height: 45px
    }

    #mainSlider .slideCaptionContent h2 {
        font-size: 48px;
        line-height: 48px
    }

    #mainSlider .fullBg.katar-bayi .captionBg h2 {
        font-size: 45px;
        line-height: 45px
    }

    #mainSlider .slideCaptionContent span {
        font-size: 16px;
        padding: 15px 0 30px
    }

    .ct-KurumsalDesgerler::after {
        display: none
    }

    .pageHeader {
        margin-top: -30px;
        height: 300px
    }

    .corporatePageHeader {
        height: 370px
    }

    .sideMenu {
        padding: 25px 0 0 25px
    }

    .sideMenu span {
        padding-bottom: 20px
    }

    .newTitle {
        font-size: 30px
    }

    .newDetailLeft,.rightCol h1 {
        padding-top: 35px
    }

    .subPage .pageContent h1 {
        padding: 0 0 35px
    }

    .ourSolutionPartnersHeader h1,.productionHeader h1 {
        padding-top: 130px
    }

    .newDetailLeft,.rightCol h2 {
        padding-top: 35px
    }

    .subPage .pageContent h2 {
        padding: 19px 0 12px
    }

    .ourSolutionPartnersHeader h2,.productionHeader h2 {
        padding-top: 130px
    }

    .productListTop {
        padding-top: 30px
    }

    .productListTop h1 {
        font-size: 48px
    }

    .productListTop h2 {
        font-size: 48px
    }

    .productFilter {
        padding-top: 35px
    }

    .productList a .pCategory {
        font-size: 11px
    }

    .productList a .pName {
        font-size: 16px;
       
    }

    .pageHeader.dark {
        height: 510px
    }

    .videoContent {
        height: 315px
    }

    .greyArea.half {
        background-size: 98% 100%;
        margin-top: -150px
    }

    #blogSlider .owl-dots {
        bottom: -28px
    }

    .mainBlogContent h1 {
        padding: 35px 0
    }

    #mainSlider .kataryeni h1 {
        font-size: 43px;
        line-height: 47px;
        letter-spacing: -3px
    }
}

.mainBlogContent h2 {
    padding: 35px 0
}

#mainSlider .kataryeni h2 {
    font-size: 43px;
    line-height: 47px;
    letter-spacing: -3px
}

@media only screen and (max-width: 1240px) {
    .content {
        padding-left:15px;
        padding-right: 15px
    }

    .mainElements,.mainNews {
        min-height: initial
    }
}

@media only screen and (max-width: 1024px) {
    .box-title {
        margin-left:41px
    }

    .uretim-middle span {
        font-size: 44px
    }

    .uretim-middle-box-1 {
        margin-top: 30px
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-controls {
        width: 50%;
        left: 50%
    }

    .NewsletterScrope {
        width: 70%
    }

    .CatalogScrope {
        width: 30%
    }
}

@media only screen and (max-width: 640px) {
    .destopBanner {
        display:none!important
    }

    html {
        overflow-x: hidden;
        position: relative;
        width: 100%
    }
}

@media only screen and (max-width: 768px) {
    #mainSlider .owl-dots {
        padding-left:0
    }

    #mainSlider .owl-dot {
        padding: 0 10px!important
    }

    #mainSlider .kataryeni .captionBg {
        margin-top: 290px
    }

    #mainProductsSlider .owl-dot {
        padding-right: 20px;
        margin-bottom: 0;
    }

    .headerTop,nav {
        display: none
    }

    .mobil_header,.mobileMenuLink,.mobileSearchLink {
        display: block
    }

    header:not(.woocommerce-products-header) {
        position: fixed;
    }

    header .content {
        position: relative;
        padding: 0
    }

    section.subPage,section.subPage.sidePage {
        padding-top: 88px!important
    }

    a.logo {
        padding-top: 0;
      
        padding-bottom: 0;
        width: 150px;
    }

    .corporateImage,.ct-Burotime .corporateLeft {
        width: 100%
    }

    .ct-Burotime .corporateLeft .corporateLeftItems img {
        margin: 0
    }

    .corporateItemHeadingPink {
        font-size: 15px
    }

    .corporateItem {
        font-size: 13px
    }

    .career .left,.career .right {
        width: 100%;
        float: none;
        padding: 30px 15px
    }

    .greyArea.halfBg {
        background: #fff
    }

    .subPage .pageContent {
        padding: 0
    }

    .subPage .pageContent h1 {
        padding: 0 0 25px
    }

    .subPage .pageContent h2 {
        padding: 0 0 25px
    }

    .careera .accordionheader .titles {
        font-size: 13px;
        width: 80%;
        left: 5%
    }

    .awardBox2 a span,.productFilterList input[type=checkbox].css-checkbox+label.css-label {
        font-size: 12px
    }

    .w47,.w47r {
        width: 100%!important;
        float: none
    }

    .careera .accordionheader {
        height: 90px
    }

    .career .left {
        background: #f8f8f8
    }

    .subPage .pageContent.careerTxt {
        padding: 30px 15px
    }

    .w47r {
        margin-left: 0!important
    }

    .formSbmtBtn {
        width: 100%;
        float: none
    }

    .corporatePageHeader {
        height: auto;
        margin-top: 0
    }

    .mobil_header {
        width: 100%
    }

    .ct-Burotime h1,.ct-Burotime img,.ct-Burotime p {
        width: 100%;
        float: none
    }

    .ct-Burotime h2,.ct-Burotime img,.ct-Burotime p {
        width: 100%;
        float: none
    }

    .ct-Burotime::before {
        display: none
    }

    .ct-Burotime h1,.ct-Burotime img {
        padding: 20px 0!important;
        display: block
    }

    .ct-Burotime h2,.ct-Burotime img {
        padding: 20px 0!important;
        display: block
    }

    .kurumsal_cont.content {
        padding-left: 0;
        padding-right: 0
    }

    .ct-KurumsalDesgerler {
        padding: 0;
        width: 100%;
        overflow: hidden
    }

    .ct-Burotime {
        padding: 0 15px;
        background: #ebecee
    }

    .ct-KurumsalDesgerler>p {
        padding: 0 15px!important
    }

    .ct-KurumsalDesgerler>h1 {
        padding: 20px 15px!important
    }

    .ct-KurumsalDesgerler>h2 {
        padding: 20px 15px!important
    }

    .kurumsalBox {
        width: 100%;
        float: none;
        padding: 60px 42px;
        height: 460px
    }

    .kurumsalBoxes {
        background: #dd0330;
        margin-top: 20px
    }

    .kurumsalBoxIcn img {
        top: 0
    }

    .kurumsalBox h4 {
        color: #fff
    }

    .ct-boxline {
        width: 70px;
        -webkit-transition: .3s;
        transition: .3s;
        visibility: visible
    }

    .kurumsalBoxes .owl-controls {
        position: absolute;
        display: block;
        height: 16px;
        width: 100%;
        left: 0;
        bottom: 20px
    }

    .kurumsalBoxes .owl-controls .owl-dots {
        width: 100%;
        height: 100%;
        text-align: center
    }

    .kurumsalBoxes .owl-controls .owl-dots .owl-dot {
        width: 16px;
        height: 16px;
        margin: 0 5px;
        box-sizing: border-box;
        border: 1px solid #fff;
        display: inline-block;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        position: relative
    }

    .kurumsalBoxes .owl-controls .owl-dots .owl-dot.active span {
        width: 10px;
        height: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        position: absolute;
        left: 2px;
        top: 2px;
        background: #fff
    }

    section.subPage.stick#tarihce {
        padding: 0!important;
        width: 100%;
        overflow: hidden;
        margin: -5px 0 0!important
    }

    #owlTarihce {
        width: 50%;
        z-index: 3;
        float: none;
        margin: auto
    }

    .owlHistoryIn {
        float: none;
        padding: 55px 20px;
        margin-top: 0;
        width: 100%;
        position: relative;
        z-index: 2;
        border: 8px solid #fff
    }

    .ct-tarihce {
        height: auto;
        padding: 0 0 170px!important;
        background: #ebecee
    }

    section.subPage.stick.corporate1 {
        padding: 0!important
    }

    #owlHistoryNmbrs .owl-stage-outer,#owlTarihce::after,.redLine {
        display: none
    }

    #owlHistoryNmbrs {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        margin-top: 20px;
        display: none
    }

    #owlTarihce .owl-nav {
        position: absolute;
        right: auto;
        bottom: -220px;
        width: 100%
    }

    #owlTarihce .owl-prev {
        right: auto;
        left: 0
    }

    .ct-tarihce h1 {
        margin: 0;
        padding: 20px 0
    }

    .ct-tarihce h2 {
        margin: 0;
        padding: 20px 0
    }

    .pDocs,.productFilterList {
        padding: 0 15px
    }

    section.subPage.stick .pageTop {
        top: 85px
    }

    .familyGallery {
        width: 100%;
        float: right
    }

    #familySlider {
        width: 100%
    }

    #familySlider .owl-controls {
        margin-top: -2px
    }

    .pTechnicsInner {
        padding: 0 0 0 15px
    }

    .newsLetter {
        padding: 15px 0 15px 15px
    }

    .awardBox a span {
        float: left;
        display: block;
        width: 57%
    }

    .bayiolma li .right,.first_sb {
        width: 100%
    }

    .awardBox2 a {
        height: 330px;
        padding: 15px
    }

    .bayiolma li .left,.bayiolma li.leftside .left {
        left: auto;
        padding: 30px
    }

    .first_sb {
        background: url(/images/slide/burotime_mob_sb.jpg) 0 75% no-repeat;
        background-size: 100% auto;
        height: 100%
    }

    .bayiolma li .left {
        position: relative;
        top: auto;
        transform: none;
        width: 100%
    }

    .bayiolma li:after {
        display: none
    }

    .box-title {
        margin-left: 16px;
        width: 71%
    }

    #owlUretim,.uretim-top {
        margin-top: 50px
    }

    .uretim-text {
        font-size: 11px;
        padding-right: 30px
    }

    .uretim-box-item-1,.uretim-box-item-2 {
        padding: 24px 0;
        font-size: 14px
    }

    .uretim-top .uretim-box .uretim-box-item-1 h1,.uretim-top .uretim-box .uretim-box-item-2 h1 {
        font-size: 48px;
        line-height: 48px
    }

    .uretim-top .uretim-box .uretim-box-item-1 h2,.uretim-top .uretim-box .uretim-box-item-2 h2 {
        font-size: 48px;
        line-height: 48px
    }

    .uretim-middle span {
        font-size: 32px;
        letter-spacing: -3px
    }

    .box-title p {
        font-size: 12px
    }

    .uretim-middle-box-1 img,.uretim-middle-box-2 img {
        width: 20%;
        margin-top: 10px
    }

    .uretim-middle-box-1,.uretim-middle-box-2 {
        padding: 37px 0 108px
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-controls {
        width: 50%;
        left: 50%
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-dots {
        top: 0;
        padding-right: 30px
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-nav {
        top: 9px
    }
}

@media only screen and (max-width: 768px) {
    .productList a .pName {
        font-size:16px !important;
    }

    .NewsletterScrope {
        width: 70%;
        float: left
    }

    .CatalogScrope {
        position: relative;
        float: left;
        width: 30%
    }

    a.catalogueLink {
        width: 60%
    }

    .catalogueLink_icon {
        margin-top: 0px!important;
        margin-left: 20px
    }

    .newsLetterForm input[type=text] {
        width: 48%
    }
}

@media screen and (max-width: 480px) {
    .colorModal {
        left:0
    }

    .NewsletterScrope {
        width: 100%
    }

    .CatalogScrope {
        position: relative;
        float: left;
        width: 100%
    }

    a.catalogueLink {
        width: 50%!important
    }

    .catalogueLink_icon {
        margin-top: 82px!important;
        margin-left: 0
    }

    #mainSlider .slidePickPi {
        background: url(../images/pick-pi.jpg) 114% 90% no-repeat!important;
        background-size: 140%!important
    }

    #mainSlider .slidePickPi span {
        font-size: 11px!important;
        line-height: 12px;
        padding-bottom: 10px
    }

    #mainSlider .slideMimarsiv .captionBg {
        padding: 25px!important
    }

    #mainSlider .slideMimarsiv {
        background: url(../images/mimarsiv_sb.jpg) 114% 90% no-repeat!important;
        background-size: 140%!important
    }

    #mainSlider .slideMimarsiv span {
        font-size: 11px!important;
        line-height: 12px;
        padding-bottom: 10px
    }

    #mainSlider .runnerSlide .captionBg {
        padding: 17px!important
    }

    #mainSlider .runnerSlide {
        background: url(../images/runner-mobil-sb.jpg) 50% 65% no-repeat!important;
        background-size: 100%!important
    }

    #mainSlider .runnerSlide span {
        font-size: 11px!important;
        line-height: 12px;
        padding-bottom: 10px
    }

    #mainSlider .runnerSlide .slideCaption {
        width: 100%!important
    }

    #mainSlider .slideArchDsgn .captionBg {
        padding: 17px!important
    }

    #mainSlider .slideArchDsgn {
        background: url(../images/arch-design-mbl.jpg) 50% 65% no-repeat!important;
        background-size: 100%!important
    }

    #mainSlider .slideArchDsgn span {
        font-size: 11px!important;
        line-height: 12px;
        padding-bottom: 10px
    }

    #mainSlider .slideArchDsgn .slideCaption {
        width: 100%!important
    }

    #mainSlider .captionBg h2 {
        /* font-size: 24px!important; */
        line-height: 24px!important
    }

    .pTechnicsContent img {
        border: 0px!important
    }

    .katalogItem {
        overflow: hidden;
        height: auto
    }

    .refererItemName {
        padding: 36px 17px
    }

    .productProperties img,.subPage.productDetailPage img {
        /* width: 100%!important; */
    }

    .subPage.productDetailPage .productInfo img {
        width: auto!important;
        display: inline-block
    }

    .subPage.productDetailPage .productInfo img .colorModal {
        left: auto!important
    }

    #mainSlider .commercial h1 {
        font-size: 27px!important;
        line-height: 28px!important
    }

    .subPage.newsNews {
        padding-bottom: 30px
    }

    #mobil-lang a {
        color: #000;
        text-decoration: none
    }

    .mobil-lang-options {
        font-size: 13px;
        font-family: DINPro;
        text-align: center;
        float: left;
        margin: 28px 0 0 25px;
        position: relative;
        z-index: 999
    }

    .mobil-lang-options::after {
        content: '';
        background: url(/images/language.png) no-repeat;
        position: absolute;
        width: 6px;
        height: 4px;
        top: 15px;
        right: 5px
    }

    .mobil-lang-options label {
        background-color: rgba(255,255,255,.8)
    }

    .mobil-lang-options label {
        font-size: 13px;
        height: 35px;
        padding-top: 9px;
        width: 50px;
        display: inline-block
    }

    #mobil-lang-toggle {
        display: none
    }

    #mobil-lang {
        position: absolute;
        background-color: rgba(255,255,255,.8);
        color: #000;
        width: 50px;
        overflow: hidden;
        max-height: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease;
        margin: 0
    }

    #mobil-lang-toggle:checked+#mobil-lang {
        max-height: 120px;
        font-size: 13px
    }

    #mobil-lang-toggle:checked+#mobil-lang li {
        line-height: 30px
    }

    #mainProductsSlider .owl-dot {
        padding-right: 18px
    }

    .closeNotif {
        width: 20px;
        height: 20px;
        position: relative;
        top: 4px;
        right: 2px;
        cursor: pointer
    }

    #cookie-notification .section {
        width: 89%!important;
        margin: 0 auto;
        line-height: 25px;
        padding: 15px 0;
        position: relative
    }

    #cookie-notification .v2CookieSection {
        width: 92%!important;
        margin: 0 auto;
        line-height: 12px;
        padding: 0 0;
        position: relative;
        font-size: 11px
    }

    .section .topRightCloseIcon {
        top: -5px;
        right: -15px;
        position: absolute;
        display: block
    }

    .bildirimUygulama {
        position: fixed;
        padding: 2px;
        bottom: 0;
        width: 100%;
        height: auto!important
    }

    #mainSlider .noteSlider .slideCaption {
        padding-top: 30px
    }

    #mainSlider .noteSlider .slideCaption span {
        padding: 0
    }

    #mainSlider .fullBg.commercial .slideCaption {
        width: 100%
    }

    #mainSlider .slideBlog.bayi .slideCaptionContent h2,#mainSlider .slideBlog.bayi .slideCaptionContent h1 {
        padding-top: 30px!important
    }

    .mobilFree {
        display: block!important;
        background: url(/images/mobilFree.jpg) no-repeat;
        background-size: contain;
        width: 100%;
        height: 601px
    }

    .desktopBannerArea {
        display: none!important
    }

    section.subPage.productDetailPage.stick img {
        width: 100%
    }

    .productProperties .pTechnics img {
        width: 100%;
        display: block
    }

    #mainSlider .slideHome1 {
        width: 100%!important
    }

    #mainSlider .slideHome1 {
        background: url(/images/anasayfa-slider06082018.jpg) 108% 82% no-repeat;
        background-size: 150%;
        background-color: rgba(245,245,245,.9)
    }

    #refSlider .owl-controls::after,.refCaption h1::after {
        content: '';
        display: block
    }

    #refSlider .owl-controls::after,.refCaption h2::after {
        content: '';
        display: block
    }

    .ct-Burotime .corporateLeft .corporateLeftItems .corporateItem,.ct-Burotime .corporateLeft .corporateLeftItemsBottom .corporateItem {
        width: 100%;
        display: block;
        text-align: center;
        border: 0;
        border-bottom: 1px solid #e1e2e1!important;
        font-size: 16px;
        padding: 0 0 30px
    }

    .corporateItemHeadingPink {
        font-size: 24px
    }

    .ct-Burotime .corporateLeft .corporateLeftItemsBottom .corporateItem3 {
        border-bottom: 0!important
    }

    .ct-Burotime .corporateLeft .corporateLeftItems {
        display: block
    }

    .ct-Burotime h1,.ct-Burotime img {
        display: inline-block
    }

    .ct-Burotime h2,.ct-Burotime img {
        display: inline-block
    }

    .leftSide.showMobile {
        display: block
    }

    .accordionheader {
        height: auto
    }

    .accordionheader div.ac_date {
        width: 25%;
        font-size: 24px
    }

    .accordionheader div.ac_img {
        height: 90px;
        border-bottom: 1px solid #e8ecef;
        border-right: 1px solid #e8ecef;
        border-left: 1px solid #e8ecef;
        width: 50%
    }

    .accordionheader div.ac_text {
        position: relative;
        top: auto;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        left: auto;
        height: auto;
        clear: both;
        width: 100%;
        padding: 10px 15px;
        font-size: 13px
    }

    .accordionheader div.ac_date span {
        top: 20px;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none
    }

    .accordioncontent .ac_left,.accordioncontent .ac_right {
        width: 100%;
        float: none;
        padding: 0 10px;
        border-right: 0
    }

    #owlUretim,.newsLetter {
        border: none
    }

    #owlTarihce {
        width: 100%
    }

    .headerTop,nav {
        display: none
    }

    header {
        /* position: fixed; */
        padding-bottom: 6px;
    }

    header .content {
        position: relative;
        padding: 0
    }

    .mobileMenuLink {
        display: block
    }

    section.subPage,section.subPage.sidePage {
        padding-top: 88px!important
    }

    a.logo {
       padding-top: 0;
       padding-bottom: 0;
       width: 160px;
       margin-top: 6px;
    }

    section.mainSlider {
        padding-top: 70px
    }

    #mainSlider .owl-controls {
        width: 100%;
        height: 65px;
        text-align: center
    }

 

    #mainSlider .owl-dot {
        line-height: 65px;
        float: none;
        display: inline-block;
        padding: 0 15px
    }

    #mainSlider .slideCaption {
        width: 80%;
        height: auto;
        text-align: center;
        margin: auto;
        padding-top: 30px
    }

    #mainSlider .slideCaptionContent h1 {
        font-size: 27px!important;
        line-height: 28px;
        letter-spacing: 0
    }

    #mainSlider .slideCaptionContent h2 {
        font-size: 37px!important;
        line-height: 1 !important;
        letter-spacing: 0;
        padding-top: 0
    }
#mainSlider .slideCaptionContent h2 span{
    font-size: 36px !important;
    padding-top: 4px;
}
    #mainSlider .slideCaptionContent span {
        font-size: 13px;
        padding-bottom: 10px;
        font-size: 3vw;
        margin-top: 10px;
    }

    #mainSlider .slideCaptionContent a {
        width: 160px;
        margin: auto;
        padding-left: 0
    }

    #mainSlider .slideCaptionContent a::before {
        display: none
    }

    #mainSlider .item img.slideImg {
        right: auto;
        top: auto;
        position: relative;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        display: block;
        width: 100%;
        margin: 15px auto
    }

    .mainMid::before,.mainTop::after {
        display: none
    }

    #mainSlider .videoSlider .slideCaption {
        padding: 25px 0
    }

    .mainProducts {
        width: 100%;
        float: none;
        padding: 0 15px
    }

    #mainProductsSlider .owl-dots {
        height: 100px;
        float: none;
        padding-left: 15%;
        max-width: 100%
    }

    .mainMid .content,.mainTop .content {
        padding: 0
    }

    .mainElements,.mainNews {
        padding: 0 15px;
        float: none;
        width: 100%
    }

    #mainProductsSlider .owl-controls {
        position: relative
    }

    #mainProductsSlider .owl-next {
        right: 0;
        top: 35px
    }

    #mainProductsSlider .owl-prev {
        right: 40px;
        top: 35px
    }

    .footerTop,.productImg {
        top: 0
    }

    .mainElements {
        height: auto!important
    }

    .mainNews {
        height: 730px!important
    }

    .elementsMenu {
        position: relative;
        bottom: auto;
        padding: 0 0;
        top: 35px;
    }

    .bLab {
        width: 100%;
        float: none;
        padding: 0 15px
    }

    #bLabSlider .owl-dots {
        height: 100px;
        float: none
    }

    .bLab h1 {
        padding-top: 35px
    }

    .bLab h2 {
        padding-top: 35px
    }

    .bRobot {
        width: 100%;
        padding: 0 15px
    }

    .bRobot h1 {
        padding: 35px 0 20px
    }

    .bRobot h2 {
        padding: 35px 0 20px
    }

    .questions {
        float: left;
        margin-bottom: 50px
    }

    .question {
        width: 50%
    }

    .question a {
        padding: 40px 0
    }

    .mainReferences {
        float: none;
        width: 100%
    }

    #refSlider .owl-controls {
        position: relative;
        bottom: 0;
        height: auto;
        background: #f5f5f5;
        padding-bottom: 15px
    }

    #refSlider .owl-controls::after {
        height: 0;
        clear: both
    }

    .refCaption {
        padding: 0 15px
    }

    .refCaption h1 {
        font-size: 16px;
        line-height: 60px;
        border: none;
        display: block;
        float: none;
        margin-bottom: 15px
    }

    .refCaption h1::after {
        width: 100px;
        height: 1px;
        background: #38383c
    }

    .refCaption h2 {
        font-size: 16px;
        line-height: 60px;
        border: none;
        display: block;
        float: none;
        margin-bottom: 15px
    }

    .refCaption h2::after {
        width: 100px;
        height: 1px;
        background: #38383c
    }

    .footerRightMenu,.mainBlog,.newsLetter,.newsLetterForm input[type=text],a.catalogueLink {
        width: 100%
    }

    #refSlider .owl-dot span {
        margin: 25px auto
    }

    #refSlider .owl-dot.active span,#refSlider .owl-dot:hover span {
        margin-top: 22px
    }

    #refSlider .owl-nav {
        display: none
    }

    .refCaption a {
        margin-left: 0;
        float: none;
        display: block
    }

    .mainBlog {
        padding-bottom: 25px
    }

    .mainBlogContent {
        padding: 0 15px
    }

    .mainBlogContent h1 {
        padding: 25px 0
    }

    .mainBlogContent h2 {
        padding: 25px 0
    }

    footer .content {
        padding: 0
    }

    .footerMidTop,.newsLetter {
        padding: 30px 15px
    }

    .newsLetter::after {
        display: none
    }

    .newsLetterForm input[type=text] {
        margin-top: -1px
    }

    .newsLetterForm input[type=button] {
        width: 100%;
        float: none;
        margin: 10px 0 0
    }

    a.catalogueLink {
        display: block;
    }

    .footerMenu {
        display: none
    }

    a.footerLogo {
        float: none
    }

    .social {
        float: none
    }

    .social span {
        display: block;
        float: none;
        padding-top: 15px
    }

    .newsDetailPage::before,.productGallery::after,.productGallery::before,.productProperties::before,a.pageMenuLink {
        display: none
    }

    .footerRightMenu {
        padding: 0 15px
    }

    .footerRightMenu span {
        text-align: left
    }

    .footerBottom {
        text-align: center;
        line-height: 30px;
        padding: 16px 0 51px;
    }

    .footerBottomMenu {
        float: none
    }

    a.toTop {
        bottom: 22px;
    }

    .pageTop .content {
        height: 40px
    }

    .pColors,.pDocs,.pTechnics {
        height: auto;
        width: 100%;
        float: none
    }

    .pageHeader h1 {
        padding-top: 33%
    }

    .pageHeader h2 {
        padding-top: 33%
    }

    .breadCrumb {
        padding-top: 10px
    }

    .breadCrumb a {
        font-size: 11px;
        padding: 0 5px
    }

    .productTop {
        margin-top: 0
    }

    .productInfo {
        width: 100%;
        float: none;
        padding: 5px
    }

    .productInfo h1 {
        font-size: 24px;
        padding: 30px 0 15px
    }

    .productInfo h2 {
        font-size: 24px;
        padding: 30px 0 15px
    }

    .designer {
        width: 100%;
        float: none
    }

    .designerTxt {
        padding: 15px 5px
    }

    .designer img {
        width: 100%
    }

    .productProperties .content {
        padding: 0
    }

    .pColors {
        padding: 0 15px
    }

    .pColors h2 {
        padding: 30px 0 15px
    }

    .pColors p {
        padding: 30px 0 15px
    }

    .pColorContent {
        padding-right: 0
    }

    .productPropertiesRight {
        width: 100%;
        float: none
    }

    .pDocs,.pTechnics {
        padding: 0 15px 15px
    }

    .pTechnicsInner {
        padding: 0
    }

    .pCare {
        padding: 15px
    }

    .productFamily {
        padding-top: 30px
    }

    .familyLeft {
        width: 100%;
        float: none;
        margin-bottom: 30px
    }

    .familyLeftTxt {
        max-width: none
    }

    .familyGallery {
        width: 100%;
        float: none
    }

    .newDetailLeft,.newDetailRight {
        width: 100%;
        float: none;
        padding: 30px 0;
        background: 0 0
    }

    .newTitle {
        width: 100%;
        font-size: 24px
    }

    .rightCol h1 {
        padding: 0
    }

    .rightCol h2 {
        padding: 0
    }

    #owlTarihce .owl-nav {
        bottom: -250px
    }

    .ct-tarihce {
        padding: 0 0 100px!important
    }

    .pressReleaseList a {
        width: 100%;
        float: none;
        padding: 15px;
        margin-bottom: 15px;
        min-height: initial
    }

    .pressReleaseList a h2,.pressReleaseList a span.newsTxt {
        min-height: initial
    }

    .subPage .pageContent,.subPage .pageContent.awards {
        padding: 30px 15px
    }

    #owlUretim .item,.awardBox2 a {
        padding: 15px
    }

    .logosInner {
        height: 58px
    }

    .logosInner .imgArea {
        width: 40%;
        height: auto
    }

    .logosInner .downloads {
        width: 50%;
        text-align: right
    }

    .logosInner .downloads a {
        margin: 10px;
        font-size: 11px;
        float: right;
        width: 25%
    }

    .accordionheader .imgArea {
        display: block;
        width: 40%
    }

    .accordionheader .titles {
        font-size: 12px;
        left: 45%;
        width: 40%
    }

    .awardBox a,.awardBox2 a,.productListTop h1,.sustainabilityBottomTxt img,.sustainabilityBottomTxt p,.uretimPage>p,.whiteArea .left,.whiteArea .right {
        width: 100%
    }

    .awardBox a,.awardBox2 a,.productListTop h2,.sustainabilityBottomTxt img,.sustainabilityBottomTxt p,.uretimPage>p,.whiteArea .left,.whiteArea .right {
        width: 100%
    }

    .accordion li:after {
        top: 19px;
        right: 10px
    }

    .awardBox2 a {
        height: auto
    }

    #owlUretim h1 {
        font-size: 24px
    }

    #owlUretim h2 {
        font-size: 24px
    }

    #owlUretim p {
        font-size: 14px;
        line-height: 22px
    }

    #owlUretim .owl-nav {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0
    }

    .sustainabilityTxt p {
        padding: 0
    }

    .greyArea,.whiteArea {
        padding: 30px 0
    }

    .whiteArea .left {
        float: none
    }

    .whiteArea .left img {
        margin: auto
    }

    .productComponents,.productSimilar {
        padding: 50px 0
    }

    .productListTop h1 {
        display: block;
        float: none
    }

    .productListTop h2 {
        display: block;
        float: none
    }

    .productComponents .productList a,.productList a,.productSimilar .productList a {
        width: 50%;
        min-height: 260px
    }

    .productList a .pCategory {
        padding: 0 15px;
        font-size: 10px;
        height: 24px
    }

    .productList a .pName {
        padding: 0 15px 15px;
        font-size: 16px;
        min-height: initial;
        height: 65px
    }

    .productListTop {
        border-bottom: none
    }

    .productFilter {
        float: none;
        width: 100%
    }

    .productFilterMenu {
        width: 100%;
        float: none;
        height: auto
    }

    .productFilterMenu span {
        line-height: 40px;
        display: block;
        width: 100%;
        border: 1px solid #e5e5e5;
        padding-left: 10px
    }

    .productFilterMenu span font {
        display: inline-block;
        padding-left: 20px;
        color: #666
    }

    .productFilterMenu div {
        width: 100%;
        float: none;
        border: 1px solid #e5e5e5;
        padding: 0 10px;
        display: none
    }

    .productFilterMenu a {
        display: block;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #eee
    }

    .elementsSlideContent::after,.elementsSlideMenu {
        display: none
    }

    .productFilterList {
        padding: 0 15px;
        background: #fff
    }

    .productFilterList .content {
       /* background: #f5f5f5;
        padding: 15px*/
    }

    .productFilterList ul li {
        width: 50%
    }

    input[type=checkbox].css-checkbox+label.css-label {
        font-size: 10px
    }

    .elementsHeader {
        height: 300px;
        background-size: 180%
    }

    .elementsTxt {
        padding: 15px 15px 70px;
        top: -150px
    }

    .elementsTxtInner {
        width: 100%
    }

    .elementsSlider {
        padding: 0 15px 250px;
        background-size: 150% auto
    }

    .elementsSlideContent {
        height: auto
    }

    .elementsSlideInner {
        float: none;
        width: 100%;
        padding: 25px 25px 50px;
        left: 0;
        margin-left: 0
    }

    #elementsMainSlide .owl-nav {
        padding: 0 25px;
        bottom: 0;
        width: 80%;
        position: relative;
        margin: 0 auto -100px;
        text-align: center
    }

    #elementsMainSlide .owl-nav .owl-next,#elementsMainSlide .owl-nav .owl-prev {
        width: 50%
    }

    .elementsSubMenu a {
        width: 100%;
        margin: 0 0 10px;
        float: none
    }

    #elementsSubSlider .owl-next {
        right: 0
    }

    #elementsSubSlider .owl-prev {
        right: 35px
    }

    .contactMap {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        height: 300px
    }

    .contactLeft {
        width: 100%;
        height: 100%;
        float: none
    }

    .productInfo img {
        max-width: 100%;
        display: block
    }

    .referenceInContent {
        float: none
    }

    .referencesInfoContent .rInfoLeft,.referencesInfoContent .rInfoRight {
        width: 100%;
        float: none;
        left: auto
    }

    .rightBorders {
        display: none
    }
}

@media only screen and (max-width: 375px) {
    #mainSlider .fullBg.katar-bayi .captionBg h1 {
        font-size:36px;
        line-height: 36px
    }

    #mainSlider .fullBg.katar-bayi .captionBg h2 {
        font-size: 36px;
        line-height: 36px
    }

    #mainSlider .katar-bayi {
        background: url(../images/slide/katar-bayi-mb.jpg) center no-repeat
    }

    #mainSlider .katar-bayi-2 {
        background: url(../images/slide/katar-bayi-mb-2.jpg) center no-repeat
    }

    .uretim-top .uretim-text h2 {
        font-size: 44px
    }

    .uretim-text {
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 22px;
        padding-right: 66px
    }

    .uretim-box {
        width: 100%;
        margin-top: 15px
    }

    .uretim-box-item-1,.uretim-box-item-2 {
        font-size: 12px;
        width: 100%
    }

    .uretim-middle-left {
        width: 100%
    }

    .uretim-middle-box-1 img,.uretim-middle-box-2 img {
        width: 18%;
        margin-top: 13px
    }

    .uretim-middle-box-2,.uretim-middle-box-2 img {
        margin-top: 0
    }

    .uretim-middle-box-1,.uretim-middle-box-2 {
        padding-left: 25%
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-controls {
        width: 100%;
        left: 0
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-dot {
        width: 21px
    }

    .uretimPage .uretim-middle #ctl00_cphContent_referenceHeaderSlider .owl-nav {
        left: 20px
    }

    .uretim-middle-right {
        margin-left: 0;
        width: 100%
    }
}

.productDots {
    position: relative;
    float: left;
    width: 100%
}

.productDots a {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: block;
    position: absolute;
    z-index: 9
}

.productDots a span {
    font-size: 15px;
    color: #fff;
    display: none;
    padding: 10px 14px
}

.productDots a:before {
    display: block;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../images/icons/plusDots.png) no-repeat center;
    background-size: auto;
    opacity: 1;
    background-size: 60%
}

.productDots a:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0
}

.productDots.pDotsBlue a:after {
    background: #afced2 url(../images/icons/arrawDots.png) no-repeat center;
    background-size: auto
}

.productDots.pDotsBlue a {
    background: #79aeb4
}

.productDots.pDotsPink a:after {
    background: #cc9e9b url(../images/icons/arrawDots.png) no-repeat center;
    background-size: auto
}

.productDots.pDotsPink a {
    background: #e4b3af
}

.productDots.pDotsYellow a:after {
    background: #d6c097 url(../images/icons/arrawDots.png) no-repeat center;
    background-size: auto
}

.productDots.pDotsYellow a {
    background: #e4cfa7
}

.productDots.pDotsPurple a:after {
    background: #a9acca url(../images/icons/arrawDots.png) no-repeat center;
    background-size: auto
}

.productDots.pDotsPurple a {
    background: #a9acca
}

.sd1 {
    left: 26%;
    top: 23%
}

.sd2 {
    left: 36%;
    top: 71%
}

.sd3 {
    left: 4%;
    top: 49%
}

.sd4 {
    left: 67%;
    top: 39%
}

.sd5 {
    left: 28%;
    top: 50%
}

.sd6 {
    left: 51%;
    top: 36%
}

.sd7 {
    right: 7%;
    top: 67%
}

.sd8 {
    left: 38%;
    top: 73%
}

.sd9 {
    left: 71%;
    top: 63%
}

.sd10 {
    left: 31%;
    top: 44%
}

.sd11 {
    left: 64%;
    top: 22%
}

.sd12 {
    left: 71%;
    top: 36%
}

.sd13 {
    left: 35%;
    top: 40%
}

.sd14 {
    left: 68%;
    top: 62%
}

.sd15 {
    left: 23%;
    top: 61%
}

.sd16 {
    left: 37%;
    top: 36%
}

.sd17 {
    left: 18%;
    top: 60%
}

.sd18 {
    left: 62%;
    top: 46%
}

.sd19 {
    left: 27%;
    top: 38%
}

.sd20 {
    left: 14%;
    top: 69%
}

.sd21 {
    left: 61%;
    top: 36%
}

.sd22 {
    left: 40%;
    top: 27%
}

.sd23 {
    left: 74%;
    top: 45%
}

.sd24 {
    left: 48%;
    top: 34%
}

.sd25 {
    left: 13%;
    top: 64%
}

.sd26 {
    left: 69%;
    top: 47%
}

.se1 {
    left: 21%;
    top: 48%
}

.se2 {
    left: 50%;
    top: 45%
}

.se3 {
    left: 52%;
    top: 66%
}

.se4 {
    left: 23%;
    top: 60%
}

.se5 {
    left: 48%;
    top: 61%
}

.se6 {
    left: 81%;
    top: 42%
}

.se7 {
    left: 49%;
    top: 60%
}

.se8 {
    left: 80%;
    top: 59%
}

.se9 {
    left: 54%;
    top: 66%
}

.se10 {
    left: 16%;
    top: 68%
}

.se11 {
    right: 7%;
    top: 44%
}

.se12 {
    left: 24%;
    top: 63%
}

.se13 {
    left: 73%;
    top: 67%
}

.se14 {
    left: 40%;
    top: 53%
}

.se15 {
    left: 76%;
    top: 40%
}

.se16 {
    left: 60%;
    top: 81%
}

.se17 {
    left: 5%;
    top: 70%
}

.se18 {
    left: 40%;
    top: 69%
}

.se19 {
    left: 46%;
    top: 31%
}

.ee1 {
    left: 9%;
    top: 37%
}

.ee2 {
    left: 64%;
    top: 45%
}

.ee3 {
    left: 13%;
    top: 44%
}

.ee4 {
    right: 6%;
    top: 41%
}

.ee5 {
    left: 43.5%;
    top: 35%
}

.ee6 {
    right: 14%;
    top: 34%
}

.ee7 {
    left: 47%;
    top: 38%
}

.ee8 {
    left: 73%;
    top: 62%
}

.ee9 {
    left: 55%;
    top: 40%
}

.ee10 {
    left: 43%;
    top: 20%
}

.ee11 {
    left: 18%;
    top: 43%
}

.ee12 {
    left: 37%;
    top: 11%
}

.ee13 {
    left: 32%;
    top: 53%
}

.ee14 {
    left: 9%;
    top: 44%
}

.ee15 {
    right: 8%;
    top: 26%
}

.ee16 {
    left: 36%;
    top: 53%
}

.ee17 {
    right: 5%;
    top: 60%
}

.ee18 {
    left: 7%;
    top: 44%
}

.te1 {
    left: 24%;
    top: 37%
}

.te2 {
    right: 8%;
    top: 28%
}

.te3 {
    left: 67%;
    top: 54%
}

.te4 {
    right: 4%;
    top: 33%
}

.te5 {
    left: 25%;
    top: 44%
}

.te6 {
    left: 53%;
    top: 45%
}

.te7 {
    right: 17%;
    top: 49%
}

.te8 {
    right: 10%;
    top: 67%
}

.te9 {
    left: 33%;
    top: 52%
}

.te10 {
    left: 24%;
    top: 34%
}

.te11 {
    left: 57%;
    top: 36%
}

.te12 {
    left: 14%;
    top: 66%
}

.te13 {
    left: 59%;
    top: 48%
}

.te14 {
    left: 25%;
    top: 43%
}

.te15 {
    left: 40%;
    top: 17%
}

.te16 {
    left: 37%;
    top: 56%
}

.te17 {
    left: 54%;
    top: 43%
}

.te18 {
    left: 65%;
    top: 51%
}

.te19 {
    right: 19%;
    top: 63%
}

.te20 {
    left: 42%;
    top: 65%
}

.te21 {
    left: 16%;
    top: 61%
}

.te22 {
    left: 17%;
    top: 30%
}

.te23 {
    left: 34%;
    top: 37%
}

.te24 {
    left: 55%;
    top: 53%
}

.te25 {
    left: 18%;
    top: 56%
}

.wf-container {
    margin: 0 auto 40px auto;
    border-left: 1px solid #d8d8d8
}

.wf-container:before,.wf-container:after {
    content: '';
    display: table
}

.wf-container:after {
    clear: both
}

.wf-box img {
    display: block;
    width: 100%
}

.wf-box .content {
    border: 1px solid #ccc;
    border-top-width: 0;
    padding: 5px 8px
}

.wf-column {
    float: left
}

.wf-box {
    outline: 1px solid #d8d8d8;
    overflow: hidden;
    height: 320px
}

.wf-box img {
    width: 100%;
    height: 220px;
    object-fit: cover
}

.wf-box p {
    font-size: 22px;
    font-family: DINPro;
    font-weight: 700;
    padding-top: 1em;
    color: #38383c
}

.wf-box h1 {
    font-size: 22px;
    font-family: DINPro;
    font-weight: 700;
    padding-top: 1em;
    color: #38383c;
    padding: 15px 0 0;
    width: 100%
}

.wf-box a {
    color: #38383c;
    min-height: 320px
}

.wf-box p {
    font-size: 22px;
    color: #38383c;
    padding: 15px 0 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .mobil-lang-options {
        display:none
    }

    .wf-container {
        width: 750px
    }
}

@media screen and (min-width: 992px) {
    .mobil-lang-options {
        display:none
    }

    .wf-container {
        width: 970px
    }
}

@media screen and (min-width: 1200px) {
    .mobil-lang-options {
        display:none
    }

    .wf-container {
        width: 1170px
    }
}

@media screen and (min-width: 1440px) {
    .mobil-lang-options {
        display:none
    }
}

.arcLeftSide span {
    padding-left: 0
}

.mimarLoginClick {
    cursor: pointer
}

.popupBg {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .7;
    z-index: 999998;
    display: none
}

.popupDetailLogin {
    width: 420px;
    position: fixed;
    left: 50%;
    margin-left: -210px;
    background: #fff;
    border-radius: 5px;
    z-index: 999999;
    padding: 50px;
    display: none;
    top: 50%;
    margin-top: -290px
}

.popupDetailLogin .close {
    background: url(../images/closePopup.png) no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.popupDetailLogin .close:hover {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.popupDetailLogin .popupTitle {
    font-size: 18px;
    color: #38383c;
    font-weight: 700;
    margin-bottom: 30px
}

.popupDetailLogin .rowPopupItem {
    float: left;
    width: 100%;
    margin-bottom: 25px
}

.popupDetailLogin .rowPopupItem.center {
    text-align: center;
    margin-bottom: 0
}

.popupDetailLogin .rowPopupItem .title {
    font-size: 14px;
    color: #38383c;
    margin-bottom: 14px;
    font-weight: 700
}

.popupDetailLogin .rowPopupItem .inputCl {
    width: 100%;
    height: 56px;
    background: #fff;
    border: 0;
    box-shadow: .14px 1.995px 7px 0 rgba(0,0,0,.15);
    padding-left: 20px;
    border: 1px solid #fff
}

.popupDetailLogin .rowPopupItem .inputCl:focus {
    border: 1px solid #38383c
}

.popupDetailLogin .rowPopupItem .inputButton {
    width: 100%;
    height: 56px;
    background: #dd0330;
    border: 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.popupDetailLogin .rowPopupItem .forgotPassword {
    display: inline-block;
    margin: 0 auto;
    color: #38383c;
    font-size: 14px;
    text-align: center;
    opacity: .7;
    border-bottom: 1px solid #38383c;
    margin-bottom: 47px;
    font-weight: 700
}

.popupDetailLogin .rowPopupItem.uyeOlWrap {
    margin-top: 0;
    margin-bottom: 0
}

.popupDetailLogin .rowPopupItem .uyeOl {
    width: 100%;
    height: 56px;
    background: #38383c;
    border: 0;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 56px
}

.urunKutuphane {
    float: left;
    width: 100%
}


.bottomLinks a {
    font-size: 16px!important;
    padding: 15px 0 15px 30px!important;
    position: relative
}

.bottomLinks a::after {
    position: absolute;
    right: 10px;
    top: 50%;
    background: url(../images/downloadbg.png) no-repeat;
    content: '';
    width: 11px;
    height: 10px;
    margin-top: -5px
}

.mimarPage a {
    float: left;
    width: 100%
}

.urunKutuphane .urunTopTitle.activeArea {
    border-bottom: 0!important
}

.urunKutuphane .urunTopTitle.activeArea:hover {
    background: none!important
}

.bottomLinks a.active,.bottomLinks a:hover {
    background: none!important
}

.d3_dosyalar {
    border-bottom: 0!important
}

.pDocsContent a.docLink {
    float: right
}

.pDocsContent a.docLink.smaller {
    width: 90%;
    line-height: 33px;
    font-size: 12px
}

.pDocs h2 {
    padding-bottom: 10px
}

#mainSlider .fullBg.slidePickPi .captionBg {
    padding: 20px 50px!important
}

.shop-logo {
    font-family: 'DINPro';
    font-weight: 600;
    background: url(../uploads/test/shopping-bag.png) left center no-repeat;
    height: 14px;
    background-size: contain;
    margin-left: 20px;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
  background: #37333300;
  color: #000000;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
  line-height: 40px;
  height: 45px;
  padding: 0px 0;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: #EEDDB2 !important;
  color: #000;
  text-transform: none;
  font-family: Noto Sans;
  text-decoration: none;
  text-align: left;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0px;
  /* font-family: inherit; */
  font-size: 15px;
  font-weight: normal;
  outline: none;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
    padding: 0 18px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 {
    background: transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
    transition:0.3s;
    border-radius:0 !important;
    border: 1px solid transparent !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover{
    background:transparent !important;
     border-radius:0 !important;
    color:#f4da98 !important;
    border-bottom:1px solid #eeddb2  !important;
    
}
.productFilterTabs {
       display: flex
;
    gap: 36px;
    /* margin-bottom: 25px; */
    padding-left: 0;
    justify-content: center;
}
.filter_tabss {
    display: flex
;
    gap: 37px;
    align-items: center;
}
/* 1. Скрываем реальный чекбокс */
.css-checkbox {
    position: absolute; /* Делает элемент невидимым, но кликабельным */
    opacity: 0;
}

/* 2. Стилизуем визуальный квадрат/кружок (часть label) */
.css-label::before {
    content: ''; /* Обязательный элемент для ::before */
    display: inline-block;
    width: 16px; /* Размер квадрата */
    height: 16px;
    margin-right: 8px;
    border: 1px solid #999;
    background-color: #fff;
    vertical-align: middle;
}
#productCategories .css-label::before{
    margin-right: 0px;
}

/* 3. ОТОБРАЖАЕМ ГАЛОЧКУ ИЛИ МЕНЯЕМ ФОН ПРИ ВЫБОРЕ */
/* Селектор: когда INPUT с классом .css-checkbox выбран, мы меняем вид его соседа LABEL */
.css-checkbox:checked + .css-label::before {
    background-color: #e0123e; /* Цвет фона при выборе */
    border-color: #e0123e;
    /* Здесь должна быть логика для отображения самой галочки (например, через иконку или специальный символ content) */
    content: '✓'; /* Пример: отображаем символ галочки */
    color: #fff; /* Цвет символа галочки */
    text-align: center;
    line-height: 16px;
    font-size: 12px;
}
.filterTabButton svg{
    position:relative;
    top: 4px;
    left: 3px;
}
.productFilterTabs li {
    list-style: none;
    cursor: pointer;
    font-family: Noto Sans;
    padding: 7px 5px;
    border-bottom: 2px solid transparent;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.7;
    transition: 0.2s;
}
.productFilterTabs li:hover,
.productFilterTabs li.active {
    opacity: 1;
    border-color: #000;
}
#designers .css-checkbox:checked + .css-label::before{
    margin-right: 0px;
}

.category-thumbnail {
        width: 30px; /* Размер миниатюры для категории */
        height: 30px;
        border-radius: 5px;
        margin-right: 10px;
        object-fit: cover;
        display: inline-block;
        vertical-align: middle;
    }
    .designer-avatar {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin-right: 10px;
        object-fit: cover;
        display: inline-block;
        vertical-align: middle;
    }

    #designers li .css-label span {
        display: inline-block;
        vertical-align: middle;
    }
    #designers li .css-label {
        display: flex;
        align-items: center;
    }
    .hidden-clear-button {
    display: none !important; /* Убедитесь, что кнопка скрыта */
}
.selectedFilters{
    max-width: 1200px;
    display: flex
;
flex-wrap: wrap;
    margin: 0 auto;
    gap: 15px;
}
.productFilterList ul li {
    margin-bottom: 10px;
}

.selectedFilters {
    margin-bottom: 20px;
}

.selectedFiltersList {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.selectedFiltersList .tag {
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.single-product .productProperties .content{
    /* background: #e0e0e0; */
}
.tag-remove {
    cursor: pointer;
    font-weight: bold;
}
@media (max-width: 768px) {

    .leftMenuMobileCaption {
        display: block;
        padding: 12px 16px;
        font-weight: 600;
        cursor: pointer;
        background: #f5f5f5;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .leftMenuMobileCaption::after {
        content: '▾';
        position: absolute;
        right: 16px;
        transition: transform .3s ease;
    }

    .leftMenuMobileCaption.open::after {
        transform: rotate(180deg);
    }

    /* ВАЖНО */
    .leftMenuContent {
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }

    .leftMenuContent.open {
        max-height: 70vh; /* или 1000px если хочешь */
    }
}

.solutionsProjectInner{
    width: 100%;
    max-width: 1260px;
    margin: auto;
    position: relative;
    z-index: 2;
}

.simple-modal {
    display: none;
    position: fixed; 
    top: 0;
    left: 0;
    width: 100vw;   
    height: 100vh;  
    z-index: 999999; 
    align-items: center;
    justify-content: center;
}
.js-open-video{
        background-color: #FFFFFF50;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    color: #FFFFFF;
    display: block;
}
.simple-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}
.simple-modal-close{
    font-size:35px;
    color:#fff;
    cursor:pointer;
}
.simple-modal-container{
    text-align: right;
}
.simple-modal-container {
    position: relative;
    z-index: 10;
    width: 90%;
    max-width: 1000px; 
}
.video-wrapper video {
    width: 100%;
    height: auto;
}

.mainProducts_vid{
    text-align:center;
}
.js-open-video::before {
    color:#fff;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.js-open-video::after {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.js-open-video{
        background-color: #FFFFFF50;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    color: #FFFFFF;
    position: relative;
    margin: 20px auto 0;
    display: block;
    
}
.js-open-video::after, .js-open-video::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 #ffffff;
    box-shadow: 0 0 0 0 #ffffff;
    -webkit-animation: button-ripple 3s infinite;
    animation: button-ripple 3s infinite;
    opacity: .6;
    z-index: -1;
}
.js-open-video svg{
    margin-top: 16px;
}

@keyframes button-ripple {
    70% {
        -webkit-box-shadow: 0 0 0 var(--glow-size,15px) currentColor;
        box-shadow: 0 0 0 var(--glow-size,15px) currentColor;
        opacity: 0
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 currentColor;
        box-shadow: 0 0 0 0 currentColor;
        opacity: 0
    }
}
.clr {
    clear: both;
    height: 0
}

/* widget: Neon Glowing Button Effect */

#uc_neon_glowing_button_effect_elementor_e45a65e{
  position: relative;
  z-index:1;
}
#uc_neon_glowing_button_effect_elementor_e45a65e *{
    margin: 0;
}
#uc_neon_glowing_button_effect_elementor_e45a65e.ue_neon_btn_wrapper{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap:50px;
}
#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn {
  display: flex;
  flex-direction:row;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 0px;
  overflow:visible;
  transition: 0.5s;
}

#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn:after {
  content: '';
  position: absolute;
  box-sizing:content-box;
  border-radius: calc(0px + 2px);
  width: 100%;
  height: 100%;
  translate: -50% -50%;
  left: 50%;
  top: 50%;
  z-index: -1;
  animation: rotateuc_neon_glowing_button_effect_elementor_e45a65e 2000ms linear infinite;
  padding: 2px;
  --angle: 0deg;
  filter: ;
  background: conic-gradient(from var(--angle) ,
              #ff003700 100deg,
      #EAA3A3 215deg,
      #980000 360deg
      );
  transition: all 0.5s;
}

#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn:before {
  content: '';
  position: absolute;
  box-sizing:content-box;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  translate: -50% -50%;
  left: 50%;
  top: 50%;
  z-index: -2;
  transition: all 0.5s;
  animation: rotateuc_neon_glowing_button_effect_elementor_e45a65e 2000ms linear infinite;
  filter: blur(1px) brightness(1)  ;
  background: conic-gradient(from var(--angle),
              #ff003700 150deg,
      #EAA3A3 230deg,
      #980000 360deg
      );
}


@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@property --hueuc_neon_glowing_button_effect_elementor_e45a65e {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotateuc_neon_glowing_button_effect_elementor_e45a65e {
  0% {
    --angle: 0deg;
       }
  50% { 
      }
  100% { 
    --angle: 360deg;
      }
}
#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    color: #333;
    position: relative;
    padding: 11px 16px;
    background: #fff;
    border-radius: 0px;
    overflow: visible;
    transition: 0.5s;
}
/* hover */
#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn:hover:before,
#uc_neon_glowing_button_effect_elementor_e45a65e .ue_neon_btn:hover:after{
  transition: all 0.5s;
  animation-play-state: paused;
  background: conic-gradient(from var(--angle),
              #980000 0deg,
      #980000 360deg
      );
}

#uc_neon_glowing_button_effect_elementor_e45a65e .ue-btn svg
{
  height:1em;
  width:1em;
}


.novinki-section {
    background: url(/wp-content/uploads/2025/12/image.jpg); 
    padding: 60px 0;
    text-align: center;
    margin-top: 37px;
}

.section-title {
    color: #EEDDB2; /* Золотистый цвет заголовка */
    font-size: 48px;
    margin-bottom: 40px;
    /* font-family: "Cormorant Infant" !important; */
    /* text-transform: uppercase; */
}

.product-card {
    transition: transform 0.3s ease;
}

.product-card:hover {
    transform: translateY(-10px);
}

.product-image img {
    max-height: 400px; /* Высота бутылок */
    width: auto !important;
    margin: 0 auto;
}

.product-name {
    color: #eeddb2;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 400;
}


.novinki-section .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #f1d392 !important; /* Золотистый круг */
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
}

.novinki-section .owl-nav .owl-prev { left: -50px; }
.novinki-section .owl-nav .owl-next { right: -50px; }


.novinki-section .owl-nav button span:before {
    content: '';
    display: inline-block;
    border: solid black;
    border-width: 0 2px 2px 0;
    padding: 4px;
    top: -11px;
    left: 2px;
    position: relative;
}
.rows{
    max-width: 1220px;
    margin: 0 auto;
}
.novinki-section .owl-nav .owl-next span:before{
    left: -1px;
}
.novinki-section .nav-prev:before { transform: rotate(135deg); }
.novinki-section .nav-next:before { transform: rotate(-45deg); }


        .gold-collection-section {
             background-size: cover !important;
             background: url(/wp-content/uploads/2025/12/image.jpg);
             padding: 55px 0;
             text-align: center;
             overflow: hidden;
        }
.single_gold_collection{
    background: transparent;
}
.single_gold_collection .gold-item-title{
    color: #980000 !important;
    font-weight: 500;
    margin-bottom: 15px;
}
.single_gold_collection .container{
    max-width: 1150px;
    margin: 0 auto;
}
.single_gold_collection .section-title{
        font-size: 34px;
        font-weight: 300 !important;
        line-height: 44px !important;
        color: #980000 !important;
        margin-bottom: 20px !important;
}

        .gold-collection-section .section-title {
            color: #EEDDB2;
            font-size: clamp(24px, 5vw, 44px);
            margin-bottom: 50px;
            /* text-transform: uppercase; */
            font-weight: 600;
        }

        .gold-item {
            padding: 0;
            transition: transform 0.3s ease;
        }

        .gold-item-title {
            color: #eeddb2;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    /* min-height: 40px; */
    display: flex
;
    align-items: flex-end;
    justify-content: center;
    text-decoration: none;
        }

        .gold-item-image img {
            max-height: 387px; 
            width: 100% !important;
            margin: 0 auto;
        }

       
        .gold-collection-section .owl-nav {
            margin-top: 30px;
            display:none;
        }

        
        .gold-collection-section .owl-nav button.owl-prev, 
        .gold-collection-section .owl-nav button.owl-next {
            background: #f1d392 !important; 
            width: 40px;
            height: 40px;
            border-radius: 50% !important;
            color: #000 !important;
            font-size: 24px !important;
            margin: 0 15px;
        }


.site-footer {
    background-color: #2A1711; 
    color: #9E845C;
    padding: 60px 0 20px;
    font-family: sans-serif;
    font-size: 14px;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 20px;
}

.footer-col {
    flex: 1;
    min-width: 250px;
    margin-bottom: 5px;
}

.footer-logo {
    max-width: 250px;
    margin-bottom: 20px;
}

.footer-slogan {

    margin-bottom: 25px;
    line-height: 1.4;
    padding-right: 40px;
    font-size: 16px;
}

.footer-socials {
    display: flex;
    gap: 15px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #9E845C;
    width: 40px;
    height: 40px;
    /* border: 1px solid #c29a5b; */
    border-radius: 50%;
    color: #c29a5b;
    text-decoration: none;
    transition: all 0.3s ease;
}

.social-link:hover {
    background-color: #c29a5b;
    color: #2e1a14;
}

.footer-menu {
    list-style: none;
    padding: 0;
}

.footer-menu li {
    margin-bottom: 12px;
}

.footer-menu a {
    color: #c29a5b;
    text-decoration: none;
    transition: opacity 0.3s;
}

.footer-menu a:hover {
    opacity: 0.7;
}

.footer-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: normal;
    font-style: italic;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 15px;
}

.contact-item i {
    width: 20px;
    margin-top: 3px;
}

.contact-item a {
    color: #c29a5b;
    text-decoration: none;
}

.contact-item.address span {
    line-height: 1.5;
}


.footer-bottom {
    margin-top: 40px;
    border-top: 1px solid rgba(194, 154, 91, 0.2);
    padding-top: 20px;
    text-align: right;
}

.footer-bottom p {
    font-size: 12px;
    opacity: 0.6;
}

@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        text-align: center;
    }
    
    .footer-socials {
        justify-content: center;
        margin-bottom: 13px;
    }
    
    .contact-item {
        justify-content: center;
    }
    
    .footer-bottom {
        text-align: center;
    }
}

.volume-tabs-container {
    margin: 0;
    width: 100%;
}


.volume-tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
    /* border-bottom: 2px solid #eee; */
    gap: 10px;
}

.volume-tabs-nav .tab-link {
    padding: 10px 20px;
    background: #ffffff00;
    cursor: pointer;
    font-weight: 600;
    color: #333;
    border-radius: 7px;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.volume-tabs-nav .tab-link.active {
    background: #980000;
    color: #ffffff;
    border-color: #eee #eee #fff #eee;
    margin-bottom: -2px;
    border-bottom: 2px solid #fff;
}

.volume-tabs-nav .tab-link:hover {
    color: #ffffff;
    background: #980000;
}

.volume-tabs-content-wrapper {
    position: relative;
    /* background: #fff; */
    min-height: 200px;
}

.tab-content {
    display: none; 
    animation: fadeIn 0.4s ease;
}

.tab-content.active {
    display: block;
}

.tab-content img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Общая обертка - сетка 50/50 */
.custom-product-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
    align-items: flex-start; /* Чтобы колонки не растягивались по высоте */
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 77px;
}

.product-left-col, 
.product-right-col {
    flex: 1 1 45%; /* Примерно по 50%, минус отступы */
    min-width: 300px;
}

/* --- ПРАВАЯ КОЛОНКА --- */

/* 1. Кнопка "Как отличить..." */
.btn-originality {
    display: inline-block;
    background-color: #980000; /* Темно-красный */
    color: #fff;
    text-transform: none; /* Или uppercase, если нужно */
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    margin-bottom: 25px;
    transition: background 0.3s ease;
}

.btn-originality:hover {
    background-color: #cc0000;
    color: #fff;
}

/* 2. Заголовок товара */
.custom-product-title {
    font-size: 36px;
    color: #980000; /* Ярко-красный как на фото */
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.2;
}

/* 3. Блок характеристик (Рамка) */
.chars-box-border {
    /* border: 2px solid #ff3333; */ /* Красная рамка */
    padding: 30px 0 0 0;
    /* background: #fff; */ /* Или прозрачный, если фон сайта узорчатый */
    position: relative;
    max-width: 395px;
}

.chars-heading {
    font-size: 18px;
    color: #d68a8a; /* Светло-красный/розовый заголовок */
    margin-bottom: 20px;
    font-weight: normal;
}

/* Строка характеристики */
.char-list {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Отступ между строками */
}

.char-row {
    display: flex;
    align-items: baseline; /* Выравнивание по тексту */
    justify-content: space-between;
    font-size: 16px;
    color: #555; /* Серый цвет текста */
    margin-bottom: 16px;
}

.char-name {
    flex-shrink: 0; /* Название не сжимается */
}

/* Магия точек (...) */
.char-dots {
    flex-grow: 1; /* Занимает все свободное место */
    border-bottom: 1px dotted #ccc; /* Точки */
    margin: 0 10px; /* Отступы от текста до точек */
    position: relative;
    top: -4px; /* Чуть поднять точки, чтобы были ровно */
}

.char-val {
    flex-shrink: 0;
    color: #cc9966; /* Золотистый/бежевый цвет значения (как 0.5 л на фото) */
    font-weight: 500;
}
@media (max-width: 1550px){
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
        padding: 0 7px;
    }
    .h_head{
        padding-right: 0 !important;
    }
    
}
@media (max-width: 1350px){
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
        font-size:13px;
        padding: 0 0 !important;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
        padding: 0 7px;
    }
    a.logo{
        width:200px;
    }
}
@media (max-width: 1200px){
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
        padding: 0 2px;
    }
}
/* АДАПТИВНОСТЬ (для телефонов) */
@media (max-width: 768px) {
    .custom-product-wrapper {
        flex-direction: column;
    }
    header:not(.woocommerce-products-header){
        padding-bottom:5px;
    }
    
    .product-left-col, 
    .product-right-col {
        flex: 1 1 100%;
        width: 100%;
    }
    .product-right-col {
        max-width:450px;
        margin:0 auto;
       
    }
    .custom-product-title{
        margin-bottom:0;
    }
}
.single-product .full-width-banner:before{
    background-color:hsl(0deg 100% 9.02% / 35%);
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
.full-width-banner {
    position: relative;
    width: 100%;
    height: 573px; /* Высота баннера */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43, 27, 23, 0.4); /* Полупрозрачный коричневый оттенок */
    z-index: 1;
}

.banner-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
}

.banner-title {
    color: #fff;
    font-weight: 300;
    font-size: 5vw;
    text-transform: none;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
   
}

@media (max-width: 768px) {
    .full-width-banner {
        height: 250px;
    }
    .banner-title {
        font-size: 28px;
    }
}

/* Основной контейнер секции */
.product-description-section {
    padding: 60px 0;
    /* background-color: #fff; */ /* Белый фон как на макете */
}
.product-desc-image img{
    height:517px !important;
    object-fit:contain;
}
.product-description-section .container{
    max-width:1250px;
    margin:0 auto;
}

/* Флекс-сетка */
.product-desc-flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
}

/* Колонка с фото (примерно 40%) */
.product-desc-image {
    flex: 0 0 24%;
    text-align: center;
}

.product-desc-image img {
    max-width: 100%;
    height: auto;
}

/* Колонка с текстом (примерно 60%) */
.product-desc-content {
    flex: 0 0 77%;
    padding-left: 38px;
}

/* Заголовок (Напиток виноградный...) */
.desc-title {
    font-size: 32px;
    color: #444;
    font-weight: 300;
    /* font-weight: 500; */
    margin-bottom: 30px;
    line-height: 1.3;
}

/* Стилизация текста описания */
.desc-text-wrapper {
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

/* Форматирование списка характеристик (если вставляешь через редактор как <ul>) */
.desc-text-wrapper ul {
    list-style: none;
    padding: 0;
}

.desc-text-wrapper ul li {
    margin-bottom: 26px;
    position: relative;
    padding-left: 20px;
}

/* Маленькая точка (буллит) перед каждой строкой */
.desc-text-wrapper ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #000;
    font-weight: bold;
}

/* Жирный шрифт для заголовков внутри текста (Выдержка:, Вкус: и т.д.) */
.desc-text-wrapper strong, 
.desc-text-wrapper b {
    font-weight: 700;
    color: #000;
}

/* Адаптивность для мобилок */
@media (max-width: 992px) {
    .product-desc-flex {
        flex-direction: column;
        align-items: center;
    }
    .product-desc-image, .product-desc-content {
        flex: 0 0 100%;
        width: 100%;
    }
}

/* Основная секция */
.ideal-form-section {
    padding: 60px 0;
    background: transparent; /* Прозрачный фон по запросу */
    overflow: hidden;
}

.ideal-container {
    display: flex;
    align-items: center; /* Центрируем по вертикали */
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 40px;
}

/* --- КОЛОНКА С ТЕКСТОМ (Слева) --- */
.ideal-content-col {
    flex: 1;
    text-align: center; /* Текст центрирован, как на фото */
    padding-right: 20px;
}

/* Заголовок "Идеальная форма" */
.ideal-main-heading {
    margin-bottom: 20px;
    line-height: 1.1;
    color: #990000; /* Темно-красный цвет */
    text-transform: uppercase; /* Если нужно капсом */
}
.ideal-main-heading .word-bold strong{
    font-weight: 300;
    font-size: 80px;
    font-family: "Cormorant Infant" !important;
}
/* Слово "Идеальная" */
.ideal-main-heading .word-bold {
    display: block;
    font-size: 91px; /* Крупный размер */
    text-align: right;
    font-family: "Cormorant Infant" !important;
    /* font-weight: 400 !important; */ /* Жирный */
    letter-spacing: 1px;
}

/* Слово "форма" */
.ideal-main-heading .word-thin {
    display: block;
    font-size: 64px;
    font-weight: 300; /* Тонкий шрифт */
    margin-top: 5px;
}

/* Подзаголовок "Воплощение высокого качества" */
.ideal-subheading {
    font-size: 29px;
    font-weight: 300;
    /* font-family: "Cormorant Infant" !important; */
    text-align: right;
    color: #333;
    margin-bottom: 14px;
    /* font-family: sans-serif; */ /* Более строгий шрифт */
}

/* Мелкий текст описания */
.ideal-description {
    font-size: 17px;
    line-height: 1.6;
    color: #666;
    text-align: right;
    max-width: 560px; /* Ограничиваем ширину текста */
    /* margin: 0 auto; */ /* Центрируем блок текста */
    float: right;
}

/* --- КОЛОНКА С ФОТО (Справа) --- */
.ideal-image-col {
    flex: 1;
    display: flex;
    justify-content: space-between; /* Прижимаем фото вправо */
}

.ideal-image-col img {
    max-width: 100%;
    height: auto;
    height: 553px;
    border-radius: 4px; /* Небольшое скругление, если нужно */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Легкая тень для объема */
}

/* --- АДАПТИВНОСТЬ (Мобильные) --- */
@media (max-width: 992px) {
    .ideal-container {
        flex-direction: column;
        text-align: center;
    }

    .ideal-content-col {
        padding-right: 0;
        margin-bottom: 40px;
    }
    
    .ideal-image-col {
        justify-content: center;
    }

    .ideal-main-heading .word-bold,
    .ideal-main-heading .word-thin {
        font-size: 42px; /* Уменьшаем шрифт на телефоне */
    }
    .ideal-main-heading .word-bold{
        font-size: 66px;
    }
}
/* --- Стили Модального окна (Lightbox) --- */

.custom-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    overflow: hidden; /* Чтобы увеличенная картинка не делала скролл */
}

.custom-lightbox-overlay.visible {
    opacity: 1;
    visibility: visible;
}

/* Контейнер для картинки, чтобы центрировать трансфомации */
.lightbox-img-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* Пропускаем клики сквозь обертку */
}

.custom-lightbox-overlay img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    transform-origin: center center; /* Зум от центра */
    user-select: none; /* Запрет выделения при перетаскивании */
    pointer-events: auto; /* Возвращаем клики картинке */
    cursor: zoom-in;
    will-change: transform; /* Оптимизация производительности */
}

/* Класс, который добавляем JS-ом для плавности при клике (но убираем при драге) */
.img-transition {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Курсоры */
.custom-lightbox-overlay img.is-zoomed {
    cursor: grab;
}

.custom-lightbox-overlay img.is-dragging {
    cursor: grabbing;
}

/* Крестик */
.lightbox-close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    z-index: 100000;
    line-height: 1;
    transition: transform 0.2s;
}

.lightbox-close:hover {
    transform: scale(1.1);
    color: #c29a5b;
}
.text_gold_s_p{
    max-width: 1101px;
    margin:0 auto;
    text-align:left;
    margin-bottom: 51px;
    font-size: 17px;
    line-height: 1.6;
    color: #666;
    /* line-height: 1.3; */
}

/* --- Общие отступы --- */
.productFilterWrapper {
    padding: 40px 0;
    background: transparent; /* Прозрачный фон */
}

/* Заголовок страницы (скрыт или стилизован, если нужен) */
.main-shop-title {
    text-align: center;
    display: none; /* Скрываем общий H1, так как у нас будут заголовки категорий */
}

/* Секция одной категории */
.category-section-wrapper {
    margin-bottom: 80px; /* Отступ между коллекциями */
}

/* Заголовок категории (Золотая коллекция) */
.collection-title {
    font-size: 42px;
    color: #942929; /* Цвет как на фото (приглушенный красный/кирпичный) */
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
    text-transform: none;
    font-family: 'Montserrat', sans-serif; /* Или твой шрифт */
}

/* Сетка товаров */
.products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 товара в ряд */
    gap: 40px; /* Расстояние между бутылками */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Карточка товара */
.product-item {
    text-align: center;
    position: relative;
    transition: transform 0.3s ease;
}

.product-item:hover {
    transform: translateY(-5px); /* Легкое всплытие при наведении */
}

.product-link {
    text-decoration: none;
    display: block;
}

/* Изображение */
.product-img-box img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px; /* Центрируем и отступ снизу */
    max-height: 400px; /* Ограничение высоты бутылки */
    object-fit: contain;
}

/* Название товара (Коньяк Эпос) */
.product-title-custom {
    font-size: 20px;
    color: #990000; /* Темно-красный цвет текста */
    font-weight: 500;
    margin: 0;
    line-height: 1.3;
}

/* Скрываем кнопки, чтобы было чисто как на фото */
.hidden-actions {
    display: none; 
}

/* АДАПТИВНОСТЬ */
@media (max-width: 992px) {
    .collection-title {
        font-size: 32px;
    }
    .products-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 в ряд на планшете */
    }
}

@media (max-width: 576px) {
    .products-grid {
        grid-template-columns: 1fr; /* 1 в ряд на телефоне */
    }
    .collection-title {
        font-size: 28px;
        margin-bottom: 30px;
    }
}
.factory-section {
    padding: 100px 0;
    overflow: hidden;
}

.factory-container {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    flex-wrap: wrap;
}
.container-cognac-best .factory-visual .image-box{
    margin-top: 38px;
}
.factory-visual {
    position: relative;
    flex: 1.2;
    /* Изначально скрываем для анимации */
    opacity: 0;
}

.image-box img {
    width: 100%;
    height: auto;
    display: block;
}

/* Фикс заголовка по твоему скриншоту инспектора */
.factory-title-wrap {
    /* position: absolute; */
    /* top: -40px; */
    left: 100px;
    /* display: flex; */
    /* flex-direction: column; */
    z-index: 2;
}
.factory-content .factory-subtitle{
    margin-bottom: 20px;
    margin-top: 48px;
    text-align: r;
}
.title-big {
    font-size: clamp(60px, 8vw, 127px);
    font-weight: bold;
    text-align: left;
    color: #922108;
    line-height: 1;
}
.history_company .title-big{
     font-size: clamp(50px, 8vw, 130px);
}
.history_company .title-big strong{
    margin:0;
    margin-top: 17px;
}

.title-big strong {
    display: block;
    font-size: clamp(50px, 8vw, 90px);
    font-weight: normal;
    /* margin-left: 140px; */
}

.factory-content {
    flex: 1;
    padding-top: 40px;
    opacity: 0;
}

/* --- КЛАССЫ АНИМАЦИИ (сработают через JS) --- */

/* Эффект шторки для картинки */
.factory-visual.active {
    animation: revealImage 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes revealImage {
    0% {
        opacity: 0;
        clip-path: inset(0 100% 0 0); /* Закрыто справа */
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0); /* Полностью открыто */
        transform: translateY(0);
    }
}

/* Плавное появление текста */
.factory-content.active {
    animation: revealText 1s ease-out 0.4s forwards; /* Задержка 0.4с */
}

@keyframes revealText {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}
.simple-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

.simple-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); /* Затемнение фона */
    cursor: pointer;
}

.simple-modal-container {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1000px; /* Ширина плеера */
    z-index: 10001;
}

.simple-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Соотношение сторон 16:9 */
    height: 0;
}

.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    background: #000;
}

.shops-section {
    padding: 80px 0;
    /* background-color: #f9f9f9; */ /* Светлый фон чтобы выделить карточки */
}

.shops-main-title {
    text-align: center;
    font-size: 36px;
    /* text-transform: uppercase; */
    margin-bottom: 50px;
    font-weight: bold;
}

.shops-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Карточка магазина */
.shop-card {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr; /* Три колонки: Фото, Инфо, Карта */
    /* background: #fff; */
    border: 1px solid #e0e0e0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.shop-card:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border-color: #990000; /* Цвет бренда при наведении */
}

/* Изображение */
.shop-image img {
    width: 100%;
    height: 277px;
    object-fit: cover;
    display: block;
}

/* Блок текста */
.shop-info {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.shop-title {
    font-size: 23px;
    /* font-weight: bold; */
    margin-bottom: 30px;
    line-height: 1.3;
    /* text-transform: uppercase; */
}

.shop-description {
    font-size: 15px;
    line-height: 1.6;
}

/* Карта */
.shop-map {
    width: 100%;
    height: 100%;
    min-height: 250px;
}

.shop-map iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* Адаптив для мобилок */
@media (max-width: 992px) {
    .shop-card {
        grid-template-columns: 1fr; /* В одну колонку на планшетах */
    }
    .shop-image {
        height: 250px;
    }
}

.shops-hero {
    position: relative;
    height: 563px; /* Высота блока как на макете */
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center top;
    margin-bottom: 60px;
}

/* Оверлей (затемнение фото) */
.shops-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #1e000094;; /* Темно-коричневый оттенок с прозрачностью */
    z-index: 1;
}

/* Заголовок поверх всего */
.shops-hero .shops-main-title {
    position: relative;
    z-index: 2;
    color: #ffffff;
    top: 118px;
    font-size: 64px;
    font-weight: bold;
    padding-top: 17px;
    /* text-transform: uppercase; */
    text-align: center;
    margin: 0;
    /* letter-spacing: 2px; */
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .shops-hero {
        height: 319px;
        margin-bottom: 10px;
    }
    .shops-hero .shops-main-title {
        font-size: 28px;
        top: 24px;
    }
    .shops-hero{
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: local;
        background-position: top center;
    }
}
.news-section-v2 {
    padding: 60px 0;
    /* background-color: #fff; */
}
.sub_title_top_page{
    font-size: 18px !important;
    text-align: center;
    font-weight:400 !important;
    color: #B7B7B7 !important;
    font-style: italic;
}

.container-v2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.news-main-title-v2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #1a1a1a;
}

/* Сетка карточек */
.news-grid-v2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки как на макете */
    gap: 30px;
}

/* Сама карточка */
.news-card-v2 {
    background: #f5f5f5; /* Серый фон из макета */
    transition: transform 0.3s ease;
}

.news-card-inner-v2 {
    display: flex; /* Делаем в ряд: фото | текст */
    height: 100%;
}

/* Фото */
.news-image-v2 {
    flex: 0 0 38%; /* Занимает 40% ширины карточки */
    overflow: hidden;
}

.news-image-v2 img {
    width: 100%;
    height: 268px;
    object-fit: contain;
    display: block;
}

/* Контентная часть */
.news-body-v2 {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
}

.news-cat-badge-v2 {
    background: #777;
    color: #fff;
    padding: 3px 10px;
    font-size: 11px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

.news-title-v2 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: bold;
}

.news-title-v2 a {
    color: #900000; /* Темно-красный заголовок */
    text-decoration: none;
}

/* Мета (админ, дата, комменты) */
.news-meta-bottom-v2 {
    font-size: 12px;
    color: #888;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.meta-item-v2 {
    display: flex;
    align-items: center;
}

/* Иконки можно добавить через псевдоэлементы или шрифты, здесь просто разделители */
.meta-item-v2:not(:last-child):after {
    content: "•";
    margin-left: 10px;
}

.news-excerpt-v2 {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* Адаптив */
@media (max-width: 992px) {
    .news-grid-v2 {
        grid-template-columns: 1fr; /* На планшетах в 1 ряд */
    }
}

@media (max-width: 576px) {
    .news-card-inner-v2 {
        flex-direction: column; /* На телефонах фото сверху */
    }
    .news-image-v2 {
        flex: 0 0 200px;
    }
}
/* Шапка новости */
.news-hero-v2 {
    position: relative;
    height: 60vh; /* Занимает 60% высоты экрана */
    min-height: 400px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end; /* Текст прижат к низу фото */
    padding-bottom: 60px;
}

/* Затемнение для читаемости текста */
.news-hero-overlay-v2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(45, 15, 15, 0.8) 100%);
    z-index: 1;
}

.news-hero-content-v2 {
    position: relative;
    z-index: 2;
    color: #fff;
}

.news-single-title-v2 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Мета-данные в ряд под заголовком */
.news-single-meta-v2 {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #ddd;
}

.news-single-meta-v2 .meta-item-v2 {
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Основной текст новости */
.news-content-body-v2 {
    padding: 60px 0;
    /* background-color: #fff; */
    /* Если хочешь фирменный узор на фоне как на скрине */
    /* background-image: url('path-to-your-pattern.png'); */
    background-repeat: repeat;
}

.news-text-v2 {
    max-width: 967px; /* Чтобы текст не растягивался на весь экран и легко читался */
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
    color: #333;
}

.news-text-v2 p {
    margin-bottom: 25px;
}

/* Адаптив */
@media (max-width: 768px) {
    .news-single-title-v2 { font-size: 28px; }
    .news-hero-v2 { height: 50vh; }
    .news-single-meta-v2 { flex-wrap: wrap; gap: 10px; }
}

/* Hero и инфо-панель */
.contacts-hero-v2 {
    position: relative;
    height: 350px;
    background: url('path-to-grapes-bg.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contacts-hero-overlay-v2 {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(45, 15, 15, 0.7);
}

.contacts-hero-title-v2 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
}

.contacts-info-bar-v2 {
    /* background: #fff; */
    padding: 0 0 60px;
    border-bottom: 1px solid #eee;
}

.info-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    gap: 20px;
}

.info-item-v2 h4 {
    color: #000;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.info-item-v2 a{
    color:#333;
    font-size:18px;
}


.info-item-v2 p {
    font-size: 17px;
    color: #666;
    margin-bottom: 5px;
}


.contacts-map-form-v2 {
    padding: 80px 0;
    background: #fdf6f0 url('/wp-content/uploads/2026/01/frame-1000001771-1.png') no-repeat bottom left;
}

.map-form-grid-v2 {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 50px;
    align-items: start;
}

.form-wrapper-v2 h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold;
}

/* Стилизация полей CF7 под макет */
.form-wrapper-v2 .wpcf7-form-control {
    width: 100%;
    padding: 12px;
    margin-bottom: 5px;
    border: 1px solid #ddd;
    background: #fff;
}

.form-wrapper-v2 .wpcf7-submit {
    background: none;
    /* border: 1px solid #ccc; */
    padding: 10px 40px;
    cursor: pointer;
    /* text-transform: uppercase; */
    font-weight: 400;
    font-family: 'Noto Sans';
    font-size: 16px;
    background: #eeddb2;
    transition: 0.3s;
}

.form-wrapper-v2 .wpcf7-submit:hover {
    background: #900000;
    color: #fff;
    border-color: #900000;
}

/* Карта */
.map-wrapper-v2 {
    height: 450px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.map-wrapper-v2 iframe {
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* Адаптив */
@media (max-width: 992px) {
    .info-grid-v2 { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .map-form-grid-v2 { grid-template-columns: 1fr; }
}

.topbar__nav__language__current{
    position:relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}

.topbar__nav__language {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    left: 26px;
}

.topbar__nav__language__list {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 50px;
    left: 0;
    background: #eeddb2;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: 0.15s ease;
}

.topbar__nav__language:hover .topbar__nav__language__list,
.topbar__nav__language:focus-within .topbar__nav__language__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.topbar__nav__language__list__item a {
    display: flex;
    align-items: center;
    padding: 13px 14px;
    color: inherit;
    text-decoration: none;
    gap: 10px;
    color: #200002;
    font-size: 15px;
    white-space: nowrap;
}

.topbar__nav__language__list__item a:hover {
    background: rgba(0,0,0,0.05);
}



.topbar__nav__language__list__item.set--active a {
    color: #ffffff !important;
}

.topbar__nav__language__list__item a:hover {
    color: #210002 !important;
}
.topbar__nav__language .is--icon-dropdown {
    position: absolute;
    top: 5px;
    right: -21px;
    width: 7px;
    height: 7px;
    min-width: 5px;
    min-height: 5px;
    pointer-events: none;
    z-index: 3;
}
.icon-svg {
    width: 19px;
    position: relative;
    height: 19px;
    top: 3px;
}
.icon svg path,
.icon-svg path {
    fill: #eeddb2 !important;
}
.current-lang-label{
    color:#eeddb2;
}
.icon.is--icon-dropdown svg {
    width: 14px;
    height: 14px;
    position: relative;
    width: 10px;
    top: -2px;
    right: 6px;
}
.topbar__nav__language__list__item a:hover .icon-svg {
    fill: #1a1a1a !important;
}
.is--icon-arrow-left svg path {
    fill: #1a1a1a !important;
}
.elementor-icon-list-text{
    font-size: 22px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.elementor-icon-list-text img{
    width: 23px;
    height: 21px;
}
.product-template-default .container,
.single .container,
.single-product .container,
.archive.post-type-archive .container,
.archive.post-type-archive .container {
    max-width: 1110px;
    margin: 0 auto;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-icon-right > a.mega-menu-link:before{
    position: relative;
    top: 2px;
}

.gold-collection-section .owl-carousel{
    display:block !important;
}
.gold-collection-section .gold-item{
    margin-bottom:30px  !important;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.mega-menu-link {
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important; 
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999; 
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.hide {
     opacity: 0;
   visibility: hidden; 
}

.loader-content img {
    width: 279px; 
    height: auto;
}
/* Прячем первые два селектора в блоке даты рождения */
#agc_dob .agc_select_wrap:nth-child(1),
#agc_dob .agc_select_wrap:nth-child(2) {
    display: none !important;
}

/* Делаем третий (Год) широким */
#agc_dob .agc_select_wrap:nth-child(3) {
    width: 100% !important;
}

.custom-lightbox-overlay {
    /* Форсируем использование видеокарты (GPU) */
    backface-visibility: hidden;
    perspective: 1000px;
}

#product-lightbox img {
    /* Подсказываем браузеру, что это будет меняться, чтобы он выделил отдельный слой */
    will-change: transform;
    /* Убедись, что транзишн только для opacity у оверлея, 
       а для картинки только когда есть класс .img-transition */
}

.img-transition {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close{
    color: #827a65 !important;
}