/* 
    İç sayfa css kodları burada.
    Eğer iç sayfa kodunu giderde inline yazarsan, main.css'e yazarsan yada anasayfa.css'e yazarsan seni bulurum ve classlarına ayırırım asdadadasd

    # Typography #

    * Header Master
    * MasterInner / Master Header altı görsel alanı
    * MasterLeft
    * MasterRight


*/

.masterheader { background: #ffd507; padding-bottom: 10px; }
    .masterheader #menu li a { padding-bottom: 33px; }
/*.masterheader #menu ul li > ul { top: 66px !important; }*/
/* masterInner */
#masterInner { min-height: 120px; }
    #masterInner:after { position: absolute; background: rgba(0,0,0,.5); width: 100%; height: 100%; content: ""; top: 0; left: 0; z-index: 10; }
    #masterInner .wrapper { width: 100%; bottom: 95px; text-align: center; z-index: 999; }
    #masterInner h2 { color: #fff; font-weight: 300; font-size: 48px; }

/* MasterLeft */
#masterLeft { z-index: 11; }
    #masterLeft .wrapper { margin-top: -35px; min-height: 400px; background: #f2cf17; padding-top: 90px; position: relative; z-index: 9999; }
    #masterLeft ul { list-style-type: none; }
        #masterLeft ul li > a { display: block; color: #fff; transition: .3s ease; -moz-transition: 3s ease; -webkit-transition: .3s ease; font-size: 15px; font-weight: 500; padding: 10px 15px 8px 30px; background-position: center left 0; }
            #masterLeft ul li.active > a,
            #masterLeft ul li > a:hover,
            #masterLeft ul li > a:focus { background: #bb2b31 url(../images/c.png) no-repeat center left 13px; }
    #masterLeft h2.menu-title { color: #fff; font-size: 24px; padding: 0 0 0 15px; }
/* Master Right */
#masterRight { margin: 40px 0 40px; }
    #masterRight .wrapper { padding-left: 5px; }
    #masterRight h3 { color: #000; font-weight: 300; font-size: 30px; margin-bottom: 15px; }
    #masterRight h4 { color: #bb2b31; font-weight: 300; font-size: 24px; }
    #masterRight p { color: #555; font-weight: 500; font-size: 16px; }
        #masterRight p.first { font-size: 18px; margin-bottom: 25px; }

    #masterRight ul { margin: 0 0 15px; padding: 0 0 0 25px; list-style-image: url(../images/list.png); color: #555; }

    #masterRight li { font-size: 15px; padding: 4px 0; }
#masterFull { margin: 40px 0 40px; }


/* Haberler */
.haberler { margin-bottom: 15px; padding: 20px; border: solid 3px #eee; }
.haberRight h2 { font-size: 24px; margin: 0 0 7px; }
.haberRight p { font-size: 15px; margin-bottom: 10px; }
.pager-buttons { margin-bottom: 15px; }
.btn { background: #bb2b31; color: #fff; }
    .btn:hover { background: #000; color: #fff; }

#worksandnews { background: #eee url(../images/iconBg.jpg) no-repeat center; }
    #worksandnews .news { padding: 35px 25px 10px; }

#works { margin: 178px 0 60px; }
.workcat { background-color: #d13138; box-shadow: 5.5px 9.526px 35px 0px rgba(0, 0, 0, 0.38); display: block; position: relative; margin-top: -110px; z-index: 99999; }
    .workcat img { opacity: 1; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat:hover img { opacity: .5; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat span { display: block; position: absolute; top: 0; font-size: 30px; padding: 70px 30px 0; font-weight: 300; color: #fff; line-height: 36px; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .workcat:hover span { padding: 70px 35px 0; }

.galleryBox { border: 3px solid #eee; position: relative; width: 100%; margin-bottom: 20px; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .galleryBox:hover { border: 3px solid #d13138; }
    .galleryBox span { background: rgba(255, 255, 255, 0.7) url(../images/magnify.png)no-repeat center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; opacity: 0.0; filter: alpha(opacity=0); transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .galleryBox:hover span { opacity: 1.0; filter: alpha(opacity=100); }

.mapHolder { border: solid 3px #eee; padding: 0; margin-bottom: 20px; min-height: 380px; border-radius: 5px; position: relative; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
    .mapHolder h3 { font-size: 18px; color: #d13138; }
    .mapHolder .formHolder { padding: 20px; }
    .mapHolder .form-control { padding: 10px; color: #b0b0b0; border: solid #e8e8e8 1px; font-size: 14px; font-family: 'Panton'; height: auto; box-shadow: none; }

    .mapHolder h3 { color: #fff; padding: 20px; font-weight: 300; margin-top: 0; background: #d13138 url(../images/headBg.png) right center no-repeat; font-size: 16px; }
        .mapHolder h3 span { font-weight: 600; font-size: 18px; color: #fff; content: ''; text-align: center; overflow: hidden; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
#masterRight .mapHolder h3 span.passed { text-indent: -9999px; background: #666 url(../images/checked.png) no-repeat center; }

#position { opacity: 1; }
#cv { opacity: .3; }
.cv-wrapper .formHolder { margin-top: 50px; }
#personal { opacity: .3; }

.inputfile { width: 100%; height: 135px; opacity: 0; overflow: hidden; position: absolute; left: 0; z-index: 5; cursor: pointer; }
    .inputfile + label { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.625rem 1.25rem; }
.no-js .inputfile + label { display: none; }
.inputfile:focus + label,
.inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.inputfile + label * { }
.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; margin-right: 0.25em; }
.inputfile-4 + label { color: #d3394c; }
    .inputfile-4:focus + label,
    .inputfile-4.has-focus + label,
    .inputfile-4 + label:hover { color: #722040; }
    .inputfile-4 + label figure { width: 100px; height: 100px; border-radius: 50%; background-color: #d3394c; display: block; padding: 20px; margin: 0 auto 10px; }
    .inputfile-4:focus + label figure,
    .inputfile-4.has-focus + label figure,
    .inputfile-4 + label:hover figure { background-color: #722040; }
    .inputfile-4 + label svg { width: 100%; height: 100%; fill: #f1e5e6; }

.folks img { height: 70px; }
.folks .cozBaslik { background: #000; color: #fff; padding: 3px; margin-top: 30px; }
.galleryBox .cozBaslik { background: #000; color: #fff; padding: 3px; margin: 0 auto; text-align: center; }

.panel-default > .panel-heading { background: #999; color: #fff; font-size: 18px; }
.form-control { padding: 10px; color: #b0b0b0; border: solid #e8e8e8 1px; font-size: 14px; font-family: 'Panton'; height: auto; box-shadow: none; }
.form-horizontal .control-label { font-weight: 700; text-align: left; }
.g-recaptcha { border-radius: 10px; height: 73px; overflow: hidden; text-align: right; width: 290px; max-width: 100%; }
    .g-recaptcha div { margin: -2px 0 0 -1px; }
.form-controlC { border: solid #e8e8e8 1px; border-radius: 4px; background: #f9f9f9; }

#masterRight .linkList { padding: 0; color: #555; list-style-image: url(../images/linkList.png); padding: 0; list-style-position: inside; border-bottom: solid 1px #eee; margin-bottom: 40px; float: left; }
    #masterRight .linkList li { margin-bottom: 10px; width: 100%; float: left; }
        #masterRight .linkList li a { color: #555; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; }
            #masterRight .linkList li a:hover { color: #d13138; }
.lang.fr {margin: 10px 0 0 }
.lang a {color:#000;}
@media(max-width:767px) {
    #masterInner { min-height: 160px; }
        #masterInner img { min-height: 160px; object-fit: cover; }
        #masterInner .wrapper { bottom: 45px; }
        #masterInner h2 { font-size: 24px; }
    #masterLeft .wrapper { min-height: 1px; padding-top: 5px; }
	.lang.fr {float:none;color: #cdcdcd }
	.lang a { display: inline-block; margin-right: 7px; }
}