@charset "UTF-8";
/* Css Shortcuts */
.fr { float: right; }
.fl { float: left; }
.di { display: inline-block; }
.db { display: block; }
.dn { display: none; }
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.tc { text-align: center; }
.tr { text-align: right; }
.mp { margin: 0; padding: 0; }
.tcell { display: table-cell; vertical-align: middle; width: 999999px; }
.pl { padding-left: 0; }
.pr0 { padding-right: 0; }
.fs30 { font-size: 30px; }
.fs24 { font-size: 24px; }
.fs16 { font-size: 16px; }

body { font-family: "Rajdhani"; color: #a8a8a8; padding-top: 129px; font-size: 16px; }
ul { margin: 0; padding: 0; list-style-type: none; }
a:focus, a:hover { text-decoration: none; }



/*header*/
#header { position: fixed; width: 100%; z-index: 999; background-color: #fff; top: 0; left: 0; }
    #header .logo { margin: 30px 0; padding: 0; }
    #header .wrapper { margin: 57px 0 35px; }

    #header.s { box-shadow: 0 0 10px; }
        #header.s .logo { margin: 10px 0 15px; }
            #header.s .logo img { height: 50px; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
        #header.s .wrapper { margin: 27px 0 0; }


/*menu*/
#menu li { display: inline-block; position: relative; }
    #menu li a { color: #b4b4b4; font-size: 16px; font-weight: 700; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; padding: 10px 15px; }
    #menu li:hover > a { color: #000; }
    #menu li:last-child a { padding-right: 0; }

#menu ul ul { background-color: #fff; min-width: 200px; padding: 10px; position: absolute; top: 30px; box-shadow: 0 25px 30px rgba(0,0,0,0.1); display: none; }
    #menu ul ul > li { display: block; margin: 0; padding: 0; }
        #menu ul ul > li a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; margin: 0; padding: 5px; }
#menu ul > li:hover > ul { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }



/*sosyalmedya*/
.social .fa { border: 1px solid; border-radius: 100%; color: #dadada; font-size: 16px; margin-right: 4px; overflow: hidden; white-space: pre; width: 35px; }
    .social .fa:Hover { color: #fff !important; border-color: transparent; }
    .social .fa::before { border-radius: 5px; display: inline-block; margin: 0 9999px 0 auto; min-width: 32px; padding: 8px 5px; text-align: center; }
.social a.fa-facebook:hover { background-color: #3B5998; }
.social a.fa-twitter:hover { background-color: #00acee; }
.social a.fa-instagram:hover { background-color: #000; }
.social a.fa-linkedin:hover { background-color: #3272BD; }
.social a.fa-google-plus:hover { background-color: #D13F2D; }
.social a.fa-pinterest:hover { background-color: #CE1E27; }
.social a.fa-youtube:hover { background-color: #CE332D; }
.social a.fa-envelope-o:hover { background-color: #000; }

#header .social { margin: -6px 0 0 30px; }
    #header .social .fa { color: #fe0606; }


/*footer*/
#footer { font-size: 16px; font-weight: 600; }
    #footer a { color: #a8a8a8; }
#footerTop { border-bottom: 2px solid #ebebeb; border-top: 2px solid #ebebeb; padding: 35px 0; }
.footerlogo { height: 50px; margin: -5px -90px 0 40px; }
#footerTop .social { padding-top: 5px; }
.footercontact { padding: 30px 0; }
    .footercontact .di { font-size: 14px; margin-right: 80px; vertical-align: middle; }
        .footercontact .di:last-child { margin-right: 0; }
        .footercontact .di i { color: #fe0606; font-size: 24px; margin-right: 10px; vertical-align: middle; }
        .footercontact .di p { margin: 0; }
#footerBottom > p { margin-bottom: 20px; }
#footerBottom .fa-envelope { font-size: 20px; }
#footer .social .fa { color: #000; }

/*iletşim*/
.sube h4, .contact h4 { font-size: 27px; margin: 10px 0; }
.sube > tbody > tr:first-child th { border: medium none; }
.contact > h4 { border-bottom: 1px solid #ddd; padding: 8px 0 18px; }
.sube .gmap a { color: #aaa !important; font-size: 14px; }
.contact .form-horizontal .control-label { text-align: left; }
.contact .btn { background-color: #fe0606; border-radius: 0; color: #fff; font-size: 16px; font-weight: 600; margin-top: 31px; }
.form-control { border: 1px solid #ddd; border-radius: 0; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) inset; }
    .form-control:focus { border-color: #fe0606; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(254, 6, 6, 0.64); outline: 0 none; }
.captcha > img { height: 28px; position: absolute; right: 16px; top: 3px; width: auto; }

/*master*/
#masterImg { position: relative; width: 100%; height: auto; }
    #masterImg > img { display: block; height: auto; margin: auto; max-width: 100%; width: auto; }
    #masterImg .page-title { height: 100%; left: 0; top: 0; width: 100%; }
        #masterImg .page-title > .pr { height: 100%; }
        #masterImg .page-title h2 { background-color: #fe0606; color: #fff; display: inline-block; font-size: 70px; font-weight: 100; line-height: 64px; margin: 0; padding: 6px 20px 0; }
        #masterImg .page-title::before { background: rgba(0, 0, 0, 0) url("../images/lines.png") no-repeat scroll 0 0; content: ""; display: block; height: 390px; position: absolute; top: 175px; transform: rotate(180deg); width: 100%; }
    #masterImg .breadcrumb { background-color: transparent; border-radius: 0; display: inline-block; list-style: outside none none; margin: 0; padding: 20px 0 0; }
        #masterImg .breadcrumb a { color: #fff; font-size: 13px; font-weight: 900; opacity: 0.5; }


#masterContent .icerik { font-weight: 600; padding: 30px 0; }
    #masterContent .icerik a { color: #fe0606; }
.masterLeft::before { background: rgba(0, 0, 0, 0) url("../images/lines.png") no-repeat scroll 0 0 / cover; content: ""; display: block; height: 290px; left: -130px; position: absolute; top: -90px; transform: rotate(90deg); width: 160px; z-index: 0; }
.nav-pills > li > a { background-color: #eee; border-radius: 0; color: #555; }
    .nav-pills > li > a::before { content: "\f0da"; font-family: fontawesome; margin-right: 5px; }
    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover, .nav-pills > li.active > a:hover { background-color: #fe0606; color: #fff; }
.masterLeft { padding-bottom: 30px; padding-top: 30px; }
#leftMenu h2 { display: none; }
#leftMenu ul ul { margin-left: 20px; display: none; }
.nav-pills .nav-pills > li > a { background-color: #fafafa; }
    .nav-pills .nav-pills > li > a:hover { background-color: #333; color: #fff; }


/*KOLEKSİYONLAR*/
#section { background: #fff none repeat scroll 0 0; margin-top: -86px; padding-top: 52px; position: relative; z-index: 99; }
    #section.ic { margin: 0; padding: 0; }
    #section .item img { display: block; height: 350px; margin: auto; object-fit: cover; width: 100%; }

h2.colTitle { color: #fe0606; font-size: 32px; font-weight: 700; text-align: center; margin: 0; padding: 0; }

#collection .owl-item { padding-top: 50px; }
    #collection .owl-item .item:hover img { box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); }
    #collection .owl-item .item:hover .urunadi { color: #fe0606; }
    #collection .owl-item img { -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
    #collection .owl-item .urunadi { color: #000; font-size: 21px; font-weight: 700; display: block; margin: 37px 0 10px; line-height: 1.2; }
    #collection .owl-item .urunCat { font-size: 16px; font-weight: 600; color: #b9b9b9; }


.urun { margin: 0 0 30px; }
    .urun img { display: block; height: 200px; margin: auto; object-fit: cover; width: 100%; }
    .urun:hover img { box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2); }
    .urun .urunadi { color: #000; text-align: center; margin-top: 20px; }
    .urun:hover .urunadi { color: #fe0606; }



/*galeri*/
.sayfagaleri > div { background-color: #fe0606; border: 10px solid #fff; }
.sayfagaleri img { border-radius: 0; display: block; height: 230px; margin: 0 auto; object-fit: cover; padding: 0; width: 100%; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.sayfagaleri a:Hover img { opacity: 0.5; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
.sayfagaleri a::before { color: #fff; content: "\f00e"; display: none; font-family: fontawesome; font-size: 40px; font-weight: 500; position: absolute; text-align: center; top: calc(50% - 30px); width: 100%; z-index: 1; }
.sayfagaleri a:hover::before { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }


/*haberler*/
#masterContent .icerik h3, #masterContent .icerik h4, #masterContent .icerik h5, #masterContent .icerik h6 { color: red; }
.habericerik { text-align: justify; }
.btn.btn-danger.btn-xs { background: red none repeat scroll 0 0; border: medium none; color: #fff !important; font-size: 16px; font-weight: bold; margin: 30px 0; }
.habertarih { color: #ccc; margin: 10px 0; text-align: center; }
.haberresim img { display: block; margin: auto; }
.haberro { margin-bottom: 30px; }
    .haberro img { height: 150px; margin: 0; object-fit: cover; width: 100%; }
    .haberro .newstitle { color: #000; font-size: 24px; font-weight: bold; margin: 10px 0; }
    .haberro .newsdesc { color: #b9b9b9; font-size: 16px; font-weight: 600; }


/*ik*/
.mapHolder h3 { font-size: 20px; margin: 0 15px 10px; padding: 0; position: relative; text-align: center; }
    .mapHolder h3 span { background-color: #fe0606; border-radius: 100%; color: #fff; display: block; font-size: 15px; height: 30px; line-height: 2; margin: 0 auto 15px; text-align: center; width: 30px; }
        .mapHolder h3 span::before { background-color: #eee; content: ""; height: 1px; left: 0; position: absolute; top: 15px; width: 100%; z-index: -1; }
#cv .formHolder input[type="file"] { margin: 0 auto 10px; max-width: 80px; }
.mapHolder .small, .formHolder .helper { color: #888; font-size: 12px; }
#personal .formHolder .img-thumbnail > img { max-width: 100%; }
#personal .btn { background: #fe0606 none repeat scroll 0 0; }
.disabledHolder { opacity: 0.3; }