/** Genel **/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } html, body { min-width: 320px; } body { -webkit-font-smoothing: antialiased; background-color: #ffffff; text-rendering: optimizeLegibility; } body.mobile { background-color: #ffffff } a:focus { border: 0; outline: none; } .clr { clear: both } .table { display: table;margin-bottom: 0px; } .table-cell { display: table-cell; vertical-align: middle } .dg-cat-section-title { color: #42145f; font-family: neuzeitgroteskboldregular; font-size: 28px; font-weight: normal; letter-spacing: -0.025em; padding: 60px 0px 35px 0px } #dg-cat-container { margin: 0 auto; position: relative; width: 1076px; } .dg-cat-container-wrap { background: #ffffff; padding-bottom: 60px } .menufx { box-shadow: 0px 0px 0px !important }/**webaim accessibility**/ input:focus, button:focus, a:focus, [tabindex]:not([tabindex="-1"]):focus, *[role=button]:focus{ outline: -webkit-focus-ring-color auto 5px !important } .main-content-link{ background-color: #a6232a; color:#FFF; font-weight: bold; left: 50px; position: fixed; top: 80px; } .un-offscreen {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} .form-info-10{ color:red; font-size: 10px; font-style: italic; } .scroll { position: fixed; right: 45px; width: 60px; height: 60px; border-radius: 50px; z-index: 9; background: #25153a; text-align: center; overflow: hidden; opacity: .7; color: #fff; bottom: 45px } .scroll .to-top,.scroll .to-bottom { position: relative; width: 100%; height: 50%; cursor: pointer; text-align: center; } .scroll i, .scroll span { top: -6px; /*0*/ left: 0; position: absolute; height: 100%; width: 100%; overflow: hidden; opacity: .5; } .scroll .to-top i,.scroll .to-top span { bottom: 0; } .scroll .to-top i:hover,.scroll .to-bottom i:hover, .scroll .to-top span:hover,.scroll .to-bottom span:hover { opacity: 1; } .scroll .fa:before { left: 0; width: 100%; font-size: 3em; position: absolute; } /*.scroll .fa-angle-up:before { bottom: -11px; content: ""; } .scroll .fa-angle-down:before { content: ""; ""; top: -14px; }*/ .scroll i.disabled:hover { opacity: .5!important; cursor: default; } .scroll div.disabled:hover{ opacity: .5!important; cursor: default; } /** Header **/ #dg-cat-header { position: absolute; width: 100% } .dg-cat-header-top { height: 35px; left: 0; position: relative; top: 0; width: 100%; z-index: 99; } .dg-cat-header-top:after { background-color: #230a32; content: ''; display: block; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; visibility: visible; width: 100%; z-index: -1; } .dg-cat-header-top .dg-cat-links { height: 100%; padding-top: 8px; } .dg-cat-header-top .dg-cat-links a { color: #ffffff; display: inline-block; font-family: Helvetica; font-size: 12px; line-height: 12px; margin-right: 20px; padding-left: 10px; position: relative; text-decoration: none; } .dg-cat-header-top .dg-cat-links a:before { background: url(../img/link-icon.png) no-repeat left center; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 5px; } .dg-cat-header-top .dg-cat-search-box { background-color: rgba(129, 129, 129, .2); float: right; height: 25px; margin-top: 5px; width: 180px; } .dg-cat-header-top .dg-cat-search-input { background: transparent; border: 0; border-radius: 0; color: #ffffff; float: left; font-family: Helvetica; font-size: 12px; height: 25px; line-height: 25px; outline: 0; padding-left: 10px; width: 150px; } .dg-cat-header-top .dg-cat-search-button { background: url(../img/search-icon.png) no-repeat center center; display: inline-block; height: 100%; overflow: hidden; width: 15px; } .dg-cat-header-top .top-right-link { background: #c6002e; color: #fff; font-family: Helvetica; font-size: 14px; font-weight: bold; line-height: 25px; padding: 0 15px 0 12px; position: absolute; right: 270px; top: 5px; } .dg-cat-header-top .top-right-link:hover { color: #fff; } .dg-cat-navigation .dg-cat-header-top { display: none; } #dg-cat-main-nav-sticky-wrapper { height: 80px !important; position: relative } .dg-cat-header-bottom { display: block; height: 80px; position: relative; width: 100%; z-index: 99999999; } .dg-cat-header-bottom .dg-cat-mask { background-color: #230a32; content: ''; display: block; filter: alpha(opacity=90); height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; visibility: visible; width: 100%; z-index: -1; } .dg-cat-header-bottom .dg-cat-logo { float: left; margin-top: 20px; } .dg-cat-header-bottom .dg-cat-navigation { float: left; height: 100% } .dg-cat-header-bottom .dg-cat-navigation > ul { list-style: none; } .dg-cat-header-bottom .dg-cat-navigation > ul > li { cursor: pointer; float: left; height: 80px; margin-left: 24px; } .dg-cat-header-bottom .dg-cat-navigation > ul > li > a { color: #ffffff; display: block; font-family: neuzeitgroteskboldregular; font-size: 14px; height: 100%; letter-spacing: 0; padding-top: 34px; position: relative; text-decoration: none; } .dg-cat-header-bottom .dg-cat-navigation > ul > li > a:hover { color: #db002f } .dg-cat-header-bottom .dg-cat-navigation > ul > li.active > a { color: #db002f } .dg-cat-header-bottom .dg-cat-navigation > ul > li.active > a:before { border-bottom: 9px solid #fff; border-left: 9px solid transparent; border-right: 9px solid transparent; bottom: 0; content: ""; display: block; height: 0; left: 0; margin: auto; position: absolute; right: 0; text-indent: -9999px; width: 0; z-index: 99 } .dg-cat-header-bottom .dg-cat-navigation > ul > li:last-child.active > a:before { display: none; } /*.dg-cat-header-bottom .dg-cat-apply-now { background: #ffffff; color: #db002f; display: inline-block; float: right; font-family: neuzeitgroteskboldregular; font-size: 15px; height: 50px; letter-spacing: 0.025em; margin-top: 16px; padding-left: 10px; padding-top: 18px; text-decoration: none; width: 149px; } .dg-cat-header-bottom .dg-cat-apply-now:after { background: url(../img/apply-now-icon.png) no-repeat; content: ''; display: inline-block; height: 10px; margin-left: 10px; width: 10px; } .dg-cat-header-bottom.dg-cat-hide .dg-cat-apply-now { display: none } .dg-cat-header-bottom.dg-cat-hide .dg-cat-navigation { float: right }*/ .dg-cat-header-bottom.dg-cat-show-link .dg-cat-apply-now { display: block } .dg-cat-header-bottom.dg-cat-show-link .dg-cat-navigation { float: left } #dg-cat-main-nav-sticky-wrapper.is-sticky { height: 50px !important; top: 0; } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-mask { filter: alpha(opacity=100); opacity: 1; } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom { height: 50px; margin: 0 auto; top: 0; } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-logo { margin-top: 9px } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-logo img { width: 90px } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-apply-now { margin-top: 0; } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation > ul > li { height: 50px } #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation > ul > li > a { padding-top: 17px } .dg-cat-menus { } .dg-cat-collapse-menu { -moz-box-shadow: #6d6d6d 0 3px 6px -2px; -webkit-box-shadow: #6d6d6d 0 3px 6px -2px; background: #ffffff; box-shadow: #6d6d6d 0 3px 6px -2px; display: none; left: 0; overflow: hidden; padding: 15px 0px 45px 0px; position: absolute; width: 100%; } .dg-cat-collapse-menu ul { list-style: none; margin: 0 auto; width: 940px; } .dg-cat-collapse-menu ul li { float: left; width: 24%; } .dg-cat-collapse-menu ul li .dg-cat-img { height: 155px; width: 100%; } .dg-cat-collapse-menu ul li .dg-cat-img:before { content: ''; display: inline-block; height: 100%; text-align: center; vertical-align: middle; } .dg-cat-collapse-menu ul li .dg-cat-img img { display: inline-block; vertical-align: middle; } .dg-cat-collapse-menu ul li span { display: none } .dg-cat-collapse-menu ul li h2 { color: #db002f; font-family: neuzeitgroteskboldregular; font-size: 16px; font-weight: normal; padding: 10px 0; } .dg-cat-collapse-menu ul li div span { color: #db0028; font-family: neuzeitgroteskboldregular; font-size: 18px; font-weight: normal; padding: 10px 0; display: block; margin-bottom: 10px; } .dg-cat-collapse-menu ul li a { background: url(../img/menu-link-icon.png) no-repeat left center; color: #262626; display: block; font-family: Arial; font-size: 14px; line-height: 22px; outline: 0; padding-left: 10px; text-decoration: none; transition: all .2s } .dg-cat-collapse-menu ul li a:hover { background: url(../img/menu-link-hover-icon.png) no-repeat left center; color: #db002f; } /** Header **/ /** GÄ°RİŞ SLIDER **/ .dg-cat-hero-slider { position: relative; z-index: 0; padding-top: 80px; } .dg-cat-hero-slider .dg-cat-container { width: 100%; } .dg-cat-hero-slider .dg-cat-container .dg-cat-five.dg-cat-columns { margin-left: 50px; } .dg-cat-hero-slider .dg-cat-container .dg-cat-twelve.dg-cat-columns { width: 100%; } .dg-cat-hero-slider .dg-cat-hero-slider-wrap { } .dg-cat-hero-slider .dg-cat-hero-slider-wrap .dg-cat-item { height: 590px; padding-top: 60px; position: relative; width: 100%; } .dg-cat-hero-slider .slick-slide { background-size: cover !important; position: relative; } .dg-cat-hero-slider .slick-slide:after { background: url(../img/hero-slider-mask.png) no-repeat left top; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .dg-cat-hero-slider .dg-cat-detail { padding-top: 70px; position: relative; z-index: 99; } .dg-cat-hero-slider .dg-cat-detail .video-link a { background: url(../img/video-icon.png) no-repeat left center; color: #fff; display: inline-block; font-family: neuzeitgroteskboldregular; height: 52px; line-height: 52px; padding-left: 60px; } .dg-cat-hero-slider .detail .video-link a { background: url(../img/video-icon.png) no-repeat left center; color: #fff; display: inline-block; font-family: neuzeitgroteskboldregular; height: 52px; line-height: 52px; padding-left: 60px; } .dg-cat-hero-slider .dg-cat-detail h2 { color: #ffffff; font-family: neuzeitgroteskboldregular; font-size: 40px; font-weight: normal; line-height: 44px; padding: 25px 0px; text-shadow: 1px 1px 1px #000; } .dg-cat-hero-slider a { color: inherit; } .dg-cat-hero-slider .dg-cat-detail p { color: #ffffff; font-family: Helvetica; font-size: 18px; line-height: 26px; } .dg-cat-hero-slider .dg-cat-thumbnails { margin-bottom: 25px; margin-top: -83px; position: relative; text-align: center; z-index: 99999; } .dg-cat-hero-slider .dg-cat-thumbnails ul { display: inline-block; font-size: 0; list-style: none; width: 100%; } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box { background: #ffffff; cursor: pointer; display: inline-block; height: 115px; margin-left: -4px; position: relative; text-align: left; transition: all .1s; vertical-align: top; width: 235px; } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-mask { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background-color: #fff; display: block; filter: alpha(opacity=0); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: all .51s; width: 100%; z-index: 9; } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box.dg-cat-active { -moz-box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.9); background: #ffffff !important; box-shadow: 0px -5px 30px 0px rgba(0, 0, 0, 0.9); } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box.dg-cat-active .dg-cat-title { display: none } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box.dg-cat-active .dg-cat-description { display: block } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box:hover .dg-cat-title { filter: alpha(opacity=90); opacity: 0.9; } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-title { background: #1a1a1a; color: #ffffff; display: block; font-family: neuzeitgroteskboldregular; font-size: 16px; height: 100%; line-height: 115px; padding-left: 20px; position: relative; transition: all .1s; width: 100%; z-index: 10; } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box .dg-cat-description { color: #4d126d; display: none; font-family: neuzeitgroteskboldregular; font-size: 16px; line-height: 21px; padding-left: 20px; padding-top: 20px; position: relative; transition: all .1s; z-index: 10; } .resp-tab-content .dg-cat-list { width: 100% !important; } .resp-tab-content .dg-cat-box { width: 100% !important; } .resp-tab-content ul li { width: 20% !important; } .resp-tab-content { height: 25px; } .dg-cat-hero-slider .dg-cat-thumbnails .line { background-color: #484848; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 1px; z-index: 99; } .videoContentSlider .dg-cat-thumbnails .dg-cat-box { margin: 0; width: 20%; } .videoContentSlider .dg-cat-thumbnails .dg-cat-box:first-child .line { display: none; } .videoContentSlider .dg-cat-thumbnails .dg-cat-title { line-height: 21px; padding-top: 26px; } .videoContentSlider .dg-cat-thumbnails .dg-cat-box.dg-cat-active .dg-cat-description { padding-top: 26px !important } /** Alt Menü **/ #dg-cat-sub-nav-sticky-wrapper.is-sticky .sub-links { } .dg-cat-sub-links { position: relative; z-index: 99999; } .dg-cat-sub-links ul { list-style: none } .dg-cat-sub-links ul li { background: #42145f; float: left; height: 70px; text-align: center; width: 25%; } .dg-cat-sub-links ul li.dg-cat-link { background: #db002f; position: relative; z-index: 99999999 } .dg-cat-sub-links ul li.dg-cat-link a { padding-top: 27px } .dg-cat-sub-links ul li.dg-cat-hover:hover a { color: #db002f; } .dg-cat-sub-links ul li.active a { color: #db002f; } .dg-cat-sub-links ul li a.selected { color: #db002f; } .dg-cat-sub-links ul li a { color: #ffffff; display: inline-block; font-family: neuzeitgroteskboldregular; font-size: 17px; height: 70px; padding: 25px 0; text-decoration: none; width: 100% } .dg-cat-sub-links ul li.link a:after { background: url(../img/apply-now-icon-2.png) no-repeat; content: ''; display: inline-block; height: 10px; margin-left: 7px; width: 10px; } .dg-cat-sub-links.dg-cat-five-box ul li { width: 20% } /** Ayın Filmi **/ .dg-cat-carouselofmonth { } .dg-cat-carouselofmonth .slick-slide img { width: 100% } /** Neden Almalıyım **/ .dg-cat-neden-almaliyim { } .dg-cat-neden-almaliyim ul { list-style: none; overflow: hidden; } .dg-cat-neden-almaliyim ul li { cursor: default; float: left; padding: 10px; text-align: center; width: 20%; } .dg-cat-neden-almaliyim ul li:hover .dg-cat-img { background: #db002f; } .dg-cat-neden-almaliyim ul li:hover h3 { color: #db002f; } .dg-cat-neden-almaliyim ul li:hover .dg-cat-img .dg-cat-hover { filter: alpha(opacity=100); opacity: 1; } .dg-cat-neden-almaliyim ul li:hover .dg-cat-img .dg-cat-no-hover { filter: alpha(opacity=0); opacity: 0; } .dg-cat-neden-almaliyim ul li .dg-cat-img { -webkit-border-radius: 100px; -webkit-border-radius: 100px; background-color: #eaeaea; border-radius: 100px; height: 140px; margin: 0 auto; position: relative; transition: all .2s ease-in; width: 140px; } .dg-cat-neden-almaliyim ul li .dg-cat-img img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity .2s ease-in-out; } .dg-cat-neden-almaliyim ul li .dg-cat-img img.dg-cat-hover { filter: alpha(opacity=0); opacity: 0; } .dg-cat-neden-almaliyim ul li h3 { color: #42145f; font-family: neuzeitgroteskboldregular; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0; padding: 15px 0px; transition: color .2s ease-in-out; } .dg-cat-neden-almaliyim ul li h4 { color: #373737; font-family: Helvetica; font-size: 13px; font-weight: normal; line-height: 18px; transition: all .2s ease-in-out; } /** Neler Var ***/ #dg-cat-neler-var-2 { } .dg-cat-neler-var { } .dg-cat-neler-var .dg-cat-channel-list { background: #eaeaea; font-size: 0; list-style: none; overflow: hidden; text-align: center } .dg-cat-neler-var .dg-cat-channel-list li { cursor: pointer; display: inline-block; height: 160px; position: relative; transition: background .2s ease-in-out; width: 33.33%; } .dg-cat-neler-var .dg-cat-channel-list li a { display: block; height: 100%; width: 100%; } .dg-cat-neler-var .dg-cat-channel-list img { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity .2s ease-in-out; } .dg-cat-neler-var .dg-cat-channel-list .dg-cat-nohover { } .dg-cat-neler-var .dg-cat-channel-list .dg-cat-hover { filter: alpha(opacity=0); opacity: 0; } .dg-cat-neler-var .dg-cat-channel-list li:hover { background: #db002f } .dg-cat-neler-var .dg-cat-channel-list li:hover .dg-cat-hover { filter: alpha(opacity=100); opacity: 1; } .dg-cat-neler-var .dg-cat-channel-list li:hover .dg-cat-nohover { filter: alpha(opacity=0); opacity: 0; } .dg-cat-neler-var .dg-cat-channel-list li.active { background: #db002f } .dg-cat-neler-var .dg-cat-channel-list li.active .dg-cat-hover { filter: alpha(opacity=100); opacity: 1; } .dg-cat-neler-var .dg-cat-channel-list li.active .dg-cat-nohover { filter: alpha(opacity=0); opacity: 0; } /** Sıkça Sorulan Sorular **/ .dg-cat-faq { } .dg-cat-faq ul { list-style: none } .dg-cat-faq ul li { margin-bottom: 6px } .dg-cat-faq .dg-cat-question { background: #eaeaea url(../img/faq-down-arrow.png) no-repeat 97% center; color: #42145f; cursor: pointer; display: inline-block; font-family: neuzeitgroteskboldregular; font-size: 18px; padding: 17px; padding-right: 9%; vertical-align: middle; width: 100%; } .dg-cat-faq .dg-cat-question.active { background: #db002f url(../img/faq-up-arrow.png) no-repeat 97% center; color: #ffffff } .dg-cat-faq .dg-cat-question:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dg-cat-faq .dg-cat-answer { color: #373737; display: none; font-family: Helvetica; font-size: 13px; line-height: 24px; padding: 30px 0; } .dg-cat-faq .dg-cat-answer .dg-cat-text { } .dg-cat-faq .dg-cat-answer img { width: 100% } /*** Paket Önerileri **/ .dg-cat-paket-oneri { } .dg-cat-paket-oneri a { color: #662e85; display: block; text-decoration: none; width: 100%; } .dg-cat-paket-oneri a:hover { } .dg-cat-paket-oneri a:hover .dg-cat-price { background: #662e85 } .dg-cat-paket-oneri a:hover .dg-cat-description h4 { color: #db002f } .dg-cat-paket-oneri a:hover .dg-cat-description p { text-decoration: underline } .dg-cat-paket-oneri .dg-cat-img { background-size: cover !important; padding-top: 65%; position: relative; width: 95%; } .dg-cat-paket-oneri img { width: 95% } .dg-cat-paket-oneri .dg-cat-price { background: #db002f; bottom: 0; color: #ffffff; font-family: Helvetica; font-size: 16px; font-weight: bold; padding: 10px 16px; position: absolute; right: 0; transition: all .2s ease-in-out } .dg-cat-paket-oneri .dg-cat-description { padding: 0 2.5%; width: 95%; } .dg-cat-paket-oneri .dg-cat-description h4 { color: #662e85; font-family: neuzeitgroteskboldregular; font-size: 18px; font-weight: normal; line-height: 22px; margin: 15px 0px; transition: all .2s ease-in-out; } .dg-cat-paket-oneri .dg-cat-description p { color: #373737; font-family: Helvetica; font-size: 14px; line-height: 20px; transition: all .2s ease-in-out } /** Nasıl Alırım **/ .dg-cat-nasil-alirim { } .dg-cat-nasil-alirim .dg-cat-left { background: #eaeaea url(../img/apply-bg.png) no-repeat right bottom; display: table; height: 600px; padding-left: 44px; } .dg-cat-nasil-alirim .dg-cat-left .table { height: 480px } .dg-cat-nasil-alirim .dg-cat-left h3 { color: #4d126d; font-family: neuzeitgroteskboldregular; font-size: 22px; font-weight: normal; line-height: 24px; margin: 0; text-align: left } .dg-cat-nasil-alirim .dg-cat-left p { color: #373737 !important; font-family: Helvetica; font-size: 16px; line-height: 24px; margin: 30px 0px } .dg-cat-nasil-alirim .dg-cat-left p strong { color: #4d126d; font-weight: bold } .dg-cat-nasil-alirim .dg-cat-left .dg-cat-info { background: #42145f; color: #ffffff; display: inline-block; font-family: Helvetica; font-size: 15px; font-weight: bold; padding: 18px 42px; text-decoration: none; transition: all .2s } .dg-cat-nasil-alirim .dg-cat-left .dg-cat-info:hover { background: #db002f; } .dg-cat-nasil-alirim .dg-cat-left .dg-cat-apply-now { color: #373737; display: block; font-family: Helvetica; font-size: 15px; margin-top: 22px; text-decoration: none; } .dg-cat-nasil-alirim .dg-cat-left { margin-left: 0 !important } .dg-cat-nasil-alirim .dg-cat-right { /*background: #42145f; */height: 600px; margin-right: 20px; overflow: hidden; } /** Sosyal Ä°konlar ve alt linkler **/ .dg-cat-sub-info { text-align: center } .dg-cat-socials { margin-bottom: 10px; } .dg-cat-socials ul { display: inline-block; list-style: none; overflow: hidden; } .dg-cat-socials ul li { float: left; margin-right: 20px } .dg-cat-socials ul li a.dg-cat-icon { background: url(../img/socials-new-v2.png) no-repeat; display: inline-block; height: 40px; width: 40px; } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-fb { background-position: 0 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-fb:hover { background-position: 0 -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-twitter { background-position: -45px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-twitter:hover { background-position: -45px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-google { background-position: -90px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-google:hover { background-position: -90px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-youtube { background-position: -135px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-youtube:hover { background-position: -135px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-pinterest { background-position: -180px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-pinterest:hover { background-position: -180px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-linkedin { background-position: -225px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-linkedin:hover { background-position: -225px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-vine { background-position: -270px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-vine:hover { background-position: -270px -45px } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-instagram { background-position: -315px 0 } .dg-cat-socials ul li a.dg-cat-icon.dg-cat-instagram:hover { background-position: -315px -45px } .dg-cat-info-links { margin-top: 20px } .dg-cat-info-links ul { font-size: 0; list-style: none; margin: 0 auto; overflow: hidden; width: 600px; } .dg-cat-info-links ul li { background-color: #662e85; color: #ffffff; float: left; font-family: neuzeitgroteskboldregular; font-size: 17px; margin-right: 1px; transition: all .2s; width: 199px; } .dg-cat-info-links ul li.dg-cat-phone a { cursor: default } .dg-cat-info-links ul li.dg-cat-phone { background: #db002f; } .dg-cat-info-links ul li.dg-cat-phone a:before { background: url(../img/phone-icon.png) no-repeat; content: ''; display: inline-block; height: 17px; left: -8px; position: relative; top: 2px; width: 17px; } .dg-cat-info-links ul li.dg-cat-cursor { background: #662e85 } .dg-cat-info-links ul li.dg-cat-cursor a:before { background: url(../img/cursor-icon.png) no-repeat; content: ''; display: inline-block; height: 16px; left: -6px; position: relative; top: 2px; width: 12px; } .dg-cat-info-links ul li.dg-cat-engelli { background: #662e85 } .dg-cat-info-links ul li.dg-cat-engelli a:before { background: url(../img/engelli-icon.png) no-repeat; content: ''; display: inline-block; height: 16px; left: -6px; position: relative; top: 2px; width: 15px; } .dg-cat-info-links ul li.dg-cat-pen { background: #662e85 } .dg-cat-info-links ul li.dg-cat-pen a:before { background: url(../img/pen-icon.png) no-repeat; content: ''; display: inline-block; height: 16px; left: -3px; position: relative; top: 2px; width: 17px; } .dg-cat-info-links ul li:hover { background-color: #db002f } .dg-cat-info-links ul li a { color: #ffffff; display: inline-block; font-family: neuzeitgroteskboldregular; font-size: 17px; height: 100%; padding: 20px 0px; text-decoration: none; width: 100%; } /** Footer **/ #dg-cat-footer { margin: 0 auto; min-width: 1076px; } .dg-cat-footer-wrapper { margin: 0 auto; width: 1076px; } .dg-cat-footer-top { background: #ffffff; padding-bottom: 30px } .dg-cat-footer-top h3 { color: #4d126d !important; font-family: Helvetica !important; font-size: 14px !important; margin: 0 !important; padding: 35px 0px 10px 0px !important; text-align: left !important; } .dg-cat-footer-top a { color: #373737; display: block; font-family: Helvetica; font-size: 12px; line-height: 20px; text-decoration: none; } .dg-cat-footer-top a:hover { text-decoration: underline } .dg-cat-footer-bottom { background: #eaeaea; height: 50px } .dg-cat-footer-bottom .dg-cat-f-logo { display: inline-block; float: left; margin-top: 12px; width: 85px; } .dg-cat-footer-bottom p { color: #373737; font-family: Helvetica; font-size: 12px; margin-top: 20px; overflow: hidden; padding-left: 30px } .dg-cat-footer-bottom .dg-cat-links { display: inline-block; float: right; list-style: none; margin-top: 18px; overflow: hidden; vertical-align: middle; } .dg-cat-footer-bottom .dg-cat-links li { background: url(../img/dot.png) no-repeat left center; float: left; margin-right: 10px; padding-left: 10px; position: relative; } .dg-cat-footer-bottom .dg-cat-links li a { color: #373737; font-family: Helvetica; font-size: 12px; text-decoration: none } .click-to-call{display:none;} /** Kanal Carousel **/ .dg-cat-channel-carousel { margin-top: 40px } .dg-cat-channel-carousel .slick-slide { cursor: pointer; height: 60px/*20px*/; text-align: center; } .dg-cat-channel-carousel .slick-slide:hover img { filter: alpha(opacity=100); opacity: 1; } .dg-cat-channel-carousel .slick-slide.current-slide img { filter: alpha(opacity=100); opacity: 1; } .dg-cat-channel-carousel .slick-slide img { display: inline-block; filter: alpha(opacity=40); opacity: 0.4; transition: all .2s ease-in-out } .dg-cat-channel-carousel > .slick-prev { background: url(../img/channel-carousel-icons.png) no-repeat -13px 0; height: 17px; left: -10px; top: 4px; width: 11px; } .dg-cat-channel-carousel > .slick-next { background: url(../img/channel-carousel-icons.png) no-repeat 0px 0; height: 17px; right: -10px; top: 4px; width: 11px; } .dg-cat-channels-carousel-container { height: 480px; position: relative; } .dg-cat-channels-carousel-container .dg-cat-show-channels { background: #42145f; bottom: 0; color: #ffffff; font-family: neuzeitgroteskboldregular; font-size: 18px; height: 50px; letter-spacing: 0.05em; padding-top: 15px; position: absolute; right: 0; text-align: center; text-decoration: none; transition: all .2s; width: 240px; z-index: 99; } .dg-cat-channels-carousel-container .dg-cat-show-channels:before { background: url(../img/show-channel-down.png) no-repeat left center; content: ''; display: inline-block; height: 10px; width: 25px; } .dg-cat-channels-carousel-container .dg-cat-show-channels.active { bottom: -25px; height: 75px; } .dg-cat-channels-carousel-container .dg-cat-show-channels.active:before { background: url(../img/show-channel-up.png) no-repeat left center; } .dg-cat-channels-carousel-container .dg-cat-top-slider { position: absolute; top: 0; z-index: 9999 } .dg-cat-channels-carousel-show { } .dg-cat-channels-carousel-show .dg-cat-row { position: relative; } .dg-cat-channels-carousel-show .dg-cat-left { text-align: right } .dg-cat-channels-carousel-show .dg-cat-right { height: 100%; left: 50%; padding-left: 20px; padding-right: 30px; position: absolute; } .dg-cat-channels-carousel-show .dg-cat-right .table { height: 100% } .dg-cat-channels-carousel-show .dg-cat-right .dg-cat-channel { } .dg-cat-channels-carousel-show .dg-cat-right h4 { color: #373737; font-family: Helvetica; font-size: 18px; font-weight: normal; line-height: 26px; margin-top: 37px; } .dg-cat-channels-carousel-show .dg-cat-left img { display: inline-block } .dg-cat-channels-carousel-show .slick-list { z-index: 95 } .dg-cat-channels-carousel-show .slick-slide { height: 480px; padding-top: 150px; z-index: 99; } .dg-cat-channels-carousel-show > .slick-prev { -moz-border-radius: 64px 0 0 64px; background: #42145f url(../img/channel-carousel-left.png) no-repeat 8px center; border-radius: 0 64px 64px 0; bottom: 0; height: 64px; left: 1px; margin: auto; right: auto; top: 0; transition: background-color .1s ease-in; width: 35px; z-index: 99; } .dg-cat-channels-carousel-show > .slick-prev:hover { background-color: #db002f } .dg-cat-channels-carousel-show > .slick-next:hover { background-color: #db002f } .dg-cat-channels-carousel-show > .slick-next { -moz-border-radius: 64px 0 0 64px; background: #42145f url(../img/channel-carousel-right.png) no-repeat 16px center; border-radius: 64px 0 0 64px; bottom: 0; height: 64px; left: auto; margin: auto; right: 0; top: 0; transition: background-color .1s ease-in; width: 35px; z-index: 99; } .dg-cat-channels-carousel-show .slick-slide:before { background: url(../img/channelslidermask.png) no-repeat -4px top; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } /** Kanal Listeleri **/ .dg-cat-tablet-channel-list { display: none } .dg-cat-channels { } /** Secenekler Nedir **/ .dg-cat-secenekler-nedir { } .dg-cat-secenekler-nedir .dg-cat-box { padding-bottom: 30px } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-img { height: 350px; text-align: center; } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-img:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-img img { display: inline-block; vertical-align: middle } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-text { text-align: center } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-text h3 { color: #db002f; font-family: neuzeitgroteskboldregular; font-size: 24px; font-weight: normal; line-height: 30px; margin: 20px 0 10px 0 } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-text p { color: #373737; font-family: Helvetica; font-size: 13px; line-height: 23px; } /** Dividigi Ayrıcalıkları **/ .dg-cat-dividigi-ayricaliklari { } .dg-cat-dividigi-ayricaliklari .dg-cat-row { background: #e9e9e9; height: 360px } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-img { height: 100%; position: relative } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-img img { bottom: 0; position: absolute; } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-text { padding-top: 50px } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-text h3 { color: #db002f; font-family: neuzeitgroteskboldregular; font-size: 21px; font-weight: normal; line-height: 23px; margin: 0; padding-bottom: 18px; text-align: left } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-text p { color: #373737; font-family: Helvetica; font-size: 13px; line-height: 23px } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-text a.dg-cat-button { background: #42145f; color: #ffffff; display: inline-block; font-family: Helvetica; font-size: 15px; font-weight: bold; margin-top: 30px; padding: 18px; text-decoration: none; transition: all .2s ease-in-out; } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-text a.dg-cat-button:hover { background: #db002f } /** Digiturk Dergi **/ .dg-cat-digiturk-dergi { } .dg-cat-digiturk-dergi .dg-cat-img { } .dg-cat-digiturk-dergi .dg-cat-img img { width: 100% } .dg-cat-digiturk-dergi .dg-cat-text { } .dg-cat-digiturk-dergi .dg-cat-text h3 { color: #42145f; font-family: neuzeitgroteskboldregular; font-size: 24px; font-weight: normal; line-height: 28px; margin: 0; padding-bottom: 10px; text-align: left } .dg-cat-digiturk-dergi .dg-cat-text p { color: #373737; font-family: Helvetica; font-size: 18px; line-height: 24px } .dg-cat-digiturk-dergi .dg-cat-text a.dg-cat-button { background: #db002f; color: #ffffff; display: inline-block; font-family: neuzeitgroteskboldregular; font-size: 15px; margin-top: 30px; padding: 18px 40px 18px 26px; text-decoration: none; transition: all .2s ease-in-out; } .dg-cat-digiturk-dergi .dg-cat-text a.dg-cat-button:hover { background: #42145f } .dg-cat-digiturk-dergi .dg-cat-text a.dg-cat-button:after { background: url(../img/apply-now-icon-2.png) no-repeat; content: ''; display: inline-block; height: 10px; margin-left: 16px; width: 10px; } /** Spor Eglence Spor Paketi **/ .dg-cat-spor-eglence-paketi .dg-cat-text h3{color: #42145f; font-size: 24px;font-family:neuzeitgroteskboldregular; line-height: 28px; font-weight: normal; padding-bottom: 10px; margin: 0; text-align: left} .dg-cat-spor-eglence-paketi .dg-cat-text p{color: #373737; font-family: Helvetica; font-size: 18px; line-height: 24px; padding-bottom: 35px; } .dg-cat-spor-eglence-paketi .dg-cat-row { margin-bottom: 110px; } .dg-cat-spor-eglence-paketi .dg-cat-row:last-child { margin-bottom: 0; } .dg-cat-spor-eglence-paketi .dg-cat-six.dg-cat-columns.dg-cat-text img { width: 100%; } .dg-cat-spor-eglence-paketi .dg-cat-six.dg-cat-columns.dg-cat-alpha.dg-cat-omega.dg-cat-img img { margin-left: 30px; } .dg-cat-spor-eglence-paketi .dg-cat-left{height: 480px; background: #eaeaea url(../img/apply-bg.png) no-repeat right bottom; padding-left: 44px; display: table} .dg-cat-spor-eglence-paketi .dg-cat-left .table{ height: 480px} .dg-cat-spor-eglence-paketi .dg-cat-left h3{color: #4d126d; font-family:neuzeitgroteskboldregular; font-size: 22px; line-height: 24px; font-weight: normal; margin:0; text-align: left} .dg-cat-spor-eglence-paketi .dg-cat-left p{color: #373737 !important; font-family:Helvetica; font-size: 16px; line-height: 24px; margin: 30px 0px} .dg-cat-spor-eglence-paketi .dg-cat-left p strong{color: #4d126d; font-weight: bold} .dg-cat-spor-eglence-paketi .dg-cat-left .dg-cat-info{padding: 18px 42px; background: #42145f; color: #ffffff;font-family:Helvetica; font-size: 15px; font-weight: bold; text-decoration: none; display: inline-block; transition: all .2s} .dg-cat-spor-eglence-paketi .dg-cat-left .dg-cat-info:hover{background: #db002f;} .dg-cat-spor-eglence-paketi .dg-cat-left .dg-cat-apply-now{ color: #373737;font-family:Helvetica; font-size: 15px; text-decoration: none; display: block; margin-top: 22px} .dg-cat-spor-eglence-paketi .dg-cat-left{margin-left: 0!important} .dg-cat-spor-eglence-paketi .dg-cat-right{overflow: hidden; height: 480px; background: #42145f; /*margin-right: 20px*/} /** Eglence Spor Paketi **/ .dg-cat-eglence-paketi .dg-cat-text h3{color: #42145f; font-size: 24px;font-family:neuzeitgroteskboldregular; line-height: 28px; font-weight: normal; padding-bottom: 10px; margin: 0; text-align: left} .dg-cat-eglence-paketi .dg-cat-text p{color: #373737; font-family: Helvetica; font-size: 18px; line-height: 24px; padding-bottom: 35px; } .dg-cat-eglence-paketi .dg-cat-row { margin-bottom: 110px; } .dg-cat-eglence-paketi .dg-cat-row:last-child { margin-bottom: 0; } .dg-cat-eglence-paketi .dg-cat-six.dg-cat-columns.dg-cat-text img { width: 100%;} .dg-cat-eglence-paketi .dg-cat-six.dg-cat-columns.dg-cat-alpha.dg-cat-omega.dg-cat-img img { margin-left: 30px; } .dg-cat-eglence-paketi .dg-cat-left{height: 480px; background: #eaeaea url(../img/apply-bg.png) no-repeat right bottom; padding-left: 44px; display: table} .dg-cat-eglence-paketi .dg-cat-left .table{ height: 480px} .dg-cat-eglence-paketi .dg-cat-left h3{color: #4d126d; font-family:neuzeitgroteskboldregular; font-size: 22px; line-height: 24px; font-weight: normal; margin:0; text-align: left} .dg-cat-eglence-paketi .dg-cat-left p{color: #373737 !important; font-family:Helvetica; font-size: 16px; line-height: 24px; margin: 30px 0px} .dg-cat-eglence-paketi .dg-cat-left p strong{color: #4d126d; font-weight: bold} .dg-cat-eglence-paketi .dg-cat-left .dg-cat-info{padding: 18px 42px; background: #42145f; color: #ffffff;font-family:Helvetica; font-size: 15px; font-weight: bold; text-decoration: none; display: inline-block; transition: all .2s} .dg-cat-eglence-paketi .dg-cat-left .dg-cat-info:hover{background: #db002f;} .dg-cat-eglence-paketi .dg-cat-left .dg-cat-apply-now{ color: #373737;font-family:Helvetica; font-size: 15px; text-decoration: none; display: block; margin-top: 22px} .dg-cat-eglence-paketi .dg-cat-left{margin-left: 0!important} .dg-cat-eglence-paketi .dg-cat-right{overflow: hidden; height: 480px; background: #42145f; /*margin-right: 20px*/} /** Nasıl Okuyabilirim **/ .dg-cat-nasil-okuyabilirim { } .dg-cat-nasil-okuyabilirim .dg-cat-row { height: 100% } .dg-cat-nasil-okuyabilirim .dg-cat-columns { height: 100% } .dg-cat-nasil-okuyabilirim .dg-cat-content { background: url(../img/nasil-okuyabilirim-bg.png) no-repeat; height: 480px; } .dg-cat-nasil-okuyabilirim .dg-cat-video-container { position: relative } .dg-cat-nasil-okuyabilirim .dg-cat-video { background: url(../img/videobg.png) no-repeat; background-size: cover; bottom: 0; height: 230px; margin: auto; position: absolute; right: 0; top: 0; width: 380px; } .dg-cat-nasil-okuyabilirim .dg-cat-video:after { background: url(../img/videobgshadow.png) no-repeat; bottom: 0; content: ''; display: block; height: 63px; left: 0; position: absolute; width: 380px; } .dg-cat-nasil-okuyabilirim .dg-cat-video video { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; z-index: 99 } .dg-cat-nasil-okuyabilirim .dg-cat-text { display: table-cell; vertical-align: middle } .dg-cat-nasil-okuyabilirim .dg-cat-text h3 { color: #42145f; font-family: neuzeitgroteskboldregular; font-size: 24px; font-weight: normal; line-height: 28px; margin: 0; padding-bottom: 18px; text-align: left; } .dg-cat-nasil-okuyabilirim .dg-cat-text p { color: #373737; font-family: Helvetica; font-size: 18px; line-height: 26px; } .dg-cat-nasil-okuyabilirim .dg-cat-text .dg-cat-app-store { background: url(../img/appstore.png) no-repeat; display: inline-block; float: left; height: 41px; margin-right: 10px; margin-top: 30px; width: 131px; } .dg-cat-nasil-okuyabilirim .dg-cat-text .dg-cat-google-play { background: url(../img/googleplay.png) no-repeat; display: inline-block; float: left; height: 41px; margin-top: 30px; width: 128px; } /** Geçmiş Sayılar **/ .dg-cat-gecmis-sayilar { } .dg-cat-gecmis-sayilar .slick-slide { } .dg-cat-gecmis-sayilar .slick-slide a { color: #373737; text-decoration: none } .dg-cat-gecmis-sayilar .slick-slide img { width: 100% } .dg-cat-gecmis-sayilar .slick-slide .dg-cat-month { color: #373737; font-family: Helvetica; font-size: 14px; line-height: 20px; padding-top: 15px } /** Öneriler **/ .dg-cat-oneriler { } .dg-cat-oneriler .slick-slide { } .dg-cat-oneriler .slick-slide a { color: #662e85; text-decoration: none; } .dg-cat-oneriler .slick-slide .dg-cat-img { background-size: cover !important; padding-top: 65%; width: 95%; } .dg-cat-oneriler .slick-slide .dg-cat-text { width: 95% } .dg-cat-oneriler .slick-slide .dg-cat-text h3 { color: #662e85; font-family: neuzeitgroteskboldregular; font-size: 18px; font-weight: normal; line-height: 22px; margin: 0; padding: 15px 0px; text-align: left; transition: all .2s ease-in-out; } .dg-cat-oneriler .slick-slide .dg-cat-text p { color: #373737; font-family: Helvetica; font-size: 14px; font-weight: normal; line-height: 20px; text-align: left } .dg-cat-oneriler .slick-slide a:hover h3 { color: #db002f } .dg-cat-oneriler .slick-slide a:hover p { text-decoration: underline } /** HD 3D box **/ .dg-cat-hd-box { background: url(../img/dummy/slider2.png) no-repeat; height: 480px; position: relative; } .dg-cat-hd-box:after { background: url(../img/channelslidermask.png) no-repeat -4px top; content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 } .dg-cat-hd-box .dg-cat-row { height: 100%; position: relative; z-index: 99 } .dg-cat-hd-box .dg-cat-columns { height: 100%; position: relative } .dg-cat-hd-box .dg-cat-img { display: table; height: 100%; text-align: right; width: 100%; } .dg-cat-hd-box .dg-cat-img { display: table; height: 100%; text-align: right; width: 100%; } .dg-cat-hd-box .dg-cat-img .table-cell div { position: relative } .dg-cat-hd-box .dg-cat-img .table-cell div:after { background: url(../img/shadow.png) no-repeat; bottom: -53px; content: ''; display: block; height: 53px; left: 0; position: absolute; width: 302px; } .dg-cat-hd-box .dg-cat-img img { display: inline-block; vertical-align: middle } .dg-cat-hd-box .dg-cat-text { display: table-cell; padding-right: 30px; vertical-align: middle; } .dg-cat-hd-box .dg-cat-text h3, .notSlider h3 { color: #db002f; font-family: neuzeitgroteskboldregular; font-size: 24px; font-weight: normal; line-height: 28px; margin: 0; padding-bottom: 18px; text-align: left } .dg-cat-hd-box .dg-cat-text p, .notSlider p { color: #373737; font-family: Helvetica; font-size: 18px; line-height: 26px; } .noFadeIn { -e-animation-name: none !important; -webkit-animation-name: none !important; animation-name: none !important; } .dg-cat-hd-neler-var { } /** Trading Pack **/ .tradingPack .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-title { line-height: 21px; } .tradingPack h1 { font-family: 'neuzeitgroteskboldregular'; font-size: 44px; font-weight: normal; letter-spacing: -0.025em; line-height: 1.3em; } .tradingPack .red { color: #db002f; } .tradingPack .purple { color: #8336b4 } .pack-title { margin: 60px 80px; text-align: center; } .pack-title h2 { color: #db002f; font-family: 'neuzeitgroteskboldregular'; font-size: 25px; font-weight: normal; } .pack-title p { font-family: 'neuzeitgroteskregular', Helvetica, Arial, sans-serif; line-height: 1.55em; } .packinfo-top { min-height: 180px } .dg-pack-inner { border: 1px solid #e9e9e9; font-family: 'neuzeitgroteskregular'; line-height: 1.55em; padding: 25px 20px; } .dg-pack-inner .icons { min-height: 200px; } .dg-pack-inner .icons li { color: #737373; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding: 5px 0; position: relative; width: 50%; } .dg-pack-inner .icons li span { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; left: 60px; line-height: 1.3em; position: absolute; top: 50%; transform: translateY(-50%); } .dg-pack-inner .icons i { display: block; float: left; height: 52px; width: 52px; } .dg-pack-inner .icons em { display: block; float: left; height: 52px; width: 52px; } .dg-pack-inner .icons .icon-a1 { background: url(../img/icon-a1.png) no-repeat; } .dg-pack-inner .icons .icon-a2 { background: url(../img/icon-a2.png) no-repeat; } .dg-pack-inner .icons .icon-a3 { background: url(../img/icon-a3.png) no-repeat; } .dg-pack-inner .icons .icon-a4 { background: url(../img/icon-a4.png) no-repeat; } .dg-pack-inner .icons .icon-a5 { background: url(../img/icon-a5.png) no-repeat; } .dg-pack-inner .icons .icon-a6 { background: url(../img/icon-a6.png) no-repeat; } .dg-pack-inner .icons .icon-a7 { background: url(../img/icon-a7.png) no-repeat; } .dg-pack-inner .icons .icon-a8 { background: url(../img/icon-a8.png) no-repeat; } .dg-pack-inner .icons .icon-a9 { background: url(../img/icon-a9.png) no-repeat; } .dg-pack-inner p { color: #737373; display: inline-block; font-family: 'neuzeitgroteskregular', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.7em; } .dg-pack-inner h4 { font-family: 'neuzeitgroteskboldregular'; font-size: 19px; font-weight: normal; margin-bottom: 10px; } .dg-pack-inner .packinfo { background: #f5f5f5; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 0 -20px; margin-top: 20px; padding: 25px 20px; } .dg-pack-inner .packinfo li { border-top: 1px solid #e9e9e9; font-weight: bold; list-style: disc; list-style-position: inside; padding: 10px 0; } .dg-pack-inner .packinfo li:first-child { border-top: none; } .dg-pack-inner .packinfo-top p { font-weight: normal; line-height: 1.55em; } .dg-pack-inner .packinfo-top h2 { font-family: Helvetica, Arial, sans-serif; font-size: 18px } .dg-pack-inner .packinfo-bottom { padding: 30px 0; } .dg-pack-inner .packinfo-bottom a { -moz-transition: all .2s; -webkit-transition: all .2s; color: #fff; display: block; font-family: 'neuzeitgroteskboldregular'; font-size: 16px; margin: 15px auto 0; padding: 13px 0; text-align: center; transition: all .2s; width: 100%; } .dg-pack-inner .packinfo-bottom a:hover { background: #42145f; } .dg-pack-inner .packinfo-bottom .open-detail-info { background: #8336b4; position: relative; } .right .dg-pack-inner .packinfo-bottom .open-detail-info { background: #db002f; position: relative; } .right .dg-pack-inner .packinfo-bottom .open-detail-info:hover { background: #42145f; } .dg-pack-inner .packinfo-bottom .hiddenInfo { display: none; padding: 20px 0; } .dg-pack-inner .packinfo-bottom .hiddenInfo li { color: #737373; font-weight: bold; list-style: disc; list-style-position: inside; padding: 2px 0; } .applicationWrap { height: auto; margin-top: 60px; position: relative; } .applicationInfo { background: #eaeaea url(../img/basvuru_gorsel.png) no-repeat right bottom !important; height: 100%; left: 0; position: absolute; width: 320px !important; } .applicationInfoInner { padding: 20px; } .applicationInfoInner h4 { font-family: 'neuzeitgroteskboldregular'; font-size: 22px; font-weight: normal; margin: 20px 0; } .applicationInfoInner p { font-family: 'neuzeitgroteskregular'; line-height: 1.5em; } .applicationForm { margin-left: 330px; } .applicationFormInner { background: #42145f; } .applicationFormInner p { color: #fff; font-family: 'neuzeitgroteskregular', Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 4px; text-align: left; } .applicationFormInner ul { margin: 0 -10px; padding: 40px 40px; } .applicationFormInner ul li { display: block; width: 100%; } .applicationFormInner ul li .col { float: left; padding: 10px; width: 50%; } .applicationFormInner ul li span.error { color: #fff; display: block; font-family: 'neuzeitgroteskregular', Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 5px; } .applicationFormInner ul li input.error { border: 2px solid #db002f; color: #000; } .applicationFormInner .row:before, .applicationFormInner .row:after { content: " "; /* 1 */display: table; /* 2 */ } .applicationFormInner .row:after { clear: both; } .applicationFormInner .row { *zoom: 1; } .applicationFormInner ul li img { display: block; } .applicationFormInner ul li input { border: 2px solid #fff; border: none; font-family: 'neuzeitgroteskregular', Helvetica, Arial, sans-serif; font-size: 14px; height: 50px; margin: 0 auto; text-indent: 10px; width: 100%; } .applicationFormInner .a-submit { -moz-transition: all .2s; -webkit-transition: all .2s; background: #db002f; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-indent: 0; transition: all .2s; } .applicationFormInner .a-submit:hover { background: #662e85; } .dg-cat-hero-slider .thumbnail { background: #000; display: block; } /** Hd Carousel **/ .dg-cat-top-carousel { margin-top: 40px } .dg-cat-top-carousel .slick-track { margin: 0 auto } .dg-cat-top-carousel .slick-slide { cursor: pointer; height: 60px; text-align: center; text-align: center; } .dg-cat-top-carousel .slick-slide:hover img { filter: alpha(opacity=100); opacity: 1; } .dg-cat-top-carousel .slick-slide.current-slide .dg-cat-category { color: #cd1230; } .dg-cat-top-carousel .slick-slide .dg-cat-category { color: #311349; font-family: neuzeitgroteskboldregular; font-size: 18px; } .dg-cat-top-carousel .slick-slide img { display: inline-block; filter: alpha(opacity=40); opacity: 0.4; transition: all .2s ease-in-out } .dg-cat-top-carousel .slick-prev { background: url(../img/channel-carousel-icons.png) no-repeat -13px 0; height: 17px; left: -10px; top: 4px; width: 11px; } .dg-cat-top-carousel .slick-next { background: url(../img/channel-carousel-icons.png) no-repeat 0px 0; height: 17px; right: -10px; top: 4px; width: 11px; } .dg-cat-big-carousel-container { height: 480px; position: relative; } .dg-cat-big-carousel-container .dg-cat-top-carousel { position: absolute; top: 0; z-index: 9999 } .dg-cat-big-carousel-show { } .dg-cat-big-carousel-show .dg-cat-row { position: relative } .dg-cat-big-carousel-show .dg-cat-left { text-align: right } .dg-cat-big-carousel-show .dg-cat-right { height: 100%; left: 50%; padding-left: 20px; padding-right: 30px; position: absolute; } .dg-cat-big-carousel-show .dg-cat-right .table { height: 100% } .dg-cat-big-carousel-show .dg-cat-right .dg-cat-channel { margin-top: 37px } .dg-cat-big-carousel-show .dg-cat-right h3 { color: #cd1230; font-family: neuzeitgroteskboldregular; font-size: 24px; font-weight: normal; line-height: 26px; margin: 0; text-align: left } .dg-cat-big-carousel-show .dg-cat-right h4 { color: #373737; font-family: Helvetica; font-size: 18px; font-weight: normal; line-height: 26px; margin-top: 37px; } .dg-cat-big-carousel-show .dg-cat-left img { display: inline-block } .dg-cat-big-carousel-show .slick-list { z-index: 95 } .dg-cat-big-carousel-show .slick-slide { height: 480px; padding-top: 150px; z-index: 99; } .dg-cat-big-carousel-show .slick-prev { -moz-border-radius: 64px 0 0 64px; background: #42145f url(../img/channel-carousel-left.png) no-repeat 8px center; border-radius: 0 64px 64px 0; bottom: 0; height: 64px; left: 1px; margin: auto; right: auto; top: 0; transition: background-color .1s ease-in; width: 35px; z-index: 99; } .dg-cat-big-carousel-show .slick-prev:hover { background-color: #db002f } .dg-cat-big-carousel-show .slick-next:hover { background-color: #db002f } .dg-cat-big-carousel-show .slick-next { -moz-border-radius: 64px 0 0 64px; background: #42145f url(../img/channel-carousel-right.png) no-repeat 16px center; border-radius: 64px 0 0 64px; bottom: 0; height: 64px; left: auto; margin: auto; right: 0; top: 0; transition: background-color .1s ease-in; width: 35px; z-index: 99; } .dg-cat-big-carousel-show .slick-slide:before { background: url(../img/channelslidermask.png) no-repeat -4px top; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1 } .dg-cat-big-carousel-container .dg-cat-show-channels { background: #42145f; bottom: 0; color: #ffffff; font-family: neuzeitgroteskboldregular; font-size: 18px; height: 50px; letter-spacing: 0.05em; padding-top: 15px; position: absolute; right: 0; text-align: center; text-decoration: none; transition: all .2s; width: 240px; z-index: 99; } .dg-cat-big-carousel-container .dg-cat-show-channels:before { background: url(../img/show-channel-down.png) no-repeat left center; content: ''; display: inline-block; height: 10px; width: 25px; } .dg-cat-big-carousel-container .dg-cat-show-channels.active { bottom: -25px; height: 75px; } .dg-cat-big-carousel-container .dg-cat-show-channels.active:before { background: url(../img/show-channel-up.png) no-repeat left center; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .c-slider li { float: left; height: 260px; padding: 2em 0; text-align: center; width: 33.33%; } .c-slider .box-v1 { background: #f4f4f4; } .c-slider .box-v2 { background: #ededed; } .c-slider li .inner { padding: 0 20px; } .c-slider li figure { height: 70px; position: relative; text-align: center; } .c-slider li figure img { display: block; margin: 0 auto; } .c-slider li figure span { -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); color: #db1b37; font-family: neuzeitgroteskboldregular; font-size: 18px; left: 50%; position: absolute; top: 43%; transform: translateY(-50%) translateX(-50%); } .c-slider li .inner h3 { color: #000; font-family: neuzeitgroteskboldregular; font-size: 18px; margin-top: 1em; } .c-slider li .inner p { font-size: 14px; line-height: 1.3em; } .c-slider .slick-prev, .c-slider .slick-next { height: 48px; top: 50%; width: 20px; } .c-slider .slick-prev { background: url(../img/c-prev.png) no-repeat center; left: 10px; } .c-slider .slick-next { background: url(../img/c-next.png) no-repeat center; right: 10px; } .c-slider .slick-slider li { padding: 2em 0; } .wideImg { margin-top: 4em; position: relative; } .wideImg img { display: block; width: 100%; } .wideImg .figcaption { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } .wideImg .figcaption h2 { font-size: 36px; } .wideImg .figcaption p { line-height: 1.5em; margin: 0 auto; width: 60%; } .col-1-3 { float: left; width: 33.33%; } .col-2-3 { float: left; width: 66.66%; } .rowStyle { margin-bottom: 1em; margin-top: 4em; } .rowStyle .leftFigure { float: left; height: 260px; position: relative; width: 33.33%; } .rowStyle .leftFigure h2 { -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); color: #fff; font-size: 30px; left: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); } .bottom-article { padding: 2em 2em 0 2em; } .bottom-article > div { margin: 2em 0; } .bottom-article .title { font-family: neuzeitgroteskboldregular; font-size: 30px; line-height: 1.1em; margin-bottom: 0.3em; } .bottom-article figure img { max-width: 95%; } .bottom-article .col-2-3 figure { display: none; } .bottom-article .article-inner { padding-right: 2.5em; } .bottom-article .odd .article-inner { padding-left: 2.5em; padding-right: 0; } .bottom-article .article-inner p { color: #787878; line-height: 1.55em; } /* */ .bottom-note { color: #ababab; font-size: 14px; line-height: 20px; margin-top: 10px; } .bottom-note.pad-right { float: left; width: 60%; } .cf .buy-button { margin-top: 20px; } .gift-section .dg-cat-img { -webkit-transition: all .2s ease-out; height: 210px; margin: 0 auto; position: relative; transition: all .2s ease-out; width: 100%; } .gift-section .dg-cat-img img { -webkit-transition: opacity .2s ease-out; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transition: opacity .2s ease-out; } .gift-section .dg-cat-img .dg-cat-hover { filter: alpha(opacity=0); opacity: 0; } .gift-section ul li { -webkit-transition: background .2s ease-out; padding-bottom: 20px; transition: background .2s ease-out; width: 50%; } .gift-section ul li p { font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 22px; min-height: 110px; padding: 0 7px; text-align: center; } .gift-section ul li:hover { background: #eaeaea; } .gift-section ul li:hover p { color: #662e85; } .gift-section ul li:hover .dg-cat-img .dg-cat-hover { filter: alpha(opacity=100); opacity: 1; } .gift-section ul li:hover .dg-cat-img .dg-cat-no-hover { filter: alpha(opacity=0); opacity: 0; } .bubbles-section .bubble { position: relative; } .bubbles-section .bubble-inner { -webkit-border-radius: 50%; background-color: #eaeaea; border-radius: 50%; height: 250px; line-height: 250px; position: relative; width: 250px; } .bubbles-section .bubble.center .bubble-inner { margin: 0 auto; } .bubbles-section .bubble.right .bubble-inner { margin-left: 60px; } .bubbles-section .bubble-inner a { color: #662e85; font-weight: bold; text-decoration: underline; } .bubbles-section .bubble-inner a:hover { color: #db002f; } .bubbles-section .bubble .line { height: 167px; position: absolute; right: -50px; top: 60px; width: 160px; z-index: 10 } .bubbles-section .bubble .l-version1 { background: url(../img/icons/line1.png) no-repeat; } .bubbles-section .bubble .l-version2 { background: url(../img/icons/line2.png) no-repeat; right: -90px; } .bubbles-section .bubble .l-version3 { background: url(../img/icons/line3.png) no-repeat; right: -70px; } .bubbles-section .bubble .l-version4 { background: url(../img/icons/line4.png) no-repeat; right: -100px; } .bubbles-section .bubble p { color: #662e85; display: inline-block; font-family: Helvetica, Arial, sans-serif; line-height: 21px; padding: 0 25px; text-align: center; vertical-align: middle; width: 100%; } .bubbles-section .bubble p.big-text { font-size: 19px; font-weight: bold; } .bubbles-section .bubble-link { -webkit-transition: background .2s ease-out; background: url(../img/apply-now-icon-2.png) no-repeat 90% center #db002f; color: #fff; display: block; font-family: 'neuzeitgroteskboldregular'; font-size: 17px; margin: 0 auto; margin-bottom: 15px; padding: 14px 0; text-align: center; transition: background .2s ease-out; width: 210px; } .bubbles-section .bubble-link:hover { background: url(../img/apply-now-icon-2.png) no-repeat 90% center #662e85; } .bubbles-section .icon-wrap { width: 250px; } .bubbles-section .center .icon-wrap { margin: 0 auto; } .bubbles-section .right .icon-wrap { margin-left: 60px; } .bubbles-section .icon { -webkit-border-radius: 50%; background-color: #662e85; border-radius: 50%; height: 80px; line-height: 80px; margin: -30px auto 20px; position: relative; text-align: center; width: 80px; } .bubbles-section .icon img { display: inline-block; vertical-align: middle; } .sss-table.cf ul { float: left; margin: 20px 0 0 0 !important; width: 150px; } .sss-table.cf ul li { border-top: 1px solid #eaeaea; } .sss-table.cf ul .head { border: none; font-weight: bold; } .stacktable { width: 100%; } .st-head-row { background: #ddd; border: 1px solid #fff !important; padding: 15px; } .st-head-row.st-head-row-main { background: #662e85; padding-top: 0; } .st-key { font-size: 15px; width: 36%; } .st-val { font-size: 15px; width: 64%; } /* start: yurtdışı popup*/ .yurtdisi-popup-pc { width: 850px; height: 600px; text-align: center; border-spacing: 0px; padding: 0px; position:relative; } .yurtdisi-popup-tablet { width: 750px; height: 450px; text-align: center; border-spacing: 0px; padding: 0px; position:relative; } .yurtdisi-popup-mobile{ width: 300px; height: 200px; text-align: center; border-spacing: 0px; padding: 0px; position:relative; background-color:#3b0553; } #pc .container { position: absolute; top: 120px; right: 20px; width:280px; } #tablet .container { position: absolute; top: 120px; right: -20px; width:240px; } #mobile .container { width:100%; position: absolute; top: 80px; } #pc .row, #tablet .row, #mobile .row{ margin-bottom:30px; } .yurtdisi-link, .yurtdisi-link:visited{ color:white; font-size:18px; text-decoration:none; } .yurtdisi-link span { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin-right:5px; } .yurtdisi-link .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* end : yurtdışı popup*/ /*Bu ay (Kasım) */ .videobanner { position: absolute; left: 0; top: 0; width: 100%; right: 0; } .dg-cat-detail button { border: none; text-indent: -9999px; display: inline-block; width: 36px; height: 36px; } .dg-cat-detail button.play { background: url(../img/dummy/play.png) no-repeat; margin-right: 10px; } .dg-cat-detail button.pause { background: url(../img/dummy/pause.png) no-repeat; display: none; } .thisMonth .sticky-wrapper.is-sticky .dg-cat-sub-links { width: 1076px !important; } .thisMonth .sticky-wrapper { background: #ebebeb; } .thisMonth .dg-cat-sub-links { margin: 0 auto; background: #ebebeb; } .thisMonth .dg-cat-sub-links { background: #ebebeb; } .thisMonth .dg-cat-sub-links ul li { width: 16.666%; background: #ebebeb; } .thisMonth .dg-cat-sub-links ul li.dg-cat-hover:hover { background: #fff; } .thisMonth .dg-cat-sub-links ul li a { font-size: 18px; color: #7e7e7e; } .thisMonth .dg-cat-sub-links ul li.dg-cat-hover:hover a { color: #e12951; } .thisMonth h2 { text-align: center; font-size: 32px; padding: 0 0 28px 0; } .boxContainer {float: left; width: 100%; padding-top: 55px; } .boxContainer a.boxes { position: relative; margin-bottom: 27px; overflow: hidden; } .boxContainer a.boxes:hover { -webkit-box-shadow: 0 0 15px 5px rgba(227,227,227,0.8); -moz-box-shadow: 0 0 15px 5px rgba(227,227,227,0.8); box-shadow: 0 0 15px 5px rgba(227,227,227,0.8); } .boxContainer a .imgText { position: relative; width: 100%; float: left; overflow: hidden; height: 268px; } .boxContainer a .imgText img { width: 100%; display: block; transition: all ease-in-out .4s; } .boxContainer a.boxes:hover .imgText > img { width: 104%; left: -2%; bottom: -2%; } .boxContainer a p { display: none; font-family: 'neuzeitgroteskregular'; color: #fff; line-height: 20px; position: absolute; bottom: 20px; left: 0; padding: 0 20px; z-index: 9999; -webkit-animation: slide-bottom .4s ease-out; -moz-animation: slide-bottom .4s ease-out; } @-webkit-keyframes slide-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes slide-bottom { 0% { opacity: 0; -moz-transform: translateY(100%); } 100% { opacity: 1; -moz-transform: translateX(0); } } .boxContainer a.boxes:hover .imgText:after { content: ""; position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.6); width: 100%; height:100%; bottom: 0; } .boxContainer a.boxes:hover .imgText p { display: block; } .boxContainer a.boxes .infoBottom { padding-top: 20px; padding-bottom: 20px; float: left; width: 100%; -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; } .boxContainer a.boxes:hover .infoBottom { padding-left: 20px; padding-right: 20px; } .boxContainer a.boxes .infoBottom small { display: block; color: #4a4a4a; font-size: 12px; font-family: 'neuzeitgroteskboldregular'; margin-bottom: 10px; } .boxContainer a.boxes .infoBottom img { display: block; } .boxContainer a.boxes.dg-cat-three .infoBottom img { display: block; margin-bottom: 20px; } .boxContainer a.boxes .infoBottom h3 { height: 60px; font-size: 22px; color: #e12a51; text-align: left; margin-bottom: 15px; display: block; } .boxContainer a.boxes .infoBottom span { position: relative; float: right; background: #42145f; font-size: 10px; color: #fff; padding: 8px 7px 7px 15px; font-weight: bold; display: inline-block; } .boxContainer a.boxes.dg-cat-three .infoBottom span { float: none; } .boxContainer a.boxes:hover .infoBottom span { border-color: #e12a51; background: #e12a51; color: #fff; } .boxContainer a.boxes .infoBottom span:before { left: 7%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #e12a51; border-width: 3px 5px; margin-top: -3px; } .boxContainer a.boxes:hover .infoBottom span:before { border-left-color: #fff; } .containerButton { float: left; width: 100%; text-align: center; margin-top: 35px; } a.moreButton { width: 281px; height: 46px; border: 2px solid #ebebeb; color: #353535; font-family: 'neuzeitgroteskboldregular'; font-size: 16px; line-height: 46px; display: inline-block; text-align: center; } a.moreButton:hover { border-color: #db002f; color: #fff; background: #db002f; } body.thisMonthNov .dg-cat-hero-slider .dg-cat-item:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/hero-slider-mask.png) no-repeat left top; z-index: 1} body.thisMonthNov .dg-cat-hero-slider .dg-cat-detail { padding-top: 135px; } /*Bu ay (Kasım) */ /*Fullscreen Header */ /*.dg-cat-menu-open span, .dg-cat-menu-open span::before, .dg-cat-menu-open span::after{background:#dd1936 !important;} #dg-cat-mobile-nav{background:#fff !important;} #dg-cat-mobile-nav .dg-cat-logo img{width:135px !important; height:47px !important;} .deskNone{display:none;}*/ .mobMenuCont {float:right; width:70px; border-left:1px solid #f7f7f7; height:78px;} /*.dg-cat-full{width:100%; float:left; position:relative; z-index:10;} #header-full{width:100%; float:left; height:70px;}*/ .logoRed{float:left; padding:15px 0 10px;} .logoRed h1{margin:0px 0px 0px 30px; padding:0;} .logoRed h1 a{background:url(../img/logo-red.png) no-repeat 0 0 transparent; display:block; text-indent:-9999px; width:135px; height:47px;} .headRg{float:right; height: 100%;} .onIyIslm {float:right; background:#e74c3c; height:100%; width:200px;} .onIyIslm a{font-family:'neuzeitgrobold'; font-size:20px; color:#fff !important; display:block;text-align:center; height:100%; padding:26px 0;} .hBasvur {float:right; background:#ababab; height:100%; width:200px;} .hBasvur a{font-family:'neuzeitgrobold'; font-size:20px; color:#fff; display:block;text-align:center; height:100%; padding:26px 0;float: none !important;} .searchIcon{width:70px; float:right; height:100%; border-left:1px solid #f7f7f7;} .searchIcon a{display:block; text-indent:-9999px; background:url(../img/search-icon-new.png) no-repeat center center transparent; height:100%; padding:30px 0;} .searchIcon a.searchActive{background:url(../img/search-icon-new-active.png) no-repeat center center transparent; } /*#menuCont{float:right;} #menuCont nav ul {margin:0; width:100%; display:block;} #menuCont nav ul li {float:left; display:block;} #menuCont nav ul li > a{padding-right:35px; padding-top:23px; padding-bottom:22px; display:block;} #menuCont nav ul li > a, #menuCont nav ul li > a span{font-family: 'neuzeitgroteskregular'; font-size:17px; color:#0b0b0b;} #menuCont nav ul li.active > a, #menuCont nav ul li.active > a span{color:#db002f !important;} #menuCont nav ul li a span {background:url(../img/menu-arrow.png) no-repeat right center transparent; padding-right:15px;} #menuCont nav ul li.active > a span{background:url(../img/menu-arrow-hover.png) no-repeat right center transparent;} #menuCont nav ul li a span.noArrow {background:initial; padding-right:15px;} #menuCont nav ul li.active > a span.noArrow{background:initial;} .dg-cat-info-links ul li a{font-size:15px;} .dg-cat-menu {background:#fff none repeat scroll 0 0 !important; box-shadow:0 3px 6px -2px #6d6d6d !important; display:none; left:0; overflow:hidden; padding:15px 0 45px; position:absolute; width:100%; z-index:99999;} .dg-cat-menu ul {list-style:outside none none; margin:0 auto; width:940px;} .dg-cat-menu ul li {float:left; width:20%;} .dg-cat-menu ul li .dg-cat-img {height:155px; width:100%;} .dg-cat-menu ul li .dg-cat-img::before {content:""; display:inline-block; height:100%; text-align:center; vertical-align:middle;} .dg-cat-menu ul li .dg-cat-img img {display:inline-block; vertical-align:middle;} .dg-cat-menu ul li span {display:none;} .dg-cat-menu ul li h2 {color:#db002f !important; font-family:'neuzeitgroteskboldregular'; font-size:16px; font-weight:normal; padding:10px 0;} .dg-cat-menu ul li div span {color:#db002f !important; display:block; font-family:'neuzeitgroteskboldregular'; font-size:16px; font-weight:normal; margin-bottom:10px; padding: 10px 0;} .dg-cat-menu ul li a {background:rgba(0, 0, 0, 0) url(../img/menu-link-icon.png) no-repeat scroll left center; color:#262626; display:block; font-family:Arial; font-size:14px; line-height:22px; outline:0 none; padding-left:10px; text-decoration:none; transition:all 0.2s ease 0s;} .dg-cat-menu ul li a:hover {background:rgba(0, 0, 0, 0) url(../img/menu-link-hover-icon.png) no-repeat scroll left center; color:#db002f !important;} #menuCont nav ul li:hover > .dg-cat-menu {display:block; visibility: visible;} .dg-cat-menu ul{list-style: outside none none; padding:0px 30px;}*/ .searchCont {background:#fff; display:none; height:70px; left:0; position:absolute; top:70px; width:100%; z-index:15; border-top:1px solid #f7f7f7;} .searchCont .container {margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; padding-top:0;} .searchCont .searchForm {display:block; margin:16px auto 0; width:100%;} .searchCont .search {display:block; right:30px;} .searchForm input[type="text"] {background:#fff; border:medium none; color:#0b0b0b; float:left; font-family:'neuzeitgroteskregular',Arial,Helvetica,sans-serif; font-size:18px; height:40px; margin:0; outline:medium none; padding-left:1%; width:99%;} .searchForm .close {background: rgba(0, 0, 0, 0) url(../img/search-close.png) no-repeat scroll center center / 20px auto; cursor: pointer; display:block; height:20px; position:absolute; right:30px; top:25px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width:30px;} a.dg-cat-search-button{display:none;} .dg-cat-footer-top h3 {font-weight:bold;} header#dg-cat-header .dg-cat-container{width:100%;} .dg-cat-header-top::after{background:#fff;} header#dg-cat-header .dg-cat-header-bottom .dg-cat-mask {background-color:#fff;} .dg-cat-header-bottom .dg-cat-navigation > ul > li > a {font-family: 'neuzeitgroteskregular'; font-size:14px; color:#0b0b0b;} header#dg-cat-header nav ul li a {background:url(../img/menu-arrow.png) no-repeat right center transparent; padding-right:15px;} header#dg-cat-header nav ul li.active > a{background:url(../img/menu-arrow-hover.png) no-repeat right center transparent;} header#dg-cat-header nav ul li a.noArrow {background:initial; padding-right:15px;} header#dg-cat-header nav ul li.active > a.noArrow{background:initial;} header#dg-cat-header .dg-cat-navigation {float:right;} header#dg-cat-header .dg-cat-container .dg-cat-twelve.dg-cat-columns{width:100%;} .searchDesktop{background:#fff none repeat scroll 0 0; border-top:1px solid #f7f7f7; display:none; height:70px; left:0; position:absolute; top:80px; width:100%; z-index:15;} header#dg-cat-header .dg-cat-search-input {background:#fff; border:medium none; color:#0b0b0b; float:left; font-family:'neuzeitgroteskregular',Arial,Helvetica,sans-serif; font-size:18px; height:60px; margin:0; outline:medium none; padding-left:1%; width:99%;} header#dg-cat-header .dg-cat-search-box {width:100%; background:none;} header#dg-cat-header .searchbox {max-width:1076px; margin:0 auto;} header#dg-cat-header .searchCont .close {background: rgba(0, 0, 0, 0) url(../img/search-close.png) no-repeat scroll center center / 20px auto; cursor: pointer; display:block; height:20px; position:absolute; right:30px; top:25px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; width:30px;} header#dg-cat-header .dg-cat-navigation > ul {float:right; margin-right:30px;} header#dg-cat-header .dg-cat-header-bottom{background:#fff;position:fixed} #dg-cat-container{width:100%;} /*#dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom {height:80px;}*/ .dg-cat-header-bottom .dg-cat-navigation > ul > li > a {padding-top:28px;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation > ul > li > a{padding-top:13px;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .searchIcon a {padding:15px 0;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .hBasvur a {padding:12px 0; font-size:18px;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .onIyIslm a {padding:12px 0; font-size:18px;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .searchDesktop {top:50px;} header#dg-cat-header nav ul li div a {background: rgba(0, 0, 0, 0) url(../img/menu-link-icon.png) no-repeat scroll left center;} .dg-cat-socials ul li a.dg-cat-icon{background:rgba(0, 0, 0, 0) url(../img/socials-new-v2.png) no-repeat scroll 0 0;} /*Fullscreen Header */ /*Fullscreen Slider */ .mainSliderWrap {position:relative; overflow:hidden; width:100%; float:left; top:80px; margin-bottom:80px;} /*.mainSlider {height:569px; background:#000;} .mainSlider .slick-slide {height:569px;}*/ .mainSlider {height:590px; background:#000;} .mainSlider div{height:100%;} .mainSlider .slick-slide {height:725px;} .mainSlider .slick-slide a{display:block; width:100%; height:100%;} .mainSliderWrap > .curtain {position:absolute; top:0; left:0; width:100%; background:#fff; height:100%; display:block; z-index:11;} .mainSliderWrap .arrowCont{position:absolute; bottom:20%; width:100%;} .buttonCont{width:100%; max-width:1180px; margin:0 auto; position:relative;} .mainSliderWrap .slick-arrow {position:absolute; left:0; width:55px; height:55px; z-index:10; bottom:20%; text-indent:-999px; overflow:hidden; cursor:pointer;} /*.mainSliderWrap .slick-arrow.slick-prev{right:56px; background:url(../images/site/slick-prev.png) center no-repeat transparent; border:2px solid #fff;} .mainSliderWrap .slick-arrow.slick-next{left:53px; background:url(../images/site/slick-next.png) center no-repeat transparent; border:2px solid #fff;}*/ .mainSlider .desc {position:absolute; top:50%; left:0; width:100%; height:auto !important; -webkit-transition: background .25s; transition: background .25s; -webkit-transform:translateY(-50%); transform:translateY(-50%);} .mainSlider .desc .inner {position:relative; overflow:hidden; padding-left:70px;} /*.mainSlider video{height:100%; object-fit: fill; min-height:100%;}*/ .mainSlider video{height:100%; object-fit: fill; min-height:100%;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .mainSlider .desc .inner .curtain {position:absolute; top:0; right:0; width:100%; background:#393c42; height:100%;} .mainSlider .desc .title {font-size:52px; color:#fff; z-index:2; position:relative; line-height:1.2em; margin-bottom:10px; font-family: 'neuzeitgroteskregular';} .mainSlider .desc .summary{font-size:19px; color:#fff; z-index:2; position: relative; line-height:1.4em; font-family: 'neuzeitgroteskregular';} .mainSliderWrap .slick-dots {position:absolute; bottom:15px; text-align:center; width:100%; height:26px; } .mainSliderWrap .slick-dots li {display:inline-block; width:10px; margin:0 2px; overflow:hidden; height:10px; position:relative; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#393939; border:1px solid #393939;} .mainSliderWrap .slick-dots li button {text-indent:-999px; overflow:hidden; float:left; width:10px; height:10px; background:#393939; margin-top:7px; position:relative;z-index:2; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:1px solid #393939;} .mainSliderWrap .slick-dots li.slick-active{background:#d61226; border:1px solid #d61226;} .mainSliderWrap .slick-dots li.slick-active button{background:#d61226; border:1px solid #d61226;} .slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;} .slick-list:focus {outline:none;} .slick-list.dragging {cursor:pointer;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} .slick-track {position:relative; top:0; left:0; display:block;} .slick-track:before, .slick-track:after {display:table; content:'';} .slick-track:after {clear:both;} .slick-loading .slick-track {visibility:hidden;} .slick-slide {display:none; float:left; height:100%; min-height:1px;} .slick-slide:focus {outline:none;} [dir='rtl'] .slick-slide {float:right;} .mainSlider .slick-slide img {display:block; width:100%;} .slick-slide.slick-loading img {display:none;} .slick-slide.dragging img {pointer-events:none;} .slick-initialized .slick-slide {display:block;} .slick-loading .slick-slide {visibility:hidden;} .slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent;} .slick-arrow.slick-hidden {display:none;} .mainSlider .slideLogo img{width:auto;} /*Fullscreen Slider */ #dg-cat-footer{border-top:1px solid #dedede;} .bgGray{background:#ebebeb;} .dg-cat-main.bgGray .bottom-article > div{margin:40px 0;} .dg-cat-main.bgGray .bottom-article {padding:0 2em 0;} /* RESPONSIVE Table */ .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } .th-left { width: 23%; } .th-right { width: 17%; } .th-center { width: 60%; } .table-v1 { background: #eaeaea; font-size: 16px; } .table-v1 td { border: 1px solid #fff; padding: 15px; vertical-align: top; } .table-v1 ul li { float: left; margin-right: 15px; } .table-v1 ul.spec li { min-height: 43px; } .table-v1 .head { background: #662e85; color: #fff; } .table-v1 .head th { border: none; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 15px; } .table-v1 .spec2 { display: inline-block; vertical-align: top; width: 95px; } .table-v1 .spec2 li { display: block; float: none; margin-right: 0; margin-top: 5px; text-align: center; } .table-v1 .spec2 li:first-child { margin-top: 0; } .table-v1 .spec2-text { color: #662e85; display: inline-block; height: 100%; vertical-align: top; width: 80px; } .table-v1 .spec3-text { display: inline-block; height: 100%; vertical-align: top; width: 15px; } .table-v1 .spec-top span { top: 10%; } .spec2-text span, .spec3-text span { position: relative; top: 30%; } .buy-button { -webkit-transition: background .2s ease-out; background: url(../img/apply-now-icon-2.png) no-repeat 90% center #db002f; color: #fff; display: block; float: right; font-family: 'neuzeitgroteskboldregular'; font-size: 17px; margin-bottom: 10px; padding: 14px 0; text-align: center; transition: background .2s ease-out; width: 210px; } .buy-button:hover { background: url(../img/apply-now-icon-2.png) no-repeat 90% center #662e85; } @media (max-width: 800px) { .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } } .mainPage p { font-family: 'neuzeitgroteskregular'; } .mainPage h4, .mainPage h2 { font-family: 'neuzeitgroteskboldregular'; font-size: 25px; font-weight: normal; } .mainPage .spec-grid .title h1 { font-family: 'neuzeitgroteskboldregular'; font-size: 25px; font-weight: normal; } .mainPage .guide-list-wrap { background: #dc0836; } .mainPage .guide-list-wrap .title { padding: 2em 15px; text-align: center; } .mainPage .guide-list-wrap h2, .mainPage .guide-list-wrap p { color: #fff; } .mainPage .guide-list-bottom { position: relative; } .mainPage .guide-list-wrap .select-group { background: #b0062b; float: left; left: 0; padding: 15px 10px; position: absolute; top: 0; width: 210px; z-index: 10; } .mainPage .guide-list-wrap .select-group .control-box:first-child { margin-bottom: 10px; } .guide-list-wrap .select-group .chosen-select { width: 100%; } .guide-list-wrap .guide-list { background: #f4f4f4; height: 120px; padding-left: 210px; width: 100%; } .guide-list-wrap .guide-list li { float: left; height: 120px; width: 200px; } .guide-list-wrap .guide-list li:nth-child(odd) { background: #eaeaea; } .guide-list-wrap .guide-list li .inner { padding: 20px 12px 0; } .guide-list-wrap .guide-list li .inner > div { padding: 3px 0; } .guide-list-wrap .guide-list li .item-time { color: #dc0836; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; padding-bottom: 5px !important; } .guide-list-wrap .guide-list li .item-title a { color: #252525; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .guide-list-wrap .guide-list li .item-channel a { color: #42145f; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; } .guide-list-wrap .guide-list li .item-title span { color: #252525; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .guide-list-wrap .guide-list li .item-channel span { color: #42145f; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; } .guide-list-wrap .guide-list li a:hover { color: #dc0836; } .guide-list-wrap .guide-list li .item-title a.dg-cat-no-hover:hover { color: #252525 !important; } .guide-list-wrap .guide-list li .item-channel a.dg-cat-no-hover:hover { color: #42145f !important; } .spec-thumbs { width: 100%; } .spec-thumbs .dg-cat-box { margin: 0 !important; width: 20%; } .spec-thumbs .slick-next, .spec-thumbs .slick-prev { -webkit-transition: all 0.2s ease-out; background: #a6a6a6; height: 115px; top: 0; transition: all 0.2s ease-out; width: 56px; } .spec-thumbs .slick-prev { background: url(../img/main-prev.png) no-repeat center #a6a6a6; left: -56px; } .spec-thumbs .slick-next { background: url(../img/main-next.png) no-repeat center #a6a6a6; right: -56px; } .spec-thumbs .slick-prev:hover, .spec-thumbs .slick-next:hover { background-color: #dc0836; } .mainPageSlider .slick-slide:after { background: url(../img/pattern.png) repeat-y left top } .spec-thumbs .dg-cat-mask { background-color: #111 !important; opacity: 0.5 !important; z-index: 20 !important; } .spec-thumbs .active .dg-cat-mask { opacity: 0 !important; } .spec-thumbs .spec-thumbs .dg-cat-active .dg-cat-title { display: block; } .spec-thumbs .dg-cat-box:hover .dg-cat-mask { opacity: 0 !important } .spec-thumbs .dg-cat-box.active { border-bottom: 4px solid #db002f; margin-bottom: 2px; } .mainPage .thumbwrapmain { width: 100%; } .mainPage .thumbwrap { padding: 0 56px; width: 100%; } .mainPage .m-slider-wrap .cf { margin: 0 -8px } .mainPage .m-slider-wrap .cf .col-1-3 { padding: 0 8px; } .mainPage .m-slider-top { padding-bottom: 115px; } .mainPage .m-slider-top .title { margin: 2.5em 0; text-align: center; } .mainPage .m-slider-top a { display: block; overflow: hidden; position: relative; } .mainPage .m-slider-top a img { display: block; width: 100%; } .mainPage .m-slider-top a .figcaption { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; display: block; font-family: 'neuzeitgroteskboldregular'; font-size: 28px; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; } .mainPage .m-slider-top a .pattern { -ms-filter: "alpha(opacity=30)"; -webkit-transition: all 0.2s ease-out; background: #111; filter: "alpha(opacity=30)"; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; transition: all 0.2s ease-out; width: 100%; } .mainPage .m-slider-top a:hover .pattern { opacity: 0; } .mainPage .m-slider-top img { max-width: 100%; } .mainPage .m-slider-center { background: #333; padding: 55px 0 85px; } .mainPage .m-slider-center > .title { text-align: center; } .mainPage .m-slider-center h2 { color: #fff; margin-bottom: 20px; } .mainPage .m-slider-center .space { margin: 0 auto; width: 940px; } .mainPage .m-slider-center img { display: block; max-width: 100%; width: 100%; } .mainPage .m-slider-center .info { padding: 10px 20px 0; } .mainPage .m-slider-center .info span { display: block; padding: 2px 0; } .mainPage .m-slider-center .info .title { color: #fff; font-family: 'neuzeitgroteskboldregular'; font-size: 18px; } .mainPage .m-slider-center .info .date { color: #fff; font-family: 'neuzeitgroteskboldregular'; font-size: 15px; } .mainPage .m-slider-center .info .channel { color: #dc0836; font-family: 'neuzeitgroteskboldregular'; font-size: 15px; } .mainPage .m-slider .slick-prev, .mainPage .m-slider .slick-next { bottom: -61px; color: #fff; left: 50%; top: auto; } .mainPage .m-slider .slick-prev { margin-left: -45px; } .mainPage .m-slider .slick-next { margin-left: 5px; } .mainPage .m-slider-center .slick-next { background: url(../img/carousel-right2.png) no-repeat; } .mainPage .m-slider-center .slick-prev { background: url(../img/carousel-left2.png) no-repeat; } .mainPage .m-slider-center .slick-next:hover { background: url(../img/carousel-right-hover.png) no-repeat; } .mainPage .m-slider-center .slick-prev:hover { background: url(../img/carousel-left-hover.png) no-repeat; } .mainPage .bottom-article .col-2-3 figure { display: block; margin-top: 1.2em; } .mainPage .bottomSec { position: relative; } .mainPage .bottomSec .dg-cat-section-title { color: #dc0836; padding-bottom: 15px; } .mainPage .bottomSec h4 { color: #42145f; font-size: 18px; margin: 1em 0 0.5em; } .mainPage .bottomSec p { color: #373737; font-size: 16px; } .mainPage .bottomSec .dg-cat-row { margin: 0 -8px } .mainPage .bottomSec .col-1-3 { padding: 0 8px; } .mainPage .bottomSec .col-1-3 a:hover h4 { color: #dc0836; } .mainPage .bottomSec img { display: block; max-width: 100%; } .mainPage .bottomSec .view-all { background: url(../img/link-arrow.png) no-repeat right center; color: #3b3b3b; font-family: 'neuzeitgroteskregular'; font-size: 24px; padding-right: 20px; position: absolute; right: 0; top: 65px; } /*.mainPage .dg-cat-hero-slider .slick-slide { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right bottom, 0, right bottom, 910, color-stop(0, rgba(255, 255, 255, 0.66)), color-stop(1, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(right bottom, ellipse farthest-corner, rgba(255, 255, 255, 0.66) 0%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-corner at right bottom, rgba(255, 255, 255, 0.66) 0%, rgba(0, 0, 0, 0) 100%); background: -ms-radial-gradient(right bottom, ellipse farthest-corner, rgba(255, 255, 255, 0.66) 0%, rgba(0, 0, 0, 0) 100%); }*/ .tabletDetect { display: none; visibility: hidden; } .donothing { cursor: default; } /** Migration **/ #ctl00_DT_Content_Area_custompages { width: 100% !important; } #DT_Content_Area_custompages { width: 100% !important; } @media only screen and (max-width: 1076px) { #dg-cat-container { width: 100%; } #dg-cat-footer { min-width: 100%; width: 100%; } .dg-cat-footer-wrapper { width: 100% } } @media only screen and (min-width: 769px) { .dg-cat-main-container { left: 0 !important } .dg-cat-mobile-nav { left: -100% !important } .dg-cat-main-container.dg-cat-mask:after { background: none !important; } .dg-cat-footer-top .dg-cat-links { display: block !important } .dg-cat-collapse-menu ul li > div { display: block !important } /*.mainPage .dg-cat-hero-slider .slick-slide { background: url(../img/hero-slider-mask.png) no-repeat -160px 0px, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background: url(../img/hero-slider-mask.png) no-repeat -160px 0px, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right bottom, 0, right bottom, 910,color-stop(0, rgba(255, 255, 255, 0.66)),color-stop(1, rgba(0, 0, 0, 0))); background:url(../img/hero-slider-mask.png) no-repeat -160px 0px, -webkit-radial-gradient(right bottom, ellipse farthest-corner,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); background: url(../img/hero-slider-mask.png) no-repeat -160px 0px, radial-gradient(ellipse farthest-corner at right bottom,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); background: url(../img/hero-slider-mask.png) no-repeat -160px 0px, -ms-radial-gradient(right bottom, ellipse farthest-corner,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); }*/ } @media only screen and (min-width: 1025px) { .dg-cat-show-channels { width: 240px !important } } @media only screen and (max-width: 768px) { body { background-color: #ffffff } .dg-cat-desktop { display: none; } .dg-cat-mobile { display: block !important; } .dg-cat-no-scroll { overflow: hidden; } #dg-cat-footer {margin-bottom: 50px;} .c-slider li .inner { padding: 0 40px; } .rowStyle .c-slider li .inner { padding: 0 20px; } .rowStyle .c-slider li { padding: 1.5em 0 2em; } .wideImg .figcaption p { width: 80%; } .c-slider li { height: 260px; } .wideImg { margin-top: 0; } .c-content-inner { padding: 0 0.6em; } .mainPage .bottomSec .dg-cat-section-title { padding-left: 0; } .s-inner { margin: 0 10px; } .s-inner .dg-cat-section-title { padding-left: 0; } .click-to-call {z-index: 11;display: block;cursor: default;background: #db002f;width: 100%;position: fixed;bottom: 0;height: 50px;line-height: 50px;text-align: center;color: #ffffff;font-family: neuzeitgroteskboldregular;font-size: 17px; } .click-to-call:before { background: url(../img/phone-icon.png) no-repeat; content: ''; display: inline-block; height: 17px; left: -8px; position: relative; top: 2px; width: 17px; } /*.mainPage .dg-cat-hero-slider .slick-slide { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMTAwJSIgcj0iMTQxLjQyMTM1NjIzNzMwOTUlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNjYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right bottom, 0, right bottom, 910,color-stop(0, rgba(255, 255, 255, 0.66)),color-stop(1, rgba(0, 0, 0, 0))); background: -webkit-radial-gradient(right bottom, ellipse farthest-corner,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-corner at right bottom,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); background: -ms-radial-gradient(right bottom, ellipse farthest-corner,rgba(255, 255, 255, 0.66) 0%,rgba(0, 0, 0, 0) 100%); }*/ } @media only screen and (max-width: 1024px) { .dg-cat-footer-bottom { height: 60px } .tabletDetect { display: block; visibility: visible; } .mainPage .dg-cat-thumbnails .dg-cat-box, .spec-thumbs .slick-prev, .spec-thumbs .slick-next { height: 95px; } .mainPage .guide-list-bottom { background: #b0062b; } .mainPage .guide-list-wrap .guide-list { float: none; padding-left: 0; width: 100%; } .mainPage .guide-list-wrap .select-group { float: none; position: relative; text-align: center; width: 100%; } .mainPage .control-box { display: inline-block; text-align: left; width: 190px; } .mainPage .bottom-article { padding: 2em 0; } .mainPage .spec-grid { padding: 0 15px; } .mainPage .m-slider-center .space { padding: 0 15px; width: 100%; } .bottom-article { padding: 2em 1em; } .bottom-article .title { font-size: 28px; } .c-slider li { padding: 1em 0; } .wideImg, .rowStyle { margin-bottom: 0; margin-top: 1em; } .rowStyle .c-slider .slick-prev { left: 33.33%; margin-left: 10px; } .dg-cat-collapse-menu ul { width: 100% } .dg-cat-nasil-okuyabilirim .dg-cat-video { background: none !important } .dg-cat-nasil-okuyabilirim .dg-cat-video video { height: 100%; width: 100%; } .dg-cat-nasil-okuyabilirim .dg-cat-video #playeredergi1_wrapper { width: 100% !important; } /*.dg-cat-nasil-okuyabilirim .dg-cat-video div{width: 100%; height: 100%}*/ .dg-cat-channels { background: #ececec; padding: 0px 10px 10px 10px; } .dg-cat-header-top .dg-cat-search-button { background: url(../img/search-icon_red.png) no-repeat center center; } .dg-cat-header-top .dg-cat-search-input { color: #e12951; font-size: 11px; width: 155px; } .dg-cat-header-top .dg-cat-links a:before { background: url(../img/link-icon_red.png) no-repeat left center; } .dg-cat-header-top .dg-cat-container .dg-cat-six { float: right; width: auto; } .dg-cat-header-top .dg-cat-columns.dg-cat-six.dg-cat-links { float: left; width: auto; } .dg-cat-header-top .top-right-link { right: 195px; } .dg-cat-header-top .dg-cat-container .dg-cat-six { margin: 0; } *::-webkit-input-placeholder { color: #e12951; } *:-moz-placeholder { color: #e12951; } *::-moz-placeholder { color: #e12951; } *:-ms-input-placeholder { color: #e12951; } .dg-cat-header-top:after { background-color: #230a32; opacity: 1; } .dg-cat-hero-slider .slick-slide:after { background: url(../img/hero-slider-mask.png) no-repeat -100px top; } .dg-cat-hero-slider .dg-cat-detail { padding-left: 10px } /*.dg-cat-header-bottom.dg-cat-show-link .dg-cat-apply-now { background: #db002f; color: #ffffff; right: 10px !important; top: 120px !important; } .dg-cat-header-bottom.dg-cat-show-link .dg-cat-apply-now:after { background: url(../img/apply-now-icon-2.png) no-repeat; }*/ .dg-cat-hd-box .dg-cat-img { top: 68px } .dg-cat-hd-box .dg-cat-img img { width: 90% } .dg-cat-nasil-okuyabilirim .dg-cat-video { width: 80% } .dg-cat-nasil-okuyabilirim .dg-cat-video iframe { width: 80% } .dg-cat-dividigi-ayricaliklari .dg-cat-row .dg-cat-img img { width: 90% } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-img { height: 250px } .dg-cat-secenekler-nedir .dg-cat-box .dg-cat-img img { width: 80% } .dg-cat-tablet-channel-list { display: block } .dg-cat-collapse-menu ul li .dg-cat-img img { width: 80% } .dg-cat-collapse-menu ul li .dg-cat-img { height: 120px } .dg-cat-nasil-alirim .left p { padding-right: 45px } .dg-cat-neden-almaliyim ul li .dg-cat-img { height: 106px; width: 106px; } .dg-cat-neden-almaliyim ul li .dg-cat-img img { width: 70%; } /*#dg-cat-header .dg-cat-apply-now { position: absolute; right: 0; top: 64px; z-index: -1 }*/ .dg-cat-header-bottom .dg-cat-navigation { } #dg-cat-container { width: 768px !important } #dg-cat-footer { min-width: 768px !important } .dg-cat-footer-wrapper { width: 100% !important } .dg-cat-info-links ul { width: 100%; } .dg-cat-info-links ul li { width: 191px; } .dg-cat-neler-var .dg-cat-channel-list img { width: 90% } .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box .dg-cat-description, .dg-cat-hero-slider .dg-cat-thumbnails .dg-cat-box .dg-cat-title { line-height: 20px; } .dg-cat-channels-carousel-show .slick-slide img { width: 80% } .dg-cat-sub-links ul li.dg-cat-apply-now { background-position: 160px center; } .dg-cat-sub-links ul li a { font-size: 14px } .dg-cat-big-carousel-show .slick-slide img { width: 80% } .dg-cat-show-channels { bottom: 0px !important; left: 0 !important; margin: auto } .dg-cat-show-channels.active { bottom: 0 !important; height: 50px !important; } .applicationInfo { width: 260px !important; } .applicationForm { margin-left: 260px !important; width: 498px !important; } .videoContentSlider .dg-cat-thumbnails { margin-top: -63px } .videoContentSlider .dg-cat-thumbnails .dg-cat-box { height: 120px } .videoContentSlider .dg-cat-thumbnails .dg-cat-box.dg-cat-active .dg-cat-description { padding: 20px !important; } .videoContentSlider .dg-cat-thumbnails .dg-cat-box .dg-cat-title { padding: 20px !important; } .videoContentSlider .slick-slide .dg-cat-five { width: 350px; } .gift-section .dg-cat-img img { width: 135px; } .gift-section ul li p { font-size: 15px; line-height: 20px; min-height: auto; } .bubbles-section .bubble-inner { height: 238px; line-height: 238px; width: 238px; } .bubbles-section .bubble.right .bubble-inner, .bubbles-section .right .icon-wrap { margin-left: 10px; } .bubbles-section .bubble .line { display: none; } .bubbles-section .icon-wrap { width: 238px; } .bubbles-section .bubble p { font-size: 15px; } .table-v1 .spec2-text, .table-v1 .spec3-text { height: auto; text-align: center; width: 100%; } .table-v1 .spec3-text { padding: 10px 0; } .table-v1 .spec2 { display: block; height: auto; width: 100%; } .table-v1 .spec2 li { float: left; margin-right: 10px; min-height: 40px; } .table-v1 .spec2 li:first-child { margin-left: 0; } .st-key { width: 20%; } } @media only screen and (max-width: 768px) { body { background-color: #ffffff } .dg-cat-desktop { display: none; } .dg-cat-mobile { display: block !important; } .dg-cat-no-scroll { overflow: hidden; } .c-slider li .inner { padding: 0 40px; } .rowStyle .c-slider li .inner { padding: 0 30px; } .rowStyle .c-slider li { padding: 1.5em 0 2em; } .wideImg .figcaption p { width: 80%; } .c-slider li { height: 260px; } .wideImg { margin-top: 0; } .c-content-inner { padding: 0 0.6em; } .mainPage .bottomSec .dg-cat-section-title { padding-left: 0; } .s-inner { margin: 0 10px; } .s-inner .dg-cat-section-title { padding-left: 0; } .dg-cat-header-top .top-right-link { right: 210px; } .dg-cat-header-top .dg-cat-container .dg-cat-six { margin: 0 15px; } } @media only screen and (max-width: 767px) { .applicationDetailInfo .dg-cat-six.dg-cat-columns { margin: 0; width: 100%; } .dg-pack-inner { margin: 20px 10px 0; padding-bottom: 0; } .dg-cat-columns.dg-cat-six:first-child .dg-pack-inner { margin-top: 0; } .packinfo-top { min-height: auto; } .dg-pack-inner .icons li { width: 100%; } .pack-title { margin: 60px 30px; } .applicationInfo { background: none !important; position: relative; width: 100% !important; } .applicationInfoInner { background: #eaeaea; margin: 0 10px; } .applicationForm { margin: 0 !important; padding: 0 10px; width: 100% !important; } .applicationFormInner { margin: 0 10px; } .applicationFormInner ul { padding: 40px 20px } .applicationFormInner ul li .col { float: none; width: 100%; } .videoContentSlider .slick-slide .dg-cat-five { width: 100%; } } @media only screen and (max-width: 535px) { #ticariBasvuruForm { height: 796px !important; } } @media only screen and (max-width: 700px) { .rowStyle .leftFigure { float: none; width: 100%; } .rowStyle > div { margin-top: 1em; } .rowStyle > div:first-child { margin-top: 0; } .rowStyle .c-slider .slick-prev { left: 0; } .rowStyle .c-slider .slick-prev, .rowStyle .c-slider .slick-next { top: 49%; } } @media only screen and (max-width: 600px) { .bottom-article .title { font-size: 24px; } .c-content-inner { padding: 0; } .rowStyle, .wideImg, .rowStyle > div { margin-top: 0; } } @media only screen and (max-width: 551px) { .rowStyle .c-slider li .inner, .c-slider li .inner { padding: 0 40px; } .c-slider li { display: block; width: 100%; } .c-slider .slick-slider li { padding: 1.5em 0 2em; } .wideImg { margin-top: 0; } .wideImg .figcaption p { font-size: 14px; line-height: 1.4em; width: 92%; } .wideImg .figcaption h2, .rowStyle .leftFigure h2 { font-size: 24px; } .rowStyle .leftFigure { height: 190px; } .bottom-article { padding-bottom: 0; } .bottom-article .col-1-3, .bottom-article .col-2-3 { float: none; width: 100%; } .bottom-article .article-inner { padding: 1em 0 !important } .bottom-article .even .col-1-3 figure { display: none; } .bottom-article .col-2-3 figure { display: block; } .bottom-article .col-2-3 figure img, .bottom-article .odd figure img { display: block; margin: 0 auto; max-width: 90%; } .mainPage .bottom-article .col-2-3 figure img { margin: 0; } .mainPage .bottom-article > div { margin-bottom: 0; } } @media only screen and (max-width: 450px) { .mainPage .bottomSec .col-1-3 { float: none; margin-top: 30px; width: 100%; } .mainPage .bottomSec .col-1-3:first-child { margin-top: 0; } .mainPage .bottomSec .col-1-3 img { width: 100%; } .mainPage .bottomSec h4 { margin: 0.7em 0 0.3em; } .mainPage .bottomSec .dg-cat-section-title { padding-bottom: 0; padding-top: 30px; } .mainPage .bottomSec .view-all { display: inline-block; margin-bottom: 20px; position: relative; top: 0; } } @media only screen and (max-width: 400px) { .rowStyle .leftFigure { height: 160px; } } .mainPage .indexSlider { padding-top: 115px; } .mainPage .indexSlider .item-col-1-2 { float: left; width: 50%; } .mainPage .indexSlider .bannerFigure img { width: 100%; } .mainPage .indexSlider .item-inner { display: block; padding: 56px; } .mainPage .indexSlider .slick-next, .mainPage .indexSlider .slick-prev { height: 40px; top: 50%; visibility: hidden; width: 22px; } .mainPage .indexSlider .slick-prev { background: url(../img/main-prev2.png) no-repeat center; left: 5px; } .mainPage .indexSlider .slick-next { background: url(../img/main-next2.png) no-repeat center; right: 5px; } .dg-cat-thumbnails.spec { margin-top: 0; } .dg-cat-hero-slider .indexSlider .slick-slide:after { display: none; } .dg-cat-hero-slider .indexSlider .detail { padding-right: 40px; } .dg-cat-hero-slider .indexSlider .detail h2 { color: #ffffff; font-family: neuzeitgroteskboldregular; font-size: 29px; font-weight: normal; line-height: 1.3em; margin-bottom: 20px; text-transform: uppercase; } .dg-cat-hero-slider .indexSlider .detail p { color: #ffffff; font-family: Helvetica; font-family: 'neuzeitgroteskregular'; font-size: 20px; font-weight: normal; line-height: 1.3em; margin-bottom: 20px; } .dg-cat-hero-slider .indexSlider .detail .inner-link { background: #c6002e; color: #fff; display: inline-block; font-family: 'neuzeitgroteskboldregular'; margin-bottom: 10px; padding: 12px 22px; } @media only screen and (max-width: 1024px) { .mainPage .indexSlider .item-inner { padding: 66px 15px 40px; } .dg-cat-hero-slider .indexSlider .detail h2 { font-size: 20px } .dg-cat-hero-slider .indexSlider .detail p { font-size: 16px; line-height: 1.4em; } } @media only screen and (max-width: 768px) { .mainPage .indexSlider { padding-top: 30px; } .bannerFigure img { padding-top: 0; } .dg-cat-hero-slider .indexSlider .slick-slide:after { display: none; } .mainPage .indexSlider .item-inner { padding: 40px 25px 55px; } .dg-cat-mobile-apply-now { margin: 20px auto !important; position: relative !important; } .dg-cat-hero-slider .slick-dots { bottom: 10px !important } .dg-cat-hero-slider .indexSlider .detail { top: 20px; } .dg-cat-hero-slider .indexSlider .detail .inner { width: 100%; } .dg-cat-hero-slider .indexSlider .slick-slide { display: block; } .videoContentSlider .slick-slide .dg-cat-five { display: block; float: none; margin: 0 auto; min-width: 310px; width: 90%; } .table-v1 .spec2-text, .table-v1 .spec3-text { display: block; height: auto; text-align: center; width: 100%; } .table-v1 .spec3-text { clear: both; font-size: 17px; padding: 10px 0; } } @media only screen and (max-width: 767px) { .mainPage .indexSlider { padding-top: 0px; } } @media only screen and (max-width: 760px) { .mainPage .indexSlider .item-col-1-2 { float: none; width: 100%; } .mainPage .indexSlider .item-col-1-2 img { display: block; margin: 25px auto 0; max-width: 100%; width: auto; } .dg-cat-hero-slider .indexSlider .detail { padding-right: 0; text-align: center; } .dg-cat-hero-slider .indexSlider .detail h2 { font-size: 30px; line-height: 1.2em; margin-bottom: 0; margin-bottom: 20px; } .dg-cat-hero-slider .indexSlider .detail p { margin-bottom: 10px; } .dg-cat-hero-slider .indexSlider .detail .inner-link { margin-top: 10px; } .dg-cat-hero-slider .indexSlider .detail .inner { margin: 0 auto; max-width: 500px; } .dg-cat-hero-slider .indexSlider .slick-slide { height: 660px; } .mainPage .indexSlider .slick-next, .mainPage .indexSlider .slick-prev { visibility: visible; } .bubbles-section .bubble-inner, .bubbles-section .icon-wrap { margin: 0 auto !important; } .bubbles-section .slick-slider { padding-bottom: 45px; } .bubbles-section .slick-prev { left: 50%; margin-left: -46px; margin-top: -45px; right: auto; top: 100%; } .bubbles-section .slick-next { left: 50%; margin-top: -45px; top: 100%; } .gift-section .slick-slider { background: #eaeaea; } .gift-section .dg-cat-img img { width: auto; } .gift-section .slick-prev { left: 50%; margin-left: -46px; margin-top: 10px; right: auto; top: 100%; } .gift-section .slick-next { left: 50%; margin-top: 10px; top: 100%; } .gift-section .slick-list { margin-bottom: 65px; } .buy-button { float: none; margin-top: 20px; } .bottom-note.pad-right { float: none; width: 100%; } } @media only screen and (max-width: 500px) { .dg-cat-hero-slider .indexSlider .detail h2 { font-size: 24px } .dg-cat-hero-slider .indexSlider .slick-slide { height: 600px; } } @media only screen and (max-width: 400px) { .dg-cat-hero-slider .indexSlider .slick-slide { height: 570px; } } .chosen-select { width: 100%; } .chosen-select-deselect { width: 100%; } .chosen-container { display: inline-block; font-size: 14px; position: relative; vertical-align: middle; } .chosen-container .chosen-drop { background: #ffffff; border: 1px solid #cccccc; left: -9000px; margin-top: -1px; position: absolute; top: 100%; z-index: 1060; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; right: 0; } .chosen-container .chosen-results { -webkit-overflow-scrolling: touch; color: #555555; margin: 0 4px 4px 0; max-height: 240px; overflow-x: hidden; overflow-y: auto; padding: 0 0 0 4px; position: relative; } .chosen-container .chosen-results li { -webkit-transition: all 0.2s ease-out; display: none; font-family: 'neuzeitgroteskregular'; line-height: 1.42857143; list-style: none; margin: 0; padding: 5px 6px; transition: all 0.2s ease-out; } .chosen-container .chosen-results li em { background: #feffde; font-style: normal; } .chosen-container .chosen-results li.group-result { color: #999; cursor: default; display: list-item; font-weight: bold; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li.active-result { cursor: pointer; display: list-item; } .chosen-container .chosen-results li.highlighted { background-color: #dc0836 !important; background-image: none; color: white; } .chosen-container .chosen-results li.highlighted em { background: transparent; } .chosen-container .chosen-results li.disabled-result { color: #777777; display: list-item; } .chosen-container .chosen-results .no-results { background: #eeeeee; display: list-item; } .chosen-container .chosen-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; z-index: 1; } .chosen-container .chosen-results-scroll span { display: inline-block; height: 1.42857143px; text-indent: -5000px; width: 9px; } .chosen-container .chosen-results-scroll-down { bottom: 0; } .chosen-container .chosen-results-scroll-down span { background: url("chosen-sprite.png") no-repeat -4px -3px; } .chosen-container .chosen-results-scroll-up span { background: url("chosen-sprite.png") no-repeat -22px -3px; } .chosen-container-single .chosen-single { -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background-clip: padding-box; background-color: #ffffff; border: 1px solid #cccccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #555555; display: block; height: 40px; line-height: 40px; overflow: hidden; padding: 0 0 0 10px; position: relative; text-decoration: none; white-space: nowrap; } .chosen-container-single .chosen-single span { color: #dc0836; display: block; font-family: 'neuzeitgroteskregular'; font-size: 15px; font-weight: bold; margin-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single abbr { background: url("chosen-sprite.png") right top no-repeat; display: block; font-size: 1px; height: 10px; position: absolute; right: 26px; top: 12px; width: 12px; } .chosen-container-single .chosen-single abbr:hover { background-position: right -11px; } .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover { background-position: right 2px; } .chosen-container-single .chosen-single div { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 30px; } .chosen-container-single .chosen-single div b { background: url(../img/pink-down.png) no-repeat center; display: block; height: 100%; width: 100%; } .chosen-container-single .chosen-default { color: #777777; } .chosen-container-single .chosen-search { margin: 0; padding: 3px 4px; position: relative; white-space: nowrap; z-index: 1000; } .chosen-container-single .chosen-search input[type="text"] { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background: url("chosen-sprite.png") no-repeat 100% -20px, #ffffff; border: 1px solid #cccccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); margin: 1px 0; padding: 4px 20px 4px 4px; width: 100%; } .chosen-container-single .chosen-drop { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-top: -1px; } .chosen-container-single-nosearch .chosen-search input { left: -9000px; position: absolute; } .chosen-container-multi .chosen-choices { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background-color: #ffffff; border: 1px solid #cccccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); cursor: text; height: auto !important; height: 1%; margin: 0; overflow: hidden; padding: 0; position: relative; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices .search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices .search-field input[type="text"] { -webkit-box-shadow: none; background: transparent !important; border: 0 !important; box-shadow: none; color: #555555; height: 32px; margin: 0; outline: 0; padding: 4px; } .chosen-container-multi .chosen-choices .search-field .default { color: #999; } .chosen-container-multi .chosen-choices .search-choice { -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); background-clip: padding-box; background-color: #eeeeee; background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-repeat: repeat-x; border: 1px solid #cccccc; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); color: #333333; cursor: default; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); line-height: 13px; margin: 6px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close { background: url("chosen-sprite.png") right top no-repeat; cursor: pointer; display: block; font-size: 1px; height: 10px; position: absolute; right: 4px; top: 5px; width: 12px; } .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover { background-position: right -11px; } .chosen-container-multi .chosen-choices .search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close { background-position: right -11px; } .chosen-container-multi .chosen-results { margin: 0 0 0 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: none; } /*.chosen-container-active .chosen-single { border: 1px solid #66afe9; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); -webkit-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .chosen-container-active.chosen-with-drop .chosen-single { background-color: #ffffff; border: 1px solid #66afe9; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); -webkit-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } */ .chosen-container-active.chosen-with-drop .chosen-single div { background: transparent; border-left: none; } .chosen-container-active.chosen-with-drop .chosen-single div b { background: url(../img/pink-up.png) no-repeat center; } .chosen-container-active .chosen-choices { -o-transition: border linear .2s, box-shadow linear .2s; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); -webkit-transition: border linear .2s, box-shadow linear .2s; border: 1px solid #66afe9; border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6); transition: border linear .2s, box-shadow linear .2s; } .chosen-container-active .chosen-choices .search-field input[type="text"] { color: #111 !important; } .chosen-container-active.chosen-with-drop .chosen-choices { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chosen-disabled { cursor: default; opacity: 0.5 !important; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { direction: rtl; margin-left: 26px; margin-right: 0; } .chosen-rtl .chosen-single div { left: 7px; right: auto; } .chosen-rtl .chosen-single abbr { left: 26px; right: auto; } .chosen-rtl .chosen-choices .search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices .search-choice { margin: 6px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices .search-choice .search-choice-close { background-position: right top; left: 4px; right: auto; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results .group-option { padding-left: 0; padding-right: 15px; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { background: url("chosen-sprite.png") no-repeat -28px -20px, #ffffff; direction: rtl; padding: 4px 5px 4px 20px; } /*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url("chosen-sprite@2x.png") !important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } }*/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { background: red; height: 100%; position: absolute; right: 0; top: 0; width: 16px; } .jspHorizontalBar { background: red; bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #a6a6a6; position: relative; } .jspDrag { -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f4f4f4; border-radius: 5px; cursor: pointer; height: 9.5px !important; left: 0; margin-top: 3px !important; position: relative; top: 0; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; cursor: pointer; display: block; margin: 0; padding: 0; text-indent: -20000px; } .jspArrow.jspDisabled { background: #80808d; cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { float: left; height: 100%; width: 16px; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .scroll-pane { height: 200px; overflow: auto; width: 100%; } .horizontal-only { height: auto; max-height: 200px; } /*Popup*/ .alerty { position: fixed;z-index: 1061; border-radius: 2px; width: 400px; margin-left: -200px; background-color: #fff; -webkit-box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); left: 50%; top: 50%; text-align: center; color: #fff; font-size: 24px; background: -webkit-radial-gradient(circle farthest-corner at center center,#7b3e96 50%,#9b45c1 75%,#fff 100%); background: -o-radial-gradient(circle farthest-corner at center center,#7b3e96 50%,#9b45c1 75%,#fff 100%); background: -moz-radial-gradient(circle farthest-corner at center center,#7b3e96 50%,#9b45c1 75%,#fff 100%); background: radial-gradient(circle farthest-corner at center center,#7b3e96 50%,#9b45c1 100%,#fff 100%); border-radius: 16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -webkit-border-radius: 16px 16px 16px 16px; border: 0 solid #000; } .alerty .alerty-title { padding: 0 24px 20px; font-size: 20px; line-height: 1; } .alerty .alerty-title + .alerty-content { padding-top: 0; } .alerty .alerty-content { text-align: center; padding: 10px; } .alerty .alerty-content .alerty-message { margin: 0; padding: 0; line-height: 25px; } .alerty .alerty-content .alerty-prompt { margin-top: 16px; text-align: center; position: relative; } .alerty .alerty-content .alerty-prompt input { width: 100%; height: 36px; display: inline-block; padding: 6px 0; -webkit-box-shadow: none; box-shadow: none; border: none; outline: none; font-size: 16px; border-bottom: 1px solid #d9d6d4; } .alerty .alerty-action { padding: 8px; text-align: center; } .alerty .alerty-action [class*="btn"] { cursor: pointer; height: 36px; line-height: 36px; min-width: 120px; text-align: center; outline: none !important; background-color: transparent; display: inline-block; border-radius: 2px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.12); -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1); background: #c6002e; color: #fff; font-size: 24px; font-weight: bold; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; margin-top: 10px; margin-bottom: 10px; } .alerty .alerty-action #hayir { margin-left: 40px; } .alerty .alerty-action [class*="btn"]:hover { color: #c6002e; background: #fff; } .alerty.toasts { height: 48px; top: auto; bottom: 0; background-color: #323232; min-width: 288px; max-width: 568px; -webkit-box-shadow: none; box-shadow: none; } .alerty.toasts .alerty-content { height: 48px; line-height: 48px; padding: 0 24px; font-size: 14px; } .alerty.toasts .alerty-content .alerty-message { color: #fff; } .alerty.toasts.place-top { top: 0; bottom: auto; } @media all and (max-width: 540px) { .alerty { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; min-width: 300px; } .alerty.toasts { width: 100%; border-radius: 0; left: 0; right: 0; min-width: 300px; } } /* Aff landing digital welcome*/ .digital-welcome { display:none; box-sizing: border-box; background-color: #f0f2fd; padding: 0 !important; margin: 0; font-family: "NeuzeitGroteskRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; width: 100%; /*max-width: 320px !important;*/ height:600px; /*646px*/ border-top-right-radius: 16px; border-bottom-left-radius: 16px; } .digital-welcome section { padding: 10px !important; } .dw-animate { transition: all 0.3s; } .box { display: flex; justify-content: space-between; } .box-title { height: 60px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(214,220,247,0.58); background-color: #ffffff; } .dw-rectangle { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 8px; box-shadow: 0 10px 6px 0 rgba(214,220,247,0.5); background-color: #ffffff; } .dw-rectangle span { padding: 8px; text-align: center; } .Tebrikler-Digiturk { width: 280px; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; text-align: center; color: #525680; } .Mteri-temsilcimiz { margin-top: -8px; width: 284px;/*266px*/ font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #525680; } .Bavuru-ve-kurulum { width: 288px; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; padding: 15px; color: #525680; } .dw-img { width: 70px; height: 60px; } input[name="question"] { display: none; } input[name="question"] + label { position: relative; display: block; font-size: 1.2em; cursor: pointer; color: #5a9aa8; z-index: 2; height: 60px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(214, 220, 247, 0.58); background-color: #ffffff; } .dw-response { position: relative; color: #fff; padding: 15px 10px; margin: 0 10px; -webkit-transform: translate3d(0, -40px, 0) rotate(0); -ms-transform: translate(0, -40px); z-index: 1; opacity: 0; border-radius: 4px; box-shadow: 0 10px 10px 0 #dee2f0; background-color: #ffffff; line-height: normal; letter-spacing: -0.4px; } input[name="question"]:checked + label { background: #f6f6f6; color: #5a9aa8; } input[name="question"]:checked + label + .dw-response { opacity: 1; visibility: visible; padding: 15px 10px; -webkit-transform: translate3d(0, 0, 0) rotate(0deg); -ms-transform: translate(0, 0); -webkit-filter: blur(0px); margin: 0 10px; font-size: 14px; color: #525680; } .dw-fixed-height { height: 50px; overflow: hidden; opacity: 1 !important; } .w-title { height: 18px; font-size: 16px; text-align: center; color: #525680; font-family: "NeuzeitGroteskBoldRegular"; margin: auto; } .dw-space { align-items: center; justify-content: center; display: flex; width:40px; } .dw-ok { align-items: center; justify-content: center; display: flex; padding-right: 8px; } .down { width: 15px; height: 15px; background: url("//digiturk.com.tr/uye/content/img/down.png") no-repeat bottom; } .up { width: 15px; height: 15px; background: url("//digiturk.com.tr/uye/content/img/up.png") no-repeat bottom; } .dw-rotate { transform: rotate(0deg); } .dw-rotate2 { transform: rotate(180deg); transition: 0.3s; } .seperator-open { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom:6px; /*10px*/ margin-top:-26px; /*-20px;*/ } .seperator-close { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 0px; margin-top: 0px; } /*digital welcome end*/ /* Large screens ----------- */ @media only screen and (min-width : 1824px) { .redBar p{ padding-top: 20px } .carousel{ height: 768px !important; } .sliderFirst{ background-image:url(../img/slider/slider_M_02.png); background-size: cover; } .SliderSecond{ background-image:url(../img/slider/slider_M_01.png); } .ok{ display: none; } } @media only screen and (max-width : 1200px) { .searchIcon {width:60px;} .hBasvur, .onIyIslm {width:200px;} .dg-cat-header-bottom .dg-cat-navigation > ul > li{margin-left:20px;} } @media only screen and (max-width : 1366px) { .mainSlider {height:530px; } .mainSlider .slick-slide {height:530px;} .onIyIslm {width:200px;} .hBasvur{width:200px;} #menuCont nav ul li a {padding-right:30px;} } @media only screen and (max-width : 1280px) { header#dg-cat-header .dg-cat-navigation > ul {float:right; margin-right:10px;} .onIyIslm {width:150px;} .onIyIslm a{font-size:16px; padding:29px 0;} .hBasvur{width:150px;} .hBasvur a{font-size:16px; padding:29px 0;} #menuCont nav ul li a {padding-right:25px;} .logoRed h1 {margin:0 0 0 20px;} } @media only screen and (max-width : 1180px) { .onIyIslm {width:150px;} .hBasvur{width:150px;} #menuCont nav ul li a {padding-right:20px;} .logoRed h1 {margin:0 0 0 15px;} } @media only screen and (max-width : 1130px) { .dg-cat-header-bottom .dg-cat-navigation > ul > li {margin-left:15px;} } @media only screen and (max-width : 1110px) { .onIyIslm {width:139px;} .hBasvur{width:139px;} #menuCont nav ul li a{padding-right:15px;} #menuCont nav ul li a, #menuCont nav ul li a span {font-size:16px;} .logoRed h1 {margin:0 0 0 10px;} } @media only screen and (max-width : 1080px) { .dg-cat-header-bottom .dg-cat-navigation > ul > li {margin-left:10px; font-size:16px;} .onIyIslm {width:130px;} .hBasvur{width:130px;} .hBasvur a, .onIyIslm a {font-size:18px; padding: 27px 0;} header#dg-cat-header .dg-cat-navigation > ul {margin-right:20px;} .searchIcon {width:50px;} } @media only screen and (max-width : 1200px) { .dg-cat-header-bottom .dg-cat-navigation > ul > li {margin-left:10px; font-size:16px;} .onIyIslm {width:120px;} .hBasvur{width:110px;} .hBasvur a, .onIyIslm a {font-size:14px; padding: 27px 0;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .hBasvur a,#dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .onIyIslm a {font-size:14px; padding: 15px 0;} header#dg-cat-header .dg-cat-navigation > ul {margin-right:20px;} .searchIcon {width:50px;} } @media only screen and (max-width : 1025px) { .mainSlider {height:424px; } .mainSlider .slick-slide {height:424px;} #menuCont nav ul li a{padding-right:10px;} #menuCont nav ul li a, #menuCont nav ul li a span {font-size:15px;} .dg-cat-header-bottom .dg-cat-navigation > ul > li > a {font-size:15px;} header#dg-cat-header .dg-cat-header-bottom{width:100% !important;} } @media only screen and (max-width : 980px) { .dg-cat-hero-slider .dg-cat-container .dg-cat-five.dg-cat-columns {margin-left: 0px;} .dg-cat-hero-slider { padding-top: 0px; } .mainSlider {height:405px; } .mainSlider .slick-slide {height:405px;} .mainSlider .desc .inner {padding-left:30px;} .mainSlider .desc .title{font-size:44px;} header#dg-cat-header .dg-cat-header-bottom {background:none;} .hBasvur {width:100%; float:left; height:auto;} .onIyIslm {width:100%; float:left; height:auto;} .searchIcon {/*width:100%; height:auto; float:left; border:0;*/ display:none;} header#dg-cat-header .dg-cat-navigation > ul {float:left; margin-right:0; width:100%;} header#dg-cat-header .dg-cat-navigation{float:left;} .dg-cat-main-container{position: relative;} /*.dg-cat-main-container:after{transition: all .2s; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); display: block; z-index: -1 }*/ .dg-cat-main-container.dg-cat-mask:after{ z-index: 999999; background: rgba(0,0,0,0.7) !important;} header#dg-cat-header nav ul li a {background:transparent url(../img/menu-arrow.png) no-repeat scroll 95% center; padding-right:0;} #dg-cat-mobile-nav{background:#fff;} .dg-cat-menu-open span, .dg-cat-menu-open span::before, .dg-cat-menu-open span::after{background-color:#dd1936;} .dg-cat-navigation{background:#fff;} #dg-cat-mobile-nav .searchIcon {display:none;} .mainSliderWrap{top:0; margin-bottom:0;} .searchIcon a{padding:29px 0;} .searchDesktop{top:0; z-index:999999999;} .hBasvur a{font-size:20px;} .onIyIslm a{font-size:20px;} .searchDesktop{position:relative; display:block !important; bottom:0; top:auto; left:auto; float:left; border-top:0;} header#dg-cat-header .searchCont .close{display:none;} a.dg-cat-search-button{display:block;} a.dg-cat-search-button {background: rgba(0, 0, 0, 0) url(../img/search-icon_red.png) no-repeat scroll right center; display: inline-block; height:100%; overflow:hidden; width:15px; height:15px; margin-top:18px;} header#dg-cat-header .dg-cat-search-input{width:94%;} #dg-cat-main-nav-sticky-wrapper.is-sticky .dg-cat-header-bottom .dg-cat-navigation .searchDesktop {top:0;} } @media only screen and (max-width : 768px) { .mainSlider {height:328px; } .mainSlider .slick-slide {height:328px;} /*#header-full{display:none;}*/ } @media only screen and (max-width : 360px) { .mainSlider {height:200px; } .mainSlider .slick-slide {height:200px;} .mainSlider video{height:200px;} header#dg-cat-header .searchCont .close{right:5px;} header#dg-cat-header .dg-cat-search-input{width:90%; font-size:13px;} } @media only screen and (max-width : 460px) { .mainSlider .desc .summary {font-size:15px;} .mainSlider .desc .title{font-size:18px; margin-bottom:5px;} } @media only screen and (max-width : 767px) { .mainSlider .desc .inner{padding-left:20px;} /*#header-full {display:none;} .deskNone{display:block;}*/ } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { /* iPhone 6 Portrait */ .mainSliderWrap{} .mainSlider{height:100%;} .mainSlider .slick-slide{height:200px;} .mainSlider .slick-slide video{height:200px;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { /* iPhone 6 landscape */ .mainSlider{height:285px;} } iframe[src*=netmera_worker] { width: 520px !important; } @media only screen and (max-device-width: 375px){ iframe[src*=netmera_worker] { width: 90% !important; height:200px; } }