@media screen and (max-width: 1900px) { .container{max-width:1400px;} #mFull .container{grid-template-rows: 115px 1fr 65px;} #mFull .container .header{padding:10px 0;} #mFull .container .header span{padding-left:15px} #mFull .container .header .flags img{height: 53px;} #mFull .closebtn{font-size:46px; max-width:90px} #mFull .container .content .topMenu{padding:23px 0;} #mFull .container .content .topMenu .socials .social{padding:10px 0; margin-right:0; margin:0 28px} #mFull .container .content .topMenu .socials .social p{font-size:16px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 12px;padding:0 0 0 12px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:5px} #mFull .container .content .topMenu .socials .social .icons a img{height:32px;} #mFull .container .content .topMenu .socials .line{height:67px; margin:0 15px} #mFull .container .content .topMenu .socials .single{padding:10px 0} #mFull .container .content .topMenu .socials .single img{height:30px;} #mFull .container .content .topMenu .socials .single p{font-size:16px; padding-right:12px;margin-right:12px;} #mFull .container .content .topMenu .phone .text{margin-left:10px;padding-left:10px;} #mFull .container .content .topMenu .phone .text p{font-size:16px;color: #04305e;padding:0;margin:0} #mFull .container .content .topMenu .phone .text h1{font-size:20px;} #mFull .container .content .topMenu .phone img{height:35px;} #mFull .container .content .mMenuM{grid-template-columns: 1fr 230px; padding:20px 0;} #mFull .container .content .mMenuM .leftMenu{padding-right: 25px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 10px 0; margin-top: -10px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 315px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 35px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 35px;width: 85px;height: 6px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 17px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 15px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 46px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 18px;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:6px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:15px;margin-top:9px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:7px; font-size:17px;} #mFull .footerNav{padding:15px 0;} #mFull .footerNav-social span{font-size:13px} #mFull .footerNav-inviva img{height:21px} #header{height: 110px;} #header .container .hLeft .logo{height: 57px;} #header .container .hMiddle ul li{margin: 0 12px;} #header .container .hMiddle ul li a{padding-top: 12px; font-size: 15px;} #header .container .hRight{margin-top: 35px;} #header .container .hRight .mobileMenu{height: 75px; width: 75px;} #header .container .hRight .mobileMenu img{height: 20px;} #header .container .hRight .menuText .textSince{height: 75px; padding: 0 20px;} #header .container .hRight .menuText .textSince h1{font-size: 28px;} #header .container .hRight .menuText .textSince p{font-size: 12px; margin-left: 5px;} #header .container .hRight .menuText .textContent{padding: 13px 20px;} #header .container .hRight .menuText .textContent p{font-size: 13px;} #projectHeader{top: 110px;} #projectHeader .container{padding: 52px 35px 40px;} #projectHeader .container .projectList .swiper-container{padding: 12px 0; margin-top: -12px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .image{height: 315px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 35px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 35px;width: 85px;height: 6px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 17px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 15px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 46px;} #serviceHeader{top: 110px;} #serviceHeader .container .listService a{flex: 25%; font-size: 16px; padding: 25px 40px;} #serviceHeader .container .contentService{padding: 35px 40px;} #serviceHeader .container .contentService .content{width: calc((100% - 84px) / 3); padding: 40px 40px 40px 0;} #serviceHeader .container .contentService .content .title h1{font-size: 27px; margin-bottom: 13px; padding-bottom: 13px;} #serviceHeader .container .contentService .content .title h1::after{bottom: -4px; height: 4px; width: 50px;} #serviceHeader .container .contentService .content .title p{font-size: 16px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn{height: 46px; font-size: 15px; padding: 0 25px; border-radius: 23px; border-width: 0 2px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon{margin-left: 6px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon img{height: 46px;} #serviceHeader .container .contentService .image{width: calc((200% + 84px) / 3); height: 400px;} #slider{max-height:740px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:1400px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 0; bottom: 40px; max-width: 520px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 54px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 31px;} #slider .sRight .sArrow .swiper-arrow{width: 95px; height: 80px;} #slider .sRight .sArrow .swiper-arrow img{height: 27px;} #slider .sRight .socialMCap{width: 82px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 82px solid #ffffff; border-left: 82px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 65px; height: 82px; right: 0; top: -13px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 82px; height: 82px;} #slider .sRight .socialMCap .socialCap{padding: 10px 0 20px;} #slider .sRight .socialMCap .socialCap a{margin-top: 5px; height: 33px;} #slider .container .swiper-pagination{bottom: -25px;} #slider .container .swiper-pagination-bullet{width:13px; height:6px; margin-left: 6px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #homeCorporate{margin: 50px 0;} #homeCorporate .container{height: 480px;} #homeCorporate .container .text h1{font-size: 31px;} #homeCorporate .container .text p{font-size: 17px; max-width: 80%; margin: 15px 0;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 25px; height: 46px; border-radius: 23px; font-size: 15px; border-width: 0 2px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 2px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 6px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 46px;} #homeCorporate .image{width: 50%; height: 480px; border-top-left-radius: 240px; border-bottom-left-radius: 240px;} #homeCorporate .icon img{height: 235px;} #homeProject{gap: 5px; height: 460px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 110px;} #homeProject .container .title a p{font-size: 14px;} #homeProject .container .title a img{height: 28px; margin-left: 13px;} #homeProject .container .content{grid-template-columns: 280px 1fr;} #homeProject .container .content .proText{margin-right: 50px;} #homeProject .container .content .proText .text h1{font-size: 27px;} #homeProject .container .content .proText .text p{font-size: 15px; max-width: 80%;} #homeProject .container .content .proText .iconCmr{margin-top: 26px;} #homeProject .container .content .proText .iconCmr img{width: 54px;} #homeProject .container .content .proText .swiper-pagination{bottom: 95px;} #homeProject .container .content .proText .swiper-pagination-bullet{width: 13px;height: 6px; margin-right:6px;} #homeProject .container .content .proText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;} #homeProject .container .content .proList .swiper-container{padding: 12px 0; margin-top: -12px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 350px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 35px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 35px;width: 85px;height: 6px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 17px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 15px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 46px;} #homeProject .proRight{flex: .67;} #homeService{margin: 65px 0 0; padding: 50px 0 0;} #homeService .container{grid-template-columns: 280px 1fr;} #homeService .container .serviceText{margin-right: 50px;} #homeService .container .serviceText .text{margin-bottom: 85px;} #homeService .container .serviceText .text h1{font-size: 27px;} #homeService .container .serviceText .text p{font-size: 15px; max-width: 80%; margin-top: 10px;} #homeService .container .serviceText .image{height: 325px;} #homeService .container .serviceList{margin-top: 62px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 16px; margin-right: 16px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 4px 0; font-size: 15px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -7px; width: 85%; height: 4px;} #homeService .container .serviceList .serviceContent{margin-top: 32px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 84px) / 3); padding: 46px 40px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 27px; margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -4px; height: 4px; width: 50px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 15px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 46px; font-size: 15px; padding: 0 25px; border-radius: 23px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 6px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 46px;} #homeService .container .serviceList .serviceContent .image{width: calc((200% + 84px) / 3); height: 400px;} #homeCompany{height: 460px; margin-top: -50px;} #homeCompany .container .companyList{padding: 115px 80px 65px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 90px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 142px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 37px; margin: 25px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 27px; margin: 8px 0 0;} #homeNews{margin: 55px 0;} #homeNews .container{gap: 42px;} #homeNews .container .contentNews{width: calc(50% - 21px); padding: 35px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 35px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .6;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .4;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 19px; padding: 0 0 13px; margin: 0 0 13px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -4px;height: 4px; width: 50px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 19px; width: 90%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 15px; width: 90%; margin: 22px 0 0;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 46px; font-size: 15px; padding: 0 25px; border-radius: 23px; border-width: 0 2px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 2px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 6px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 46px;} #homeNews .container .contentGalery{width: calc(50% - 21px);} #homeNews .container .contentGalery .content .text{width: 70%; height: 130px;} #homeNews .container .contentGalery .content .text p{font-size: 27px; max-width: 72%;} #homeNews .imageBg{width: calc(50% - 21px);} #homeContact{height: 425px;} #homeContact .container .text h1{font-size: 27px; max-width: 55%;} #homeContact .container .text p{font-size: 19px; max-width: 65%; margin: 20px 0 25px;} #homeContact .container .text a{font-size: 19px;} #homeContact .container .text a img{height: 32px; margin-right: 12px;} #footer{border-top: 6px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 50px 0;} #footer .container .ftrLeft{margin-right: 105px;} #footer .container .ftrLeft .image{height: 46px;} #footer .container .ftrLeft .text{max-width: 200px; margin-top: 40px;} #footer .container .ftrLeft .text h2{font-size: 14px;} #footer .container .ftrLeft .text p{font-size: 14px;} #footer .container .ftrRight .single{margin-right: 65px;} #footer .container .ftrRight .single a{font-size: 15px;} #footer .container .ftrRight .single .title{margin-top: 30px;} #footer .container .ftrRight .single .contactBtn{font-size: 16px; margin-top: 26px;} #footer .container .ftrRight .single .contactBtn img{height: 24px; margin-right: 8px;} #footer .container .ftrRight .single .socialBtn{margin-top: 30px;} #footer .container .ftrRight .single .socialBtn a img{height: 30px; margin-right: 6px;} #footer .container .ftrRight .single .aderssBtn{max-width: 55%;} #ftrInviva{height: 75px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 14px;} #pageDetailContent .container{grid-template-columns: 380px 70%; grid-gap: 0 40px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 85px;} #pageDetailContent .container .pageLeft .detailMenu .title .line{width: 40%;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText{padding: 20px 34px 34px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 18px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 22px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p{font-size: 14px;padding: 5px 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img{ height: 30px;width: 30px;} #pageDetailContent .container .pageRight .pProList .single{padding: 25px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 210px;} #pageDetailContent .container .pageLeft{margin-top: -125px;} #pageDetailContent .container .pageRight .naviPages{padding: 27px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 24px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 13px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 12px;margin: 0 3px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 275px;} #pageTopNvg {margin-top: 0;height: 390px;} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 60px;} #pageTopNvg .container .text .imageI img{height: 63px;} #pageTopNvg .container .text .slogan h1{font-size: 26px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 95px;} } @media screen and (max-width: 1480px) { .container{max-width:100%; padding: 0 25px;} #mFull .container{grid-template-rows: 100px 1fr 60px; padding: 0 25px;} #mFull .container .header{padding:8px 0;} #mFull .container .header .flags img{height: 47px;} #mFull .closebtn{font-size:42px; max-width:85px} #mFull .container .content .topMenu{padding:17px 0;} #mFull .container .content .topMenu .socials .social{padding:8px 0; margin-right:0; margin:0 22px} #mFull .container .content .topMenu .socials .social p{font-size:15px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 9px;padding:0 0 0 9px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:4px} #mFull .container .content .topMenu .socials .social .icons a img{height:30px;} #mFull .container .content .topMenu .socials .line{height:65px; margin:0 10px} #mFull .container .content .topMenu .socials .single{padding:8px 0} #mFull .container .content .topMenu .socials .single img{height:28px;} #mFull .container .content .topMenu .socials .single p{font-size:15px; padding-right:9px;margin-right:9px;} #mFull .container .content .topMenu .phone .text{margin-left:9px;padding-left:9px;} #mFull .container .content .topMenu .phone .text p{font-size:15px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:18px;} #mFull .container .content .topMenu .phone img{height:33px;} #mFull .container .content .mMenuM{grid-template-columns: 1fr 215px; padding:20px 0;} #mFull .container .content .mMenuM .leftMenu{padding-right: 20px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 10px 0; margin-top: -10px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 270px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 25px 30px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 30px;width: 75px;height: 5px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 15px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 14px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 42px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 16px;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:6px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:14px;margin-top:8px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:6px; font-size:15px;} #mFull .footerNav{padding:12px 0;} #mFull .footerNav-social span{font-size:12px} #mFull .footerNav-inviva img{height:19px} #header{height: 95px;} #header .container .hLeft .logo{height: 50px;} #header .container .hMiddle ul li{margin: 0 10px;} #header .container .hMiddle ul li a{padding-top: 6px; font-size: 14px;} #header .container .hRight{margin-top: 28px;} #header .container .hRight .mobileMenu{height: 67px; width: 67px;} #header .container .hRight .mobileMenu img{height: 18px;} #header .container .hRight .menuText .textSince{height: 67px; padding: 0 17px;} #header .container .hRight .menuText .textSince h1{font-size: 26px;} #header .container .hRight .menuText .textSince p{font-size: 11px; margin-left: 5px;} #header .container .hRight .menuText .textContent{padding: 13px 17px;} #header .container .hRight .menuText .textContent p{font-size: 12px;} #projectHeader{top: 95px;} #projectHeader .container{padding: 35px 25px 25px;} #projectHeader .container .projectList .swiper-container{padding: 12px 0; margin-top: -12px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .image{height: 270px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 25px 30px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 30px;width: 75px;height: 5px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 15px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 14px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 42px;} #serviceHeader{top: 95px;} #serviceHeader .container .listService a{flex: 25%; font-size: 15px; padding: 20px 30px;} #serviceHeader .container .contentService{padding: 30px 30px 35px;} #serviceHeader .container .contentService .content{width: calc((100% - 64px) / 3); padding: 30px 30px 30px 0;} #serviceHeader .container .contentService .content .title h1{font-size: 24px; margin-bottom: 10px; padding-bottom: 10px;} #serviceHeader .container .contentService .content .title h1::after{bottom: -3px; height: 3px; width: 45px;} #serviceHeader .container .contentService .content .title p{font-size: 15px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn{height: 42px; font-size: 14px; padding: 0 20px; border-radius: 21px; border-width: 0 2px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon{margin-left: 5px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon img{height: 42px;} #serviceHeader .container .contentService .image{width: calc((200% + 64px) / 3); height: 350px;} #slider{max-height:640px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 25px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 25px; bottom: 20px; max-width: 460px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 48px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 28px;} #slider .sRight .sArrow .swiper-arrow{width: 82px; height: 70px;} #slider .sRight .sArrow .swiper-arrow img{height: 25px;} #slider .sRight .socialMCap{width: 72px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 72px solid #ffffff; border-left: 72px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 55px; height: 72px; right: 0; top: -10px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 72px; height: 72px;} #slider .sRight .socialMCap .socialCap{padding: 8px 0 16px;} #slider .sRight .socialMCap .socialCap a{margin-top: 4px; height: 30px;} #slider .container .swiper-pagination{bottom: -25px;} #slider .container .swiper-pagination-bullet{width:10px; height:5px; margin-left: 5px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;} #homeCorporate{margin: 45px 0;} #homeCorporate .container{height: 420px;} #homeCorporate .container .text h1{font-size: 27px; line-height: 1.15;} #homeCorporate .container .text p{font-size: 15px; max-width: 83%; margin: 12px 0;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 20px; height: 42px; border-radius: 21px; font-size: 14px; border-width: 0 2px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 2px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 5px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 42px;} #homeCorporate .image{width: 50%; height: 420px; border-top-left-radius: 210px; border-bottom-left-radius: 210px;} #homeCorporate .icon img{height: 205px;} #homeProject{gap: 5px; height: 410px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 95px;} #homeProject .container .title a p{font-size: 13px;} #homeProject .container .title a img{height: 26px; margin-left: 11px;} #homeProject .container .content{grid-template-columns: 250px 1fr;} #homeProject .container .content .proText{margin-right: 40px;} #homeProject .container .content .proText .text h1{font-size: 24px;} #homeProject .container .content .proText .text p{font-size: 14px; max-width: 80%;} #homeProject .container .content .proText .iconCmr{margin-top: 22px;} #homeProject .container .content .proText .iconCmr img{width: 49px;} #homeProject .container .content .proText .swiper-pagination{bottom: 75px;} #homeProject .container .content .proText .swiper-pagination-bullet{width: 10px;height: 5px; margin-right:5px;} #homeProject .container .content .proText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;} #homeProject .container .content .proList .swiper-container{padding: 12px 0; margin-top: -12px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 315px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 25px 30px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 30px;width: 75px;height: 5px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 15px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 14px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 42px;} #homeProject .proRight{flex: .67;} #homeService{margin: 55px 0 0; padding: 40px 0 0;} #homeService .container{grid-template-columns: 250px 1fr;} #homeService .container .serviceText{margin-right: 40px;} #homeService .container .serviceText .text{margin-bottom: 85px;} #homeService .container .serviceText .text h1{font-size: 24px;} #homeService .container .serviceText .text p{font-size: 14px; max-width: 81%; margin-top: 8px;} #homeService .container .serviceText .image{height: 295px;} #homeService .container .serviceList{margin-top: 50px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 10px; margin-right: 10px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 3px 0; font-size: 14px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -6px; width: 85%; height: 3px;} #homeService .container .serviceList .serviceContent{margin-top: 26px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 64px) / 3); padding: 40px 34px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 24px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -3px; height: 3px; width: 45px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 14px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 42px; font-size: 14px; padding: 0 20px; border-radius: 21px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 5px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 42px;} #homeService .container .serviceList .serviceContent .image{width: calc((200% + 64px) / 3); height: 360px;} #homeCompany{height: 400px; margin-top: -40px;} #homeCompany .container .companyList{padding: 90px 60px 50px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 76px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 122px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 32px; margin: 20px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 24px; margin: 7px 0 0;} #homeNews{margin: 45px 0;} #homeNews .container{gap: 34px;} #homeNews .container .contentNews{width: calc(50% - 17px); padding: 30px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 30px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .6;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .4;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 17px; padding: 0 0 13px; margin: 0 0 13px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -4px;height: 4px; width: 50px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 17px; width: 95%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 14px; width: 95%; margin: 15px 0 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 42px; font-size: 14px; padding: 0 20px; border-radius: 21px; border-width: 0 2px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 2px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 5px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 42px;} #homeNews .container .contentGalery{width: calc(50% - 17px);} #homeNews .container .contentGalery .content .icon{height: 95%;} #homeNews .container .contentGalery .content .text{width: 78%; height: 100px;} #homeNews .container .contentGalery .content .text p{font-size: 24px; max-width: 72%;} #homeNews .imageBg{width: calc(50% - 17px);} #homeContact{height: 375px;} #homeContact .container .text h1{font-size: 24px; max-width: 50%;} #homeContact .container .text p{font-size: 17px; max-width: 60%; margin: 16px 0 20px;} #homeContact .container .text a{font-size: 17px;} #homeContact .container .text a img{height: 28px; margin-right: 10px;} #footer{border-top: 5px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 40px 25px;} #footer .container .ftrLeft{margin-right: 90px;} #footer .container .ftrLeft .image{height: 42px;} #footer .container .ftrLeft .text{max-width: 190px; margin-top: 35px;} #footer .container .ftrLeft .text h2{font-size: 13px;} #footer .container .ftrLeft .text p{font-size: 13px;} #footer .container .ftrRight .single{margin-right: 55px;} #footer .container .ftrRight .single a{font-size: 14px;} #footer .container .ftrRight .single .title{margin-top: 25px;} #footer .container .ftrRight .single .contactBtn{font-size: 15px; margin-top: 20px;} #footer .container .ftrRight .single .contactBtn img{height: 22px; margin-right: 7px;} #footer .container .ftrRight .single .socialBtn{margin-top: 25px;} #footer .container .ftrRight .single .socialBtn a img{height: 28px; margin-right: 5px;} #footer .container .ftrRight .single .aderssBtn{max-width: 60%;} #ftrInviva{height: 70px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 13px;} #pageNavigationImg{height: 250px;} #pageNavigationImg .container .text{left: 10px;} #pageNavigationImg .container .text a{font-size: 18px;} #pageDetailContent .container{grid-template-columns: 335px 69%;grid-gap: 0 25px;} #pageDetailContent .container .pageRight .content{padding: 20px;} #pageDetailContent .container .pageRight .content p{width: 95%;} #pageDetailContent .container .pageRight .content .ourTeams .single{flex:1 0 40%} #pageDetailContent .container .pageRight .content .ourTeams .single img{height: 150px;} #pageDetailContent .container .pageRight .content .ourTeams .single h1{font-size: 15px;text-align: center;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 30px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 35px;padding-right: 15px;margin-right: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 16px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 12px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 20px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 74px; margin-bottom: 10px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 19px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 15px 0 20px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 30px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 300px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 322px;margin-top: -20px;border: 7px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 18px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 10px 10px 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 8px;margin-left: 8px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image:before{top: -8px;height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 21px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 20px;padding: 20px; border-radius: 15px;} #pageDetailContent .container .pageRight .pProList .single{padding: 20px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 200px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 20px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 15px;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 7px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 15px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 13px 18px; font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 40px 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 25px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 16px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 16px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 45px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 20px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 20px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 350px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider .swiper-container .swiper-slide{padding: 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 11px;height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 130px;padding: 7px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 14px;padding: 9px 13px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 23px;margin-right: 7px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{padding: 20px;margin-bottom: 18px; border-radius: 15px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 24px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 18px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 18px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 15px; margin-bottom: 7px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 26px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 14px;padding: 6px 0 0;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 15px;padding: 10px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 10px;margin-top: 10px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 30px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 15px;} #pageDetailContent .container .pageRight .prevButtons{margin: 20px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP {font-size: 13px;padding: 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 12px;margin: 0 7px;} #pageDetailContent .container .pageRight .table{margin-top: 15px;} #pageDetailContent .container .pageRight table{margin-top: 17px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 10px 12px;} #pageDetailContent .container .pageRight table th{padding: 10px 12px;} #pageDetailContent .container .pageRight table td{padding: 9px 12px; font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 200px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 12px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 18px;} #pageDetailContent .container .pageRight .pageContact{padding: 28px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 18px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 27px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 14px;margin-left: 10px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 20px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 10px 8px 20px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 15px;margin-left: 3px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 15px!important;} #pageDetailContent .container .pageRight .iconsProT{padding: 10px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 10px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 60px;height: 60px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 13px 12px;flex: 1 0 33.3%;border-bottom:1px solid #cdd0d3;border-left: 0px solid #cdd0d3!important;;border-right: 1px solid #cdd0d3!important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+4){/* border-bottom:1px solid #cdd0d3; */} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+3){/* border-bottom:0px solid; */} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(3n-2){border-left:1px solid #cdd0d3; border-right:1px solid #cdd0d3 !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:last-child{border-right:0px !important;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 85px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 15px;margin-left: 10px;} #pageDetailContent .container .pageRight .brosurs .single{padding: 9px 7px;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 14px;} #pageDetailContent .container .pageRight .brosurs .single .left i{padding-right: 5px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 34px;} #pageDetailContent .container .pageRight .naviPages{padding:0 0 20px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 20px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 12px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 12px;margin: 0 3px;} #pageDetailContent .container .pageLeft {margin-top: -100px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 25px 20px;} #pageDetailContent .container .pageLeft .detailMenu .menuService{border-top-right-radius: 15px; border-top-left-radius: 15px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 0 0 20px;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 18px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 14px; padding: 11px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 17px; margin: 0 5px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage:before{width: 40px; right: -40px;} #pageDetailContent .container .pageLeft .detailMenu li:hover:before{width: 40px; right: -40px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 225px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText { padding: 20px 25px 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 25px;width: 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 12px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text{padding-top: 0;} #pageTopNvg {margin-top: 0;height: 350px;} #pageTopNvg .container .text .slogan h1{font-size: 23px;} } @media screen and (max-width: 1200px) { .container{max-width:100%; padding: 0 20px;} #header{height: 85px;} #header .container .hLeft .logo{height: 44px;} #header .container .hMiddle ul li{margin: 0 8px;} #header .container .hMiddle ul li a{padding-top: 6px; font-size: 13px;} #header .container .hRight{margin-top: 27px;} #header .container .hRight .mobileMenu{height: 58px; width: 58px;} #header .container .hRight .mobileMenu img{height: 16px;} #header .container .hRight .menuText .textSince{height: 58px; padding: 0 14px;} #header .container .hRight .menuText .textSince h1{font-size: 24px;} #header .container .hRight .menuText .textSince p{font-size: 10px; margin-left: 4px;} #header .container .hRight .menuText .textContent{padding: 10px 14px;} #header .container .hRight .menuText .textContent p{font-size: 11px;} #mFull .container{grid-template-rows: 85px 1fr 55px; padding: 0 20px;} #mFull .container .header{padding:7px 0;} #mFull .container .header .flags img{height: 42px;} #mFull .closebtn{font-size:39px; max-width:80px} #mFull .container .content .topMenu{padding:14px 0;} #mFull .container .content .topMenu .socials .social{padding:6px 0; margin-right:0; margin:0 18px} #mFull .container .content .topMenu .socials .social p{font-size:14px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 8px;padding:0 0 0 8px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:4px} #mFull .container .content .topMenu .socials .social .icons a img{height:27px;} #mFull .container .content .topMenu .socials .line{height:60px; margin:0 10px} #mFull .container .content .topMenu .socials .single{padding:6px 0} #mFull .container .content .topMenu .socials .single img{height:25px;} #mFull .container .content .topMenu .socials .single p{font-size:14px; padding-right:8px;margin-right:8px;} #mFull .container .content .topMenu .phone .text{margin-left:8px;padding-left:8px;} #mFull .container .content .topMenu .phone .text p{font-size:14px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:16px;} #mFull .container .content .topMenu .phone img{height:30px;} #mFull .container .content .mMenuM{grid-template-columns: 1fr 200px; padding:20px 0;} #mFull .container .content .mMenuM .leftMenu{padding-right: 16px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 8px 0; margin-top: -8px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 230px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 20px 23px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 23px;width: 65px;height: 4px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 14px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 13px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 38px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 12px;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:5px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:13px;margin-top:7px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:5px; font-size:14px;} #mFull .footerNav{padding:11px 0;} #mFull .footerNav-social span{font-size:12px} #mFull .footerNav-inviva img{height:18px} #projectHeader{top: 85px;} #projectHeader .container{padding: 30px 20px 20px;} #projectHeader .container .projectList .swiper-container{padding: 10px 0; margin-top: -10px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .image{height: 230px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 20px 23px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 23px;width: 65px;height: 4px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 14px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 13px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 38px;} #serviceHeader{top: 85px;} #serviceHeader .container .listService a{flex: 25%; font-size: 14px; padding: 17px 25px;} #serviceHeader .container .contentService{padding: 25px 25px 30px;} #serviceHeader .container .contentService .content{width: calc((100% - 32px) / 3); padding: 25px 25px 25px 0;} #serviceHeader .container .contentService .content .title h1{font-size: 22px; margin-bottom: 8px; padding-bottom: 8px;} #serviceHeader .container .contentService .content .title h1::after{bottom: -3px; height: 3px; width: 45px;} #serviceHeader .container .contentService .content .title p{font-size: 14px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn{height: 38px; font-size: 13px; padding: 0 16px; border-radius: 19px; border-width: 0 2px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon{margin-left: 5px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon img{height: 38px;} #serviceHeader .container .contentService .image{width: calc((200% + 32px) / 3); height: 300px;} #slider{max-height:560px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 20px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 20px; bottom: 12px; max-width: 415px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 42px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 25px;} #slider .sRight .sArrow .swiper-arrow{width: 70px; height: 60px;} #slider .sRight .sArrow .swiper-arrow img{height: 22px;} #slider .sRight .socialMCap{width: 60px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 60px solid #ffffff; border-left: 60px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 45px; height: 60px; right: 0; top: -9px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 60px; height: 60px;} #slider .sRight .socialMCap .socialCap{padding: 7px 0 14px;} #slider .sRight .socialMCap .socialCap a{margin-top: 3px; height: 27px;} #slider .container .swiper-pagination{bottom: -20px;} #slider .container .swiper-pagination-bullet{width:10px; height:5px; margin-left: 5px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;} #homeCorporate{margin: 37px 0;} #homeCorporate .container{height: 380px;} #homeCorporate .container .text h1{font-size: 24px; line-height: 1.15;} #homeCorporate .container .text p{font-size: 14px; max-width: 86%; margin: 10px 0;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 16px; height: 38px; border-radius: 19px; font-size: 13px; border-width: 0 2px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 2px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 4px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 38px;} #homeCorporate .image{width: 50%; height: 380px; border-top-left-radius: 190px; border-bottom-left-radius: 190px;} #homeCorporate .icon img{height: 185px;} #homeProject{gap: 5px; height: 360px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 80px;} #homeProject .container .title a p{font-size: 12px;} #homeProject .container .title a img{height: 24px; margin-left: 10px;} #homeProject .container .content{grid-template-columns: 225px 1fr;} #homeProject .container .content .proText{margin-right: 32px;} #homeProject .container .content .proText .text h1{font-size: 22px;} #homeProject .container .content .proText .text p{font-size: 13px; max-width: 80%;} #homeProject .container .content .proText .iconCmr{margin-top: 20px;} #homeProject .container .content .proText .iconCmr img{width: 45px;} #homeProject .container .content .proText .swiper-pagination{bottom: 65px;} #homeProject .container .content .proText .swiper-pagination-bullet{width: 10px;height: 5px; margin-right:5px;} #homeProject .container .content .proText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;} #homeProject .container .content .proList .swiper-container{padding: 10px 0; margin-top: -10px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 280px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 20px 23px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 23px;width: 65px;height: 4px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 14px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 13px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 38px;} #homeProject .proRight{flex: .67;} #homeService{margin: 45px 0 0; padding: 35px 0 0;} #homeService .container{grid-template-columns: 225px 1fr;} #homeService .container .serviceText{margin-right: 32px;} #homeService .container .serviceText .text{margin-bottom: 85px;} #homeService .container .serviceText .text h1{font-size: 22px;} #homeService .container .serviceText .text p{font-size: 13px; max-width: 83%; margin-top: 6px;} #homeService .container .serviceText .image{height: 255px;} #homeService .container .serviceList{margin-top: 38px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 3px 0; font-size: 13px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -5px; width: 87%; height: 3px;} #homeService .container .serviceList .serviceContent{margin-top: 20px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 32px) / 3); padding: 32px 27px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 22px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -3px; height: 3px; width: 45px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 13px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 38px; font-size: 13px; padding: 0 16px; border-radius: 19px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 5px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 38px;} #homeService .container .serviceList .serviceContent .image{width: calc((200% + 32px) / 3); height: 320px;} #homeCompany{height: 350px; margin-top: -40px;} #homeCompany .container .companyList{padding: 85px 40px 45px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 66px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 105px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 27px; margin: 15px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 22px; margin: 5px 0 0;} #homeNews{margin: 38px 0;} #homeNews .container{gap: 26px;} #homeNews .container .contentNews{width: calc(50% - 13px); padding: 25px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 21px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .6;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .4;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 15px; padding: 0 0 10px; margin: 0 0 10px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -4px;height: 4px; width: 45px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 15px; width: 95%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 13px; width: 95%; margin: 15px 0 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 38px; font-size: 13px; padding: 0 16px; border-radius: 19px; border-width: 0 2px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 2px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 5px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 38px;} #homeNews .container .contentGalery{width: calc(50% - 13px);} #homeNews .container .contentGalery .content .icon{height: 95%;} #homeNews .container .contentGalery .content .text{width: 78%; height: 82px;} #homeNews .container .contentGalery .content .text p{font-size: 22px; max-width: 77%;} #homeNews .imageBg{width: calc(50% - 13px);} #homeContact{height: 335px;} #homeContact .container .text h1{font-size: 22px; max-width: 50%;} #homeContact .container .text p{font-size: 15px; max-width: 60%; margin: 13px 0 16px;} #homeContact .container .text a{font-size: 15px;} #homeContact .container .text a img{height: 25px; margin-right: 8px;} #footer{border-top: 5px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 35px 20px;} #footer .container .ftrLeft{margin-right: 80px;} #footer .container .ftrLeft .image{height: 38px;} #footer .container .ftrLeft .text{max-width: 175px; margin-top: 27px;} #footer .container .ftrLeft .text h2{font-size: 12px;} #footer .container .ftrLeft .text p{font-size: 12px;} #footer .container .ftrRight .single{margin-right: 45px;} #footer .container .ftrRight .single:last-child{max-width: 265px;} #footer .container .ftrRight .single a{font-size: 13px;} #footer .container .ftrRight .single .title{margin-top: 22px;} #footer .container .ftrRight .single .contactBtn{font-size: 14px; margin-top: 16px;} #footer .container .ftrRight .single .contactBtn img{height: 22px; margin-right: 7px;} #footer .container .ftrRight .single .socialBtn{margin-top: 22px;} #footer .container .ftrRight .single .socialBtn a img{height: 26px; margin-right: 4px;} #footer .container .ftrRight .single .aderssBtn{max-width: 100%;} #ftrInviva{height: 64px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 12px;} #pageNavigationImg{height: 225px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: 0;height: 290px;} #pageTopNvg .icon{} #pageTopNvg .container{} #pageTopNvg .container .text .imageI{bottom: 100px;left: 12px;} #pageTopNvg .container .text .imageI img{height: 60px;} #pageTopNvg .container .text .slogan h1{font-size: 19px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 25px;grid-template-columns: 280px 70%;} #pageDetailContent .container .pageLeft{margin-top: -85px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 30px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 11px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 12px 24px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 63px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 14px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 16px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -30px;height: 30px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 30px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 11px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 26px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 250px;flex: 0 0 24.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 271px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 15px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 20px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 13px} #pageDetailContent .container .pageRight .pProList{margin-top: 15px;padding: 15px;} #pageDetailContent .container .pageRight .pProList .single{padding: 15px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 170px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 15px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 6px;font-size: 12px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 13px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 15px; font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 30px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 40px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 18px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 12px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 12px;padding: 8px;margin-top: 5px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 12px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 300px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 60px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 60px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 105px;padding: 5px;} #pageDetailContent .container .pageRight #detailInfotitle h1 {font-size: 16px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 16px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;padding: 15px; margin-bottom: 12px;} #pageDetailContent .container .pageRight .prevButtons{margin: 14px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP {font-size: 13px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 33px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 11px;padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .pageContact{padding: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 25px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 13px;margin-left: 8px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 10px!important;} #pageDetailContent .container .pageRight .proDetails .newsContent .textC span{line-height: 1.4!important;font-size: 14px!important;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 13px;padding: 8px 11px; margin-right: 6px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 21px;margin-right: 5px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 11px;padding: 8px;} #pageDetailContent .container .pageRight .table{margin: 0px 0;} #pageDetailContent .container .pageRight .iconsProT{padding: 10px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 8px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 50px;height: 50px;padding-right: 8px;margin-right: 8px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 9px 12px;flex: 0 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 75px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 13px;margin-left: 12px;} #pageDetailContent .container .pageRight .pProList .single .image::after{border-bottom: 0px solid transparent;border-top: 25px solid transparent;border-right: 0px solid #ffffff;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 7px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 13px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 12px;padding-right: 4px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 30px;} #pageDetailContent .container .pageRight .contentP .tabs-stage p{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 23px;} #pageDetailContent .container .pageRight .pDetailInfo{margin-top: 8px;} #pageDetailContent .container .pageRight .naviPages{padding: 15px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 19px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 20px 15px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 12px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 17px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 13px;padding: 10px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 15px;margin-right: 4px;} #pageDetailContent .container .pageLeft .detailMenu li:hover:before{width: 35px;right: -35px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage:before{width: 35px;right: -35px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{} #pageDetailContent .container .pageLeft .orderBoxBanner .text{padding-top: 0;} #pageDetailContent .container .pageRight table{margin-top: 14px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 9px 11px;} #pageDetailContent .container .pageRight table th{padding: 9px 11px;} #pageDetailContent .container .pageRight table td, th{font-size: 13px; padding: 8px 11px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 100px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 185px;margin-top: -50px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px 25px 25px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 17px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 15px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 12px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 12px;} } @media screen and (max-width: 1024px) { .container{max-width:100%; padding: 0 13px;} #header{height: 77px;} #header .container .hLeft .logo{height: 40px;} #header .container .hMiddle ul li{margin: 0 6px;} #header .container .hMiddle ul li a{padding-top: 6px; font-size: 11px;} #header .container .hRight{margin-top: 27px;} #header .container .hRight .mobileMenu{height: 50px; width: 50px;} #header .container .hRight .mobileMenu img{height: 14px;} #header .container .hRight .menuText .textSince{height: 50px; padding: 0 12px;} #header .container .hRight .menuText .textSince h1{font-size: 22px;} #header .container .hRight .menuText .textSince p{font-size: 10px; margin-left: 4px;} #header .container .hRight .menuText .textContent{padding: 8px 12px;} #header .container .hRight .menuText .textContent p{font-size: 10px;} #mFull .container{grid-template-rows: 75px 1fr 50px; padding: 0 13px;} #mFull .container .header{padding:7px 0;} #mFull .container .header .flags img{height: 38px;} #mFull .closebtn{font-size:35px; max-width:75px} #mFull .container .content .topMenu{padding:12px 0;} #mFull .container .content .topMenu .socials .social{padding:5px 0; margin-right:0; margin:0 15px} #mFull .container .content .topMenu .socials .social p{font-size:13px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 7px;padding:0 0 0 7px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:4px} #mFull .container .content .topMenu .socials .social .icons a img{height:25px;} #mFull .container .content .topMenu .socials .line{height:55px; margin:0 8px} #mFull .container .content .topMenu .socials .single{padding:5px 0} #mFull .container .content .topMenu .socials .single img{height:22px;} #mFull .container .content .topMenu .socials .single p{font-size:13px; padding-right:7px;margin-right:7px;} #mFull .container .content .topMenu .phone .text{margin-left:7px;padding-left:7px;} #mFull .container .content .topMenu .phone .text p{font-size:13px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:15px;} #mFull .container .content .topMenu .phone img{height:27px;} #mFull .container .content .mMenuM{grid-template-columns: 1fr 175px; padding:15px 0;} #mFull .container .content .mMenuM .leftMenu{padding-right: 13px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 7px 0; margin-top: -7px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 200px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 15px 18px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 18px;width: 55px;height: 3px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 13px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 12px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 34px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 10px;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:5px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:12px;margin-top:5px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:5px; font-size:13px;} #mFull .footerNav{padding:10px 0;} #mFull .footerNav-social span{font-size:11px} #mFull .footerNav-inviva img{height:16px} #projectHeader{top: 77px;} #projectHeader .container{padding: 20px 13px 15px;} #projectHeader .container .projectList .swiper-container{padding: 8px 0; margin-top: -8px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .image{height: 200px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 15px 18px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 18px;width: 55px;height: 3px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 13px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 12px;} #projectHeader .container .projectList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 34px;} #serviceHeader{top: 77px;} #serviceHeader .container .listService a{flex: 25%; font-size: 13px; padding: 14px 18px;} #serviceHeader .container .contentService{padding: 22px 18px 25px;} #serviceHeader .container .contentService .content{width: calc((100% - 26px) / 3); padding: 18px 18px 18px 0;} #serviceHeader .container .contentService .content .title h1{font-size: 18px; margin-bottom: 7px; padding-bottom: 7px;} #serviceHeader .container .contentService .content .title h1::after{bottom: -2px; height: 2px; width: 40px;} #serviceHeader .container .contentService .content .title p{font-size: 12px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn{height: 34px; font-size: 12px; padding: 0 12px; border-radius: 17px; border-width: 0 2px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon{margin-left: 4px;} #serviceHeader .container .contentService .content .serviceBtnC .serviceIcon img{height: 34px;} #serviceHeader .container .contentService .image{width: calc((200% + 26px) / 3); height: 250px;} #slider{max-height:470px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 15px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 13px; bottom: 10px; max-width: 370px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 36px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 21px;} #slider .sRight .sArrow .swiper-arrow{width: 60px; height: 52px;} #slider .sRight .sArrow .swiper-arrow img{height: 20px;} #slider .sRight .socialMCap{width: 50px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 50px solid #ffffff; border-left: 50px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 35px; height: 50px; right: 0; top: -7px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 50px; height: 50px;} #slider .sRight .socialMCap .socialCap{padding: 5px 0 10px;} #slider .sRight .socialMCap .socialCap a{margin-top: 3px; height: 24px;} #slider .container .swiper-pagination{bottom: -16px;} #slider .container .swiper-pagination-bullet{width:9px; height:4px; margin-left: 4px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 32px;} #homeCorporate{margin: 30px 0;} #homeCorporate .container{height: 310px;} #homeCorporate .container .text h1{font-size: 20px; line-height: 1.1;} #homeCorporate .container .text p{font-size: 12px; max-width: 90%; margin: 8px 0 10px;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 12px; height: 34px; border-radius: 17px; font-size: 12px; border-width: 0 2px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 2px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 4px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 34px;} #homeCorporate .image{width: 50%; height: 310px; border-top-left-radius: 155px; border-bottom-left-radius: 155px;} #homeCorporate .icon img{height: 155px;} #homeProject{gap: 4px; height: 315px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 67px;} #homeProject .container .title a p{font-size: 11px;} #homeProject .container .title a img{height: 22px; margin-left: 8px;} #homeProject .container .content{grid-template-columns: 185px 1fr;} #homeProject .container .content .proText{margin-right: 22px;} #homeProject .container .content .proText .text h1{font-size: 19px;} #homeProject .container .content .proText .text p{font-size: 12px; max-width: 75%; margin-top: 1px;} #homeProject .container .content .proText .iconCmr{margin-top: 15px;} #homeProject .container .content .proText .iconCmr img{width: 40px;} #homeProject .container .content .proText .swiper-pagination{bottom: 52px;} #homeProject .container .content .proText .swiper-pagination-bullet{width: 9px;height: 4px; margin-right:4px;} #homeProject .container .content .proText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 32px;} #homeProject .container .content .proList .swiper-container{padding: 8px 0; margin-top: -8px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 248px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 15px 18px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 18px;width: 55px;height: 3px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 13px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 12px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 34px;} #homeProject .proRight{flex: .67;} #homeService{margin: 37px 0 0; padding: 28px 0 0;} #homeService .container{grid-template-columns: 185px 1fr;} #homeService .container .serviceText{margin-right: 22px;} #homeService .container .serviceText .text{margin-bottom: 47px;} #homeService .container .serviceText .text h1{font-size: 19px;} #homeService .container .serviceText .text p{font-size: 12px; max-width: 90%; margin-top: 4px;} #homeService .container .serviceText .image{height: 215px;} #homeService .container .serviceList{margin-top: 30px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 12px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -4px; width: 87%; height: 2px;} #homeService .container .serviceList .serviceContent{margin-top: 16px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 13px) / 2); padding: 25px 22px 22px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 19px; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 40px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 12px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 34px; font-size: 12px; padding: 0 12px; border-radius: 17px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 4px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 34px;} #homeService .container .serviceList .serviceContent .image{width: calc((100% + 13px) / 2); height: 270px;} #homeCompany{height: 290px; margin-top: -22px;} #homeCompany .container .companyList{padding: 60px 25px 37px;} #homeCompany .container .companyList .companySingle{border-right: 2px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 56px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 89px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 23px; margin: 11px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 19px; margin: 4px 0 0;} #homeNews{margin: 28px 0; height: 270px;} #homeNews .container{gap: 18px;} #homeNews .container .contentNews{width: calc(50% - 9px); padding: 20px 18px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 15px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 14px; padding: 0 0 8px; margin: 0 0 8px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -3px;height: 3px; width: 40px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 14px; width: 100%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 12px; width: 100%; margin: 10px 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 34px; font-size: 12px; padding: 0 12px; border-radius: 17px; border-width: 0 2px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 2px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 4px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 34px;} #homeNews .container .contentGalery{width: calc(50% - 9px);} #homeNews .container .contentGalery .content .icon{height: 90%; margin-left: -10px;} #homeNews .container .contentGalery .content .text{width: 85%; height: 75px;} #homeNews .container .contentGalery .content .text p{font-size: 19px; max-width: 80%;} #homeNews .imageBg{width: calc(50% - 9px);} #homeContact{height: 285px;} #homeContact .container .text h1{font-size: 19px; max-width: 50%;} #homeContact .container .text p{font-size: 14px; max-width: 55%; margin: 10px 0 12px;} #homeContact .container .text a{font-size: 14px;} #homeContact .container .text a img{height: 23px; margin-right: 7px;} #footer{border-top: 4px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 28px 13px 25px;} #footer .container .ftrLeft{margin-right: 55px;} #footer .container .ftrLeft .image{height: 33px;} #footer .container .ftrLeft .text{max-width: 150px; margin-top: 20px;} #footer .container .ftrLeft .text h2{font-size: 11px;} #footer .container .ftrLeft .text p{font-size: 11px;} #footer .container .ftrRight .single{margin-right: 37px;} #footer .container .ftrRight .single:last-child{max-width: 150px;} #footer .container .ftrRight .single a{font-size: 12px;} #footer .container .ftrRight .single .title{margin-top: 17px;} #footer .container .ftrRight .single .contactBtn{font-size: 13px; margin-top: 11px;} #footer .container .ftrRight .single .contactBtn img{height: 20px; margin-right: 6px;} #footer .container .ftrRight .single .socialBtn{margin-top: 17px;} #footer .container .ftrRight .single .socialBtn a img{height: 24px; margin-right: 3px;} #footer .container .ftrRight .single .aderssBtn{max-width: 100%;} #ftrInviva{height: 58px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 11px;} #pageNavigationImg{height: 200px;} #pageNavigationImg .container .text a{font-size: 14px;} #pageTopNvg {margin-top: 0;height: 240px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{bottom: 54px;opacity: .4;} #pageTopNvg .container .text .imageI img{/* width: 66px; *//* height: 18px; */} #pageTopNvg .container .text .slogan h1{font-size: 15px;} #pageDetailContent{margin-top: 25px;} #pageDetailContent .container{grid-gap: 0 20px;grid-template-columns: 230px calc(96% - 230px);} #pageDetailContent .container .pageLeft {margin-top: -80px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 20px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 11px;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 50px;margin-bottom: 7px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;padding: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 145px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 10px 13px; font-size: 11px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 30px 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 23px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 15px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{margin-bottom: 9px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 225px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 95px;padding: 3px; flex:1 0 31%;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 20px 0 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 135px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list .inner-container{flex-basis: 40%;margin: 10px} #pageDetailContent .container .pageRight #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 60px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date:before{border-right: 60px solid transparent;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h3{font-size: 20px!important;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h5{font-size: 11px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .image img{height: 160px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc{padding: 0 7px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 15px;margin-bottom: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info span{font-size: 10px;padding-right: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 18px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 15px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px;padding: 10px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 10px;margin-top: 10px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 30px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 13px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 13px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 50px;height: 30px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 12px;padding: 6px;} #pageDetailContent .container .pageRight .pDetailInfo{margin-top: 7px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;padding: 7px 8px; margin-right: 5px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 18px; margin-right: 5px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 18px;line-height: 1.1;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 13px;padding: 6px 0 0;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 13px; margin-bottom: 4px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px; padding: 5px 0 0 0; line-height: 1.4;} #pageDetailContent .container .pageRight .prevButtons{margin: 11px 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 12px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 8px;} #pageDetailContent .container .pageRight .table{margin: 10px 0 0;} #pageDetailContent .container .pageRight table{margin-top: 14px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 8px 10px;} #pageDetailContent .container .pageRight table th{padding: 8px 10px;} #pageDetailContent .container .pageRight table td, th{font-size: 12px; padding: 7px 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 85px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .iconsProT{padding: 8px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 7px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 45px;height: 45px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 7px 10px;flex: 1 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 60px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 12px;margin-left: 8px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 13px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 12px;padding-right: 4px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 25px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 5px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 31px;margin-left: 8px;} #pageDetailContent .container .pageRight .naviPages{padding: 0 0 12px 0;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 16px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 15px 11px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 8px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 16px;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 0px;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px;padding: 7px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 14px;margin-right: 3px;} #pageDetailContent .container .pageLeft .detailMenu li:hover:before {width: 26px;right: -25px;} #pageDetailContent .container .pageLeft .detailMenu li.activePage:before {width: 26px;right: -25px;} #pageDetailContent .container .pageLeft #filter .detailMenu li:before{display: none;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 130px;margin-top: -40px;width: fit-content;padding: 0 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: 36px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} } @media screen and (max-width: 768px) { .container{max-width:100%; padding: 0 12px;} #header{height: 72px;} #header .container .hLeft .logo{height: 38px;} #header .container .hMiddle{display: none;} #header .container .hRight{margin-top: 25px;} #header .container .hRight .mobileMenu{height: 47px; width: 47px;} #header .container .hRight .mobileMenu img{height: 13px;} #header .container .hRight .menuText .textSince{height: 47px; padding: 0 10px;} #header .container .hRight .menuText .textSince h1{font-size: 21px;} #header .container .hRight .menuText .textSince p{font-size: 10px; margin-left: 4px;} #header .container .hRight .menuText .textContent{padding: 7px 10px;} #header .container .hRight .menuText .textContent p{font-size: 10px;} #mFull .container{grid-template-rows: 70px 1fr 45px; padding: 0 12px;} #mFull .container .header{padding:7px 0;} #mFull .container .header .flags img{height: 35px;} #mFull .closebtn{font-size:32px; max-width:70px} #mFull .container .content .topMenu{padding:10px 0;} #mFull .container .content .topMenu .socials .social{padding:4px 0; margin-right:0; margin:0 12px} #mFull .container .content .topMenu .socials .social p{font-size:12px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 6px;padding:0 0 0 6px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:4px} #mFull .container .content .topMenu .socials .social .icons a img{height:23px;} #mFull .container .content .topMenu .socials .line{height:50px; margin:0 7px} #mFull .container .content .topMenu .socials .single{padding:4px 0} #mFull .container .content .topMenu .socials .single img{height:21px;} #mFull .container .content .topMenu .socials .single p{font-size:12px; padding-right:6px;margin-right:6px;} #mFull .container .content .topMenu .phone .text{margin-left:6px;padding-left:6px;} #mFull .container .content .topMenu .phone .text p{font-size:12px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:14px;} #mFull .container .content .topMenu .phone img{height:25px;} #mFull .container .content .mMenuM{display: flex; min-width: 100%; flex-direction: column; padding:12px 0;} #mFull .container .content .mMenuM .leftMenu{padding-right: 0px; max-width: 100%;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 6px 0; margin-top: -6px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 180px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 12px 15px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 15px;width: 45px;height: 2px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 12px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 32px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 0px; border: 0;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:5px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:12px;margin-top:5px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:5px; font-size:12px;} #mFull .footerNav{padding:10px 0;} #mFull .footerNav-social span{font-size:10px} #mFull .footerNav-inviva img{height:14px} #projectHeader{display: none;} #serviceHeader{display: none;} #slider{max-height:415px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 15px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 13px; bottom: 10px; max-width: 370px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 31px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 19px;} #slider .sRight .sArrow .swiper-arrow{width: 55px; height: 47px;} #slider .sRight .sArrow .swiper-arrow img{height: 20px;} #slider .sRight .socialMCap{width: 44px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 44px solid #ffffff; border-left: 44px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 30px; height: 44px; right: 0; top: -6px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 44px; height: 44px;} #slider .sRight .socialMCap .socialCap{padding: 4px 0 8px;} #slider .sRight .socialMCap .socialCap a{margin-top: 3px; height: 22px;} #slider .container .swiper-pagination{bottom: -16px;} #slider .container .swiper-pagination-bullet{width:8px; height:3px; margin-left: 3px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 28px;} #homeCorporate{margin: 25px 0;} #homeCorporate .container{height: 270px;} #homeCorporate .container .text h1{font-size: 18px; line-height: 1.1;} #homeCorporate .container .text p{font-size: 11px; max-width: 90%; margin: 7px 0 9px;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 11px; height: 32px; border-radius: 16px; font-size: 11px; border-width: 0 2px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 2px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 3px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 32px;} #homeCorporate .image{width: 50%; height: 260px; border-top-left-radius: 135px; border-bottom-left-radius: 135px;} #homeCorporate .icon img{height: 130px;} #homeProject{gap: 4px; height: 285px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 57px;} #homeProject .container .title a p{font-size: 10px;} #homeProject .container .title a img{height: 20px; margin-left: 7px;} #homeProject .container .content{grid-template-columns: 150px 1fr;} #homeProject .container .content .proText{margin-right: 16px;} #homeProject .container .content .proText .text h1{font-size: 17px;} #homeProject .container .content .proText .text p{font-size: 11px; max-width: 85%; margin-top: 1px;} #homeProject .container .content .proText .iconCmr{margin-top: 13px;} #homeProject .container .content .proText .iconCmr img{width: 37px;} #homeProject .container .content .proText .swiper-pagination{bottom: 47px;} #homeProject .container .content .proText .swiper-pagination-bullet{width: 8px;height: 3px; margin-right:3px;} #homeProject .container .content .proText .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 28px;} #homeProject .container .content .proList .swiper-container{padding: 7px 0; margin-top: -7px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 228px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 12px 15px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 15px;width: 45px;height: 2px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 12px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 11px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 32px;} #homeProject .proRight{flex: .67;} #homeService{margin: 32px 0 0; padding: 25px 0 0;} #homeService .container{grid-template-columns: 150px 1fr;} #homeService .container .serviceText{margin-right: 16px;} #homeService .container .serviceText .text{margin-bottom: 47px;} #homeService .container .serviceText .text h1{font-size: 17px;} #homeService .container .serviceText .text p{font-size: 11px; max-width: 100%; margin-top: 3px;} #homeService .container .serviceText .image{height: 190px;} #homeService .container .serviceList{margin-top: 25px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 8px; margin-right: 8px; border-right: 1px solid rgb(4, 48, 94, 0.3);} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 12px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -4px; width: 87%; height: 2px;} #homeService .container .serviceList .serviceContent{margin-top: 16px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: calc((100% - 9px) / 2); padding: 22px 18px 18px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 17px; margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 35px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 11px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 32px; font-size: 11px; padding: 0 10px; border-radius: 16px; border-width: 0 2px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 2px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 32px;} #homeService .container .serviceList .serviceContent .image{width: calc((100% + 9px) / 2); height: 240px;} #homeCompany{height: 255px; margin-top: -18px;} #homeCompany .container .companyList{padding: 50px 15px 30px;} #homeCompany .container .companyList .companySingle{border-right: 1px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 50px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 79px;} #homeCompany .container .companyList .companySingle .text{padding: 0 10px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 20px; margin: 9px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 16px; margin: 4px 0 0;} #homeNews{margin: 22px 0; height: auto;} #homeNews .container{gap: 14px; flex-direction: column;} #homeNews .container .contentNews{width: 100%; padding: 18px 16px; height: 235px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 12px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 13px; padding: 0 0 7px; margin: 0 0 7px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -2px;height: 3px; width: 35px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 13px; width: 100%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 11px; width: 100%; margin: 9px 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 32px; font-size: 11px; padding: 0 10px; border-radius: 16px; border-width: 0 2px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 2px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 3px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 32px;} #homeNews .container .contentGalery{width: 100%; height: 225px;} #homeNews .container .contentGalery .content .icon{height: 90%; margin-left: 0px;} #homeNews .container .contentGalery .content .text{width: 55%; height: 65px;} #homeNews .container .contentGalery .content .text p{font-size: 17px; max-width: 80%;} #homeNews .imageBg{width: calc(100% - 12px); top: 249px; height: 225px;} #homeNews .imageBg img{object-position: center 15%;} #homeContact{height: 240px;} #homeContact .container .text h1{font-size: 17px; max-width: 50%;} #homeContact .container .text p{font-size: 13px; max-width: 55%; margin: 9px 0 11px;} #homeContact .container .text a{font-size: 13px;} #homeContact .container .text a img{height: 21px; margin-right: 6px;} #footer{border-top: 4px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 25px 12px 20px; flex-direction: column;} #footer .container .ftrLeft{margin-right: 0px;flex-direction: row; align-items: center;} #footer .container .ftrLeft .image{height: 31px;} #footer .container .ftrLeft .text{max-width: 100%; margin-left: 25px; margin-top: 0px; align-items: flex-start;} #footer .container .ftrLeft .text h2{font-size: 11px; text-align: start;} #footer .container .ftrLeft .text p{font-size: 11px; text-align: start;} #footer .container .ftrRight{margin-top: 13px; padding-top: 13px; border-top: 1px solid #dae0e7;} #footer .container .ftrRight .single{margin-right: 33px;} #footer .container .ftrRight .single:last-child{max-width: 150px;} #footer .container .ftrRight .single a{font-size: 11px;} #footer .container .ftrRight .single .title{margin-top: 15px;} #footer .container .ftrRight .single .contactBtn{font-size: 12px; margin-top: 11px;} #footer .container .ftrRight .single .contactBtn img{height: 18px; margin-right: 5px;} #footer .container .ftrRight .single .socialBtn{margin-top: 15px;} #footer .container .ftrRight .single .socialBtn a img{height: 22px; margin-right: 3px;} #footer .container .ftrRight .single .aderssBtn{max-width: 100%;} #ftrInviva{height: 53px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 10px;} #pageNavigationImg{height: 150px;} #pageNavigationImg .container .text a{font-size: 15px;} #pageTopNvg {margin-top: 0;height: 225px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .slogan{padding-bottom: 4px;} #pageTopNvg .container .text .imageI{bottom: 0;opacity: 1;margin-bottom: 5px;} #pageTopNvg .container .text .imageI img{height: 40px;margin-left: 0;} #pageTopNvg .container .text .slogan h1{font-size: 15px;} #pageDetailContent .container{grid-template-columns: 100%;padding: 0px 10px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%;border-right: unset;margin-top: 0;z-index: 9999999;} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 15px;z-index: 9999;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none; border-radius: 0;} #pageDetailContent .container .pageLeft .orderBoxBanner.mobScreen{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 60px;margin-bottom: 9px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 14px; max-width: 75%;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 16px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRigh #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 200px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 222px;margin-top: -20px;border: 5px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 14px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 12px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px; border-radius: 8px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;} #pageDetailContent .container .pageRight .pProList .single .image{height: 160px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 14px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 15px;padding: 9px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 11px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 7px 10px; font-size: 11px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{border-radius: 8px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 230px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 15px;height: 50px;padding: 0 30px;margin-bottom: 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 50px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 110px;padding: 5px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -7px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 150px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin{padding: 70px 50px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form input{padding: 8px 17px;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .formLogin .remember-me input{width: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus{margin-top: 10px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .orderStatus p:last-child{font-size: 13px;padding: 8px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list .inner-container{flex-basis: 45%;margin: 5px} #pageDetailContent .container .pageRight #news-list .list .inner-container .date{padding: 0;height: auto;padding: 10px 0; display: flex;flex-direction: column;align-items: center;width: 50px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date:before{border-right: 50px solid transparent;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h3{font-size: 18px!important;} #pageDetailContent .container .pageRight #news-list .list .inner-container .date h5{font-size: 10px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .image img{height: 110px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc{padding: 0 5px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 14px;margin-bottom: 0;margin-top: 3px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info span{font-size: 9px;padding-right: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 8px;font-size: 12px;line-height: 1;} #pageDetailContent .container .pageRight .list .inner-container{/* flex-basis: 100%; */} /*Haber Detay*/ #pageDetailContent .container .pageRight .newsContent .group1{height: 200px;} #newsList .single{padding: 0 5px;} .successNotification p{font-size: 12px;} #cboxClose{width: 80px!important;height: 35px!important;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 17px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 17px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 17px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 13px;padding: 5px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 7px;margin-top: 7px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 29px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 13px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 13px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 50px;height: 30px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 12px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 18px;margin-right: 5px;} #pageDetailContent .container .pageRight .table table td, th{font-size: 12px;padding: 7px;} #pageDetailContent .container .pageRight .table{margin: 10px 0;} #pageDetailContent .container .pageRight table{margin-top: 14px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 7px 10px;} #pageDetailContent .container .pageRight table th{padding: 7px 10px;} #pageDetailContent .container .pageRight table td, th{padding: 6px 10px; font-size: 11px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 85px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .iconsProT{padding: 8px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 7px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 45px;height: 45px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 8px 11px;flex: 1 0 33.3%;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 60px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 12px;margin-left: 10px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 24px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .naviPages{padding: 12px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 16px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 5px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 10px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 10px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .menuService{border-radius: 0;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 12px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 15px;} #pageDetailContent .container .pageLeft .detailMenu .title .line{width: 76%;} #pageDetailContent .container .pageLeft .detailMenu li{padding: 0 0px;height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 12px;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 15px;margin-right: 3px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} } @media screen and (max-width: 640px) { .container{max-width:100%; padding: 0 10px;} #header{height: 65px;} #header .container .hLeft .logo{height: 35px;} #header .container .hRight{margin-top: 22px;} #header .container .hRight .mobileMenu{height: 43px; width: 43px;} #header .container .hRight .mobileMenu img{height: 12px;} #header .container .hRight .menuText .textSince{height: 43px; padding: 0 9px;} #header .container .hRight .menuText .textSince h1{font-size: 20px; line-height: 1;} #header .container .hRight .menuText .textSince p{font-size: 10px; margin-left: 4px;} #header .container .hRight .menuText .textContent{padding: 6px 9px;} #header .container .hRight .menuText .textContent p{font-size: 10px;} #mFull .container{grid-template-rows: 65px 1fr 40px; padding: 0 10px;} #mFull .container .header{padding:6px 0;} #mFull .container .header .flags img{height: 33px;} #mFull .closebtn{font-size:29px; max-width:60px} #mFull .container .content .topMenu{padding:8px 0;} #mFull .container .content .topMenu .socials .social{padding:4px 0; margin-right:0; margin:0 8px; padding-right: 8px; border-right: 1px solid #c6c8ca;} #mFull .container .content .topMenu .socials .social p{font-size:11px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 5px;padding:0 0 0 5px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:3px} #mFull .container .content .topMenu .socials .social .icons a img{height:21px;} #mFull .container .content .topMenu .socials .line{height:45px; margin:0 6px} #mFull .container .content .topMenu .socials .single{padding:4px 0} #mFull .container .content .topMenu .socials .single img{height:19px;} #mFull .container .content .topMenu .socials .single p{font-size:11px; padding-right:5px;margin-right:5px; display: none;} #mFull .container .content .topMenu .phone .text{margin-left:5px;padding-left:5px;} #mFull .container .content .topMenu .phone .text p{font-size:11px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:13px;} #mFull .container .content .topMenu .phone img{height:23px;} #mFull .container .content .mMenuM{padding:10px 0;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 5px 0; margin-top: -5px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 170px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 10px 12px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 12px;width: 40px;height: 2px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 11px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 10px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 28px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 0px; border: 0;} #mFull .container .content .mMenuM .rightMenu .links{margin-left:5px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size:11px;margin-top:4px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top:4px; font-size:11px;} #mFull .footerNav{padding:8px 0;} #mFull .footerNav-social span{font-size:9px} #mFull .footerNav-inviva img{height:13px} #slider{max-height:375px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 10px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 10px; bottom: 10px; max-width: 270px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 27px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 17px;} #slider .sRight .sArrow .swiper-arrow{width: 50px; height: 44px;} #slider .sRight .sArrow .swiper-arrow img{height: 18px;} #slider .sRight .socialMCap{width: 42px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 42px solid #ffffff; border-left: 42px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 30px; height: 42px; right: 0; top: -6px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 42px; height: 42px;} #slider .sRight .socialMCap .socialCap{padding: 4px 0 7px;} #slider .sRight .socialMCap .socialCap a{margin-top: 3px; height: 22px;} #slider .container .swiper-pagination{bottom: -12px;} #slider .container .swiper-pagination-bullet{width:7px; height:3px; margin-left: 3px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 25px;} #homeCorporate{margin: 20px 0; flex-direction: column; align-items: end;} #homeCorporate .container{height: auto; flex-direction: column; padding-bottom: 10px;} #homeCorporate .container .text{width: 100%;} #homeCorporate .container .text h1{font-size: 16px; line-height: 1.1;} #homeCorporate .container .text p{font-size: 11px; max-width: 100%; margin: 5px 0 7px;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 9px; height: 28px; border-radius: 14px; font-size: 10px; border-width: 0 1px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 1px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 3px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 28px;} #homeCorporate .image{width: calc(100% - 10px); position: relative; height: 230px; border-top-left-radius: 115px; border-bottom-left-radius: 115px;} #homeCorporate .icon{align-items: unset; justify-self: unset; height: auto; width: auto; left: -45px; bottom: 55px;} #homeCorporate .icon img{height: 120px;} #homeProject{gap: 3px; height: 255px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 48px; justify-content: space-between;} #homeProject .container .title a p{font-size: 10px; line-height: 1.1;} #homeProject .container .title a img{height: 18px; margin-left: 6px;} #homeProject .container .title h1{display: flex; align-items: center; font-size: 14px;font-weight: 700; color: #ffffff;} #homeProject .container .content{display: flex; flex-direction: column;} #homeProject .container .content .proText{margin-right: 12px; display: none;} #homeProject .container .content .proList .swiper-container{padding: 5px 0; margin-top: -5px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 207px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 10px 12px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 12px;width: 40px;height: 2px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 11px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 10px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 28px;} #homeProject .proRight{flex: .67;} #homeService{margin: 27px 0 0; padding: 20px 0 0;} #homeService .container{display: flex; flex-direction: column;} #homeService .container .serviceText{margin-right: 16px; display: none;} #homeService .container .serviceList{margin-top: 18px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 6px; margin-right: 6px;} #homeService .container .serviceList .serviceTitle ul li a{padding: 2px 0; font-size: 11px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -3px; width: 90%; height: 2px;} #homeService .container .serviceList .serviceContent{flex-direction: column-reverse; margin-top: 12px; box-shadow: 0 0 12px 2px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: 100%; padding: 14px 12px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 15px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 35px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 10px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC{margin-top: 7px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 28px; font-size: 10px; padding: 0 9px; border-radius: 14px; border-width: 0 1px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 1px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 28px;} #homeService .container .serviceList .serviceContent .image{width: 100%; height: 180px;} #homeCompany{height: 210px; margin-top: -18px;} #homeCompany .container .companyList{padding: 43px 12px 25px;} #homeCompany .container .companyList .companySingle{border-right: 1px solid rgb(255, 255, 255, 0.1); flex: .25;} #homeCompany .container .companyList .companySingle .icon img{height: 45px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 72px;} #homeCompany .container .companyList .companySingle .text{padding: 0 8px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 17px; margin: 7px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 14px; margin: 4px 0 0;} #homeNews{margin: 18px 0; height: auto;} #homeNews .container{gap: 12px; flex-direction: column;} #homeNews .container .contentNews{width: 100%; padding: 15px 12px; height: 220px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 10px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 12px; padding: 0 0 6px; margin: 0 0 6px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -2px;height: 3px; width: 35px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 12px; width: 100%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 11px; width: 100%; margin: 9px 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 28px; font-size: 10px; padding: 0 9px; border-radius: 14px; border-width: 0 1px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 1px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 3px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 28px;} #homeNews .container .contentGalery{width: 100%; height: 205px;} #homeNews .container .contentGalery .content .icon{height: 95%; margin-left: 0px;} #homeNews .container .contentGalery .content .text{width: 65%; height: 55px;} #homeNews .container .contentGalery .content .text p{font-size: 15px; max-width: 80%;} #homeNews .imageBg{width: calc(100% - 10px); top: 232px; height: 205px;} #homeNews .imageBg img{object-position: center 15%;} #homeContact{height: 200px;} #homeContact .container .text h1{font-size: 15px; max-width: 50%;} #homeContact .container .text p{font-size: 11px; max-width: 55%; margin: 7px 0 9px;} #homeContact .container .text a{font-size: 11px;} #homeContact .container .text a img{height: 17px; margin-right: 5px;} #footer{border-top: 3px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 18px 10px 15px; flex-direction: column;} #footer .container .ftrLeft{margin-right: 0px;flex-direction: row; align-items: center;} #footer .container .ftrLeft .image{height: 30px;} #footer .container .ftrLeft .text{max-width: 100%; margin-left: 20px; margin-top: 0px; align-items: flex-start;} #footer .container .ftrLeft .text h2{font-size: 11px; text-align: start;} #footer .container .ftrLeft .text p{font-size: 11px; text-align: start;} #footer .container .ftrRight{margin-top: 13px; padding-top: 13px; border-top: 1px solid #dae0e7;} #footer .container .ftrRight .single{margin-right: 33px;} #footer .container .ftrRight .single:last-child{max-width: 150px;} #footer .container .ftrRight .single a{font-size: 11px;} #footer .container .ftrRight .single .title{margin-top: 15px;} #footer .container .ftrRight .single .contactBtn{font-size: 11px; margin-top: 11px;} #footer .container .ftrRight .single .contactBtn img{height: 17px; margin-right: 5px;} #footer .container .ftrRight .single .socialBtn{margin-top: 15px;} #footer .container .ftrRight .single .socialBtn a img{height: 22px; margin-right: 3px;} #footer .container .ftrRight .single .aderssBtn{max-width: 100%;} #ftrInviva{height: 48px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 10px;} #pageTopNvg {height: 200px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{} #pageTopNvg .container .text .imageI img{height: 40px;} #pageTopNvg .container .text .slogan h1{font-size: 14px;} #pageDetailContent{margin-top: 15px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;margin-bottom: 7px;font-size: 12px; padding-bottom: 7px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 15px 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 12px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 14px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 11px;padding: 12px 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 15px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 54px;margin-bottom: 7px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 12px; max-width: 86%;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 14px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -25px;height: 25px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 25px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 15px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 32.5%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 10px;flex-direction: column;align-items: flex-start;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 10px;font-size: 12px;} #pageDetailContent .container .pageRight .listTitle .menuL{margin-bottom: 10px;} #pageDetailContent .container .pageRight .listTitle select{ border: 1px solid #dddd;font-size: 12px;padding: 2px;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;} #pageDetailContent .container .pageRight .pProList .single{padding: 10px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 135px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 20px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 14px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin:15px 0 10px 0 ;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 10px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 13px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 11px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 11px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight table{margin-top: 12px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 6px 9px;} #pageDetailContent .container .pageRight table th{padding: 6px 9px;} #pageDetailContent .container .pageRight table td, th{font-size: 10px; padding: 5px 9px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 12px 0; grid-template-columns: 1fr; grid-template-rows: auto auto; padding: 13px; margin-bottom: 7px;} #pageDetailContent .container .pageRight .proDetails.newsDetail .pdTop{grid-gap: 0px 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight .prevButtons{margin: 9px 0 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 14px 0 9px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -3px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 175px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 11px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 8px 0;font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 8px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .pageContact{padding: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 15px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 23px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 17px;} #pageDetailContent .container .pageRight .table{margin: 9px 0 0;} #pageDetailContent .container .pageRight .table table td, th{font-size: 11px;padding: 5px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 12px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 16px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 12px;padding: 5px 0 0px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 11px; padding: 6px 7px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 17px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 12px; padding: 4px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo p:first-child{padding: 8px 0 0 0;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 11px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP img{height: 7px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 70px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 100px;padding: 5px;} #pageDetailContent .container .pageRight .iconsProT{padding: 5px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 5px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 40px;height: 40px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 12px;} #pageDetailContent .container .pageRight .pProList .single.sCat{flex: 1 0 49%;border: 0px !important;border-bottom: 1px solid #cdd0d3 !important;padding: 8px 10px;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(3n-2){border-right: 0px !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-child(2n){border-left: 1px solid #cdd0d3 !important;} #pageDetailContent .container .pageRight .pProList .single.sCat:nth-last-child(-n+2){/* border-bottom: 0px !important; */} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 60px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 11px;margin-left: 8px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 6px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 24px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 50px;margin-left: 10px;} #pageDetailContent .container .pageRight .naviPages{padding: 10px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 15px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 3px;flex-wrap: wrap;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 9px;padding: 4px 0;/* flex: 0 0 33%; */} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 9px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 12px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 14px;} #pageDetailContent .container .pageLeft .detailMenu .title .line{margin-left: 10px; width: 74%;} #pageDetailContent .container .pageLeft .detailMenu li{height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 11px; padding: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 14px;margin-right: 3px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 11px;} } @media screen and (max-width: 480px) { .container{max-width:100%; padding: 0 8px;} #header{height: 60px;} #header .container .hLeft .logo{height: 31px;} #header .container .hRight{margin-top: 20px;} #header .container .hRight .mobileMenu{height: 40px; width: 40px;} #header .container .hRight .mobileMenu img{height: 11px;} #header .container .hRight .menuText .textSince{height: 40px; padding: 0 8px;} #header .container .hRight .menuText .textSince h1{font-size: 18px;} #header .container .hRight .menuText .textSince p{font-size: 9px; margin-left: 3px;} #header .container .hRight .menuText .textContent{padding: 6px 8px;} #header .container .hRight .menuText .textContent p{font-size: 9px;} #mFull .container{grid-template-rows: 57px 1fr 35px; padding: 0 8px;} #mFull .container .header{padding:5px 0;} #mFull .container .header .flags img{height: 30px;} #mFull .closebtn{font-size:27px; max-width:60px} #mFull .container .content .topMenu{padding:6px 0;} #mFull .container .content .topMenu .socials .social{padding:3px 0; margin-right:0; margin:0 6px; padding-right: 6px;} #mFull .container .content .topMenu .socials .social p{font-size:10px;} #mFull .container .content .topMenu .socials .social .icons{margin:0 0 0 4px;padding:0 0 0 4px;} #mFull .container .content .topMenu .socials .social .icons a{margin-left:3px} #mFull .container .content .topMenu .socials .social .icons a img{height:19px;} #mFull .container .content .topMenu .socials .line{height:40px; margin:0 5px} #mFull .container .content .topMenu .socials .single{padding:3px 0} #mFull .container .content .topMenu .socials .single img{height:17px;} #mFull .container .content .topMenu .socials .single p{font-size:10px; padding-right:4px;margin-right:4px;} #mFull .container .content .topMenu .phone .text{margin-left:4px;padding-left:4px;} #mFull .container .content .topMenu .phone .text p{font-size:10px;color: #04305e;} #mFull .container .content .topMenu .phone .text h1{font-size:12px;} #mFull .container .content .topMenu .phone img{height:20px;} #mFull .container .content .mMenuM{padding: 7px 0;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container{padding: 4px 0; margin-top: -4px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .image{height: 160px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 8px 10px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 10px;width: 37px;height: 2px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 10px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 9px;} #mFull .container .content .mMenuM .leftMenu .prooductList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 26px;} #mFull .container .content .mMenuM .rightMenu{padding:0 0 0 0px; border: 0;} #mFull .container .content .mMenuM .rightMenu .links{margin-left: 4px;} #mFull .container .content .mMenuM .rightMenu .links a{font-size: 10px; margin-top: 3px;} #mFull .container .content .mMenuM .rightMenu .links a h1{margin-top: 3px; font-size:10px;} #mFull .footerNav{padding:6px 0;} #mFull .footerNav-social span{font-size:9px} #mFull .footerNav-inviva img{height:12px} #slider{max-height:330px;} #slider .swiper-container .swiper-slide .mainSlider{max-width:100%; padding: 0 8px;} #slider .swiper-container .swiper-slide .mainSlider .title{left: 8px; bottom: 10px; max-width: 210px;} #slider .swiper-container .swiper-slide .mainSlider .title h1{font-size: 21px;} #slider .swiper-container .swiper-slide .mainSlider .title h2{font-size: 14px;} #slider .sRight .sArrow .swiper-arrow{width: 42px; height: 38px;} #slider .sRight .sArrow .swiper-arrow img{height: 17px;} #slider .sRight .socialMCap{width: 38px;} #slider .sRight .socialMCap .triangleCap .triangle{border-bottom: 38px solid #ffffff; border-left: 38px solid transparent;} #slider .sRight .socialMCap .triangleCap .box{width: 30px; height: 38px; right: 0; top: -5px;} #slider .sRight .socialMCap .triangleCap .box .line{right: 0; width: 38px; height: 38px;} #slider .sRight .socialMCap .socialCap{padding: 3px 0 6px;} #slider .sRight .socialMCap .socialCap a{margin-top: 2px; height: 21px;} #slider .container .swiper-pagination{bottom: -10px;} #slider .container .swiper-pagination-bullet{width:7px; height:3px; margin-left: 3px;} #slider .container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 25px;} #homeCorporate{margin: 15px 0;} #homeCorporate .container{padding-bottom: 8px;} #homeCorporate .container .text{width: 100%;} #homeCorporate .container .text h1{font-size: 14px; line-height: 1.1;} #homeCorporate .container .text p{font-size: 10px; max-width: 100%; margin: 4px 0 7px;} #homeCorporate .container .text .corporateBtnC .corporateBtn{padding: 0px 8px; height: 26px; border-radius: 13px; font-size: 9px; border-width: 0 1px;} #homeCorporate .container .text .corporateBtnC .corporateBtn:hover{border: 1px solid #65b552;} #homeCorporate .container .text .corporateBtnC .corporateIcon{margin-left: 3px;} #homeCorporate .container .text .corporateBtnC .corporateIcon img{height: 26px;} #homeCorporate .image{width: calc(100% - 8px); position: relative; height: 190px; border-top-left-radius: 95px; border-bottom-left-radius: 95px;} #homeCorporate .icon{left: -30px; bottom: 50px;} #homeCorporate .icon img{height: 90px;} #homeProject{gap: 3px; height: 225px;} #homeProject .proLeft{flex: .33;} #homeProject .container .title{height: 42px;} #homeProject .container .title a p{font-size: 9px; line-height: 1.1;} #homeProject .container .title a img{height: 16px; margin-left: 5px;} #homeProject .container .title h1{font-size: 12px;} #homeProject .container .content .proList .swiper-container{padding: 5px 0; margin-top: -5px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .image{height: 183px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom{padding: 8px 10px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom:before{top: 0;left: 10px;width: 37px;height: 2px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom h1{font-size: 10px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .titleBottom p{font-size: 9px;} #homeProject .container .content .proList .swiper-container .swiper-wrapper .swiper-slide .textBottom .iconBottom{height: 26px;} #homeProject .proRight{flex: .67;} #homeService{margin: 22px 0 0; padding: 20px 0 0;} #homeService .container .serviceList{margin-top: 15px;} #homeService .container .serviceList .serviceTitle ul li{padding-right: 5px; margin-right: 5px;} #homeService .container .serviceList .serviceTitle ul li a{padding: 1px 0; font-size: 10px;} #homeService .container .serviceList .serviceTitle ul li.active::after{bottom: -2px; width: 90%; height: 2px;} #homeService .container .serviceList .serviceContent{margin-top: 10px; box-shadow: 0 0 10px 1px rgb(22 22 22 / 10%);} #homeService .container .serviceList .serviceContent .content{width: 100%; padding: 12px 10px;} #homeService .container .serviceList .serviceContent .content .title h1{font-size: 13px; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #dee6ec;} #homeService .container .serviceList .serviceContent .content .title h1::after{bottom: -2px; height: 2px; width: 32px;} #homeService .container .serviceList .serviceContent .content .title p{font-size: 10px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC{margin-top: 5px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn{height: 26px; font-size: 9px; padding: 0 8px; border-radius: 13px; border-width: 0 1px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceBtn:hover{border: 1px solid #65b552;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon{margin-left: 3px;} #homeService .container .serviceList .serviceContent .content .serviceBtnC .serviceIcon img{height: 26px;} #homeService .container .serviceList .serviceContent .image{width: 100%; height: 160px;} #homeCompany{height: auto; margin-top: -15px;} #homeCompany .container .companyList{padding: 35px 10px 20px;} #homeCompany .container .companyList .companySingle{flex: 50%; padding: 10px; border-right: 1px solid rgb(255, 255, 255, 0.1); border-top: 1px solid rgb(255, 255, 255, 0.1);} #homeCompany .container .companyList .companySingle:nth-child(-n + 2){border-top: 0;} #homeCompany .container .companyList .companySingle:nth-child(2n){border-right: 0;} #homeCompany .container .companyList .companySingle .icon img{height: 40px;} #homeCompany .container .companyList .companySingle .icon.cmr img{max-width: 63px;} #homeCompany .container .companyList .companySingle .text{padding: 0px;} #homeCompany .container .companyList .companySingle .text h1{font-size: 14px; margin: 6px 0 0;} #homeCompany .container .companyList .companySingle .text p{font-size: 12px; margin: 3px 0 0;} #homeNews{margin: 15px 0; height: auto;} #homeNews .container{gap: 10px; flex-direction: column;} #homeNews .container .contentNews{width: 100%; padding: 13px 10px; height: 200px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide{gap: 10px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .image{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text{flex: .5;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1{font-size: 11px; padding: 0 0 6px; margin: 0 0 6px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .title h1::after{bottom: -2px;height: 3px; width: 35px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content h1{font-size: 11px; width: 100%;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .content p{font-size: 10px; width: 100%; margin: 8px 0; line-height: 1.2;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn{height: 26px; font-size: 9px; padding: 0 8px; border-radius: 14px; border-width: 0 1px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsBtn:hover{border: 1px solid #2f3b48;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon{margin-left: 3px;} #homeNews .container .contentNews .swiper-container .swiper-wrapper .swiper-slide .text .newsBtnC .newsIcon img{height: 26px;} #homeNews .container .contentGalery{width: 100%; height: 185px;} #homeNews .container .contentGalery .content .icon{height: 95%; margin-left: 0px;} #homeNews .container .contentGalery .content .text{width: 70%; height: 48px;} #homeNews .container .contentGalery .content .text p{font-size: 13px; max-width: 78%;} #homeNews .imageBg{width: calc(100% - 8px); top: 210px; height: 185px;} #homeNews .imageBg img{object-position: center 15%;} #homeContact{height: 170px;} #homeContact .container .text h1{font-size: 13px; max-width: 50%;} #homeContact .container .text p{font-size: 10px; max-width: 55%; margin: 7px 0 9px;} #homeContact .container .text a{font-size: 10px;} #homeContact .container .text a img{height: 16px; margin-right: 5px;} #footer{border-top: 3px solid rgb(71, 78, 87, 0.15);} #footer .container{padding: 15px 8px 12px; flex-direction: column;} #footer .container .ftrLeft{margin-right: 0px;flex-direction: column; align-items: start;} #footer .container .ftrLeft .image{height: 28px;} #footer .container .ftrLeft .text{max-width: 100%; margin-left: 0px; margin-top: 8px; align-items: flex-start;} #footer .container .ftrLeft .text h2{font-size: 10px; text-align: start;} #footer .container .ftrLeft .text p{font-size: 10px; text-align: start;} #footer .container .ftrRight{margin-top: 10px; padding-top: 10px; border-top: 1px solid #dae0e7;} #footer .container .ftrRight .single{margin-right: 18px;} #footer .container .ftrRight .single:last-child{max-width: 120px;} #footer .container .ftrRight .single a{font-size: 10px;} #footer .container .ftrRight .single .title{margin-top: 12px;} #footer .container .ftrRight .single .contactBtn{font-size: 10px; margin-top: 10px;} #footer .container .ftrRight .single .contactBtn img{height: 16px; margin-right: 5px;} #footer .container .ftrRight .single .socialBtn{margin-top: 12px;} #footer .container .ftrRight .single .socialBtn a img{height: 20px; margin-right: 3px;} #footer .container .ftrRight .single .aderssBtn{max-width: 100%;} #ftrInviva{height: 48px; border-top: 1px solid rgb(71, 78, 87, 0.15);} #ftrInviva .container p{font-size: 10px;} #pageNavigationImg{height: 120px;} #pageNavigationImg .container .text{bottom: 10px;} #pageNavigationImg .container .text a{font-size: 11px;} #pageTopNvg{height: 175px;} #pageTopNvg .icon{} #pageTopNvg .container{padding-left: 0;} #pageTopNvg .container .text .imageI{} #pageTopNvg .container .text .imageI img{/* width: 58px; */height: 40px;/* margin-left: -13px; */} #pageTopNvg .container .text .slogan h1{font-size: 13px;} #pageDetailContent{margin-top: 10px;} #pageDetailContent .container{display: flex;flex-direction: column;} #pageDetailContent .container .pageLeft{width: 100%;max-width:100%} #pageDetailContent .container .pageLeft .filter{display: flex;align-items: center;font-size: 11px; margin-bottom: 3px;} #pageDetailContent .container .pageLeft .filter img{height: 12px;margin-right: 5px;} #pageDetailContent .container .pageLeft .orderTotalBox{height: fit-content;padding: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .ordImg{height: 25px;padding-right: 10px;margin-right: 10px;} #pageDetailContent .container .pageLeft .orderTotalBox .text p{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text h1{font-size: 15px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a{padding: 5px 8px;font-size: 13px;} #pageDetailContent .container .pageLeft .orderTotalBox .text .button a img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageLeft .orderButtonView a{font-size: 12px;padding: 10px;} #pageDetailContent .container .pageLeft .orderButtonView a img{margin-right: 3px;height: 12px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .orderBoxBanner{padding: 15px 10px;display: none;} #pageDetailContent .container .pageLeft .orderBoxBanner img{height: 46px;margin-bottom: 6px;} #pageDetailContent .container .pageLeft .orderBoxBanner .text p{font-size: 11px; max-width: 100%;} #pageDetailContent .container .pageLeft .orderBoxBanner .text h1{font-size: 13px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev{left: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next{right: 10px;} #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-next img, #pageDetailContent .container .pageRight #slider .prevSlider .swiper-button-prev img{height: 17px;} #pageDetailContent .container .pageRight #slider .paginetionSlider{bottom: -21px;height: 20px;} #pageDetailContent .container .pageRight #slider .paginetionSlider .swiper-pagination{left: 0;} #pageDetailContent .container .pageRight .pCatList{margin-top: 16px;} #pageDetailContent .container .pageRight .pCatList .titleCat{padding: 7px 0 9px 0;} #pageDetailContent .container .pageRight .pCatList .titleCat .text p{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .titleCat .text h1{font-size: 14px;} #pageDetailContent .container .pageRight .pCatList .titleCat img{height: 23px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single{height: 180px;flex: 0 0 49.3%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single:hover{height: 202px;margin-top: -20px;border: 4px solid #fff;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .main img{height: 100%;} #pageDetailContent .container .pageRight .pCatList .contentCat .single h1{font-size: 13px;left: 10px;bottom: 10px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat{padding: 0 7px 10px 6px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text p{font-size: 9px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .text h2{font-size: 11px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image{padding-left: 7px;margin-left: 7px;} #pageDetailContent .container .pageRight .pCatList .contentCat .single .plusesCat .image img{height: 17px;} #pageDetailContent .container .pageRight .listTitle {margin-top: 0;} #pageDetailContent .container .pageRight .listTitle .menuL a{padding: 0 8px;font-size: 10px;} #pageDetailContent .container .pageRight .listTitle .menuL .sbroudM{display: none;} #pageDetailContent .container .pageRight .pProList{margin-top: 10px;padding: 5px;margin-bottom: 0;} #pageDetailContent .container .pageRight .pProList .single{padding: 8px;flex: 0 0 49.9%;} #pageDetailContent .container .pageRight .pProList .single:nth-child(3n-1){border-left: unset;border-right: unset;} #pageDetailContent .container .pageRight .pProList .single:nth-child(2n-1){border-right: 1px solid #cdd0d3;} #pageDetailContent .container .pageRight .pProList .single .image{height: 115px;} #pageDetailContent .container .pageRight .pProList .single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .pProList .single .text h1{font-size: 12px;font-weight: 600;} #pageDetailContent .container .pageRight .pProList .single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .pProList .single .text h2{padding: 5px 0;font-size: 15px;} #pageDetailContent .container .pageRight .pProList .single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .pProList .single .buttons button{font-size: 14px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;} #pageDetailContent .container .pageRight .pProList .single .buttons button img{height: 15px;} #pageDetailContent .container .pageRight .orderListWindow{margin-top: 10px;padding: 10px 10px 10px 10px;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd{margin: 10px 0 10px 0;} #pageDetailContent .container .pageRight .orderListWindow .titleOrd h1{font-size: 13px;line-height: 1;} #pageDetailContent .container .pageRight .orderListWindow.orderLastDetail .table{margin-bottom: 00px;} #pageDetailContent .container .pageRight .orderListWindow .table{padding: 2px;} #pageDetailContent .container .pageRight .orderListWindow table {margin-top: 0;} #pageDetailContent .container .pageRight .orderListWindow table td, th{padding: 5px;font-size: 10px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos {padding: 7px 0;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .infos p{font-size: 14px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button{padding: 9px;font-size: 13px;} #pageDetailContent .container .pageRight .orderListWindow .buttonInfo .buttons button img{height: 12px;} #pageDetailContent .container .pageRight table{margin-top: 10px;} #pageDetailContent .container .pageRight table tr:first-child td{padding: 5px 8px;} #pageDetailContent .container .pageRight table th{padding: 5px 8px;} #pageDetailContent .container .pageRight table td, th{font-size: 9px; padding: 4px 8px;} #pageDetailContent .container .pageRight .lastOrder{margin-top: 10px;} #pageDetailContent .container .pageRight .lastOrder .orderS{padding: 20px 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date img{height: 39px;margin-right: 7px;} #pageDetailContent .container .pageRight .lastOrder .orderS .date p{font-size: 15px;} #pageDetailContent .container .pageRight .lastOrder .orderS .totalPrice p{font-size: 14px;} #pageDetailContent .container .pageRight .accountDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .accountDetails .accountD{padding: 25px;} #pageDetailContent .container .pageRight .accountDetails .accountD img{height: 35px;margin-bottom: 7px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h1{font-size: 19px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text h2{font-size: 17px;} #pageDetailContent .container .pageRight .accountDetails .accountD .text p{margin: 8px 0;font-size: 14px;text-align: center;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a{font-size: 13px;padding: 8px;margin-top: 4px;} #pageDetailContent .container .pageRight .accountDetails .accountD .links a img{height: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .slider{height: 200px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider{margin-top: 10px;height: 40px;padding: 0 30px;margin-bottom: 0;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .slider-thumbs.swiper-container{height: 40px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next{height: auto;top: 50%;transform: translateY(-50%);width: fit-content;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-next img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev{height: auto;top: 50%;transform: translateY(-50%);} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .bottomSlider .swiper-button-prev img{width: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop .brandsList .single{height: 90px;padding: 5px;} #pageDetailContent .container .pageRight .proDetails{margin-top: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop{grid-gap: 0 20px;display: flex;flex-direction: column;padding: 10px;} #pageDetailContent .container .pageRight .proDetails .pdTop.pTopPro{display: flex;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title{padding: 15px 0 10px 0;} #pageDetailContent .container .pageRight .proDetails #otherProducts .title h1{font-size: 13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .hProButtons{top: -13px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-next img, #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev img{height: 15px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-button-prev{right: 25px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single{padding: 10px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .image{height: 121px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text{margin-top: 9px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h1{font-size: 12px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text p{font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .text h2{padding: 5px 0;font-size: 16px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons{flex-direction: column;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button{font-size: 10px;padding: 7px 12px;border-top-left-radius: 0;border-bottom-left-radius: 0;margin-top: 5px;border-radius: 20px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button.basketB{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-radius: 20px;font-size: 14px;} #pageDetailContent .container .pageRight .proDetails #otherProducts .content .swiper-container .swiper-wrapper .swiper-slide.single .buttons button img{height: 15px;} /*Haber List*/ #pageDetailContent .container .pageRight #news-list .list{padding: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .title h3{font-size: 11px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .info{margin-bottom: 5px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .explanation p{font-size: 14px;margin: 0;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .explanation{margin-bottom: 10px;} #pageDetailContent .container .pageRight #news-list .list .inner-container .desc .readmore a{padding: 8px;font-size: 10px;} #pageDetailContent .container .pageRight .newsContent{padding: 10px;} #pageDetailContent .container .pageRight #detailInfo{padding-top: 0;} #pageDetailContent .container .pageRight #detailInfo h1{font-size: 15px;} #pageDetailContent .container .pageRight #detailInfotitle h1{font-size: 13px;} #pageDetailContent .container .pageRight .pdTop #detailInfotitle h1{font-size: 13px;} #pageDetailContent .container .pageRight #detailInfo p{font-size: 11px;padding: 3px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo p:first-child{padding: 6px 0 0 0;} #pageDetailContent .container .pageRight #detailInfo .date{padding-top: 7px;margin-top: 7px;} #pageDetailContent .container .pageRight #detailInfo .date img{height: 21px;margin-right: 5px;} #pageDetailContent .container .pageRight #detailInfo .date p{font-size: 11px;} #pageDetailContent .container .pageRight .newsContent .textC p{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC ul{margin-bottom: 0!important;line-height: 1.4!important;margin: 0!important;padding-top: 7px!important;} #pageDetailContent .container .pageRight .newsContent .textC span{line-height: 1.4!important;font-size: 12px!important;} #pageDetailContent .container .pageRight .newsContent .page-news-detail-footer{margin: 10px 0;padding: 7px 0;} #pageDetailContent .container .pageRight .newsDetail-footer-share{font-size: 12px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items{margin-left: 7px;} #pageDetailContent .container .pageRight .newsContent .newsDetail-footer-share-items a{width: 40px;height: 25px;} #cboxClose{width: 70px!important;height: 30px!important;} #pageDetailContent .container .pageRight .pageContact{padding: 10px;flex-direction: column;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact{padding-right: 0;padding: 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single{padding:15px 10px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single img{height: 20px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact .single p{font-size: 12px;margin-left: 5px;} #pageDetailContent .container .pageRight .pageContact .firmsInfoContact h1{font-size: 16px;} #pageDetailContent .container .pageRight .pageContact .maps {padding: 0 0 8px;} #pageDetailContent .container .pageRight .pageContact .form .login-form input,textarea,select{padding: 8px 17px;font-size: 13px;margin: 0 0 7px 0;} #pageDetailContent .container .pageRight .pageContact .form .login-form button{padding: 8px 8px 8px 15px;margin: 0 0 10px 0;font-size: 13px;} #pageDetailContent .container .pageRight .pageContact .form .login-form button img{height: 13px;margin-left: 3px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me{font-size: 12px;} #pageDetailContent .container .pageRight .pageContact .maps .remember-me input{width: 10px;margin-right: 5px;margin-bottom: 0;} #pageDetailContent .container .pageRight .pDetailInfo{margin-top: 5px;} #pageDetailContent .container .pageRight .pDetailInfo a{font-size: 10px;padding: 6px; margin-right: 4px;} #pageDetailContent .container .pageRight .pDetailInfo a img{height: 15px;margin-right: 5px;} #pageDetailContent .container .pageRight .prevButtons{margin: 10px 0 5px;} #pageDetailContent .container .pageRight .proDetails .pdTop #sliderInfo .tearprof{height: 70px;top: 10px;right: 10px;} #pageDetailContent .container .pageRight #detailInfotitleP h1{font-size: 14px;margin-top: 8px;} #pageDetailContent .container .pageRight #detailInfotitleP h4{font-size: 11px;padding: 5px 0 0px;} #pageDetailContent .container .pageRight #detailInfotitleP p{font-size: 11px; margin-bottom: 3px;} #pageDetailContent .container .pageRight .prevButtons .buttonsP{font-size: 10px;} #pageDetailContent .container .pageRight .table{margin: 7px 0 0;} #pageDetailContent .container .pageRight .table table td, th{font-size: 10px;} #pageDetailContent .container .pageRight .prevButtons{margin: 7px 0 0px;} #pageDetailContent .container .pageRight .iconsProT{padding: 5px 0;margin: 0;} #pageDetailContent .container .pageRight .iconsProT .single{margin: 3px 3px 3px 0;padding: 5px;align-items: center;} #pageDetailContent .container .pageRight .iconsProT .single img{width: 30px;height: 30px;padding-right: 5px;margin-right: 5px;border-right: 1px solid #ddd;} #pageDetailContent .container .pageRight .iconsProT .single p{font-size: 11px;} #pageDetailContent .container .pageRight .pProList .single.sCat{padding: 6px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text img{height: 53px;} #pageDetailContent .container .pageRight .pProList .single.sCat .text h1{font-size: 11px;} #pageDetailContent .container .pageRight .brosurs .single{margin: 0;padding: 5px 0;} #pageDetailContent .container .pageRight .brosurs .single .left{font-size: 12px;} #pageDetailContent .container .pageRight .brosurs .single .left i{font-size: 11px;padding-right: 3px;} #pageDetailContent .container .pageRight .brosurs .single .right i{font-size: 19px;} #pageDetailContent .container .pageRight .pDetailSertifika{margin-top: 8px;} #pageDetailContent .container .pageRight .pDetailSertifika img{height: 39px;margin-left: 4px;} #pageDetailContent .container .pageRight .naviPages{padding: 8px 0;border-top: 1px solid #ddd;} #pageDetailContent .container .pageRight .naviPages .links h1{font-size: 15px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn{margin-top: 3px;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a{font-size: 9px;padding: 1px 0 3px 0;} #pageDetailContent .container .pageRight .naviPages .links .bottomLn a img{height: 9px;margin: 0 2px;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;} #pageDetailContent .container .pageLeft .detailMenu{display: none;} #pageDetailContent .container .pageLeft .detailPromise{display: none;} #pageDetailContent .container .pageLeft #filter .detailMenu{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft #filter .detailPromise{display: flex;border-left: unset;} #pageDetailContent .container .pageLeft .detailMenu .menuPage{padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .title{margin: 6px 0;} #pageDetailContent .container .pageLeft .detailMenu .title h1{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .title .line{width: 66%;} #pageDetailContent .container .pageLeft .detailMenu li{height: auto;} #pageDetailContent .container .pageLeft .detailMenu li a{font-size: 10px; padding: 5px 0;} #pageDetailContent .container .pageLeft .detailMenu li a img{height: 13px;margin-right: 2px; margin-left: 2px;} #pageDetailContent .container .pageLeft .detailMenu .menuPage ul{padding-left: 0px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner:before{height: 83px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .lImage img{height: 150px;margin-top: -40px;width: fit-content;padding: 0 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText {padding: 10px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h1{font-size: 16px;height: fit-content;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .title h2{font-size: 13px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a{padding: 8px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt p {padding: 3px 0 5px 0;font-size: 11px;line-height: 1.3;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a img {height: 20px;width: 20px;margin-right: 5px;} #pageDetailContent .container .pageLeft .detailMenu .mobilBanner .rText .cnt .pIconPro a p{padding: 0;font-size: 11px;} }