@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/*
font-family: 'Inter', sans-serif; font-weight: 300; //light
font-family: 'Inter', sans-serif; font-weight: 400; //regular
font-family: 'Inter', sans-serif; font-weight: 500; //medium
font-family: 'Inter', sans-serif; font-weight: 600; //semibold
*/

body{ padding: 0; margin: 0; }
.clear{ clear: both; }


.headerMain{ width: 100%; background: #FFF; z-index: 99999; /*height: 157px;*/ position: sticky; top: 0; z-index: 9999999; }
.headerMain .headerLogo{ display: block; width: 200px; height: 62px; margin-top: 7px; margin-left: 74px; }
.headerMain .logoMain{ width: 332px; height: 100px; position: relative; float: left; z-index: 9; background-size: contain !important; margin-left: 50px; }
.headerMain .logoMain img{ width:100% !important; }
.headerMain .siteMenu{ height: 120px; width: 100%; top: 0; padding-top: 8px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.headerMain .menuMain{ float: right; position: relative; z-index: 9999; font-family: 'Inter'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; margin-right: 50px; margin-top: 15px; }
.headerMain .menuMain ul{ list-style: none; margin: 0; padding-left: 0; }
.headerMain .menuMain li{ display: block; float: left; padding: 12px 16px; position: relative; text-decoration: none; transition-duration: 0.5s; }
.headerMain .menuMain li a{ display: block; width: 100%; height: 100%; color: #000; text-decoration: none; font-size: 14px; }
.headerMain .menuMain li a::after{ content: ''; display: block; width: 0; height: 2px; background: #00234b; }
.headerMain .menuMain li:hover{ color: #000; cursor: pointer; }
.headerMain .menuMain li:hover a{ color: #000; }
.headerMain .menuMain ul li ul{ background: #FFF; visibility: hidden; opacity: 0; min-width: 5rem; position: absolute; transition: all 0.5s ease; left: 0; display: none; z-index: 9; width: auto; box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.10), 0px 16px 16px 0px rgba(0, 0, 0, 0.09), 0px 35px 21px 0px rgba(0, 0, 0, 0.05), 0px 62px 25px 0px rgba(0, 0, 0, 0.01), 0px 97px 27px 0px rgba(0, 0, 0, 0.00); margin-top: 5px; border-radius: 8px; }
.headerMain .menuMain ul li ul li a{ color: #000 !important; font-size: 14px !important; font-weight: 500; }
.headerMain .menuMain ul li:hover>ul, .headerMain .menuMain ul li ul:hover{ visibility: visible; opacity: 1; display: block; }
/*.headerMain .menuMain ul li ul li:hover{ background-color: rgba(17,29,75,.7); }*/
.headerMain .menuMain ul li ul li:hover a{ color: #000 !important; }
.headerMain .menuMain ul li ul li{ clear: both; display: block; white-space: nowrap; width: 100%; padding: 12px 20px !important; }
.headerMain .menuMain .submenu{ position: relative; z-index: 999; }
.headerMain .menuMain .submenu::after{ position: absolute; content: ''; background: url("../images/menuarrow.svg") no-repeat center center; width: 16px; height: 16px; right: -20px; top: 3px; }
.headerMain .menuMain .dropdownsub{ left: 125px !important; color: #000 !important; top: 0px !important; }
.headerMain .headerBottom{ border-bottom: 1px solid rgba(0, 0, 0, .1); padding-bottom: 8px; }
.headerMain .headerBottom .social{ width: 72px; margin: 0 auto; margin-left: 50px; float: left; margin-top: 10px; }
.headerMain .headerBottom .social .facebook{ width: 36px; height: 36px; background: url("../images/facebook.svg") no-repeat center center; background-size: cover !important; float: left; }
.headerMain .headerBottom .social .instagram{ width: 36px; height: 36px; background: url("../images/instagram.svg") no-repeat center center; background-size: cover !important; float: left; }
/*.headerMain .headerBottom .demantLogo{ float: right; margin-right: 50px; margin-top: 15px; }*/
.headerMain .headerBottom .headermerkezlerBtnMain{ float: right; margin-right: 50px; margin-top: 20px; }
.headerMain .headerBottom .headermerkezlerBtnMain .headermerkezlerBtn{ display: block; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; }


/*
.ma5menu__footer .headerRight{ position: relative; width: 85px; height: 34px; border-radius: 5px; background-color: #FFF; margin-right: 40px; margin-top: 5px; z-index: 9; margin: 0 auto; margin-top:25px; }
.ma5menu__footer .headerRight span{ display: block; float: left; cursor: pointer; width: 38px; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: -0.06rem; color: #0A1620; margin-left: 3px; margin-top: 5px; text-align: center; border-radius: 5px; text-decoration: none; line-height: 24px; }
.ma5menu__footer .headerRight span.activeLang{ background-color: #74BC1F; color: #FFF; height: 24px; }
*/


.hamburgerMenu{ display: none; position: absolute; right: 17px; top: 37px; width: 90px; height: 40px; border-radius: 8px; background-color: #2B6BB7; border: 1px solid rgba(0,0,0,0.3); cursor: pointer; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; color: #FFFFFF; letter-spacing: -0.06rem; line-height: 40px; padding-left: 8px; }
.hamburgerMenu::before{ position: absolute; content:''; width: 18px; height: 16px; background: url(../images/hamburger_icon.svg) no-repeat center center; background-size: cover; margin: 12px; cursor: pointer; position: absolute; right: 0; z-index: 999; }






.homeSlideMain{ position: relative; }
.homeSlideMain .slideFrontimage{ position: absolute; background: url("../images/slidefrontimage.png") no-repeat center center; width: 267px; height: 408px; background-size: cover !important; right: 50px; bottom: -30px; }
.homeSlideMain .slider{ height: 650px; position: relative; }
.homeSlideMain .slider .sliderBlock{ position: relative; width: 100%; height: 650px; }
.homeSlideMain .slider .sliderBlock .slideImage{ position: absolute; width: 100%; height: 650px; background-size: cover !important; }
.homeSlideMain .slider .sliderBlock .text1{ position: absolute; color: #fff; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: -1.44px; text-transform: uppercase; left: 150px; bottom: 250px; text-align: left; max-width: 70%; padding: 0; }
.homeSlideMain .slider .sliderBlock .text2{ position: absolute; color: #fff; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.72px; left: 150px; bottom: 175px; text-align: left; max-width: 70%; padding: 0; }
.homeSlideMain .slider .sliderBlock .link{ position: absolute; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 37px; letter-spacing: -1px; text-decoration: none; bottom: 125px; left: 150px; width: 116px; height: 37px; border-radius: 4px; background-color: #FFF; text-align: center; }
.homeSlideMain .slider-nav{ position: relative; left: 150px; bottom: 100px; z-index: 999999; max-width: 750px; }
.homeSlideMain .slider-nav .navBlock{ position: relative; display: inline-block; width: 70px; height: 70px; cursor: pointer; background-size: cover !important; margin-left: 10px; border-radius: 4px; padding-top: 5px; border: 2px solid #FFF; }
.homeSlideMain .slider-nav .navBlock:nth-child(1){ margin-left: 0; }


.homePart1{ margin-top: 84px; }
.homePart1 h2{ font-family: 'Inter', sans-serif; font-weight: 600; font-size: 32px; color: #2B6BB7; line-height: 150%; letter-spacing: -0.96px; }
.homePart1 p{ font-family: 'Inter', sans-serif; font-weight: 400; font-size: 22px; color: rgba(0, 0, 0, .7); line-height: 150%; letter-spacing: -0.96px; }
.homePart1 iframe{ margin-top: 84px; }


.homePart2{ position: relative; width: 100%; height: 100%; background: #FFF; color: #000; margin-top: 80px; }
.homePart2 .flip-parent{ position: relative;  vertical-align: baseline; margin-bottom: 0px; color: #000; }
.homePart2 .flip{ box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px; transform: scale(1); transform: translateY(0px); height: 550px; width: 100%; color: #000; font-size: 24px; justify-content: center; align-items: center; }
.homePart2 .flip:before{ width: 100%; z-index: 2; text-transform: uppercase; }
.homePart2 #first{ background-color: #FFF; }
.homePart2 #second{ background-color: #FFF; }
.homePart2 #third{ background-color: #FFF; }
.homePart2 #fourth{ background-color: #FFF; }
.homePart2 .cubeSlideBlock{ position: relative; width: 100%; height: 100vh; }
.homePart2 .cubeSlideBlock .cubeLeft{ position: absolute; width: 70%; z-index: 999; }
.homePart2 .cubeSlideBlock .cubeLeft .text1{ color: #2B6BB7; font-family: Inter; font-size: 40px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: -1.2px; margin-top: 190px; }
.homePart2 .cubeSlideBlock .cubeLeft .text2{ color: rgba(0, 0, 0, .7); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.54px; }
.homePart2 .cubeSlideBlock .cubeRight{ position: absolute; width: 30%; }
.homePart2 .cubeSlideBlock .cubeRight img{ border-radius: 8px; height: 650px; }
.homePart2 .cubeSlideBlock .right{ right: 0; }
.homePart2 .cubeSlideBlock .left{ left: 0; }


.homePart3{ width: 100%; height: 670px; border: 16px solid #2B6BB7; position: relative; }
.homePart3 .bgimage{ width: 100%; height: 638px; background-size: cover !important; position: absolute; }
.homePart3 .inText{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 50%; text-align: center; z-index: 999; color: #FFF; font-family: Inter; font-size: 48px; font-style: normal; font-weight: 600; line-height: 150%; letter-spacing: -1.44px; }


.homePart4{ margin-top: 90px; }
.homePart4 h3{ color: #2B6BB7; font-family: Inter; font-size: 40px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -1.2px; }
.homePart4 p{ color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; opacity: .7; }
.homePart4 a{ position: relative; color: #AC4375; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; }
.homePart4 a::after{ position: absolute; content: ''; background: url("../images/part4arrow.svg") no-repeat center center; width: 24px; height: 24px; background-size: cover !important; right: -30px; top: -4px; }



.homePart5{ margin-top: 60px; }
.homePart5 .contentBlock .image{ height: 350px; width: 100%; background-size: cover !important; }
.homePart5 .contentBlock .kategoriClass{ display: block; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; margin-top: 30px; }
.homePart5 .contentBlock .title{ color: #000; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.72px; margin-top: 16px; }
.homePart5 .contentBlock .text{ color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; opacity: .7; margin-top: 16px; }
.homePart5 .devaminiOku{ position: relative; color: #AC4375; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; top: 16px; }
.homePart5 .devaminiOku::after{ position: absolute; content: ''; background: url("../images/part5arrow.svg") no-repeat center center; width: 24px; height: 24px; background-size: cover !important; right: -30px; top: -4px; }



.homePart6{ margin-top: 90px; }


.homePart7{ margin-top: 90px; }
.homePart7 .blockMain{ border-radius: 16px; border: 1px solid rgba(0, 0, 0, .1); padding: 32px 48px; }
.homePart7 .blockMain h4{ color: #333; text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.72px; text-align: left; }
.homePart7 .blockMain ul{ list-style: none; padding: 0; margin: 0; text-align: left; }
.homePart7 .blockMain ul li{ color: #333; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 300; line-height: 150%; letter-spacing: -0.36px; word-break: break-all; }


.homePart8{ margin-top: 100px; }
.homePart8 .container{ border-radius: 4px; background-color: #2B6BB7; }
.homePart8 .text1{ color: #FFF; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.96px; margin-top: 50px; margin-left: 50px; }
.homePart8 .text2{ color: #FFF; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.54px; margin-left: 50px; margin-top: 10px; }
.homePart8 a{ display: block; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 37px; text-align: center; text-decoration: none; letter-spacing: -0.42px; background: #FFF; border-radius: 100px; width: 180px; height: 37px; margin-left: 50px; margin-top: 20px; }
.homePart8 img{ margin-top: 50px; margin-right: 50px; }


.footer{ margin-top: 100px; position: relative; }

.footer hr{ width: 100%; height: 1px; width: 100%; background: rgba(0, 0, 0, .1); }
.footer .footerLogoMain{ position: relative; width: 100%; }
.yukariCikBtn{ position: fixed; content: ''; background: url("../images/yukaricik.png") no-repeat center center; background-size: contain !important; width: 34px; height: 69px; right: 25px; bottom: 25px; cursor: pointer; }
.footer .footerLogoMain .footerLogo{ margin-top: 32px; margin-bottom: 32px; }



.footer .text1{ color: #000; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.6px; margin-top: 40px; }

.footer .footerSocial{ width: 72px; margin: 0 auto; margin-top: 16px; position: relative; }
.footer .footerSocial .footerfacebook{ width: 36px; height: 36px; background: url("../images/footerfacebook.svg") no-repeat center center; background-size: cover !important; float: left; }
.footer .footerSocial .footerinstagram{ width: 36px; height: 36px; background: url("../images/footerinstagram.svg") no-repeat center center; background-size: cover !important; float: left; }

.footer .cpText{ color: #111928; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; margin-top: 40px; }
.footer .ulli{ width: 100%; z-index: 99; text-align: center; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0px; display: flex; justify-content: space-between; margin-top: 40px; }
.footer .ulli li{ list-style: none; float: left; }
.footer .ulli li a{ display: block; line-height: 150%; text-decoration: none; color: #111928; text-align: right; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; }
.footer .demantLogo{ margin-top: 32px; margin-bottom: 32px; }
.footer .bottomText{ color: #000; font-family: Inter; font-size: 10px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.3px; }
.footer .logolarBlock{ height: 160px; }


.blogListTop{ width: 100%; padding: 37px 0; background: #2B6BB7; overflow: hidden; }
.blogListTop{ color: #FFF; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.96px; margin-top: 37px; }
.blogListTop p{ color: #FFF; text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.54px; }
.blogListTopClass{ position: relative; }
.blogListTopClass::after{ position: absolute; content: ''; background: url("../images/blogListTopimage.png") no-repeat center center; width: 109px; height: 168px; background-size: cover !important; right: -100px; top: -30px; }


.blogListSlideMain{ margin-top: 36px; }
.blogListSlideMain .listSlideMain .image{ float: left; width: 70%; height: 400px; background-size: cover !important; border-radius: 4px; }
.blogListSlideMain .listSlideMain .textMain{ float: left; width: 30%; padding: 32px; height: 400px; position: relative; }
.blogListSlideMain .listSlideMain .textMain .catAndDate .catName{ display: block; float: left; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.42px; text-decoration: none; }
.blogListSlideMain .listSlideMain .textMain .catAndDate .date{ float: left; color: #000; font-family: Inter; font-size: 11px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: -0.33px; opacity: .9; margin-left: 12px; }
.blogListSlideMain .listSlideMain .textMain .title{ color: #000; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.72px; }
.blogListSlideMain .listSlideMain .textMain .ozet{ color: #000; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%;  letter-spacing: -0.54px; opacity: .7; }
.blogListSlideMain .listSlideMain .textMain .devaminiOku{ position: absolute; color: #AC4375; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; bottom: 32px; }
.blogListSlideMain .listSlideMain .textMain .devaminiOku::after{ position: absolute; content: ''; background: url("../images/bloglistarrow.svg") no-repeat center center; width: 24px; height: 24px; background-size: cover !important; right: -30px; top: -1px; }
.blogListSlideMain .slick-dots{ display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position: absolute; left: calc(70% + 28px); bottom: 50px; }
.blogListSlideMain .slick-dots li{ margin: 0 0.25rem; }
.blogListSlideMain .slick-dots button{ display: block; width: 1rem; height: 1rem; padding: 0; border: none; border-radius: 100%; background-color: #D9D9D9; text-indent: -9999px; }
.blogListSlideMain .slick-dots li.slick-active button{ background-color: #000; }





.blogDetailTop .videoMain{ width: 100%; margin-top: 50px; }
.blogDetailTop .videoMain iframe{ height: 600px !important; }

.blogListCategoryMain{ margin-top: 56px; }
.blogListCategoryMain .blogCatList{ color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; text-decoration: none; opacity: .5; margin-left: 15px; }
.blogListCategoryMain .blogCatList.active{ color: #000; opacity: 1; text-decoration: underline; }


.blogListContent{ margin-top: 60px; }
.blogListContent .contentBlock{ margin-top: 50px; display: block; }
.blogListContent .contentBlock.videoBlock{ margin-top: 20px; }
.blogListContent .contentBlock .videoCatAndTitle .catMain{ float: left; }
.blogListContent .contentBlock .videoCatAndTitle .titleMain{ float: right; margin-top: 10px; color: #000; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.36px; opacity: .9; }
.blogListContent .contentBlock .videoCatAndTitle .catMain .kategoriClass{ margin-top: 10px; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.42px; float: left; margin-left: 10px; }
.blogListContent .contentBlock .videoCatAndTitle .catMain .kategoriClass:nth-child(1){ margin-left: 0px; }
.blogListContent .contentBlock.videoBlock .title{ color: #333; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.6px; text-decoration: none; margin-top: 16px; display: block; }


.blogListContent .contentBlock .image{ height: 350px; width: 100%; background-size: cover !important; }
.blogListContent .contentBlock .kategoriClass{ display: block; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; margin-top: 30px; }
.blogListContent .contentBlock .title{ color: #000; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.72px; margin-top: 16px; }
.blogListContent .contentBlock .text{ color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; opacity: .7; margin-top: 16px; }
.blogListContent .devaminiOku{ position: relative; color: #AC4375; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.42px; text-decoration: none; top: 16px; }
.blogListContent .devaminiOku::after{ position: absolute; content: ''; background: url("../images/bloglistarrow.svg") no-repeat center center; width: 24px; height: 24px; background-size: cover !important; right: -30px; top: -4px; }


.podcastListContent{ margin-top: 20px; }
.podcastListContent .podcastBlock{ margin-top: 80px; }
.podcastListContent .podcastBlock .bolumAndSure{ float: left; margin-top: 135px; width: 130px; }
.podcastListContent .podcastBlock .bolumAndSure .bolumName{ color: #AC4375; font-family: Inter; font-size: 11px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.33px; opacity: .9; }
.podcastListContent .podcastBlock .bolumAndSure .sureName{ color: rgba(0, 0, 0, 0.50); font-family: Inter; font-size: 11px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.33px; }
.podcastListContent .podcastBlock .bolumAndSure .sureName span{ color: #000; opacity: .9; }
.podcastListContent .podcastBlock .imageMain{ float: left; position: relative; width: 300px; height: 300px; background-size: cover !important; margin-left: 30px; }
.podcastListContent .podcastBlock .imageMain .playPauseBtn{ position: absolute; width: 90px; height: 90px; z-index: 99; left: 105px; top: 105px; cursor: pointer; }
.podcastListContent .podcastBlock .rightMain{ float: left; width: calc(100% - 460px); padding: 66px 32px; }
.podcastListContent .podcastBlock .rightMain .kategoriler .kategoriClass{ margin-top: 10px; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: -0.42px; float: left; margin-left: 10px; }
.podcastListContent .podcastBlock .rightMain .kategoriler .kategoriClass:nth-child(1){ margin-left: 0px; }
.podcastListContent .podcastBlock .rightMain .text1{ color: #000; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.72px; margin-top: 16px; }
.podcastListContent .podcastBlock .rightMain .text2{ color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; opacity: .6; margin-top: 16px; }

.pcast-player{ display: none; }

.visually-hidden, .pcast-player button span {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
   /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}
/* Pcast Player */
.pcast-player .pcast-player-controls {
	box-sizing: border-box;
	background: #000;
	color: #fff;
	font-size: 14px;
	height: 42px;
	overflow: hidden;
	padding: 5px;
}
.pcast-player button {
	background: #2a2a2a;
	color: #fff;
	border: 0;
	border-radius: 2px;
	padding: 5px;
	line-height: 22px;
	-webkit-appreance: none;
	min-width: 32px;
}
.pcast-player progress {
	height: 13px;
	width: calc(100% - 281px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.pcast-player progress[value]::-webkit-progress-bar {
	background-color: #555;
	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.pcast-player progress[value]::-webkit-progress-value {
	background: #fff;
}
.pcast-player .pcast-time {
	display: inline-block;
	font-size: 13px;
	padding: 0 5px;
	text-align: center;
	width: 4em;
}
.pcast-player .pcast-speed {
	width: 2.5em;
}
.pcast-player .pcast-download {
	font-size: 12px;
	margin-top: 0.5em;
	display: inline-block;
	color: black;
}
.pcast-player .pcast-download:hover, .pcast-player .pcast-download:focus {
	color: #666;
}
  












.paginationBlog strong{ margin-top: 80px; display: inline-block; border: 1px solid #F1F1F1; border-radius: 4px; text-decoration: none; font-family: 'Inter'; font-weight: 500; font-size: 16px; letter-spacing: -0.06rem; color: #333333; padding: 4px 8px; margin-right: 16px; background-color: #F1F1F1; }
.paginationBlog a{ margin-top: 80px; display: inline-block; border: 1px solid #F1F1F1; border-radius: 4px; text-decoration: none; font-family: 'Inter'; font-weight: 500; font-size: 16px; letter-spacing: -0.06rem; color: #333333; padding: 4px 8px; margin-right: 16px; }


.blogDetailTop{ margin-top: 24px; }
.blogDetailTop .catName{ color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.42px; text-decoration: none; float: left; margin-left: 15px; }
.blogDetailTop .catName:nth-child(1){ margin-left: 0; }
.blogDetailTop .dateText{ color: #000; font-family: Inter; font-size: 11px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.33px; opacity: .9; text-align: right; }
.blogDetailTop h2{ margin-top: 24px; color: #000; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.96px; }
.blogDetailTop img{ width: 100%; height: 700px; }

.blogDetailContent{ margin-top: 48px; color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; }

.blogDetailReferansMain{ margin-top: 32px; }
.blogDetailReferansMain .referansListesi{ border: 1px solid rgba(0,0,0,.1); border-radius: 16px; padding: 32px 48px; }
.blogDetailReferansMain .referansListesi .title{ color: #333; text-align: center; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 500; line-height: 150%;  letter-spacing: -0.72px; text-align: left; }
.blogDetailReferansMain .referansListesi .icerik{ margin-top: 16px; color: #000; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.36px; text-align: left; word-break: break-word; }
.blogDetailReferansMain .referansListesi .icerik p{ margin: 0; padding: 0; }


.hakkimizdaDetailTop{ margin-top: 24px; }
.hakkimizdaDetailTop img{ width: 100%; /*height: 700px;*/ }
.hakkimizdaDetailContent{ margin-top: 48px; color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; }
.hakkimizdaDetailContent h2{ color: #333; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.96px; }
.hakkimizdaDetailContent .type1{ color: #000; font-family: Inter; font-size: 20px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.6px; }
.hakkimizdaDetailContent .type2{ color: #000; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.6px; margin: 0; padding: 0; }
.hakkimizdaDetailContent a{ color: #000; font-family: Inter; font-size: 24px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.72px; text-decoration-line: underline; }


.textPagedaDetailContent{ margin-top: 48px; color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.48px; }
.textPagedaDetailContent h2{ color: #333; font-family: Inter; font-size: 32px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.96px; }
.textPagedaDetailContent p{ color: #000; font-family: Inter; font-size: 15px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.45px; opacity: .6; }

.isitmemerkezlerimain{ margin-top: 50px; }
.ilSelect{ width:100%; }
#merkezleril{ background: url(../images/merkezDropArrow.png) no-repeat right #ffffff; border: none; width: 100%; color: #000; text-align: left; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; border: 1px solid #000; border-radius:0; outline: none; }

#merkezleril option{ font-family: 'Inter'; word-wrap: break-word; }



.merkezListeBlock{ border: 1px solid #E1E1E1; padding: 10px; margin-top: 10px; }
.merkezListeBlock .adivesehir{ color: #000; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 150%; letter-spacing: -0.54px; }
.merkezListeBlock .adres{ color: #000; font-family: Inter; font-size: 13px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.39px; opacity: .6; }
.merkezListeBlock .telefon{ color: #AC4375; font-family: Inter; font-size: 13px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.39px; }
.merkezListeBlock .yoltarifial{ position: relative; display: block; color: #000; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.42px; padding-left: 30px; text-decoration:none; }
.merkezListeBlock .yoltarifial::before{ position: absolute; content:''; background: url("../images/yoltarifial.svg") no-repeat center center; width: 24px; height: 24px; left: 0; top: 0; }


@media screen and (max-width: 1500px){
	.homeSlideMain .slider .sliderBlock .slideImage{ height: 525px; }
}

@media screen and (max-width: 1440px){
	.blogListTopClass{ padding-right: 100px; }
	.blogListTopClass::after{ right: 0; }
}

@media screen and (max-width: 1225px){
	.headerMain .logoMain{ height: 70px; margin-left: 15px; width: auto; }
	.headerMain .logoMain img{ height: 70px; }
	.headerMain .menuMain li{ padding: 12px 12px; }
	.headerMain .menuMain{ margin-right: 15px; }
	.headerMain .menuMain li a{ font-size: 12px !important; }
	.headerMain .menuMain ul li ul li a{ font-size: 12px !important; }
}


@media screen and (max-width: 1024px){
	.blogListSlideMain .listSlideMain .textMain{ padding: 10px; }
	.blogListSlideMain .slick-dots{ left: calc(70% + 5px); }
}


@media screen and (max-width: 960px){
	.headerMain .menuMain{ display: none; }
	.hamburgerMenu{ display: block; z-index: 999; }
}

@media screen and (max-width: 750px){
	.slider-nav{ display: none; }
	.homeSlideMain .slider{ height: 490px; }
	.homeSlideMain .slider .sliderBlock{ height: 490px; }
	.homeSlideMain .slider .sliderBlock .slideImage{ height: 490px; }
	.homeSlideMain .slideFrontimage{ display: none; }

	.headerMain .headerBottom .social{ margin-left: 20px; }
	.headerMain .headerBottom .demantLogo{ margin-right: 0px; }

	.homeSlideMain .slider .sliderBlock .text1{ left: 15px; font-size: 32px; }
	.homeSlideMain .slider .sliderBlock .text2{ left: 15px; font-size: 18px; }
	.homeSlideMain .slider .sliderBlock .link{ left: 15px; }

	.headerMain .headerBottom .headermerkezlerBtnMain{ margin-right: 20px; }

	.homePart2 .flip{ height: 800px; }

	.homePart2 .cubeSlideBlock{ height: unset !important; }
	.homePart2 .cubeSlideBlock .cubeRight{ width: 100%; position: absolute; height: 450px; width: 100%; top: 0; }
	.homePart2 .cubeSlideBlock .cubeRight img{ width: 100%; height: 100%; }
	.homePart2 .cubeSlideBlock .cubeLeft{ width: 100%; position: absolute; top: 200px; }

	.homePart3 .inText{ font-size: 28px; }

	.homePart5 .contentBlock{ margin-top: 30px; }


	.blogListTopClass{ padding-right: 0; padding-left: 0; }
	.blogListTopClass::after{ display: none; }

	.blogListSlideMain .listSlideMain .image{ width: 100%; left: unset; }
	.blogListSlideMain .listSlideMain .textMain{ width: 100%; left: unset; }
	.blogListSlideMain .slick-dots{ bottom: 25px; }

	.blogDetailTop img{ height: 350px; }


	.footer .demantLogo{ margin: 32px auto !important; float: unset !important; }

	.homePart8 img{ margin-right: 0; }


	.podcastListContent .podcastBlock .bolumAndSure{ margin-top: 0; float: unset; }
	.podcastListContent .podcastBlock .imageMain{ margin-left: 0; float: unset; width: 100%; }
	.podcastListContent .podcastBlock .imageMain .playPauseBtn{ left: calc((100% - 90px) / 2); }
	.podcastListContent .podcastBlock .rightMain{ float: unset; width: 100%; }
	
}


@media screen and (max-width: 500px){
	.homeSlideMain .slider{ height: 160px; }
	.homeSlideMain .slider .sliderBlock{ height: 160px; }
	.homeSlideMain .slider .sliderBlock .slideImage{ height: 160px; }
	.hakkimizdaDetailTop img{ height:auto; }

	.slick-initialized .slick-slide{ height:160px !important; }
.slick-initialized .slick-slide div{ height:160px !important; }
}