@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&subset=latin-ext');

* { orphans: inherit; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { overflow-x: hidden; }
img, iframe, table { max-width: 100%; border: none; }
b, strong { font-weight: 700; }
i { margin-right: 5px; }
 i.none { margin-right: 0px; }
th, td { text-align: left; }
ul, li { list-style: none; vertical-align: top; margin: 0; padding: 0; }
button, input, select, textarea { font-family: 'Montserrat', sans-serif; font-size: 100%; font-weight: 400; vertical-align: baseline; background: none; border: none; margin: 0; }
 button[disabled], input[disabled] { cursor: default; }
button { cursor: pointer; }
textarea { overflow: auto; vertical-align: top; }
 textarea:focus, input:focus, select:focus { outline: none; }

input[type="text"], input[type="password"], textarea, select { color: #333; border: 1px solid #c7c7c7; padding: 13px 10px; width: 100%; background: #fff; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,.08) inset; }
 input[type="text"]:focus, .form input[type="password"]:focus, textarea:focus, select:focus { background: #eee; outline: 0; }
select { padding: 12px; }

.btn { cursor: pointer; padding: 10px 20px; background: #e4040d; border: none; color: #ffffff; font-size: 16px; font-weight: 700; }
 .btn:hover { background: #333; color: #fff; }

.form { width: 100%; }
.satir_margin { margin-top: 15px; }
.satir { margin-left: -15px; margin-right: -15px; }
 .satir:after, .satir:before { display: table; content: " "; }
 .satir:after { clear: both; }
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col12 { width: 100%; }
.col11 { width: 91.66666667%; }
.col10 { width: 83.33333333%; }
.col9 { width: 75%; }
.col8 { width: 66.66666667%; }
.col7 { width: 58.33333333%; }
.col6 { width: 50%; }
.col5 { width: 41.66666667%; }
.col4 { width: 33.33333333%; }
.col3 { width: 25%; }
.col2 { width: 16.66666667%; }
.col1 { width: 8.33333333%; }

.left { float: left !important; }
.right { float: right !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
.text_left { text-align: left !important; }
.auto { height: auto !important; }

.clr:before, .clr:after { content: ""; display: table; }
.clr:after { clear: both; }
.clr { zoom: 1; }

.gizle { visibility: hidden !important; }
.goster { visibility: visible !important; }
.block { display: block !important; }

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

body { font-family: 'Montserrat', sans-serif; color: #333; font-size: 14px; font-weight: 400; background: #fff; }
a { color: #333; text-decoration: none; }
 a:hover { text-decoration: none; color: #e4040d; }

.slideanim { visibility: hidden; }
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }


header .header-ust { background: #252d54; padding: 12px 0px; color: #fff; }
 /*header .header-ust .right a { margin-right: 20px; }*/
 header .header-ust .left i { FONT-SIZE: 20PX; color: #3dbc29; }
 header .header-ust a { color: #fff; font-size: 13px; }


header .logo { float: left; margin: 12px 0px; }
header .sitemenu { float: right; line-height: 128px; font-size: 16px; font-weight: 700; }
 header .sitemenu > ul > li { float: left; margin-right: 40px; }
  header .sitemenu > ul > li:last-child { margin-right: 0px; }

.sosyal_icon a { display: inline-block; padding: 2px 5px; color: #fff; margin-left: 3px; }
 .sosyal_icon a:first-child { margin-left: 0px; }
 .sosyal_icon a:hover { color: #fff; }
.sosyal_icon i { margin-right: 0; font-size: 16px; }
.sosyal_icon a:hover.twitter { background: #1aa9e1; }
.sosyal_icon a:hover.facebook { background: #3b5a9a; }
.sosyal_icon a:hover.linkedin { background: #0073b2; }
.sosyal_icon a:hover.rss { background: #ff8201; }
.sosyal_icon a:hover.google-plus { background: #dd4b39; }
.sosyal_icon a:hover.pinterest { background: #cc2127; }
.sosyal_icon a:hover.youtube { background: #c3191e; }
.sosyal_icon a:hover.instagram { background: #7c4a3a; }
.sosyal_icon a:hover.skype { background: #00b0f6; }
.sosyal_icon a:hover.email { background: #dd4b39; }
.sosyal_icon a:hover.vk { background: #6383a8; }
.sosyal_icon a:hover.xing { background: #1a7576; }
.sosyal_icon a:hover.tumblr { background: #304e6c; }
.sosyal_icon a:hover.reddit { background: #ff4107; }

#banner.owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 28px; padding: 10px 20px; background: #e4040d; }

.banner_bottom { padding: 40px 0px 40px 0px; background: #252d54; color: #fff; }

.border_bottom { position: relative; margin-bottom: 50px; display: inline-block; }
 .border_bottom:after { position: absolute; left: 0; bottom: -10px; width: 40px; height: 1px; content: ""; background: #383838; }
.text_center .border_bottom:after { left: 50%; margin-left: -20px; }
.banner_bottom .border_bottom:after { background: #FFF; }

.service { margin-top: 50px; }
ul.services > li { float: left; width: 32%; margin-right: 2%; padding: 1.5%; margin-bottom: 2%; }
 ul.services > li:hover { background: #e4040d; color: #fff; cursor: pointer; }
 ul.services > li:nth-child(3n) { margin-right: 0%; }
 ul.services > li .left { width: 20%; }
 ul.services > li .right { width: 80%; }
 ul.services > li p { font-size: 13px; line-height: 24px; margin-top: 10px; }

.aboutus { margin-top: 50px; background: #f8f8f8; }
 .aboutus .aboutus_img { width: 50%; height: 654px; float: left; background: url(../img/about.jpg) no-repeat top right; background-size: cover; }
 .aboutus .aboutus_content { width: 40%; float: left; padding-top: 50px; padding-bottom: 50px; margin-left: 1%; line-height: 24px; }
 .aboutus ul.services { margin: 50px 0px; }
  .aboutus ul.services > li { width: 49%; margin-bottom: 0px; }
   .aboutus ul.services > li:hover { background: #fff; color: #333; }
   .aboutus ul.services > li:nth-child(2n) { margin-right: 0%; }
   .aboutus ul.services > li .left { width: 26%; }
   .aboutus ul.services > li .right { width: 73%; }

.progress_bar h4 { margin-top: 30PX; }
.meter { height: 5px; position: relative; margin-top: 5PX; background: #f5f5f5; }
 .meter > span { display: block; height: 100%; background-color: #f5c437; position: relative; overflow: hidden; }
  .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }
.animate > span:after { display: none; }

@-webkit-keyframes move {
 0% { background-position: 0 0; }
 100% { background-position: 50px 50px; }
}

.incele { padding: 10px 20px; background: #e4040d; color: #fff; }

.img_ortala { width: 100%; height: 253px; position: relative; }
 .img_ortala img { max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.liste li { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 30px; position: relative; height: 510px; }
.liste.v3 li { width: 18.4%; }
.liste li:nth-child(4n) { margin-right: 0px; }
.liste.v3 li:nth-child(4n) { margin-right: 2%; }
.liste.v3 li:nth-child(5n) { margin-right: 0px; }
.liste li img:not(.none) { height: 253px !important; object-fit: cover; width: 100%; border-radius: 12px; }
.liste li img.v2 { height: 151px !important; }
.liste li .liste_icerik { font-size: 14px; line-height: 24px; margin-top: 15px; overflow: hidden; padding: 0px 15px; }
 .liste li .liste_icerik h3 { margin-bottom: 10px; font-size: 16px; }
.hizmetlerimiz { margin-top: 50px; }
.renk-kartelasi { height: 30px !important; }


.project { margin-top: 90px; margin-bottom: 70px; }
 .project ul > li { float: left; width: 32%; margin-right: 2%; }
  .project ul > li:hover .incele { background: #222327; color: #e4040d; cursor: pointer; }
  .project ul > li:nth-child(3n) { margin-right: 0%; }
  .project ul > li .project_img { width: 100%; height: 240px; overflow: hidden; margin-bottom: 15px; }
   .project ul > li .project_img img { width: 100%; height: 100%; }
  .project ul > li p { font-size: 13px; line-height: 24px; margin-top: 10px; margin-bottom: 25px; height: 72px; overflow: hidden; }

.counters { margin: 70px 0px; padding: 70px 0px; background: #e4040d; color: #fff; }
 .counters ul li { width: 25%; float: left; text-align: center; }
  .counters ul li .count { display: block; font-size: 32px; }
  .counters ul li .border_bottom { margin-bottom: 40px; }
   .counters ul li .border_bottom:after { bottom: -20px; background: #fff; }

.dream_project { width: 100%; height: 401px; position: relative; font-size: 16px; color: #fff; margin: 70px 0px; text-align: center; background: url(../img/orta.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
 .dream_project h2 { font-size: 48px; color: #e4040d; }
 .dream_project p { margin: 40px 0px; }
 .dream_project a { padding: 12px 20px; background: #e4040d; color: #fff; font-size: 16px; }
  .dream_project a:hover { background: #333; }

.middle { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.other_project { margin: 70px 0px; }
 .other_project ul { text-align: center; font-size: 18px; }
  .other_project ul > li { display: inline-block; width: 31%; margin-right: 2%; margin-bottom: 2%; }
   .other_project ul > li:nth-child(3n) { margin-right: 0%; }
   .other_project ul > li a { border-radius: 50%; border: 1px solid; width: 36px; height: 36px; line-height: 36px; text-align: center; display: inline-block; }
   .other_project ul > li i { font-size: 16px; margin-right: 0px; }
   .other_project ul > li h4 { margin-bottom: 20px; }
 .other_project figcaption { background: #e4040d; }

figure { position: relative; overflow: hidden; }

 figure img { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

 figure:hover img, figure:focus img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); text-align: center; font-size: 18px; opacity: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

 figcaption a { color: #fff; }

  figcaption a:hover { opacity: .6; color: #fff; }

figure:hover figcaption, figure:focus figcaption { opacity: 1; }

figcaption .caption-content { color: #fff; font-weight: 700; width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

figure:hover figcaption .caption-content, figure:focus figcaption .caption-content { transform: translate(0, -50%); -ms-transform: translate(0, -50%); }

figcaption .caption-content i { font-size: 36px; margin-right: 0PX; }


.team_member { margin: 70px 0px; }
 .team_member ul { text-align: center; font-size: 20px; }
  .team_member ul > li { display: inline-block; width: 24%; }
 .team_member .team_sosyal { padding-top: 50%; }

.getaqute { margin-top: 50px; background: #f8f8f8; }
 .getaqute .getaqute_img { width: 50%; height: 563px; float: right; background: url(../img/dozer.jpg) no-repeat top right; background-size: cover; }
 .getaqute .getaqute_content { width: 40%; float: right; margin-right: 1%; padding-top: 50px; padding-bottom: 50px; }


.latest_news { margin-top: 90px; }
 .latest_news .news_img { width: 100%; height: 240px; overflow: hidden; margin-bottom: 15px; }
  .latest_news .news_img img { width: 100%; height: 100%; }
 .latest_news p { font-size: 13px; line-height: 24px; margin-top: 10px; margin-bottom: 25px; height: 72px; overflow: hidden; }

.ribbon { color: #FFFFFF; font-size: 13px; background-color: #e4040d; text-align: center; border-radius: 0px 12px 0px 0px; padding: 12px 10px; position: absolute; z-index: 1; right: 0px; top: 0px; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); }
 .ribbon:before { border-color: #e4040d transparent transparent; border-style: solid; border-width: 10px 10px 0px 0px; bottom: -10px; content: ""; pointer-events: none; position: absolute; left: 0; transition-duration: 0.3s; transition-property: bottom; z-index: -1; }
 .ribbon b { display: block; font-size: 22px; }

.people_say { width: 100%; height: 401px; position: relative; font-size: 16px; color: #fff; margin: 70px 0px; text-align: center; background: url(../img/orta.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
 .people_say h2 { font-size: 28px; }
 .people_say em { margin-bottom: 40px; display: block; line-height: 22px; }
 .people_say .border_bottom:after { background: #fff; }

.our_client { margin: 70px 0px; }
 .our_client ul { text-align: center; }
  .our_client ul > li { display: inline-block; width: 24%; margin-bottom: 3%; }

footer { width: 100%; height: auto; padding: 70px 0px 35px 0px; color: #bababa; background: #252d54; line-height: 22px; }
 footer h4 { color: #fff; margin-bottom: 20px; }
 footer b { color: #e4040d; }
 footer a { color: #bababa; }
  footer a:hover { color: #e4040d; }
 footer .copy_right { border-top: 1px solid #bababa; padding-top: 30px; margin-top: 50px; }
 footer .footermenu { float: right; font-weight: 700; }
  footer .footermenu > ul > li { float: left; margin-right: 30px; }
   footer .footermenu > ul > li:last-child { margin-right: 0px; }

.ebulten { margin: 30px 0px; }
 .ebulten input[type="text"] { width: 80%; background: #000; border: none; box-shadow: none; }
 .ebulten .btn { width: 20%; text-align: center; padding: 0px; margin-left: -4px; line-height: 44px; }

#to-top { z-index: 999; display: none; position: fixed; right: 20px; bottom: 30px; padding: 10px 12px; font-size: 28px; text-align: center; color: #fff; background-color: #e4040d; }
 #to-top:hover { opacity: .8; filter: alpha(opacity=800); }

@media (max-width: 1200px) {
 .center { width: auto; padding: 0px 15px; }
}

@media (max-width: 992px) {
 .liste li { width: 31.3% !important; }
  .liste li:nth-child(3n) { margin-right: 0px !important; }
  .liste li:nth-child(4n) { margin-right: 2% !important; }
  .liste li img:not(.none), .img_ortala { height: 241px !important; }
  .liste li img.v2 { height: 173px !important; }
}
@media (max-width: 640px) {
 header .logo { width: 100%; float: none; text-align: center; }
 header .sitemenu { float: none; line-height: inherit; margin: 40px auto; text-align: center; }
  header .sitemenu > ul > li { float: none; display: inline-block; }

 #banner.owl-theme .owl-nav [class*=owl-] { padding: 5px 10px; }

.liste li { width: 48% !important;  margin-right:0px!important}
.liste li:nth-child(2n) { float:right;}
}
@media (max-width: 414px) {

.liste li { width: 100% !important;  height:auto;}
.liste li img:not(.none), .img_ortala {
    height: auto !important;
}

}
@media (max-width: 360px) {
 header .sitemenu > ul > li { display: block; margin-right: 0px; margin: 15px auto; }
}