/* 
    
   Burada işin yok! 
   Belki de vardır asdadaasdada.
   Bu sadece ana elementlerin yer aldığı dosya. Anasayfa düzenlemesi için anasayfa.css, iç sayfa için master.css'e alalım seni.
   
    
    # Typography #

    * Shortcut
    * Header 
        * Header > Menu 
        * Header > Social
    * Footer 
    * Footer > Menu

*/


body { font-family: 'Panton'; height: 100%; }

a:hover { text-decoration: none; }

.pr { position: relative; }
.pa { position: absolute; }
.di { display: inline-block; }
.db { display: block; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; float: right; }
.tl { text-align: left; float: left; }
.mp { margin: 0; padding: 0; }
.dn { display: none; }

@media(min-width:768px) {
    .md-fl { float: left; }
    .md-fr { float: right; }
}

@media(max-width:767px) {
    #header { position: relative; }
}

html { height: 100%; }

/* Header */

#header { z-index: 9999; width: 100%; padding-top: 10px; }
    #header .logo { margin: 0 0 0 50px; padding: 0; }
.headright { margin-top: 30px; }


.tel { background: url(/images/tel.png) no-repeat top right; color: #626262; font-weight: 500; padding-right: 45px; margin-right: 80px; }
    .tel span { color: #000; font-weight: 700; font-size: 18px; display: block; margin-top: -1px; }

/* Header Menu */

#menu { margin-right: 50px; text-align: left !important; }
    #menu ul { margin: 0; padding: 0; list-style-type: none; }
        #menu ul li { display: inline-block; padding: 10px 0; position: relative; }
    #menu li a { color: #ffffff; font-weight: 500; padding: 10px 16px 20px; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
        #menu li a:hover { /*border-bottom: 5px solid #ffd507;*/ }
    #menu li:hover > a { color: #ffd507; }
    #menu ul li > ul { position: absolute; display: none; top: 35px; left: 50%; margin-left: -100px; opacity: 0; width: 200px; padding-top: 20px; }
        #menu ul li > ul:after { top: 0; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(169, 51, 56, 0); border-bottom-color: #ffd507; border-width: 10px; margin-left: -10px; }
    #menu ul li:hover > ul { display: block; display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
    #menu ul li ul li { display: block; padding: 0; border-bottom: solid 1px #c13b41; }
    #menu ul li > ul > li > a { background: #ffd507; padding: 10px 10px !important; font-size: 13px; color: #fff; display: block; margin: 0 !important; text-align: center; }
    #menu ul li ul li a:hover { background: #000; color: #fff; }



.social { margin: 0 50px 0 0; }
    .social a { background: url(/images/social.png) no-repeat; display: inline-block; width: 34px; height: 34px; margin-right: 7px; transition: .3s ease-in; text-indent: -9999em; text-align: left; }
        .social a.fb { background-position: 0 0; }
            .social a.fb:hover { background-position: -166px 0; }
        .social a.tw { background-position: -41px 0; }
            .social a.tw:hover { background-position: -207px 0; }
        .social a.in { background-position: -82px 0; }
            .social a.in:hover { background-position: -248px 0; }
        .social a.gp { background-position: -123px 0; margin-right: 0; }
            .social a.gp:hover { background-position: -289px 0; }

.news { padding: 85px 25px 0; }
    .news h2 { color: #000; font-weight: 300; margin: 0 0 40px; padding: 0; font-size: 30px; text-align: center; }
#haberler { margin: 15px 0 0; }
    #haberler .haberimg { width: 25%; }
    #haberler .habericerik { width: 71%; margin-left: 4%; }
    #haberler .haberBaslik { color: #d13138; font-weight: 700; font-size: 16px; }
    #haberler p { margin: 10px 0 0; color: #555; font-weight: 500; }
    #haberler .owl-dots { margin: 35px 0 0; }
    #haberler .owl-dot span { width: 5px; height: 5px; background: #d8d8d8; }
    #haberler .owl-dot.active span { background: #d13138; width: 9px; height: 9px; position: relative; top: 2px; }


#footer { padding: 5px 0; border-top: 10px solid #eaeaea; }
    #footer .copyright { padding-left: 35px; margin-top: 26px; color: #555; font-weight: 500; }
#footmenu { margin: 26px 0 0; padding: 0 35px 0 0; list-style-type: none; }
    #footmenu li { display: inline-block; margin-right: 15px; }
        #footmenu li a { color: #555; font-weight: 300; }
            #footmenu li a:hover { color: #ffd507; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }

.certs { text-align: center; }
    .certs img { margin: auto; }

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animatedLong { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.delay { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay2 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay3 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }


@media(max-width:767px) {
    #menuac { width: 45px; height: 30px; position: absolute; top: 35px; right: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; }
        #menuac span { display: block; position: absolute; height: 9px; width: 100%; background: #3E3934; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
            #menuac span:nth-child(1) { top: 0px; }
            #menuac span:nth-child(2) { top: 12px; }
            #menuac span:nth-child(3) { top: 24px; }
        #menuac.open span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
        #menuac.open span:nth-child(2) { opacity: 0; left: -60px; }
        #menuac.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

    #header .logo { margin: 10px 0; }
        #header .logo img { display: inline-block; }

    #menu { display: none; }
        #menu.open { display: block; }

    .headright { float: none !important; text-align: center !important; }

    #menu { margin: 0; }
        #menu ul li { display: block; text-align: center; }
            #menu ul li:hover > ul { display: none; }

    .social { margin: 10px 0; }

    .tel { background: none; margin: 0; padding: 0; text-align: center; }
        .tel span { display: inline-block; position: relative; top: 1px; }

    /* Slider */
    #slider .sliderText { font-size: 24px !important; margin: -80px 0 0 !important; border: none !important; padding: 0; left: 0; }
        #slider .sliderText::before,
        #slider .sliderText::after { display: none; }
    #slider .owl-nav { display: none; }

    #works { margin: 15px 0 0; }
    .workcat { margin: 0 0 10px; }
        .workcat span { line-height: 1.5; font-size: 18px; }
    /* Haberler */
    .news { padding: 45px 0 0; }
        .news h2 { margin-bottom: 20px; }
    #haberler .haberimg { width: 100%; }
    #haberler .habericerik { width: 100%; margin: 10px 0 0; }
    #haberler .owl-dots { margin-top: 20px; }
    #about { margin: 10px 0 0; }

    #footer { margin: 15px 0 0; }
        #footer .copyright { padding: 0; margin: 10px 0 0; text-align: center; }
    #footmenu { display: none; }
}

@media(min-width: 768px) and (max-width: 992px) {
    #header .logo { margin: 10px 0 0; }
    #header .tel,
    #header .social { display: none; }
    #menu li a { font-size: 10px; padding: 10px 6px 20px; }
    .headright { margin: 25px 0 0; }

    .workcat span { padding-top: 25px; font-size: 20px; line-height: 1.5; }
    #masterLeft ul li > a { font-size: 13px; }
}

@media(min-width:993px) and (max-width: 1199px) {
    #header .logo { margin: 10px 0 0; }
    #menu li a { font-size: 13px; padding: 10px 8px 20px; }
    .headright { margin: 35px 0 0; }
    #header .tel,
    #header .social { display: none; }
    .workcat span { padding-top: 45px; font-size: 20px; line-height: 1.5; }
    #masterLeft ul li > a { font-size: 13px; }
}

@media(min-width: 1200px) and (max-width: 1366px) {
    #menu li a { padding: 10px 6px 20px; font-size: 13px; }
    .social { margin-right: 10px; }
    .tel { margin-right: 20px; }
}