* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
i { vertical-align: middle; }
div,ul,li,section,h1,h2,h3,h4,h5,label,p,a,input,textarea,select{box-sizing: border-box;}

img.bg-image-original {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

@font-face { font-family: gothamBlack; src: url(font/gotham/Gotham-Black.ttf); }
@font-face { font-family: gothamBlackItalic; src: url(font/gotham/Gotham-BlackItalic.ttf); }
@font-face { font-family: gothamBold; src: url(font/gotham/Gotham-Bold.otf); }
@font-face { font-family: gothamBoldItalic; src: url(font/gotham/Gotham-BoldItalic.otf); }
@font-face { font-family: gothamBook; src: url(font/gotham/Gotham-Book.otf); }
@font-face { font-family: gothamBookItalic; src: url(font/gotham/Gotham-BookItalic.ttf); }
@font-face { font-family: gothamMedium; src: url(font/gotham/Gotham-Medium.otf); }
@font-face { font-family: gothamMediumItalic; src: url(font/gotham/Gotham-MediumItalic.ttf); }
@font-face { font-family: gothamUltra; src: url(font/gotham/Gotham-Ultra.otf); }
@font-face { font-family: gothamUltraItalic; src: url(font/gotham/Gotham-BlackItalic.otf); }
@font-face { font-family: gothamLight; src: url(font/gotham/Gotham-Light.ttf); }

html, body { height: 100%; }
body { -webkit-overflow-scrolling: touch; background-color: #ffffff; margin: 0; padding: 0; font-family: gothamMedium, arial, helvetica, verdana; font-size: 14px; }
a:link, a:visited { text-decoration:none; color: #ef5b34; }
a:hover { color: #707070; }
.blended { /*background-image: url(face.jpg);*/ background-color: #ef5b34; background-blend-mode: multiply; }
b { font-family: gothamBold; font-weight: normal; }
#map-iframe {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}
.container { width: 1200px; margin: 0 auto; }
.container-980 { width: 980px; margin: 0 auto; }

#promo-container { position: relative; height: calc(100vh); background-color: #000; }
#top-bar { /*background-color: #000;*/ color: #fff; padding: 10px 0 5px 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }
#top-bar.home { position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background-color: transparent; /*background-image: url(../img/back/top-bar-back.png);*/ }
#top-bar .logo { padding: 10px 0 20px 0; }
#top-bar a:link, #top-bar a:visited {margin:0 5px;color: #fff;font-size: 12px;text-decoration: none;line-height:24px;display:inline-block;vertical-align:middle;}
#top-bar a.video {background-image:url(../img/icon/top-bar-video-icon.png);padding-right:24px;background-repeat: no-repeat;background-position:right center;}
#top-bar span.seperator{display:inline-block;margin:0 5px;width:2px;background-color:#333;line-height:24px;}
#top-bar span.active-language{font-family:gothamBlack;border-bottom:#808080 1.5px solid;}
.top-bar-seperator { height: 220px; background-color: #242424; }

#left-tab-logos{width: 285px;height: 372px;background-image: url(../img/back/left-tab-back.png);background-repeat: no-repeat;position: absolute;left: 0;top: 0;z-index: 11;padding: 66px 0 0 15px;box-sizing: border-box;}
#left-tab-logos .ampforth {margin-top: 25px;}

.footer-link{overflow:hidde;padding: 30px 60px 0 60px; background-color:#282828; color:#fff;}
.footer-link h3{font-family: gothamMedium; font-size: 16px;padding: 0;margin: 40px 0 20px 0;color: #fff;}
.footer-link a:link, .footer-link a:visited {text-decoration: none; color: #959595; font-size: 15px; display: block; padding: 6px 0; }
.footer-link a:hover {color: #ffcc00;}
.footer-link p { color: #959595; font-size: 15px; display: block; padding: 0 0 0 24px; }
.footer-link .seperator { height: 2px; background-color: #cc0001; margin: 25px 0; }

.icon { background-repeat: no-repeat; background-position: left top; padding-left: 24px; }
.icon.gray-pin {background-image: url(../img/icon/gray-pin.png); }
.icon.gray-phone {background-image: url(../img/icon/gray-phone.png); }
.icon.gray-mail {background-image: url(../img/icon/gray-mail.png); }
.icon.bulten{background-image: url(../img/icon/bulten-icon.png); padding-left: 145px; }

.partner-band { border-top: #dadada 2px solid; padding: 46px 0;}
.partner-band img { height: 60px; margin: 0 5px;border-collapse: collapse; }
.partner-box { width: 25% !important; text-align: center; overflow: hidden; }
.partner-swiper-container { overflow: hidden; }

section.bulten { background-color:#dadada; padding: 46px 0; overflow: hidden;}
section.bulten h4{font-family: gothamUltra; font-size: 24px; margin: 0; padding: 0;}
section.bulten p{font-family: gothamMedium; font-size: 14px; margin: 0; padding: 0;}
section.bulten .bulten-form { background-color: #fff; margin-top: 14px; }
section.bulten .button-simule { cursor: pointer; background-color: #000; color: #fff; font-family: gothamUltra; font-size: 24px; padding: 10px 15px; float: left; }
section.bulten .button-simule:hover {background-color: #ff6600}
section.bulten input { line-height: 45px; padding: 0 15px; border: #fff 1px solid; outline: none; font-size: 14px; width: 100%; }
.top-wacs-logo {position:absolute;left:0;top:-10px;}

#workspace { min-height: 400px; }
.single-page-title { text-align: center; line-height: 100px; text-shadow: 2px 2px 10px #ccc;}
.section-title { text-transform: uppercase; display: inline-block; background-color: #242424; color: #fff; padding: 10px 15px 7px 15px; width: 60%; -webkit-box-shadow: 1px 5px 10px 2px #ccc; -moz-box-shadow: 1px 5px 10px 2px #ccc; box-shadow: 1px 5px 10px 2px #ccc; }
#page-content { width: 1200px; margin: 0 auto; padding: 150px 0; overflow: hidden; }
#page-content.fluid { width: 80%; padding: 0; }
#page-content.full { width: 100%; padding: 60px 0; }
#page-cover{height:735px;background-repeat: no-repeat;background-size:cover;background-position:center center;position:relative;background-color: #000;}
#page-cover.lit { height: 240px; }
#page-cover .page-title { position:absolute;left:0;bottom:0;width:100%;text-align:center;}
#page-cover .page-title h1{font-family:gothamBold;font-size: 36px; text-transform: uppercase; color: #fff; margin: 0; padding: 30px 0; text-shadow: 2px 2px 10px #242424;}
#page-cover .page-title.text-group { bottom: unset; top: 200px; }
#page-cover .page-title.text-group h1 { padding: 0; }
#page-cover .page-title.text-group p { padding: 10px 0 50px 0; font-size: 20px; color: #fff; text-shadow: 2px 2px 10px #242424; margin: 0; }

.content-col-1 { overflow: hidden; padding: 0 30px; }
.content-col-2 { width: 30%; padding: 0 30px; float: right; }
.content-body { font-family: gothamLight; font-size: 20px; line-height: 28px; color: #242424; }
.content-body a:link, .content-body a:visited { color: #f25b2a; font-family: gothamBold; text-decoration: none; }
.content-body a:hover { color: #242424; color: #242424; text-decoration: underline; }
.content-body strong, .content-body b { font-family: gothamMedium; font-weight: bold; }
.adres-col { font-family: gothamBook; font-size: 16px; color: #6b7b8a; }

.button-set { padding: 15px 0; margin: 0 0 60px 0;}
.btn { padding: 12px 30px 10px 30px; text-decoration: none; border-radius: 12px; font-family: gothamMedium; font-size: 20px; }
.btn img { height: 20px; margin-bottom: -2px; margin-left: 15px; }
.btn.red:link, .btn.red:visited { background-color: #e11c23; color: #fff; }
.btn.red:hover { background-color: #333; text-decoration: none; }
.btn.show-all { background-color: #333; color: #fff; font-family: gothamBold; font-size: 26px; border-radius: 0; }
.btn.show-all:hover { background-color: #e11c23; }

.btn.orange { background-color: #e65f2f; border: #e65f2f 1px solid; color: #fff; font-family: gothamBook; font-size: 20px; border-radius: 0; }
.btn.orange:hover { background-color: #333; border: #333 1px solid; }

.btn.gray { background-color: #868686; border: #868686 1px solid; color: #fff; font-family: gothamBook; font-size: 20px; border-radius: 0; }
.btn.gray:hover { background-color: #333; border: #333 1px solid; }

.btn.orange-transparent { background-color: transparent; border: #e65f2f 1px solid; color: #fff; font-family: gothamBook; font-size: 20px; border-radius: 0; }
.btn.orange-transparent:hover { background-color: #fff; border: #fff 1px solid; color: #e65f2f; }

.btn.basvuru { padding: 6px 30px 4px 30px; display: block; text-align: center; font-size: 20px; font-family: gothamBold; border-radius: 26px; -webkit-box-shadow: 0px 8px 15px 0px #ccc; -moz-box-shadow: 0px 8px 15px 0px #ccc; box-shadow: 0px 8px 15px 0px #ccc; }
.basvuru-link-container { width: 215px; position: fixed; right: 50px; bottom: 50px; z-index: 1; }

.inner-container { height: 350px; background-color: #000; color: #fff; }
.kit-link-box { height: 350px; width: 50%; text-align: center; float: left; background-repeat: no-repeat; background-position: center center; background-image: url(../img/logo-opaq-60.png); }
.kit-link-box a:link, .kit-link-box a:visited { color: #fff; text-decoration: none; line-height: 350px; font-family: gothamBold; font-size: 50px; }
.kit-link-box a:hover { color: #ffcc00; }

.neden-row { overflow: hidden; margin-bottom: 10px; }
.neden-box { float: left; width: 50%; background-repeat: repeat-x; background-image: url(../img/back/pink-dot.png); background-position: 0 65px; }
.neden-box .neden-text { width: 70%; background-color: #fff; }
.neden-box .neden-text h3 { font-family: gothamLight; font-size: 62px; margin: 30px 0 10px 0; }
.neden-box .neden-text h3 span { color: #e11c23; }
.neden-box .neden-text h2 { display: none; font-family: gothamUltra; font-size: 44px; margin: 0; }
.neden-box .neden-text p { font-family: gothamLight; font-size: 21px; }

.neden-box.right { float: right; }
.neden-box.left .neden-text { float: right; padding: 0 50px 0 10px; }
.neden-box.left .neden-text h3 span { margin-left: 15px; }
.neden-box.right .neden-text h3 span { margin-right: 15px; }

.neden-box.right .neden-text { float: left; padding: 0 10px 0 50px; }
.neden-box.right .neden-text h3 { text-align: right; }

.neden-image-box-outer { overflow: hidden; width: 50%; height: 330px; }
.neden-image-box { width: 50%; height: 330px; background-color: #f5f5f5; margin-bottom: 10px; }
.neden-image-box.left { float: left; }
.neden-image-box.right { float: right; }

.haber-box { overflow: hidden; margin-bottom: 60px; }
.haber-image-box { width: 290px; height: 290px; margin-right: 40px; float: left; background-color: #f5f5f5; }
.haber-box a:link, .haber-box a:visited { text-decoration: none; color: #505050; }
.haber-box a:hover { color: #000; }
.haber-box h3 { font-size: 24px; margin: 0; padding: 40px 0 40px 0; }
.haber-box p { padding: 0; font-size: 21px; font-family: gothamBook; margin: 0; }

.page-description { width: 1200px; margin: 0 auto; padding: 60px 0 0 0; text-align: center; font-family: gothamLight; font-size: 18px; color: #242424; }

.list-container { padding: 60px 0; overflow: hidden; width: 1200px; margin: 0 auto; }
.list-item { width: 33.3%; position: relative; height: 240px; color: #fff; text-align: center; float: left; overflow: hidden; }
.list-item.half { width: 50%; height: 310px; padding: 10px; }
.list-item:hover { cursor: pointer; }
.make-blended { width: 100%; height: 100%; }
.list-item h1, .list-item h2 { display: nonee; text-shadow: 2px 2px 10px #333; font-family: gothamBold; font-size: 30px; font-weight: normal; text-transform: uppercase; margin: 0; padding: 0 40px; position: absolute; left: 0; top: 40%; vertical-align: middle; text-align: center; width: 100%;}
.list-item:hover .make-blended { background-color: #ef5b34; background-blend-mode: multiply; }
.list-item:hover h1, .list-item:hover h2 { display: block; }
.list-item h1.galeri, .list-item h2.galeri{ font-size: 18px; }
.list-item .perde { background-image: url(../img/back/list-back-2.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.growParent:hover .grow, .growParent:focus .child { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.grow { position: relative; height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

#egitim-detail-container { padding: 0; }
#egitim-detail-container .content { position: relative; padding: 60px 0; font-family: gothamBOOK; font-size: 18px; line-height: 26px; }
#egitim-detail-container .content .band { position: absolute; left: 0; top: 0; padding: 10px 0; background-color: #ccc; color: #fff; font-size: 14px; text-align: center; font-family: gothamBook; font-weight: bold; width: 100%; }
#egitim-detail-container .content .band.egitim { position: relative; margin-top: -60px; }
#egitim-detail-container .content .band p { margin: 0; padding: 0; }
#egitim-detail-container .content .band img.tel { height: auto; }

.mezun-box { width:33.3%; float:left; margin-bottom: 30px; text-align: center; }
.mekan-logo { white-space: nowrap; width: 290px; height: 290px; margin-bottom: 15px; display: inline-block; border: #d4d4d4 1px solid; background-color: #fff; }
.mekan-logo .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mekan-logo img { max-width: 100%; vertical-align: middle; }
.mezun-box p { margin: 0; padding: 0; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mezun-box span { display: block; font-family: gothamBold; font-size: 16px; }

#loadMore { margin-top: 60px; padding: 30px 0; text-align: center; }
#loadMore a:link, #loadMore a:visited { padding: 8px 15px; background-color: #646464; text-decoration: none; color: #fff; }
#loadMore a:hover { background-color: #f25b2a; }

.egitim-cover { width: 100%; position: relative; margin: 0 auto; height: 735px; }
.egitim-cover .content { position: absolute; width: 100%; left: 0; bottom: 0; }
.egitim-cover .content h1 { text-align: center; font-family: gothamBold; font-size: 36px; text-transform: uppercase; color: #fff; margin: 0; padding: 30px 0; text-shadow: 2px 2px 10px #242424; }
.egitim-cover .content .egitim-info { background-image: url(../img/back/opaq-d2-75.png); padding: 10px 0 0 0; text-align: center; width: 1200px; margin: 0 auto; }
.egitim-info ul { margin: 0 auto; display: flex; padding: 0; list-style: none; overflow: hidden; }
.egitim-info ul li { display: table-cell; /*width: 300px; */text-align: center; padding: 10px 40px; font-size: 14px; }
.egitim-info ul li img { margin-bottom: 15px; }
.egitim-info ul li label { font-family: gothamBold; font-size: 16px; min-height: 42px; display: block; text-transform: uppercase; }
span.old-price { display: block; color: #666; text-decoration: line-through; }
.egitim-info ul li p { padding: 0 20px; }
.ndr-serkan { height: 544px; background-color: #797979; background-image: url(../img/back/serkan-back2.jpg); background-position: center center; background-repeat: no-repeat; }
.ndr-serkan .sb-message { overflow: hidden; padding: 65px 0; width: 470px; float: left; color: #fff; font-family: gothamBook; font-size: 15px; line-height: 150%; }
.sb-message h2 { font-family: gothamBold; font-size: 20px; }
.ndr-serkan .imza { font-family: gothamBold; font-size: 22px; color: #f15a29; display: block; margin-top: 20px; }
.egitim-tab { text-align: center; margin-bottom: 40px; background-color: #c7c8ca; -webkit-box-shadow: 0 6px 23px 0px #707070; -moz-box-shadow: 0 6px 23px 0px #707070; box-shadow: 0 6px 23px 0px #707070; overflow: hidden; }
.egitim-tab .tab { display: inline-block; }
.egitim-tab .tab label { display: block; padding: 8px 0; }
.egitim-tab .dli-box { background-color: #c7c8ca; }
.egitim-tab .dli-box.alone { float: none; margin: 0 auto; }
.egitim-dli-box-image, .egitim-dli-box-container { width: 328px; height: 170px; max-width: 100%; }
.egitim-tab .dli-box:hover, .egitim-tab .dli-box.selected { background-color: #aeaeae; }
.egitim-tab .dli-box h2 span { display: block; margin-top: 5px;}

/* WORKSHOP */
.month-slider { text-align: center; overflow: hidden; margin: 0 auto; width: 800px; }
.month-slider .line { background-image: url(../img/back/month-set-slider-back.png); overflow: hidden; }
.month-slider label, .month-slider span { display: inline-block; width: 150px; text-align: center; text-transform: uppercase; }
.month-slider label { cursor: pointer; font-family: gothamLight; font-size: 26px; padding: 40px 0 10px 0; }
.month-slider label.selected { cursor: default; color: #f25b2a; font-family: gothamBold; background-image: url(../img/icon/month-select-arrow.png); background-repeat: no-repeat; background-position: top center; }
.ws-box { cursor: pointer; width: 560px; height: 240px; margin: 20px; float: left; overflow: hidden; background-color: #f5f5f5; }
.ws-box-info { z-index: 1; width: 249px; height: 240px; position: relative; background-image: url(../img/back/ws-box-info.png); color: #fff; }
.ws-box-info .content { text-align: center; position: absolute !important; left: 0; bottom: 0; width: 100%; padding: 0 20px 20px 40px !important; }
.ws-box-info .content h2 { font-family: gothamBold; font-size: 72px; margin: 0; padding: 0; line-height: 150% !important; }
.ws-box-info .content p { margin: 0; padding: 0; font-size: 18px; line-height: 20px !important;}

.workshop-text { width: 60%; margin: 0 auto; padding: 60px 0; overflow: hidden; text-align: center; }
.workshop-text h1 { font-family: gothamBold; font-size: 35px; text-transform: uppercase; }
.workshop-text p { font-family: gothamLight; font-size: 24px; }

#workshop-slider { overflow: hidden; height: 515px; position: relative; padding-top: 160px; }
#workshop-slider .swiper-slide { height: 515px; }
#workshop-slider .swiper-button-next, #workshop-slider .swiper-button-prev {background-size: cover; }
#workshop-slider .swiper-button-next {background-image: url(../img/icon/right.png); background-size: cover; margin-right: 20px; }
#workshop-slider .swiper-button-prev {background-image: url(../img/icon/left.png); background-size: cover; margin-left: 20px; }
#workshop-slider .swiper-pagination-bullet-active { background-color: transparent !important; border: #fff 1px solid; }
#workshop-slider .swiper-pagination-bullet { background-color: #fff; opacity: 1; }
#workshop-slider h1{ font-family: gothamBold; font-size: 50px; margin: 0; padding: 100px 0 0 0; color: #fff; text-shadow: 2px 2px 10px #333; }
#workshop-slider p{ font-family: gothamBook; font-size: 20px; margin: 0; padding: 0; color: #fff; text-shadow: 2px 2px 10px #333; }
.ws-category-detail-title { overflow: hidden; padding: 40px 0; font-size: 20px; text-align: center; }

.ws-grid-container { overflow: hidden; padding-bottom: 40px;}
.grid-cell { overflow: hidden; background-color: #f5f5f5; position: relative; cursor: pointer; }
.grid-cell.h1x { height: 450px; }
.grid-cell.h2x { height: 900px; }
.grid-cell h1 { text-shadow: 2px 1px 4px #000; position: absolute; margin: 0; left: 0; width: 100%;bottom: 0; padding: 25px; font-family: gothamBook; font-size: 32px; font-weight: normal; color: #fff; text-transform: uppercase;}

.grid-cell h1.type-1 {width: 70%; padding: 30px; left: unset; bottom: unset; top: 0; right: 0; }
.grid-cell h1.type-2 {width: 70%; padding: 30px; left: 0; bottom: 0; top: unset; right: unset; }
.grid-cell h1.type-3 {width: 30%; padding: 30px; left: 0; bottom: 0; top: unset; right: unset; }
.grid-cell h1.type-4 {width: 70%; padding: 30px; left: unset; text-align: right; bottom: unset; top: 0; right: 0; }
.grid-cell h1.type-5 {width: 100%; padding: 30px; left: 0; text-align: center; right: unset; bottom: 100px; top: unset; font-family: gothamBold; font-size: 42px; }

.grid-cell h1.to-top { bottom: unset; top: 0; }
.galeri-box{position:relative;display:inline-block;width:490px;height:252px;margin:25px;text-align:center;font-family:gothamBold; font-size:28px;}
.galeri-box-link:link, .galeri-box-link:visited{ width:100%;color:#fff;text-decoration:none;}
.galeri-box-link:hover{color:#ffcc00; }

.banka-row { overflow: hidden; margin-bottom: 30px; padding: 30px; background-color: #e1e1e1; border-radius: 6px; }
.banka-row img { float: left; margin-right: 30px; }

.phone-basvuru-link-container { position: fixed; width: 100%; bottom: 0; text-align: center; padding: 20px 10px 10px 10px; background-color: #fff; border-top: #d4d4d4 1.5px solid; z-index: 1; }
.phone-basvuru-link-container a { display: inline-block !important; }

section.video { overflow: hidden; padding: 60px 0; background-color: #efefef; }
section.video .video-frame { width: 715px; height: 402px; display: inline-block; }

#wacs-section { overflow: hidden; background-image: url(../img/back/wacs-back.jpg); background-color: #f1f1f1; background-size: cover; min-height: 300px; padding: 40px 0; }
#wacs-section .text { overflow: hidden; font-family: gothamBook; font-size: 16px; }
#wacs-section .text label { font-family: gothamBold; font-size: 16px; color: #f25b2a; border-bottom: #f25b2a 1px solid; }
#wacs-section .text .inner-title { display: block; font-family: gothamBold; font-size: 16px; margin: 0 0 25px; }
#wacs-section .text .quate { border-top: #707070 1px solid; border-bottom: #707070 1px solid; padding: 10px 0; margin: 25px 0; }

section.amforth { background-color: #fff; padding: 40px 0; }
section.amforth .text { overflow: hidden; font-family: gothamBook; font-size: 16px; }

#ct-chatBox { z-index: 2; height: 460px; width: 380px; overflow: hidden; background-color: #fff; border: #ff8a00 1px solid; position: fixed; right: 50px; bottom: -462px; z-index: 9870; }
#ct-chatBox .header { padding: 10px 0; text-align: center; background-color: #ff8a00; overflow: hidden; position: relative; }
#ct-chatBox .cb-close-button { cursor: pointer; position: absolute; right: 35px; top: 6px; }
#ct-chatBox .inner-container { overflow: hidden; padding: 7px; background-color: #fff; height: auto; }
#ct-chatBox p { border: #ff8a00 2px solid; border-radius: 7px; text-align: center; padding: 10px; background-color: #f5f5f5; font-size: 14px; color: #242424; margin: 30px 0 30px 0; }
#ct-chatBox input,
    #ct-chatBox textarea { border: #fff 1px solid; border-bottom: #535353 1px solid; padding: 7px 0; margin-bottom: 5px; width: 100%; box-sizing: border-box; outline: none; font-size: 14px; }
#ct-chatBox .button-area { text-align: center; overflow: hidden; padding-top: 25px; }
#ct-chatBox #cb-gonder-button { height: 40px; }
#ct-chatBox input.error { border-bottom: #cc0001 1px solid !important; color: #cc0001 !important; }

.egitim-box .box { font-family: gothamBook; font-size: 14px; line-height: 150%; }
.egitim-box .box h3 { font-family: gothamMedium; font-size: 18px; vertical-align: bottom; padding-bottom: 10px; display: table-cell; height: 60px; }
.egitim-box .box a:link, .egitim-box .box a:visited { font-family: gothamMedium; font-size: 14px; text-decoration: underline; color: #000; text-transform: uppercase; }
.egitim-box .box a:hover { color: #f25a29; }

.popup-wacs, .popup-amforth, .popup-error { position: relative; font-family: gothamBook; background-color: #fff; overflow: hidden; width: 600px; padding: 40px; margin: 40px auto; max-width: 90%; }
.popup-wacs img { float: right; margin-left: 20px; }
.popup-error { text-align: center; }
.popup-error h3 { font-family: gothamMedium; font-weight: normal; }

#menu-icon { display: none; position: absolute; top: 10px; right: 10px; z-index: 11; }
#menu-icon img { cursor: pointer; height: 36px; }

.mfp-move-from-top .mfp-content { vertical-align: top; }
.mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateX(-200px); }
.mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; }
.mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); }
.mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateX(-150px); opacity: 0; }
.mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; }
/* hamburger menu */
#rb-shadow { min-height: 100%; height: auto!important; width: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; left: 0; z-index: 980; display: none; top: 0; position: fixed; }
#hamburger-menu { overflow: auto; height: 100%; width: 220px; left: -220px; top: 0; background-image: url(../img/back/hamburger-menu-back.png); background-size: cover; z-index: 1000; position: fixed;}
#menu-logo { text-align: center; padding: 30px 0 10px; }
#hamburger-menu ul { list-style: none; margin: 0; padding: 0; }
#hamburger-menu ul li { font-size: 12px; padding: 10px 15px 7px 35px; border-bottom: #fff 1px solid; color: #fff; }
#hamburger-menu .logo-container { overflow: hidden; background-color: #fff; padding: 8px; margin: 10px; border-radius: 8px; text-align: center; }
#hamburger-menu .logo-container div { margin: 10px 0; }
#hamburger-menu .logo-container div img { width: 80%; } 

section.egitim-box-section { padding: 40px 0; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

/* home boxes */
.homeBoxContainer { width: 1200px; overflow: hidden; margin : -310px auto 60px auto; }
.home.box { position: relative; overflow: hidden; background-color: #dadada; }
.home.box:hover { background-color: #949494; }
.home.box .image-container { overflow: hidden; height: 356px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.home.box .image-container.no-cover { background-size: unset; }
.home.box .image-container div { position: absolute; left: 0; top: 315px; padding: 0 20px; width: 100%; }
.home.box .image-container div input { font-family: 'gothamMedium'; font-size: 16px; width: 100%; padding: 12px; border: #fff 1px solid; outline: none; color: #242424; }
.home.box .slider-icons { padding: 30px 0 0 0; text-align: center; height: 83px; }
.home.box .slider-icons.absolute { z-index: 100; position: absolute; left: 0; top: 356px; width: 100%; }
.home.box .slider-icons img { cursor: pointer; }
.home.box h2 { padding: 30px; font-family: 'gothamUltra'; font-weight: normal; font-size: 28px; }
.home.box h2.absolute { top: 438px; left: 0px; width: 100%; position: absolute; }
.home.box p { font-size: 16px; padding: 0 30px 30px 30px; height: 200px; overflow: hidden; text-overflow: ellipsis; }
.home.box p span { font-family: 'gothamUltra'; font-size: 16px; display: block; margin-bottom: 5px; }
.thanks-message { text-align: center; font-size: 16px; margin: 0 auto 0 auto; width: 50%; padding: 50px 0 0 0; line-height: 24px; }

#pinterest-cover { height: 458px; background-color: #c3c3c3; overflow: hidden; position: relative; }
.pinterest-header { padding-top: 10px; width: 120%; position: absolute; left: -50px; top: 0; }
.p-mekan-logo { margin: 15px; box-shadow: 2px 2px 15px #999; display: inline-block; height: 80px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.p-mekan-logo img { height: 80px; }

.egitmen-image { max-width: 100%; margin: 40px 0 0 0; }
#page-content.egitmen { padding: 50px 0; }
h1.egitmen-adi { text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.footer-meb-logo { float: right; margin-right: 60px; }
#sendBtn { width: 100%; font-size: 16px; padding: 12px; }

.odeme-band h3 { color: #707070; margin: 0; padding: 30px 0 20px 0; }
.odeme-band .btn.basvuru { display: inline-block; margin-bottom: 30px; font-weight: 500; }
#phoe-promo .swiper-slide .button-container { display: flex; align-items: center; justify-content: center; gap: 10px; }

/* ALL MOBILE */
@media only screen and (max-width : 1024px) {
    .container, .homeBoxContainer { width: 100% !important; }
    #topbar-social, #left-tab-logos, #mainMenu {display: none; }
    .tab-content-section { padding: 20px; }
    #egitim-detail-container .content { padding: 20px; }
    .basvuru-link-container { right: 20px; bottom: 20px; }
     #wacs-section, section.amforth { padding: 40px 20px; }
     #menu-icon { display: block; }
     .thanks-message { width: 90%; padding: 50px; }
}

/* TABLET YATAY */
@media only screen and (width : 1024px) {  
    /*neden */
    .neden-box { float: left; width: 100%; }
    .neden-image-box-outer { overflow: hidden; height: 400px; }
    .neden-image-box { height: 400px; }
    .neden-box .neden-text { width: 90%; }

    /* Profosyonel Egitimler Home*/
    .page-description{width: 100%; padding: 60px 30px 0 30px; }
    #page-cover .page-title h1 { font-family: gothamBold; font-size: 32px; text-transform: uppercase; color: #fff; padding: 30px 0; text-shadow: 2px 2px 10px #242424; }

    /* Amatör Eğitimler*/
    #egitim-cover .content { position: absolute; width: 100%; left:0; bottom: 0px; } 
    .egitim-cover{width: 100%;}
    .ndr-serkan .sb-message { overflow: hidden; padding: 65px 20px; width: 470px; float: left; color: #fff; font-family: gothamBook; font-size: 15px; line-height: 150%;}

    /*Ä°letiÅŸim */
    #page-content { width: 100%; margin: 0 auto; padding: 80px 0; overflow: hidden;}/*Padding Top değeri 150px idi ama benim boşluk gözüme çok geldi. 80ne indirdim.*/
    .content-col-2 { width: 100%; float: none; }
    .content-col-2 p{display: block;margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
    .content-col-1, .content-col-2 { padding: 0 10px; }

    /* mezunlar */
    .content-body{padding: 20px;}
    .mezun-box { width: 50%; margin: auto; text-align: left; height: 25%;}
    .mezun-box p {padding-top: 20px}
    .mekan-logo { text-align: center; float: left; margin-right: 20px; width: 160px; height: 160px; }

    /*Basın Kiti*/
    .kit-link-box { background-color: #000; width: 100%; margin-bottom: 30px; padding: 0 20px; border-radius: 8px;}

    /*ws*/
    .egitim-info ul li a{padding: 10px;}
    .ws-detail-text.pt-40.owh{padding: 40px;}
    #ws-list .text-center.owh.pt-60{text-align: center;padding:40px;}
    #ws-list{padding: 20px 210px;}

    .dli-box h2 { font-size: 18px !important; }
    #ct-chatBox { right: 20px; }
    #phoe-promo .swiper-slide .slide-text { padding: 0 40px; }
    .partner-box { width: 25% !important;  }
    #pinterest-cover { height: 304px; }
    .p-mekan-logo { height: 75px; margin: 10px; }
    .p-mekan-logo img { height: 75px; }
    #page-content.egitmen { padding: 50px 20px; }
    .list-container { width: 95%; }
    .list-item h1 { display: block; text-shadow: 1px 1px 5px #000; padding: 0 40px; }
    #footer-link-box { width: 100% !important; }
    .mekan-map { display: none !important; }
    .top-bar-seperator { height: 170px; }
}

 /* TABLET DIKEY */
@media only screen and (width : 768px) {
    #footer-link-box { width: 100% !important; }
    .mekan-map { display: none !important; }
    /*Profosyonel EÄŸitimler*/
    .page-description{width: 100%; padding: 60px 30px 0 30px; }
    .container{width: 100%;}
    #page-cover .page-title h1 { font-family: gothamBold; font-size: 32px; text-transform: uppercase; color: #fff;
        margin: 0; padding: 30px 0; text-shadow: 2px 2px 10px #242424; }   
    /*workshop*/
    .month-slider { text-align: center; overflow: hidden; margin: 0px auto; width: 90%; }
    #page-cover .btn { padding: 10px 010px 10px 10px; text-decoration: none; display: block; }
    /*Basın Kiti*/
    .kit-link-box { background-color: #000; width: 100%; margin-bottom: 30px; padding: 0 20px; border-radius: 8px; }
    /*HABERLER*/
    .haber-box p { padding: 0px; font-size: 21px; font-family: gothamBook; margin: 0px;}
    .haber-box h3 { font-size: 24px; margin: 0; padding: 0px 0 20px 0; }
    /*Ws ve Detayları*/
    .egitim-cover{width: 100%; }
    #egitim-detail-container .content{padding: 60px 10px;}
    #ws-list{padding: 0px 70px; }
    .egitim-info ul li a{ display: table-cell; width: 100%; text-align: center; padding: 0px 40px; font-size: 14px;}
    #page-content { width: 100%; margin: 0px auto; padding: 60px 60px; overflow: hidden;}
    
    /*neden */
    .neden-box { float: left; width: 100%; }
    .neden-image-box-outer { overflow: hidden; height: 400px; width: 100%; }
    .neden-image-box { height: 400px; }
    .neden-box .neden-text { width: 90%; }
    /* Profosyonel Egitimler Home*/    
    .container{ width: 100%; }
    .page-title {background-color: #fff; }
    #page-cover .page-title h1 { font-family: gothamBold; font-size: 32px; text-transform: uppercase; color: #fff; margin: 0; padding: 30px 0; text-shadow: 2px 2px 10px #242424;}        
    /*Ä°letiÅŸim*/
    #page-content { width: 100%; margin: 0 auto; padding: 80px 0; overflow: hidden;}/*Padding Top değeri 150px idi ama benim boşluk gözüme çok geldi. 80ne indirdim.*/
    .content-col-2 { width: 100%; float: none; }
    .content-col-2 p{display: block;margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
    .content-col-1, .content-col-2 { padding: 0 10px; }
    /* mezunlar */
    .content-body{padding: 20px;}
    .mezun-box { width: 50%; margin: auto; text-align: left; height: 25%;}
    .mezun-box p {padding-top: 20px}
    .mekan-logo { text-align: center; float: left; margin-right: 20px; width: 160px; height: 160px; }

    /*Hizmetlerimiz*/
    .list-item h1 {
        display: block;
        text-shadow: 1px 1px 5px #000; font-family: gothamBold; font-size: 24px; font-weight: normal; text-transform: uppercase;
        margin: 0; padding: 0px 24px; position: absolute; left: 0; top: 40%; vertical-align: middle; text-align: center; width: 100%;} 
    
    .dli-box h2 { font-size: 18px !important; }
    .ndr-serkan .sb-message { overflow: hidden; padding: 30px 20px; width: 500px; float: left; color: #fff; font-family: gothamBook; font-size: 15px; line-height: 150%; text-shadow: 1px 1px 1px #000; }
    #ct-chatBox { right: 20px; }
    #phoe-promo .swiper-slide .slide-text { padding: 0 40px; }
    .partner-box { width: 33.33% !important;  }
    #pinterest-cover { height: 304px; }
    .p-mekan-logo { height: 75px; margin: 10px; }
    .p-mekan-logo img { height: 75px; }
    .egitmen-image { margin: 0; }
    #page-content.egitmen { padding: 50px 20px; }
    .list-container { width: 95%; }
    #workshop-slider { padding-top: 100px; }
    .top-bar-seperator { height: 170px; }
}

/* TELEFON */
@media only screen and (max-width : 760px) {        
    .single-page-title { line-height: 150%; }
    .btn {font-size: 14px !important; padding: 12px 15px 10px 15px; }
    #page-content.fluid { width: 100%; padding: 0 15px; }
    .box.half { width: 100% !important; }
    #footer-link-box { padding: 0 25px; }
    section.bulten { padding: 46px 20px; }
    .icon.bulten { background-image: none; padding-left: 0px; padding-right: 0; }
    section.bulten .bulten-register { position: relative; height: 97px; text-align: center; }
    section.bulten .button-simule { float: none; position: absolute; left: 0; width: 100%; top: 48px; }
    section.bulten .text-field { float: none; position: absolute; left: 0; width: 100%; top: 0;  }
    #page-cover { height: 320px; }
    #page-cover .page-title h1 { padding: 20px; }
    #page-content { width: 100%; padding: 40px 20px; }
    .page-description { width: 100%; padding: 40px 20px 0 20px; }
    .page-description p { padding: 0; margin: 0; }
    .list-container { width: 100%; padding: 40px 0; }
    .list-item { width: 50% !important; height: 160px; }
    .list-item h1 { display: block; text-shadow: 1px 1px 5px #000; padding: 0 20px; font-size: 16px; }
    .list-item.half { height: 180px; }
    /* mezunlar */
    .mezun-box { width: 100%; margin: auto; text-align: left; }
    .mezun-box.galeri { width:50%; }
    .mezun-box p { padding-top: 20px; text-overflow: unset; overflow: unset; white-space: unset; }
    .mekan-logo { text-align: center; float: left; margin-right: 20px; width: 120px; height: 120px; }
    /* haberler */
    .haber-image-box { width: 100%; float: none; margin-right: 0; height: 200px; }
    .haber-box h3 { padding: 40px 0 20px 0; }
    /* basin-kiti */
    .inner-container.kit { background-color: unset; overflow: hidden; height: auto; padding: 0 20px; }
    .kit-link-box { background-color: #000; width: 100%; height: 250px; margin-bottom: 30px; padding: 0 20px; border-radius: 8px; }
    .kit-link-box a:link, .kit-link-box a:visited { font-size: 36px; line-height: 250px; }
    /* neden chefstable */
    .neden-box { float: left; width: 100%; }
    .neden-box .neden-text { width: 85%; }
    .neden-image-box-outer { overflow: hidden; height: 240px; width: 100%; }
    .neden-image-box { height: 240px; }
    .neden-image-box { width: 100%; }
    .neden-image-box.left { float: left; }
    .neden-box.right { text-align: right; }
    /* iletisim */
    .content-col-2 { width: 100%; float: none; }
    .content-col-1, .content-col-2 { padding: 0 10px; }

    .galeri-box { width: 90%; margin: 0 0 30px 0; height: 170px; }
    .galeri-box a:link, .galeri-box a:visited { bottom: 6px; }

    /* workshop */
    #workshop-slider { height: 500px; position: relative; padding-top: 75px; }
    #workshop-slider .swiper-button-next, #workshop-slider .swiper-button-prev { display: none; }
    #workshop-slider h1 { padding: 75px 20px 0 20px; font-size: 40px; }
    #workshop-slider p { padding: 0 20px; }
    #workshop-slider .swiper-slide { height: 400px; }
    .grid-cell { float: left; border: #fff 0.5px solid; }
    .grid-cell.half { width: 50% !important; }
    .grid-cell h1 { font-size: 22px; padding: 20px 15px; }
    .grid-cell h1.type-1, .grid-cell h1.type-2, .grid-cell h1.type-4 { width: 100%; font-size: 18px; }
    .grid-cell h1.type-3 { width: 80%; }
    .grid-cell h1.type-5 { bottom: 0; font-size: 26px; }
    .grid-cell.h1x, .grid-cell.h2x { height: 200px; }
    .grid-cell h1.to-top { top: unset; bottom: 0; }
    .month-slider { width: 90%; }
    .month-slider label { margin: 20px 10px 0 10px; font-size: 14px; font-family: gothamMedium; width: unset; }
    #ws-list { padding: 0 20px; }
    .ws-grid-container { padding-bottom: 40px; }
    .ws-box { width: 100%; margin: 20px 0; overflow: hidden; background-color: #fff; height: 180px; }
    .ws-box-info { height: 180px; width: 180px; }
    .ws-box-info .content h2 { font-size: 40px; }
    .ws-category-detail-title { font-size: 16px; }
    .egitim-cover { width: 100%; height: 320px; }
    .egitim-info { display: none; }
    #egitim-detail-container .content .band { padding: 10px 20px; }
    .ws-detail-text.pt-40.owh { padding: 80px 10px 10px 10px; }
    .section-title { width: 90%; }
    #mobile-ws-info .row { display: block; position: relative; padding: 15px 15px 15px 60px; text-align: left; border-bottom: #d4d4d4 1px solid; }
    #mobile-ws-info .row img { position: absolute; left: 15px; top: 10px; }
    #mobile-ws-info .row label { min-height: auto; }
    #mobile-ws-info .row p { padding: 0; margin: 0; }
    #egitim-detail-container .content .band{padding:5px 5px;}
    /*Profosyonel EÄŸitimler*/
    #page-cover .page-title h1 { font-family: gothamBold; font-size: 19px; text-transform: uppercase; color: #fff; margin: 0; padding: 30px 0; text-shadow: 2px 2px 10px #242424;}
    /*Amatör eğitimler*/
    .ndr-serkan { background-position: -500px; }
    .ndr-serkan .sb-message { overflow: hidden; padding: 30px 20px; width: 100%; float: left; color: #fff; font-family: gothamBook; font-size: 15px; line-height: 150%; text-shadow: 1px 1px 1px #000; }
    #egitim-detail-container .content {
        position: relative;
        padding: 20px;
        font-family: gothamBook; font-size: 18px; line-height: 26px;
    }
    #egitim-detail-container .content .band.egitim { margin-top: -40px; }
    .egitim-tab .dli-box { width: 100% !important; }
    .dli-box h2 { text-align: left !important; font-size: 18px !important; }
    .dli-box.home h2 { padding-left: 20px; }
    .dli-box h2 img { float: left; margin: 0 10px 0 15px; height: 24px; }
    .banka-row img { float: none; margin-right: 0px; }
    section.video .video-frame { width: 300px; height: 168px; }
    #ct-chatBox { width: 100%; right: unset; }
    .workshop-text { width: 100%; padding: 30px 20px; }
    .slide-text p { display: none; }
    #phoe-promo .swiper-slide h1 { font-size: 26px; }
    #phoe-promo .swiper-button-prev, #phoe-promo .swiper-button-next { display: none; }
    #phoe-promo .swiper-slide .slide-text button { max-width: 90%; }
    .popup-wacs { text-align:center; }
    .popup-wacs div { text-align: left; }
    .popup-wacs img { float: none; margin-left: 0px; width:180px; margin: 0 auto; }
    .list-item h1.galeri { top: unset; bottom: 20px; font-size: 14px; }
    .partner-box { width: 50% !important;  }
    .thanks-message { width: 100%; padding: 50px 20px; }
    #pinterest-cover { height: 199px; }
    .p-mekan-logo { height: 50px; margin: 6px; }
    .p-mekan-logo img { height: 50px; }
    .pinterest-header { width: 150%; padding-top: 8px; }
    .egitmen-image { margin: 0; }
    #page-content.egitmen { padding: 30px 20px; }
    #phoe-promo .swiper-slide .slide-text button { font-size: 14px !important; }
    .ws-box-info .content h2 { font-size: 30px; }
    .ws-box-info .content p { font-size: 14px; }
    .section-title { font-size: 20px; line-height: 30px; }
    .workshop-text h1 { font-size: 26px; }
    .workshop-text p { font-size: 20px; }
    .home.box p { font-size: 14px; margin-top: 0; }
    #menu-logo a { display: block; background-color: #686868; color: #fff; padding: 9px 0 8px 0; width: 90%; margin: 0 auto 20px auto; border-radius: 6px; }
    .popup-wacs, .popup-amforth, .popup-error { padding: 40px 20px; }
    .top-bar-seperator { height: 170px; }
    #phoe-promo .swiper-slide .button-container { flex-direction: column; }
}