body { font-family:'Montserrat', sans-serif;  color:#919191 !important;}
a, a:hover, a:focus { outline: 0; 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; }
.pleft { padding-left: 0; }
.bold { font-weight: 700; }
.light { font-weight: 300; }
.hid { overflow: hidden; }
.bayraklar {
    clear: both;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 27px;
}
.flag img {
    height: 32px;
    width: 32px;
}
.flag > li {
	 
    float: left;
    list-style: outside none none;
    padding: 0;
    
}
#form1 { height: 100%; }
.indie { font-family: 'Indie Flower'; }
#header { z-index: 9999; position: absolute; left: 0; top: 0; width: 100%; }
    #header:after { content: ""; position: absolute; background: url(../images/headerHover.png) repeat-x bottom center; width: 100%; height: 390px; top: 0; left: 0; z-index: -1; }
	
	
	    #headericsayfalar:after { content: ""; position: absolute; background:#0C7B99; width: 100%; height: 150px; top: 0; left: 0; z-index: -1; }
.fixedMenu { background: rgba(255,255,255,.97) url(../images/menu-bg.png) no-repeat left 20px center; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); position: fixed !important; }
.menu-holder { padding: 0 100px; }
.logo { margin: 20px 0 0; float: left; }
.fixedMenu .logo { margin: 5px 0 !important; }
.fixedMenu:after { display: none !important; }
.logo a { height: 103px; width: 280px; position: relative; float: left; background: url(../images/timucinlogom.png)no-repeat 0 0; }
.fixedMenu .logo a { height: 60px; width: 146px !important; background-position: 0 -66px !important; background-size: cover !important; }
.linkler { margin: 0; }
    .linkler a { color: #eee; padding: 7px 5px; float: right; }
        .linkler a.katalog { background:url(../images/telephone.png)no-repeat 10px center; color: #fff; font-size: 18px; padding-left: 40px; }
            .linkler a.katalog:hover { background: #104c7e url(../images/telephone.png)no-repeat 10px center; }
.fixedMenu .linkler { display: none; }
.social { float: right; margin-left: 10px; }
    .social a { display: inline-block; background: url(../images/social.png) no-repeat; text-indent: -9999em; padding: 17px 15px; border-right: 1px solid #c8c8c8; float: left; transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; }
        .social a:last-child { border: none; }
        .social a.fb { background-position: 3px 5px; }
        .social a.tw { background-position: -20px 5px; }
        .social a.ins { background-position: -93px 5px; }
        .social a.gp { background-position: -68px 5px; }
        .social a.fb:hover { background-position: 3px -21px; }
        .social a.tw:hover { background-position: -20px -21px; }
        .social a.ins:hover { background-position: -93px -21px; }
        .social a.gp:hover { background-position: -68px -21px;; margin-right: 0; }
.navbar-default { background: none; box-shadow: none; border: none; margin: 25px 0 0; position: relative; }
.fixedMenu .navbar-default { margin: 12px 0 0; }
    .fixedMenu .navbar-default .navbar-nav > li > a { color: #000; }
    .fixedMenu .navbar-default .navbar-nav > li:hover > a { color: #104c7e; }
.navbar-default .navbar-nav > li { position: unset; }
    .navbar-default .navbar-nav > li > a { color: #000; font-weight: 600; font-size: 12px; letter-spacing: 0.5px;  }
.viewing-page-1 .navbar-default .navbar-nav li a { transition: .0s ease-in !important; -moz-transition: .0s ease-in !important; -webkit-transition: .0s ease-in !important; }
.navbar-default .navbar-nav li a { padding-bottom: 23px; color: #eee; transition: .5s ease-in; -moz-transition: .5s ease-in; -webkit-transition: .5s ease-in; }
.navbar-default .navbar-nav li:hover > a, .navbar-default .navbar-nav li.active > a { color: #63b8ff; }
    .navbar-default .navbar-nav li > a:hover,
    .navbar-default .navbar-nav li > a:focus,
    .navbar-default .navbar-nav li.active > a,
    .navbar-default .navbar-nav li.active > a:hover,
    .navbar-default .navbar-nav li.active > a:focus { color: #fff; background: none; }
.navbar-default .navbar-nav li ul { display: none; width: 100%; position: absolute; top: 58px; left: 0; text-align: left; padding: 0; list-style: none; z-index: 10; opacity: 0; background-size: contain !important; }
.fixedMenu .navbar-default .navbar-nav li ul { z-index: 0; }
.fixedMenu .navbar-default .navbar-nav li.active > a,
.fixedMenu .navbar-default .navbar-nav li.active > a:hover,
.fixedMenu .navbar-default .navbar-nav li.active > a:focus { color: #104c7e; background: none; }
.navbar-default .navbar-nav li:last-child ul { right: 0; left: auto; }
.navbar-default .navbar-nav > li:hover > ul { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.3; animation-delay: 0.3; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); }
.navbar-default .navbar-nav > li > ul li { width: 70%; padding: 0px; float: left; position: relative; background-image: none; }
    .navbar-default .navbar-nav > li > ul li:after { position: absolute; content: ""; bottom: 0; left: 0; height: 1px; width: 100%; background: #000; }
    .navbar-default .navbar-nav > li > ul li:first-child { border-top: none; }
    .navbar-default .navbar-nav > li > ul li:last-child:after { display: none; }
.navbar-default .navbar-nav > li > ul > li > a { width: 100%; position: relative; font-size: 12px; color: #fff; font-weight: 600; text-shadow: none !important; padding: 10px 5px 10px 20px; float: left; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
.navbar-default .navbar-nav > li > ul > li:hover { background:#000; }
.navbar-default .navbar-nav li > ul > li:hover > a { color: #fff; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { box-shadow: none; }
#slider { position: relative; z-index: 999; width: 100%; height: 100%; background: #000; }
    #slider .owl-stage-outer { position: relative; z-index: 9999; }
    #slider .slideIcerik { width: 100%; bottom: 35%; }
        #slider .slideIcerik h2 {  
		background:rgba(0,0,0,0.5);
		padding:30px;
		width:500px;
     text-shadow: 1px 2px 3px #666;
 position: relative; color: #fff;   font-size: 30px; text-align: center;  z-index: 1; opacity: 0; }
           
    #slider .slideAciklama { margin: 60px 0 0; padding: 0; list-style-type: none; color: #fff; position: relative; z-index: 100; }
    #slider .slideIcerik p {  text-shadow: 1px 2px 3px #666; position: relative; text-align: center; width: 100%; font-weight:bold; font-size: 36px; color: #fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 1); font-weight: 300;  z-index: 1; opacity: 0; }
    #slider .slideAciklama li { font-size: 24px; color: #fff; text-shadow: 1px 1px 39px rgba(0,0,0,.24); }
    #slider .owl-controls { content: ""; width: 100%; height: 208px; bottom: 0; right: 0; z-index: 999; text-align: right; position: absolute; background: url(../images/triangle.png) no-repeat right; }
    #slider .urunImgHolder { position: absolute; bottom: 0; height: 150px; width: 780px; z-index: 1000; background: url(../images/urunImgHolder.png); z-index: 10; }
    #slider .urunImg { bottom: 15px !important; display: none; height: 100px; opacity: 0; left: 100px; position: absolute; z-index: 10; float: left; }
        #slider .urunImg img { height: 100%; z-index: 10; }
    #slider .owl-controls { position: absolute; z-index: 9999; text-align: left; }
    #slider .owl-nav { position: absolute; bottom: 30px; right: 50px; height: 65px; width: auto; z-index: 1000; }
    #slider .owl-next,
    #slider .owl-prev { background: url(../images/bannerNav.png) no-repeat; width: 45px; height: 65px; text-align: left; text-indent: -9999em; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; opacity: 0.5; }
    #slider .owl-prev { background-position: 0 0; margin: 0; right: 40px; }
        #slider .owl-prev:hover { opacity: 0.7; }
    #slider .owl-next { background-position: -45px 0; margin-left: 20px; }
        #slider .owl-next:hover { opacity: 0.7; }
    #slider .imageHolder { width: 100%; height: 100%; opacity: 0; }
    #slider .active .imageHolder { -webkit-animation: imageAnimation 15s linear 1 0s; -moz-animation: imageAnimation 15s linear 1 0s; -o-animation: imageAnimation 15s linear 1 0s; -ms-animation: imageAnimation 15s linear 1 0s; animation: imageAnimation 15s linear 1 0s; }
    #slider .owl-carousel { height: 100%; }
    #slider .owl-stage-outer { height: 100%; }
    #slider .owl-stage { height: 100%; }
    #slider .owl-item { height: 100%; }
    #slider .item { height: 100%; }
#particles-js { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
#slider #particles-js { width: 100%; height: 90%; position: absolute; top: 0; left: 0; z-index: 1; }
#slider .active .item .slideIcerik h2 { -webkit-animation: fadeInShow 7s linear 1 0.5s; -moz-animation: fadeInShow 7s linear 1 0.5s; -o-animation: fadeInShow 7s linear 1 0.5s; -ms-animation: fadeInShow 7s linear 1 0.5s; animation: fadeInShow 7s linear 1 0.5s; }
#slider .active .item .slideIcerik p { -webkit-animation: fadeInShow 6.5s linear 1 1s; -moz-animation: fadeInShow 6.5s linear 1 1s; -o-animation: fadeInShow 6.5s linear 1 1s; -ms-animation: fadeInShow 6.5s linear 1 1s; animation: fadeInShow 6.5s linear 1 1s; }

@-webkit-keyframes imageAnimation {
    0% { opacity: 1; }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@keyframes imageAnimation {
    0% { opacity: 1; }
    100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes imageAnimation2 {
    0% { }
    50% { -webkit-transform: scale(1.25); }
    100% { }
}

@keyframes imageAnimation2 {
    0% { }
    50% { transform: scale(1.25); }
    100% { }
}
.bitenozelik-btn {
    background: #0c7b99 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 40px;
    margin-left: 20px;
    padding: 10px;
    width: 231px;
}

.homeform { position: absolute; right: 0; z-index: 10; bottom: 264px; background: rgba(255,255,255,.8); padding: 30px 35px 10px; }
    .homeform h3 { color: #104c7e; margin-top: 0; font-size: 24px; font-weight: 600; }
        .homeform h3 span { color: #b6b6b6; font-weight: 300; }
    .homeform .bgform { position: relative; height: 100%; display: block; }
        .homeform .bgform:after { content: ""; position: absolute; height: 72px; width: calc(100% + 70px); background: url(../images/formalt.png) no-repeat; bottom: -82px; right: -35px; }
    .homeform p { text-align: right; color: #fff; font-size: 14px; }
    .homeform .form-control { border: none; border-radius: 0; font-size: 14px; font-weight: 300; padding: 15px; height: auto; }
    .homeform .send { width: 100%; background: #818181; color: #fff; font-size: 16px; font-weight: 600; padding: 10px 15px; border-radius: 0; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .homeform .send:hover { background: #104c7e; color: #fff; }
    .homeform .captcha { border-radius: 0; width: 100%; height: 50px; background: #fff; border: none; }
        .homeform .captcha div { padding-top: 10px; }
.devam { margin-left: -15px; opacity: 1; }
#devamEdenProjeler { padding: 0; overflow: hidden; width: 100%; height: 100%; }
    #devamEdenProjeler .indie { color: #63b8ff; font-size: 36px; }
h2.deProjeler { font-weight: 300; color: #c1c1c1; font-size: 36px; letter-spacing: 1px; opacity: 1; padding-bottom: 30px; }
.deBaslik { font-size: 46px; color: #000; line-height: 48px; font-weight: 300; text-align: right; margin-top: 130px; padding: 20px 40px 0 0; position: relative; }
    .deBaslik:after { content: ""; top: 0; right: 40px; width: 20%; background: #63b8ff; height: 3px; position: absolute; }
.projeDty { padding: 30px; position: absolute; width: 100%; left: 0; bottom: 50px; z-index: 10; }
    .projeDty h3 { margin: 0 0 10px; padding: 0; font-weight: 300; font-size: 36px; color: #fff; text-shadow: 0px 0px 6px rgba(0, 0, 0, 1); }
    .grpDty { padding: 30px; position: relative; width: 100%; left: 0; bottom: 50px; z-index: 10; }
    .grpDty h3 { margin: 30px 0 10px; padding: 0; font-weight: 300; font-size: 18px; color: #fff; text-align:left }
    .grpDt img-holder{width:100%; position:relative; margin-bottom:30px}
    .grpDt img-holder img {width:100%}
.news .projeDty { padding: 20px; position: relative; bottom: unset; }
    .news .projeDty h3 { margin: 0 0 10px; padding: 0; font-weight: 300; font-size: 36px; color: #fff; text-shadow: none; }
.incele { display: block; color: #ccc; padding-left: 15px; background: url(../images/incele.png) no-repeat center left; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .incele:hover,
    .incele:focus { color: #63b8ff; }
.hover { background: rgba(0,0,0,0.6) url(../images/add.png)no-repeat center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 7; opacity: 0; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.item:hover .hover { opacity: 1; }
.stamp { width: auto; height: auto; position: absolute; left: 20px; top: 100px; z-index: 12; background:rgba(0,0,0,0.7); }
.stamp img{margin:5px}
.proSec { padding-top: 0 !important; }
.news .item { -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); }
.carousel .item-holder { width: 750px; padding: 0; position: relative; float: left; }
.carousel .item { position: relative; float: left; -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
    .carousel .item .projeDty:after { content: ""; position: absolute; background: #104c7e; width: 0; height: 6px; bottom: 0; left: 0; z-index: -1; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .carousel .item img { position: relative; }
    .carousel .item:hover { -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .carousel .item:hover .incele { color: #63b8ff; }
            .carousel .item:hover .incele:hover { color: #63b8ff; }
        .carousel .item:hover .projeDty:after { width: 100%; content: ""; position: absolute; background: #fff; height: 6px; bottom: 0; left: 0; z-index: -1; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
        .carousel .item:hover img { filter: brightness(70%); -webkit-filter: brightness(70%); -moz-filter: brightness(70%); -o-filter: brightness(70%); -ms-filter: brightness(70%); }
    .carousel .item h4 { background: #63b8ff; color: #fff; padding: 10px; position: absolute; top: 100px; right: 0; margin: 0; font-size: 14px; z-index: 12; }
        .carousel .item h4.renkli { background: #d49f46; }
#tanitimFilmi { width: 100%; height: 100%; background-size: 100%; margin-bottom: 50px; overflow: hidden; }
    #tanitimFilmi .item { position: relative; }
    #tanitimFilmi .tanitimIcerik { width: 100%; top: 30%; left: 0; text-align: center; color: #fff; font-size: 57px; }
    #tanitimFilmi .altText { font-size: 26px; font-weight: 100; }
.play { top: 0; left: 0; display: block; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .play:hover { top: 15px; opacity: 1; filter: alpha(opacity=100); }
    .play img.img-responsive { display: inline-block; width: auto; }
#tanitimFilmi .owl-dots { position: absolute; bottom: 25px; }
#tanitimFilmi .owl-dot span { width: 50px; height: 9px; }
#tanitimFilmi .owl-dot.active span { background: #63b8ff; }
.haber { margin-right: -15px; opacity: 1;; overflow: hidden; }
#bizdenHaberler { margin-bottom: 110px; }
    #bizdenHaberler .deBaslik { margin: 25px 0 50px; padding: 0; right: 0; text-align: center; }
        #bizdenHaberler .deBaslik:after { display: none; }
.haberImg { width: 100%; }
    .haberImg img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
#haberC .owl-item:hover .haberImg img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.haberText { margin-left: 3%; width: 62%; }
    .haberText p { color: #b2b2b2; line-height: 24px; }
.haberBaslik { margin-bottom: 15px; }
    .haberBaslik a { color: #000; font-size: 18px; display: block; padding-top: 35px; background: url(../images/a.png) no-repeat top 15px left; }
.haberTarih { color: #104c7e; font-size: 14px; display: block; margin-top: 15px; font-weight: 700; }
#haberC { width: 100%; min-height: 350px; position: relative; float: left; }
    #haberC .owl-nav { position: absolute; top: -50px; left: 50%; margin-left: -14px; }
    #haberC .owl-next,
    #haberC .owl-prev { background: url(../images/owl-nav.png) no-repeat; width: 14px; height: 23px; text-indent: -9999em; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    #haberC .owl-prev { background-position: 0 0; }
        #haberC .owl-prev:hover { background-position: -50px 0; }
    #haberC .owl-next { background-position: -31px 0; }
        #haberC .owl-next:hover { background-position: -80px 0; }
a.haberLink { color: #999; }
#footer .container { padding-top: 30px; }
#footer { border-top: 1px solid #dedede; }
.iletisimBilgi { margin-top: 10px; }
.adres,
.ftel,
.fmail { color: #b2b2b2; margin-right: 50px; padding-top: 3px; padding-left: 34px; }
.adres { background: url(../images/loc.png) no-repeat center left; }
.fmail { margin-right: 0; background: url(../images/fmail.png) no-repeat center left; }
.ftel { background: url(../images/ftel.png) no-repeat center left; }
.fmail a { color: #b2b2b2; }
#baglantilar { margin: 60px 0 0; }
    #baglantilar .col-sm-2 { width: calc((100%/12) * 2.4); }
    #baglantilar h4 { font-size: 18px; color: #000; font-weight: 700; margin-bottom: 20px; }
    #baglantilar ul { margin: 0; padding: 0; list-style-type: none; }
    #baglantilar li > a { background: url(../images/li.png) no-repeat center left; padding: 3px 0 3px 24px; color: #b2b2b2; display: block; }
#copyright { padding-top: 220px; }
    #copyright,
    #copyright a { color: #b2b2b2; }
#inner, #innerProject { width: 100%; background: #000; position: relative; overflow: hidden; }
#innerProject { height: 100%; }
#inner img { width: 100%; opacity: 0.7; filter: alpha(opacity=70); }
#innerProject img { width: 100%; opacity: 0.7; filter: alpha(opacity=70); }
#inner .triangle, #innerProject .triangle { position: absolute; right: 0; bottom: 0; width: 60%; height: auto; }
    #inner .triangle img, #innerProject .triangle img { width: 100%; }
    #inner .triangle h3, #innerProject .triangle h3 { font-size: 48px; font-weight: 300; color: rgb(255, 255, 255); text-align: right; position: absolute; right: 65px; bottom: 5%; z-index: 80; }
    #inner .triangle h5, #innerProject .triangle h5 { font-size: 24px; font-weight: 100; color: rgb(255, 255, 255); text-align: right; position: absolute; right: 65px; bottom: 30%; z-index: 80; line-height: 30px; }
#inner .breadcrumb, #innerProject .breadcrumb { background: rgba(0, 0, 0, 0) url("../images/owl.png") no-repeat scroll 0 0; bottom: 0; height: 92px; position: absolute; width: 780px; z-index: 1000; margin-bottom: 0; padding: 50px 0 0 70px; border-radius: 0; }
    #inner .breadcrumb a, #innerProject .breadcrumb a { color: #c1c1c1; }
#innerProject .effectus { height: 100%; opacity: .7; -webkit-animation: imageAnimation2 30s linear infinite 0s; -moz-animation: imageAnimation2 30s linear infinite 0s; -o-animation: imageAnimation2 30s linear infinite 0s; -ms-animation: imageAnimation2 30s linear infinite 0s; animation: imageAnimation2 30s linear infinite 0s; }
.breadcrumb > li + li::before { padding: 0 12px; background: url(../images/sep-bread.png) no-repeat center; content: ""; }
.fully { height: 100%; }
#content { width: 100%; position: relative; }
#masterLeft { padding: 20px 10px; height: auto; position: absolute; left: 0; top: 0; z-index: 10; }
#masterLeftBg { width: 0; height: 0; border-style: solid; border-width: 300px 300px 0 0; border-color: #104c7e transparent transparent transparent; position: absolute; left: 0; top: 0; content: ""; z-index: -1; }
#masterLeft ul { margin: 0; padding: 0; list-style-type: none; }
#masterLeft li > a { color: #fff; font-size: 13px; display: block; font-weight: 300; margin-bottom: 0; background: url(../images/ok-bg.html) no-repeat center left; background-position: 0 16px; padding-left: 15px; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; }
#masterLeft li:hover > a { color: #fd8204; background-position: 0 -24px; }
#masterLeft li.active > a { color: #fd8204; background-position: 0 -24px; }
#masterRight, #masterRightFull { min-height: 400px; padding: 100px 60px 150px 0; text-align: justify; color: #919191; overflow: hidden; }
#masterRightFull { padding: 0; }
    #masterRight p, #masterRightFull p { font-size: 14px; margin-bottom: 20px; }
    #masterRight h3, #masterRightFull h3 { color: #104c7e; font-size: 32px; font-weight: 300; }
    #masterRight h4, #masterRightFull h4 { color: #000000; font-size: 24px; font-weight: 300; }
    #masterRight ul, #masterRightFull ul { list-style: inside; padding: 0; color: #919191; font-size: 14px; list-style-image: url(../images/bullet.png); }
.inBox { width: 350px; float: right; height: auto; border: solid 6px #eee; padding: 20px; margin: 0 0 0 20px; -webkit-box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.49); -moz-box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.49); box-shadow: 0px 7px 10px -4px rgba(0,0,0,0.49); transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; background: url(../images/inBoxBg.jpg) no-repeat bottom; background-size: cover; position: relative; }
    .inBox:hover { -webkit-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.49); -moz-box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.49); box-shadow: 0px 3px 10px -4px rgba(0,0,0,0.49); border: solid 6px #dedede; }
    .inBox img { width: 100%; opacity: 1; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; }
    .inBox:hover img { opacity: .9; }
    .inBox span { width: 100%; height: 100%; background: url(../images/magnify.png) no-repeat center; opacity: .0; z-index: 2; position: absolute; left: 0; top: 0; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; }
    .inBox:hover span { opacity: 1.0; }
.form-holder { width: 100%; padding: 20px; border: solid 1px #dedede; border-bottom: solid 4px #104c7e; }
    .form-holder h3 { font-weight: 600; color: #2b4d88; border-top: 2px solid #dedede; padding-top: 20px; }
    .form-holder .cv h3 { border-top: none; padding-top: 0px; }
    .form-holder label { margin-right: 5px; }
    .form-holder .form-control { height: 42px; }
    .form-holder .btn-gonder { background-color: #818181; color: #fff; padding: 14px 36px 10px 36px; border-radius: 0; float: right; margin-right: 0; font-weight: 700; margin-top: 50px; width: 100%; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .form-holder .btn-gonder:hover { background: #104c7e; color: #fff; }
.capt { width: 100%; text-align: center; }
.navbar-collapse { background: transparent; }
.item-projects-page { -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.23); transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
    .item-projects-page:hover { -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.23); }
    .item-projects-page .itemImg { position: relative; }
        .item-projects-page .itemImg img { transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .item-projects-page:hover .itemImg img { filter: brightness(70%); -webkit-filter: brightness(70%); -moz-filter: brightness(70%); -o-filter: brightness(70%); -ms-filter: brightness(70%); }
    .item-projects-page .itemImg h4 { background: #63b8ff; color: #fff; padding: 10px; position: absolute; top: 0; right: 0; margin: 0; font-size: 14px; }
        .item-projects-page .itemImg h4.renkli { background: #d49f46; }
.projectName { padding: 30px; -webkit-box-shadow: 9px 16px 47px 4px rgba(0,0,0,.11); position: relative; }
    .projectName h2 { margin: 0 0 10px; padding: 0; font-weight: 700; font-size: 18px; }
    .projectName a { color: #333333; }
.item-projects-page .projectName:after { content: ""; position: absolute; background: #104c7e; width: 0; height: 6px; bottom: 0; left: 0; z-index: -1; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
.item-projects-page:hover .projectName:after { width: 100%; }
.projectText { position: absolute; top: 50%; margin-top: -50px; }
    .projectText h3 { background: rgba(212,159,70,.9); padding: 10px; font-size: 24px; font-weight: 100; color: #fff; }
.topPin { width: 32px !important; float: left; }
.projects-title { font-size: 36px; font-weight: 300; color: #104c7e; text-align: center; }
.sector { padding: 50px 0; }
    .sector h4 { font-size: 24px; color: #000; }
    .sector h5 { font-size: 18px; color: rgb(193, 193, 193); }
.projects-logo { padding: 20px 0; }
    .projects-logo img { width: 100px; }
.innerBanner { overflow: hidden; }
    .innerBanner img { width: 100%; opacity: 1; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); }
    .innerBanner .read-mode { opacity: .0; filter: alpha(opacity = 0); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .innerBanner:hover .read-mode { opacity: .3; filter: alpha(opacity = 30); }
.master-full ul { list-style: inside; padding: 0; color: #919191; font-size: 14px; list-style-image: url(../images/bullet.png); }
.features { width: 100%; padding: 50px 0; overflow: hidden; }
.textPad { padding: 0 100px; }
.master-full p { font-size: 14px; margin-bottom: 20px; color: #919191; }
.master-menu-title { background: #104c7e url(../images/pdf-bg.png) no-repeat left center; height: 120px; margin-left: 0; padding: 30px 0 0 70px; }
    .master-menu-title p a { color: #fff; }
    .master-menu-title p { font-size: 14px; margin: 0; font-weight: 300; }
        .master-menu-title p:first-child { font-size: 24px; font-weight: 100; }
.projets-right h2 { font-size: 36px; font-weight: 300; color: #104c7e; }
.projets-rightDue h2 { font-size: 36px; font-weight: 300; color: #104c7e; }
#featBanner { position: relative; z-index: 10; width: 100%; text-align: center; padding: 50px 0; }
    #featBanner h3 { font-size: 36px; color: #104c7e; font-weight: 400; }
    #featBanner p { font-size: 18px; color: #919191; font-weight: 300; }
    #featBanner .owl-nav { bottom: 0; width: 100%; }
    #featBanner .owl-next,
    #featBanner .owl-prev { background: url(../images/owlnav.png) no-repeat; display: inline-block; text-indent: -9999em; width: 32px; height: 32px; opacity: .7; }
    #featBanner .owl-next { background-position: -32px 0; }
    #featBanner .owl-nav div:hover { opacity: 1.0; }
.floorPlans { width: 100%; padding: 10px; background: #eee; }
.nav-tabs { border-bottom: 0 none; }
.tab-content { width: 100%; margin-bottom: 10px; }
    .tab-content img { width: 100%; }
    .tab-content .active img { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.nav-tabs li a, .nav-tabs li.active a { border: none; margin-bottom: 2px !important; }
.nav-tabs li a { background: #104c7e; color: #fff; font-size: 18px; font-weight: 300; border-radius: 0; margin-bottom: 2px !important; }
    .nav-tabs li a:hover { background: #104c7e; border: none; }
.nav-tabs li.active a, .nav-tabs li.active a:focus { background: #63b8ff; color: #fff; margin-bottom: 0; }
    .nav-tabs li.active a:hover { background: #63b8ff; border: none; color: #fff; }
#formArea { background: #104c7e url(../images/projeBg.jpg) no-repeat center; background-position: cover; padding: 100px 0; }
    #formArea h3 { color: #fff; font-size: 36px; font-weight: 300; text-align: center; margin-bottom: 20px; }
        #formArea h3 span { font-weight: 600; }
.form-group { margin-bottom: 10px; min-height: 50px; }
.form-control { padding: 10px; height: auto; color: #9f9f9f; border: solid 4px #eee; border-radius: 0; box-shadow: none; }
.form-controlDue { padding: 10px; margin-bottom: 5px; height: auto; color: #ffffff; background: #63b8ff; border-radius: 0; box-shadow: none; float: left; width: 100%; font-size: 18px; text-align: center; }
.send { width: 100%; background: #ef4747 url(../images/send.png) no-repeat right 10px center; color: #fff; font-size: 16px; font-weight: 600; border: none; height: 48px; border-radius: 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
    .send:hover { background: #5c5a5a url(../images/send.png) no-repeat right 5px center; color: #fff; }
.form-horizontal .control-label { text-align: left; font-weight: 600; color: #818181; padding: 0; margin: 0; }
.captcha { border-radius: 0; width: 100%; height: 48px; background: #fff; border: solid 4px #eee; padding: 4px; }
.projets-content h4 { font-weight: 300; margin-top: 20px; }
.photo-gallery { overflow: hidden; padding-top: 30px; }
.holder { overflow: hidden; text-align:center; background:#dedede}
.photo-gallery .col-sm-3:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40); z-index: 10; }
.holder:hover img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.holder img {  transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); width:100%}
.blueGround { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: rgba(99,184,255,0.7); opacity: 0; filter: alpha(opacity=0); transition: .0s ease-in; -webkit-transition: .0s ease-in; -moz-transition: .0s ease-in; text-align: center; }
.holder:hover .blueGround { opacity: 1.0; filter: alpha(opacity=100); }
.blueGround h3 { font-size: 18px; font-weight: 600; color: #fff; padding-bottom: 10px; margin: auto; position: relative; margin-top: 25%; }
    .blueGround h3:after { content: ""; position: absolute; left: 50%; bottom: -5px; margin-left: -50px; width: 100px; height: 1px; border: solid 1px rgba(255,255,255,0.49); }
.blueGround p { position: relative; margin: auto; color: #fff; font-weight: 300; margin-top: 15px; }
.photo-gallery .col-sm-3 { display: none; }
#adjust { width: 100%; text-align: center; margin-top: 5px; }
    #adjust a { display: inline-block; color: #fff; padding: 10px; cursor: pointer; }
        #adjust a:hover { background: #919191; }
        #adjust a:first-child { margin-right: 2px; }
#loadMore { background: #104c7e; }
#showLess { background: #104c7e; }
#finale { background: #63b8ff; display: inline-block; color: #fff; padding: 10px; cursor: pointer; }
    #finale span:last-child { display: none; }
.dip { display: none !important; }
.dis { display: block !important; }
.propanel { display: none; width: 100%; }
.gal { text-align: center; }
    .gal img { height: 200px; margin: auto; }
    .gal .img-thumbnail { width: 100%; }
#masterRight .gal h3 { padding: 5px; text-align: center; color: #104c7e; font-size: 16px; font-weight: 600; margin-top: 0; }
#deCarousel h4 { padding-bottom: 20px; }
.ll { float: left; padding: 5px; width: 80%; }
#masterRight p.odd { background: #f3f2f2 none repeat scroll 0 0; border: 2px solid #eee; float: left; line-height: 30px; margin-bottom: 5px; width: 100%; }
#masterRight p.even { background: #eaeaea none repeat scroll 0 0; border: 2px solid #eee; float: left; line-height: 30px; margin-bottom: 5px; width: 100%; }
.head { background: #104c7e none repeat scroll 0 0; float: left; text-align: center; padding: 5px; width: 20%; color: #fff; }
#sondurum { padding: 50px 0; }
section { background: #eee; }
    section .sectionHolder { padding-top: 100px; background: #fff; width: 100%; height: 100%; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; opacity: 0; }
    section .vid { padding-top: 0; }
    section.active .sectionHolder { -webkit-animation: fadeIn 2s linear 1 1s; -moz-animation: fadeIn 2s linear 1 1s; -o-animation: fadeIn 2s linear 1 1s; -ms-animation: fadeIn 2s linear 1 1s; animation: fadeIn 2s linear 1 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.filterx { background: rgba(0, 0, 0, 0) url("../images/filter.png") repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; opacity: 0; transition: 2s ease-in; -webkit-transition: 2s ease-in; -moz-transition: 2s ease-in; }
section.active .filterx { opacity: 1; }
video#bgvid { background-size: cover; height: auto; left: 50%; min-width: 100%; position: relative; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); width: auto; z-index: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.active video#bgvid { opacity: 1; }
.time { position: absolute; right: 0; top: 40px; color: #fff; z-index: 100; }
    .time span { padding: 10px; position: relative; float: left; }
.reddo { background: #104c7e; }
.arancia { background: #e65308; }
.stats .sectionHolder { background: #fff url(../images/secStatsBg.jpg) no-repeat right; background-size: contain; padding: 0 20px; }
.stat { float: left; margin-top: 15%; }
    .stat ul { padding: 0; list-style-image: url(../images/statBullet.png); list-style-position: inside; margin-left: 6px; width: 100%; position: relative; }
        .stat ul li { padding: 20px 0; position: relative; font-size: 16px; color: #727270; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
            .stat ul li span { color: #104c7e; font-size: 12px; }
            .stat ul li:after { background: #727270 none repeat scroll 0 0; bottom: -23px; content: ""; height: 42px; left: 3px; position: absolute; width: 1px; }
.square { background: #104c7e; width: 20px; height: 20px; margin-top: 35px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.stat:hover .square { -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.squareLine { background: #727270 none repeat scroll 0 0; bottom: 79px; height: 1px; margin-left: 30px; position: absolute; width: 0; transition: 2s ease-in; -webkit-transition: 2s ease-in; -moz-transition: 2s ease-in; }
.total h4 { margin-bottom: 0; }
.total p { font-size: 20px; color: #104c7e; }
.totalizer { color: #727270; font-size: 16px; margin-top: 15%; }
    .totalizer span { font-size: 24px; color: #104c7e; }
    .totalizer .tot { position: absolute; left: 15px; bottom: 40px; }
section.active .stat:first-child { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: .5s; animation-delay: .5s; }
section.active .stat:nth-child(2) { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
section.active .totalizer { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 7.0s; animation-delay: 7.0s; }
section.active .stat:first-child .squareLine { -webkit-animation-name: fromLeft; animation-name: fromLeft; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
section.active .stat:nth-child(2) .squareLine { -webkit-animation-name: fromLeft; animation-name: fromLeft; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 5.0s; animation-delay: 5.0s; }
section.active .stat:first-child ul li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 3.0s; animation-delay: 3.0s; }
section.active .stat:nth-child(2) ul li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }
.card { width: 100%; margin-bottom: 50px; position: relative; overflow: hidden; }
.front { width: 100%; }
    .front img { width: 100%; }
#masterRight .front h3 { font-weight: 300; font-size: 36px; vertical-align: baseline; z-index: 3; position: absolute; width: 100%; text-align: center; color: #fff; left: 0; top: 50%; margin-top: -18px; text-shadow: 0 0 5px rgba(0,0,0,.7); transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.cardFilter { width: 100%; height: 100%; position: absolute; background: #104c7e; opacity: .5; z-index: 2; }
.back { width: 100%; height: 100%; padding: 30px; position: absolute; left: 0; top: 0; z-index: 4; opacity: 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.front:hover .back { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 1; top: 100px; }
#masterRight .front:hover h3 { top: 10%; }

.timeline { width: 100%; height: 300px; position: absolute; left: 0; top: 100px; overflow: hidden; }
.timelineX { width: 200%; position: relative; float: left; }
#masterRightFull .timeline h3 {text-align:center; margin:0; font-size:24px; z-index:3}
.triangleC { width: 150px; height: 143px; position: absolute; left: 50%; top: 30px; margin-left: -60px; background: url(../images/timeline-triangle.png) no-repeat left top; background-size: 100%; z-index: -1; }
.time-holder { display: block; width: 5px; height: 30px; top: 40px; left: 0; position: relative; float: left; opacity: 0; z-index: 2; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }
.time-holderL { display: inline-block; width: 5px; height: 30px; top: 40px; left: 0; position: relative; float: left; opacity: 0; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }
.time-holder .time { color: #104c7e; font-size: 16px; height: 30px; position: relative; top: 0; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.time-holder:first-child { opacity: 1; margin-left: 25%; }
.time-holder .time:before { background: #333 none repeat scroll 0 0; bottom: -4.5px; content: ""; height: 10px; left: 16px; position: absolute; width: 5px; }
.time-holder:first-child .time:before { border-radius: 50%; height: 10px; width: 10px; }
.time-holder:after, .time-holderL:after { background: #333 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }
.time-holder:first-child:after { left: 16px; }
.time-holder .timeL:before { left: 10px !important; }
.time-holder:last-child .time:before { left: 10px; }
.time-holder .thisYear { color: #fff !important; }
.lineChart { width: 0%; height: auto; min-height: 230px; left: 0; top: 15%; background: url(../images/lineChart.png)no-repeat left 0 top 100px; position: fixed; transition: 1.5s ease-in; -webkit-transition: 1.5s ease-in; -moz-transition: 1.5s ease-in; z-index: -1; }
.textBlocks{position:absolute; top:300px; left:0; width:100%;  opacity: 0;}
.lineX{width:100%; height:auto; min-height:250px; position:absolute; top:600px; left:0; background:url(../images/lineChart.png) no-repeat left 0 top; background-size:100%; z-index:3}
.contento{position:relative; width:100%; height:auto; margin-bottom:100px; opacity:0}
.aim{position:absolute; right:10px; top:-20px; opacity:0}

.enlarge { width: 100px; }
.enlargeX { width: 525px; }
.enlargeDbl { width: 500px; }

.toDown{margin-top:300px; transition: 1.5s ease-in; -webkit-transition: 1.5s ease-in; -moz-transition: 1.5s ease-in;}
.toUp{margin-top:0; transition: 1.5s ease-in; -webkit-transition: 1.5s ease-in; -moz-transition: 1.5s ease-in;}

.appear { opacity: 1; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }
.disappear { opacity: 0; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }
.conti { margin-top: 400px; z-index: 10; background: url(../images/conti.png) repeat-x; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.sloganin { font-size: 24px; font-weight: 300; padding-left: 50px; }
.bgDown { width: 700px; height: auto; position: fixed; right: 0; bottom: 0; z-index: -1; opacity: 0; }
    .bgDown img { width: 100%; }
.toLeft { margin-left: 10% !important; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in;}
.toLeftDbl { margin-left: -12% !important; transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in;}
.time-holder:nth-child(8n).toLeftDbl, .time-holder:nth-child(9n).toLeftDbl, .time-holder:nth-child(10n).toLeftDbl {margin-left:0 !important}

.triggerA { position: absolute; top: 400px; left: 500px; width: 1px; height: 1px; }
.triggerB { position: absolute; top: 800px; left: 500px; width: 1px; height: 1px; }
.triggerC { position: absolute; top: 1200px; left: 500px; width: 1px; height: 1px; }
.disarmerA { position: absolute; top: 0; left: 500px; width: 1px; height: 1px; }
.disarmerB { position: absolute; top: 600px; left: 500px; width: 1px; height: 1px; }
.disarmerC { position: absolute; top: 1000px; left: 500px; width: 1px; height: 1px; }

.rotate { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }
.rotateR { -ms-transform: rotate(0); /* IE 9 */ -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ transform: rotate(0); transition: 1s ease-in; -webkit-transition: 1s ease-in; -moz-transition: 1s ease-in; }

#trigS { position: relative; margin-top: 100px; height: 30px; width: 50px; z-index: -1; }
#trigF { position: absolute; margin-top: 100px; height: 30px; width: 50px; z-index: -1; }
#trig { position: relative; margin-top: 600px; height: 30px; width: 50px; z-index: -1; }
#trigL { position: relative; height: 30px; width: 50px; z-index: -1; }
#trigX { position: absolute; height: 30px; width: 50px; z-index: -1; bottom: 250px; }
.thisYear { background: url(../images/here.png)no-repeat left top; padding-left: 5px; }
.point { width: 172px; height: 143px; display: inline-block; position: relative; margin: 0 10%; padding: 10px 5px; text-align: center;  background:url(../images/trianglePoint.png) no-repeat }
.point:first-child{top:120px}
.point:nth-child(2n){top:50px}
.point:nth-child(3n){top:50px; margin:0 10% 0 -10%; transition: 1.5s ease-in-out !important; -webkit-transition: 1.5s ease-in-out !important; -moz-transition: 1.5s ease-in-out !important;}

.marLe{margin-left:10% !important; top:30px !important}
   
.fast { transition: .3s ease-in !important; -webkit-transition: .3s ease-in !important; -moz-transition: .3s ease-in !important; }
#masterRightFull .point h3 { color: #fff; font-weight: 300; font-size: 14px; margin:10px 0 0 }
#masterRightFull .point p { color: #fff; font-size: 16px; font-weight: 300; }
    #masterRightFull .point p span { font-size: 28px; }
.timeline p { z-index: 3; width: 20%; margin-top: 20px; }
.dispi { display: none; }
.disp { display: block; }
.marT { margin-top: 0 !important; }

.scene{width:100%; min-height:1000px}

.ortak{position:absolute; right:30px; top:50%; margin-top:-100px; z-index:100}
.ortak p{color:#fff; text-align:center}

/* mobil */
#sliderMobil .slideIcerik {background: rgba(16, 76, 126, 0.8) none repeat scroll 0 0; bottom: 0; top: auto !important;}
#sliderMobil .active .slideIcerik p{opacity:1;padding-top: 15px;transition: .3s ease-in !important; -webkit-transition: .3s ease-in !important; -moz-transition: .3s ease-in !important; }
#sliderMobil .slideIcerik p{transition: .3s ease-in !important; -webkit-transition: .3s ease-in !important; -moz-transition: .3s ease-in !important; }
.container.pr br {display: none;}
#masterLeft li.tc {border-left: 1px solid #0d3c63;}
#masterLeft ul > li.tc:first-child{border:none;}

.navbar-toggle {background: #104c7e none repeat scroll 0 0;border: medium none;border-radius: unset;margin: 10px 0 0;width: 100%;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #333333;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;margin-left: auto;margin-right: auto;}
 
.icsayfalar {
    margin-top: 20px;
}

.mp {
    margin: 0;
    padding: 0;
}


.addthis_button {
    background: rgba(0, 0, 0, 0) url("../images/share.png") no-repeat scroll right center;
    border: 1px solid #892a4b;
    color: #892a4b;
    float: right;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    margin: 8px 50px 0 0;
    padding: 8px 25px 7px 6px;
}

.breadcrumb li a {
    color: #9f9f9f;
    font-size: 12px;
    padding-left: 8px;
}


.breadcrumb li.active a {
    opacity: 0.5;
}
.breadcrumb li {
    margin-bottom: 0;
    margin-top: 0;
    padding: 9px 0;
}
.breadcrumb {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    border-radius: 0;
    margin: 0;
    padding: 0 0 0 50px;
    width: 100%;
}

.innerBg h2 {
    bottom: 4px;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    left: 50px;
    margin: 0;
	min-width:500px;
    padding: 0;
    position: absolute;
} 

.fadeInLeft {
    animation-name: fadeInLeft;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > .active {
    color: #777;
}
 p.odd {
    background: #f3f2f2 none repeat scroll 0 0;
    border: 2px solid #eee;
    float: left;
    line-height: 30px;
    margin-bottom: 5px;
    width: 100%;
}
.head {
    background: #4d4d4d none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 41px;
    line-height: 38px;
    padding: 5px;
    width: 20%;
}

p.even {
    background: #eaeaea none repeat scroll 0 0;
    border: 2px solid #eee;
    float: left;
    line-height: 30px;
    margin-bottom: 5px;
    width: 100%;
}
.ll {
    float: left;
    padding: 5px;
    width: 80%;
	font-size:14px;
}

.css3Animate {
    transition: all 0.2s linear 0.1s;
}
.css3AnimateSlow {
    transition: all 1s linear 0.5s;
}
.veriyaz{float:right; }
.veriyaz a{color:#fff;}

.footer {
    background: #0C7B99 none repeat scroll 0 0;
    color: #fff;
    line-height: 60px;
    margin-top: 20px;
    min-height: 60px;
     
    padding-top: 10px;
}
.clr{clear:both;}

.resimalani img {
    background-color: #f4f4f4;
    border: 1px solid #dddddd;
    padding: 4px;
}
.katlar > li {
    border: 1px solid;
    float: left;
    list-style: outside none none;
    margin: 10px;
    text-align: center;
	padding:10px;
    width: 386px;
	 min-height: 322px;
}
/* jquery-method */

span.roll {
    background: #000 url("../images/mag.png") no-repeat scroll center center;
    box-shadow: 0 0 4px #000;
    height: 322px;
    margin-left: -193px !important;
    margin-top: -10px !important;
    position: absolute !important;
    width: 386px;
    z-index: 10;
}
 
 

.katplansayfasi h3 {
    margin-bottom: 35px;
    text-align: center;
}
.hakkimizdaresim {
    border: 1px solid;
    margin: 10px;
    padding: 10px;
    width: 25%;
}

.katlar span {
    
    clear: both;
    margin-left: -100px;
	font-weight:bold;
	font-size:15px;
    margin-top: -50px;
    padding: 10px;
    position: absolute;
   
}
.cizgimiz{border-bottom:1px dashed  #ccc; clear:both; padding-top:10px;padding-bottom:10px;}

.baslik h3 {
    padding-left: 15px;
}

.center {
width:400px;
margin-left:auto;
margin-right:auto;
}

.centerText {
text-align:center;
}


.center {
width:60%;
margin:20px auto 0 auto;
}

.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
width:100%;
overflow:hidden;
}

ul.tabs li {
list-style-type:none;
display:block;
float:left;
color:#fff;
 height:31px;
 padding:5px;
margin-right:2px;
 margin-bottom:5px;
background-color:#104C7E;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
cursor:pointer;
min-width:99px;
}

ul.tabs li:hover {
background-color:#43b0ce;
}

ul.tabs li.current {
border-bottom:2px solid #43b0ce;
background-color:#43b0ce;
 
}

.tabscontent {
border-top:2px solid #43b0ce;
padding:8px 0 0 0;
display:none;
width:100%;
text-align:justify;
margin-top:5px;
}

 .tabs {
    margin: 0;
    padding: 0;
}

#tabsholder2 {
    border: 1px solid #EEEEEE;
	background:#EEEEEE;
    padding: 10px;
	 
	overflow:hidden;
	
}
.goster {
    display: none;
    width: 100%;
}

.ilkgoster {
    display: none;
    width: 100%;
}
.ikincigoster {
    display: none;
    width: 100%;
}

.projemgoster {
    background: #0C7B99 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    width: 231px;
	color: #fff;
	float:left;
    cursor: pointer;
	margin-left:20px;
}
.projemgoster:hober{color:#fff !important;}

.projemilkgoster {
    background: #0C7B99 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    padding: 10px;
	float:left;
    width: 231px;
	color: #fff;
    cursor: pointer;
}
.projemilkgoster:hover {color:#fff !important;}
.projemikincigoster {
    background: #0C7B99 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    padding: 10px;
	float:left;
    width: auto;
	margin-left: 18px;
	color: #fff;
    cursor: pointer;
}
.projemikincigoster:hover {color:#fff !important;}



.bitenprojelerimiz li{
    border: 4px solid #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
    display: block;
    float: left;
    height: 280px;
    margin: 0 15px 12px 0;
    position: relative;
	overflow:hidden;
    transition: all 0.3s ease-in-out 0s;
    width: 280px;
}
.bitenprojelerimiz li:hover{border-color:#c00000;}
.bitenprojelerimiz span{
	width:100%;
 
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 15px;
    padding: 5px;
    position: absolute;
    transition: all 0.3s ease-in-out 0s;
}

@-webkit-keyframes enlarge {
    from { width: 70px; }
    to { width: 100px; }
}

@keyframes enlarge {
    from { width: 70px; }
    to { width: 100px; }
}

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

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

@-webkit-keyframes fromLeft {
    from { width: 0; }
    to { width: 95%; }
}

@keyframes fromLeft {
    from { width: 0; }
    to { width: 95%; }
}

@media(min-width:1360px) {
    #home .container { width: 1330px; }
}

@media(max-width:767px) {

.footer {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
    min-height: 60px;
     
    padding-top: 10px;
}

    /* Header */
    .menu-holder { padding: 0; }
    #header { text-align: center; }
        #header .col-sm-9.text-right { text-align: center !important; }
    .fixedMenu { display: none !important; }

    .linkler a { float: none !important; }
       
    .social { float: none !important; margin: 5px 0; }
	.bayraklar {
    float: none !important;
    margin: -60px 0;
    right: none;
    position: relative;
    margin-left: -32px;
    clear: both;
    display: inline-block;
}

.projemilkgoster ,.projemgoster{
    clear: both;
    float: none;
    margin-bottom: 10px;
    margin-left: 20px;
}
        .social a { float: none !important; }

    /* Navbar */
    .navbar-toggle { float: none !important; margin-left: 0 !important; }
    .navbar-default .navbar-nav li a { padding: 7px 0; }
    .navbar-default .navbar-nav > li:hover > ul { display: none; }
    #timucincemberci { width: 100%; background: #333; }


    /* Slider */
    #slider { }
        #slider .slideIcerik { bottom: 15%; }
            #slider .slideIcerik h2 { font-size: 24px; }
            #slider .slideIcerik p { font-size: 18px; line-height: 24px; }
            #slider .slideIcerik .container { padding: 0; }
        #slider .owl-controls { background: none; }
        #slider .owl-nav {  width: 100%; text-align: center; left: 0; right: 0; bottom: 0; }
        #slider .urunImgHolder,
        #slider #particles-js { display: none; }

    /* Section */
    section .sectionHolder { padding-top: 0; background-size: 100% !important; background-position: right bottom !important; }


    /* Devam Eden Projeler */
    #devamEdenProjeler { padding: 20px 0; }
    h2.deProjeler { padding: 8px 0; font-size: 24px; }
    .deBaslik { font-size: 18px; line-height: 24px; margin-top: 10px; }

    /* Carousel */
    .devam .col-sm-8 { margin: 0; padding: 0; }
    .projeDty { padding: 10px 30px; position: absolute; bottom: 0; width: 100% !important; }

    /* Video */
    video#bgvid { width: 100% !important; height: 100% !important; }

    /* HaberCarousel*/
    .haberText.fl { width: 100% !important; float: none !important; margin: 15px 0 0; padding: 0 25px; }
    .haberBaslik a { display: block !important; position: relative; top: 15px; }


    /* Flogo */
    .flogo { text-align: center; }
        .flogo .img-responsive { display: inline-block; }

    .iletisimBilgi { text-align: center; }
        .iletisimBilgi .fr,
        .iletisimBilgi .fl { float: none !important; }
    .ftel { margin: 15px 0; }

    #baglantilar { display: none; }
    #copyright { padding-top: 25px; }
   
	.icsayfalar {
		margin-top: 10px;
	}
	 .text-right {
    text-align: center;
}
#headericsayfalar {
    background: #4d4d4d none repeat scroll 0 0;
   
     
    left: 0;
    
    top: 0;
    width: 100%;
    z-index: -1;
}

.katlar > li {
    border: 1px solid;
    float: left;
    list-style: outside none none;
    margin: 10px;
    min-height: 322px;
    padding: 10px;
	margin-bottom:20px;
	margin-top:20px;
    text-align: center;
    width: 337px;
}
.katlar span {
    clear: both;
    font-size: 15px;
    font-weight: bold;
    margin-left: -100px;
    margin-top: -42px;
    padding: 10px;
    position: absolute;
}

span.roll {
    background: #000 url("../images/mag.png") no-repeat scroll center center;
    box-shadow: 0 0 4px #000;
    height: 322px;
    margin-left: -170px !important;
    margin-top: -10px !important;
    position: absolute !important;
  width: 337px;
    z-index: 10;
}


}

@media(min-width:768px) and (max-width:992px) {
}

@media(min-width:993px) and (max-width:1200px) {
}