ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; }
    a, a:link, a:hover   { cursor:pointer; }

    @font-face { font-family: 'FontRegular'; src: url('../fonts/PFBeauSansPro-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'FontMedium'; src: url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'FontBold'; src: url('../fonts/PFBeauSansPro-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; }
    @font-face { font-family: 'PFBlack'; src: url('../fonts/PFBeauSansPro-Black.ttf') format('truetype'); font-weight: normal; font-style: normal; }

    body            {
        background:#fff;
        color:#333; font:normal 14px 'FontRegular', sans-serif;
        margin:0; overflow-x:hidden;
    }
    b   { font:normal 14px 'FontBold', sans-serif; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:normal 14px 'FontRegular', sans-serif; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:active { text-decoration:none; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } a:before { cursor:pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }

    .header         { height:160px; background:#fff; border-bottom:#ea444d 3px solid; }
    .header .logo       { margin:34px 0 0 30px; }
    .header .menu       { height:160px; display:flex; vertical-align: center; align-items:flex-end; padding-right:15px; flex-direction: column; padding-top:50px; }

    .egitim         { width:100%; height:380px; display:flex; text-align:center; justify-content: flex-start; align-items:center; flex-direction: column; padding:30px 15px 0 15px; }
    .griEgitim      { background:#f5f5f5; }
    .egitim .egitCode   { font:normal 14px 'FontRegular', sans-serif; }
    .egitim .egitDate   { font:normal 12px 'FontRegular', sans-serif; }
    .egitim h3      { color:#ea444d; font:normal 18px 'FontRegular', sans-serif; }
    .altArea    { width:100%; height:100px; background:#898989; }
    .altArea div    { height:100px; border-right:#dfdfdf 1px solid; display:flex; justify-content: center; align-items: center; text-align:center; flex-direction:column; color:#fff; font:normal 13px 'FontMedium', sans-serif; }
    .altArea div:nth-child(3)    { border-right:0; }
    .altArea div i.fa   { color:#ccc1bf; font-size:14px; }

    .altArea2    { height:100px; }
    .altArea2 div    { height:70px; border-right:#dfdfdf 1px solid; display:flex; justify-content: center; align-items: center; text-align:center; flex-direction:column; color:#333; font:normal 13px 'FontMedium', sans-serif; }
    .altArea2 div:nth-child(3)    { border-right:0; }
    .altArea2 div i.fa   { color:#ff3636; font-size:14px; }

    .keskes     { margin:0 3px; }

    .basvuruFormu   { width:100%; height:600px; background:url(../images/basvuru-formu.png) no-repeat center center; display:flex; align-items: center; justify-content: center; }
    .basvuruFormu .formx { width:600px; text-align:center; align-items:center; height:450px; padding:30px; display:flex; flex-direction: column; background:#fff; border:#ea444d 3px solid; border-radius:15px; }
    .basvuruFormu .formx input[type=text] { width:100%; padding:12px 0; border:none; margin-bottom:10px; border-bottom:#dfdfdf 2px solid; outline: none; }
    .basvuruFormu .formx input[type=submit] { width:150px; outline:none; padding:10px; margin-top:5px; border-radius:6px; background:#ea444d; color:#fff; font:normal 14px 'FontBold', sans-serif; }

    .news   { width:100%; padding:50px 0; border-top:#dfdfdf 2px solid; }
    .news .owl-news .owl-item     { padding:30px 15px; height:350px; background:#f5f5f5; }
    .news .owl-news .owl-item:nth-child(2n)     { background:#fff; }
    .newsItem  h4   { color:#ea444d; font:normal 16px 'FontRegular', sans-serif; margin:0 0 15px 0; padding:0; line-height:22px; }

    .footerBeyaz    { background:#fff; border-top:#ea444d 2px solid; padding:50px 15px 70px 15px; line-height:22px; }
    .footerBeyaz .footerMenu ul     { margin:60px 0 0 20px; }
    .footerBeyaz .footerMenu ul li      { list-style-type:circle; }

    .footerBeyaz .socialMedia   { width:100%; margin-top:30px; padding:20px 20px 15px 20px; border-radius:50px; background:#ea444d; color:#fff; font:normal 12px 'FontRegular', sans-serif; }
    .footerBeyaz .socialMedia a     { color:#fff; font:normal 14px 'FontRegular', sans-serif; }
    .footerBeyaz .socialMedia a:hover     { color:#f2f2f2; font:normal 14px 'FontRegular', sans-serif; }

    .footerGri      { width:100%; padding:5px 15px; background:#eee; color:#666; font:normal 10px 'FontRegular', sans-serif; }
    .footerGri a    { color:#666; font:normal 10px 'FontRegular', sans-serif; }
    .footerGri a:hover    { color:#ff3636; text-decoration:none; }
    .pageImageTop   { padding:0; }

    .flamas     { padding:0; margin:15px 0; background:url }
    .kirmiziFlama   { height:234px; background:#ff3636 url(../images/kirmizibeyazflama.jpg) no-repeat right center; color:#fff; font:normal 18px 'FontRegular', sans-serif; line-height:28px; padding:0 70px 0 0; display:flex; align-items: center; justify-content: flex-end; }
    .beyazFlama     { height:234px; line-height:22px; padding:0 0 0 70px; display:flex; align-items: center; }

    .kurumsalHrta   { width:100%; height:1080px; background:url(../images/kurumsalharita.jpg) no-repeat center top; }
    .kurumsalPadding    { padding:310px 0 120px 0; text-align: center; color:#ff3636; }
    .beyazbege      { padding:75px 50px; background:#fff; margin-top:170px; line-height:24px; }
    .ilkBg      { border-bottom:#dfdfdf 3px solid; padding:0 0 70px 0; text-align:center; font:normal 20px 'FontRegular', sans-serif; }
    .groupB     { padding:200px 100px 0 100px; color:#666; font:normal 20px 'FontRegular', sans-serif; line-height: 32px; }
    .greyBack   { background:#f5f5f5; padding:100px 0; }
    .greytraining   { background:#f5f5f5 url(../images/grey-training-bg.jpg) no-repeat right center; padding:45px 15px 120px 15px; }
    .greytraining .container ul         { padding:0; display: inline-block; text-align:center; }
    .greytraining .container ul li          { height:150px; border:#ff3636 1px solid; box-sizing: border-box; background:#fff; text-align:center; list-style:none; }
    .greytraining .container ul li:hover    { background:#ff3636; }
    .greytraining .container ul li a            { width:100%; height:100%; display:flex; align-items: center; justify-content: center;  }
    .greytraining .container ul li a:hover          { text-decoration:none; color:#fff; }

    .egitimDetay    { border-bottom:#dfdfdf 1px solid; padding:30px 15px 0 15px; margin-bottom:30px; }
    .egitimDetay .container h1   { padding:0; margin:0; font-size:30px; }
    .egitimDetay .container .gri    { color:#666; font:normal 12px 'FontRegular', sans-serif; }


    .egitimdetay tr th b      { color:#ff3636; font:normal 14px 'FontBold', sans-serif; }

    .egitimdetay tr td ul       { margin:0 0 0 15px; }
    .egitimdetay tr td ul li    { margin-bottom:15px; }
    .egitimdetay tr td ul li ul li   { margin-bottom:0; }

    .footerMenu a   { color:#ff3636; font:normal 14px 'FontBold', sans-serif; }
    .footerMenu a:hover   { color:#333; text-decoration:none; }

    .famenu i    { font-size:30px; padding:60px 20px 0 0; }
    .phoneMenu          { width:100%; height:100%; background:rgba(0,0,0,0.95); position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; color:#fff; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#f2b045; font:normal 28px 'Montserrat', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { display:block; padding: 0 0 18px 0; }
    .phoneMenu ul li a              { display:block; color:#fff; font:normal 16px 'Montserrat', sans-serif; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .bultenArea { width:100%; height:45px; background:#222; border-radius: 25px; margin-top:10px; padding:0; }
    .bultenArea input[type=text]    { width:100%; background:none; border:none; color:#fff; padding:13px 0 0 5px; outline:none; }
    .bultenArea input[type=image]   { margin:4px 0 0 8px; cursor:pointer; }

    .menux a:hover  { color:#ff3636; }

    .kurumsalLink   { padding:12px 20px 8px 20px; background:#ff3636; color:#fff; border-radius:30px; margin:15px 10px; display:inline-block; }
    .kurumsalLink:hover   { background:#333; color:#ff3636; text-decoration:none; }

    .searchBar      { width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(19,19,19,0.95); z-index:1111; padding:50px 20px; display:none; overflow:scroll; overflow-x:hidden; }
    .searchBar .close   { position:fixed; top:10px; right:10px; color:#fff; font-size:50px; }
    .searchBar h4   { color:#fff; font:normal 20px 'Montserrat'; margin:50px 0 0 0; }
    .searchBar hr   { border:none; border-top:#ff3636 1px solid; margin:10px 0 20px 0; }
    .searchBar ul,li    { margin:0 0 0 0; padding:0; }
    .searchBar li       { list-style-type:circle; margin:10px 0 0 15px; color:#fff; }
    .searchBar li:hover     { color:#ff3636; }
    .searchBar li a     { color:#fff; font:normal 13px 'Montserrat' !important; text-decoration:none; }
    .searchBar li a:hover       { color:#ff3636; font:normal 13px 'Montserrat' !important; text-decoration:none; }
    .searchBar input[type=text]     { width:100%; background:none; outline:none; border:none; border-bottom:#ff3636 1px solid; padding:30px 10px; color:#fff; font:normal 30px 'Montserrat'; }
    .searchBar input[type=text]::-webkit-input-placeholder      { color:#ff3636; }
    .searchBar input[type=text]:-moz-placeholder                { color:#ff3636; }
    .searchBar input[type=text]::-moz-placeholder               { color:#ff3636; }
    .searchBar input[type=text]:-ms-input-placeholder           { color:#ff3636; }
    .fa-search      { cursor:pointer; }

@media only screen and (min-width : 0px) and (max-width : 599px) {

    .egitimDetay    { border-bottom:#dfdfdf 1px solid; padding:30px 15px 0 15px; margin-bottom:30px; }
    .egitimDetay .container h1   { padding:0; margin:0; font-size:30px; }
    .egitimDetay .container .gri    { color:#666; font:normal 12px 'FontRegular', sans-serif; }
    .header .logo       { margin:34px 0 0 0; }
    .header .menu       { padding-right:0; }
    .beyazbege      { padding:50px 15px; background:#fff; margin-top:50px; line-height:24px; }
    .groupB     { padding:100px 15px 0 15px; }

}
@media only screen and (min-width : 600px) and (max-width : 991px) {

}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .ayanEffects li a { font-size: 12px !important; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .ayanEffects li a { font-size: 12px !important; }
}
@media only screen and (min-width : 1181px) and (max-width : 1260px) {
    .ayanEffects li a { font-size: 12px !important; }
}
@media only screen and (min-width : 1261px) and (max-width : 1366px) {

}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {

}
@media only screen and (min-width : 1551px) {

}