@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700&subset=latin-ext');a,abbr,acronym,address,blockquote,body,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,label,legend,li,object,ol,p,pre,q,span,ul{margin:0;padding:0;border:0;list-style:none;text-decoration:none;}
li,input[type=submit],input[type=reset],input[type=button]{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
textarea,select,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;border-radius:0;}
a img{border:none;}
label{cursor:pointer;}
input[type=submit],input[type=reset],input[type=button]{cursor:pointer;}
body{background-color:#FFF;font-family:'Open Sans', sans-serif;overflow-x:hidden;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#fff;opacity:0.8;}
::-webkit-scrollbar-thumb{background-color:#a29f9f;border-radius:2px;}
::-webkit-scrollbar-button{background-color:none;}
::-webkit-scrollbar-corner{background-color:#333;}

#header{background:url(../images/header.png) no-repeat center top;width:100%;margin:auto;position:absolute;z-index:1000;top:0;height:152px;}
#vitrin{width:100%;overflow:hidden;position:relative;padding:25px 0;background-color:#182A46; margin:2px auto; -webkit-box-shadow: inset 0px 0px 150px 80px rgba(0,0,0,0.40);-moz-box-shadow: inset 0px 0px 150px 80px rgba(0,0,0,0.40);box-shadow: inset 0px 0px 150px 80px rgba(0,0,0,0.40);}
#hizmetler{overflow:hidden;width:100%;padding-top:20px;margin:auto;text-align:center;}
#icerik{overflow:hidden;width:100%;max-width:1000px;margin:auto;margin-bottom:10px;}
#footer{overflow:hidden;width:100%;position:relative;background-color:#F7F7F7;padding:10px 0;margin:auto;border-top:5px solid #d60005;}
#header .top{width:1000px;height:152px;margin:auto;}
.top .logo{width:250px;height:115px;float:left;margin-top:10px;}
.top .logo .mlogo{display:none;}
.menu ul li a{color:#333;}
.menu ul li a:hover{color:#09F;}
.top .menu{height:87px;float:right;text-align:left;position:relative;}
.menu ul{float:right;z-index:999999;}
.menu li{width:auto;height:87px;float:left;position:relative;}
.menu a{width:auto;float:left;margin-left:35px;font-size:10pt;font-weight:bold;line-height:87px;}
.menu ul li ul{width:167px;height:auto;float:left;position:absolute;background:#FDFDFD;top:87px;left:18px;z-index:1;display:none;}
.menu ul li ul a{width:150px;height:30px;line-height:30px;float:left;margin-left:0px;padding:0 0 0 17px;font-size:9pt;}
.menu ul li ul li{height:30px;line-height:30px;}
.menu li:hover > ul{display:block;}
.mobil-menu{display:none;}
.mobil-menu ul li ul{display:none;}
.hamburger-menu{display:none;}
.hamburger-menu{width:30px;height:22px;top:14px;right:10px;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:999999;}
.hamburger-menu span{display:block;position:absolute;height:4px;width:100%;background:#182a46;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.hamburger-menu span:nth-child(1){top:0px;}
.hamburger-menu span:nth-child(2),
.hamburger-menu span:nth-child(3){top:9px;}
.hamburger-menu span:nth-child(4){top:18px;}
.mobile-menu-active .hamburger-menu{position:fixed;}
.mobile-menu-active .hamburger-menu span:nth-child(1){top:18px;width:0%;left:50%;}
.mobile-menu-active .hamburger-menu span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.mobile-menu-active .hamburger-menu span:nth-child(4){top:18px;width:0%;left:50%;}
.mobile-menu * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-slider * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.home-slider div{font-size: 0;}
.col {max-width: 1000px;width: 100%;margin: 0 auto;}
.home-slider-holder {position: relative;}
.home-slider .swiper-slide {background-position:center center;min-height:353px;overflow:hidden;margin-top:89px;}
.home-slider figcaption {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);max-width: 500px;}
.home-slider figcaption > * {color: #fff;font-weight: 700;display: inline-block;width: 100%;}
.home-slider figcaption h2 {font-family:'Roboto Condensed', sans-serif;font-size: 24px;text-shadow: 4px 2px 5px #233651, 4px 2px 10px #091221;margin-bottom: 10px;-webkit-transition: all 750ms;-o-transition: all 750ms;transition: all 750ms;-webkit-transform: translate(0px, -100px);-moz-transform: translate(0px, -100px);-o-transform: translate(0px, -100px);-ms-transform: translate(0px, -100px);transform: translate(0px, -100px);}
.home-slider .swiper-slide-active figcaption h2 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.home-slider figcaption .line3 {font-family:'Roboto Condensed', sans-serif;font-size:18px;font-weight: 400;line-height: 28px;text-shadow: 4px 2px 5px #091221, 4px 2px 10px #091221;-webkit-transition: all 750ms;-o-transition: all 750ms;transition: all 750ms;-webkit-transform: translate(0px, 100px);-moz-transform: translate(0px, 100px);-o-transform: translate(0px, 100px);-ms-transform: translate(0px, 100px);transform: translate(0px, 100px);}
.home-slider .swiper-slide-active figcaption .line3 {-webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px);-o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.home-slider .swiper-pagination-bullet {width: 16px;height: 16px;background: transparent;border: 1px solid #fff;border-radius: 0;position: relative;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);opacity: 1;}
.home-slider .pagination {right: 0;left: 0;text-align: center;position: absolute;bottom:15px;z-index: 9999;}
.home-slider .pagination:before {content: '';position: absolute;height: 5px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 0;}
.home-slider .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 20px;}
.home-slider .swiper-pagination-bullet-active:before {display: none;}
.home-slider .swiper-pagination-bullet-active { -webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.home-slider .pagination:after {width: 10px;height: 10px;content: '';left: calc(-20% - 10px);position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#footer .footerortala{width:1000px;height:175px;margin:auto;padding:10px 0;}
.footerortala .sublogo{width:200px;height:50px;float:left;margin-right:110px;font-size:12px;color:#666;text-align:center;margin-top:65px;}
.footerortala .sublogo img{width:49px;height:35px;}
.footerortala .sublogo img:hover{opacity:0.6;}
.footerortala .footercenter{width:380px;height:150px;float:left;margin-right:110px;}
.footercenter .social{width:160px;height:40px;margin:15px auto;text-align:center;}
.social a{width:40px;height:40px;display:inline;margin:5px;}
.social a:hover{opacity:0.6;}
.footercenter .adres{width:380px;height:150px;margin-top:10px;font-size:12px;font-weight:bold;color:#182A46;text-align:center;vertical-align:central;}
.footerortala .web{width:200px;height:60px;float:left;font-size:9pt;text-align:center;margin-top:65px;}
.web img:hover{opacity:0.6;}
.footerortala .web a{text-decoration:none;color:#666;}
.footerortala .web a:hover{color:#182A46;}

#contact{width:100%;max-width:1000px;overflow:hidden;margin:auto;}
#contact h1{width:100%;max-width:1000px;height:20px;line-height:30px;margin:auto;margin-top:40px;font-size:12pt;color:#1c466f;display:block;text-align:center;}
#contact .subekapsa{width:100%;overflow:hidden;margin:auto;display:block;}
#contact .subekapsa .sube{width:50%;height:150px;float:left;margin:20px 0;text-align:left;}
#contact .subekapsa .sube:nth-child(even){text-align:right;}
#contact .subekapsa .sube .baslik{width:100%;height:25px;font-size:11pt;font-weight:bold;color:#8f9a36;display:block;}
#contact .subekapsa .sube .adres{width:100%;overflow:hidden;line-height:20px;margin-bottom:5px;font-size:10.5pt;display:block;}
#contact .subekapsa .sube .telefon{width:100%;height:65px;line-height:20px;font-size:10.5pt;display:block;}

#contact .form{width:100%;max-width:1000px;overflow:hidden;display:block;margin:60px auto;}
.form h2{width:100%;height:30px;display:block;font-size:12pt;color:#1c466f;font-weight:bold;line-height:30px;text-align:center;}
.form .inputkapsa{width:100%;height:40px;margin-bottom:10px;display:block;}
.inputkapsa img{width:60px;height:40px;float:left;}
.inputkapsa .input{width:918px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;float:left;font-family:'Open Sans', sans-serif;}
.form .formmesaj{width:1000px;height:150px;margin-bottom:20px;display:block;}
.formmesaj img{width:60px;height:150px;float:left;}
.formmesaj textarea{width:917px;height:138px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;padding-top:10px;float:left;font-family:'Open Sans', sans-serif;}
.form .formguvenlik{width:1000px;height:40px;margin-bottom:20px;display:block;}
.formguvenlik .img{width:60px;height:40px;float:left;}
.formguvenlik .guvenlik{width:110px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#999;padding-left:20px;float:left;font-family:'Open Sans', sans-serif;}
.formguvenlik .securty{width:75px;height:40px;margin-left:10px;float:left;}
.formguvenlik .yenile{width:23px;height:40px;margin-left:10px;float:left;}
.formguvenlik .gonder{width:100px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#666;font-weight:bold;cursor:pointer;float:right;font-family:'Open Sans', sans-serif;}
.durum{height:30px;width:1000px;margin:auto;font-size:12px;text-align:center;}
.tamam{color:#393;}
.hata{color:#C03;}
#map{position:relative;margin-top:89px;width:100%;height:350px;border-bottom:5px solid #02427A;}

#vitrin .vitrink{width:1000px;overflow:hidden;margin:auto;}
.vitrink .sol{width:250px;overflow:hidden;float:left;margin-right:40px;}
.vitrink .sag{width:710px;overflow:hidden;float:left;}
.vitrink .sag span{width:710px;overflow:hidden;vertical-align:middle;display:table-cell;font-size:12px;font-weight:bold;text-align:justify;color:#FFF;}
.vitrink h1{height:30px;font-size:20px;color:#FFF;margin-top:50px;}
.vitrink .sol span{height:20px;margin:auto;text-align:center;font-size:12px;color:#FFF;}
#hizmetler .hizmet{width:225px;height:250px;display:inline-block;margin:10px;}
.hizmet img{width:225px;height:135px;display:block;}
.hizmet h3{width:225px;height:20px;display:block;font-size:13px;color:#666;line-height:20px;}
.hizmet h4{width:225px;height:88px;display:block;margin-top:10px;font-size:12px;color:#999;font-weight:normal;}

.comments{position:relative;overflow:hidden;margin:auto;padding:25px 0;}
.comments .container {width:100%;max-width:1000px;margin:auto;text-align:center;}
.commettitle{ width:100%;height:30px;margin-bottom:30px;text-align:center;}
.commettitle > span{position:relative;display:inline-block;line-height:35px;color:#02427A;font-size:16px;font-weight:bold;}
.commettitle > span:before{width:35px;content:"";position:absolute;left:-100px;top:13px;height:10px;background:#d60005;border-radius:0;opacity:1;-webkit-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-moz-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-o-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-ms-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);}
.commettitle > span:after{width:35px;content:"";position:absolute;right:-100px;top:13px;height:10px;background:#d60005;border-radius:0;opacity:1;-webkit-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-moz-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-o-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);-ms-transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);transform:rotate(180deg) rotateX(0deg) rotateY(180deg) rotateZ(0deg) skew(25deg, 0deg);}
.comment-slider{ width:100%;max-width:1000px;}
.comment-slider .cm-item{width:94%;overflow:hidden;display:inline-block;align-items:center;padding:0 2%;}
.comment-slider .cm-item .cm-content{width:100%;overflow:hidden;}
.comment-slider .cm-item .cm-content .cm-text{position:relative;display:block;overflow:hidden;width:100%;font-size:13px;color:#999;display:table-cell;vertical-align:middle;}
.kurumsalimg{position:relative;z-index:-1;margin-top:89px;width:100%;height:353px;background:url(../images/kurumsalimg.jpg) no-repeat center top;background-size:cover;}
#kurumsal{width:94%;max-width:1000px;margin:auto;overflow:hidden;margin-top:50px;margin-bottom:50px;}
#kurumsal h1{width:100%;height:30px;line-height:30px;margin:auto;overflow:hidden;font-size:15px;color:#666;}
#kurumsal h2{width:100%;height:30px;line-height:30px;margin:auto;margin-top:20px;overflow:hidden;font-size:15px;color:#666;}
#kurumsal span{width:100%;margin:auto;overflow:hidden;font-size:13px;color:#666;}
#icerik2{position:relative;overflow:hidden;max-width:1000px;margin:auto;margin-top:170px;margin-bottom:50px;text-align:center;}
#icerik2 .gh1{width:1000px;height:30px;line-height:30px;margin:auto;font-size:11pt;color:#666;text-align:left;}
#icerik2 .gh2{width:1000px;overflow:hidden;margin:auto;margin-bottom:20px;font-size:9pt;color:#666;text-align:left;}
#icerik2 .galeri{width:320px;height:160px;margin:5px;margin-bottom:5px;display:inline-block;}
.galeri img{width:320px;height:160px;}
.galeri img:hover{-webkit-transform:scale(0.98);-ms-transform:scale(0.98);-moz-transform:scale(0.98);transform:scale(0.98);}
.referansimg{position:relative;z-index:-1;margin-top:89px;margin-bottom:30px;width:100%;height:353px;background:url(../images/referanslar.jpg) no-repeat center top;background-size:cover;}
#icerik .referanslar{width:988px;min-height:40px;overflow:hidden;margin:5px auto;padding:5px;border:1px solid #E4E4E4;border-radius:7px;font-size:10pt;color:#333;background-color:#FFF;}
#icerik .referanslar:hover{background-color:#F9F9F9;}
.referanslar .isinadi{width:288px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .isveren{width:210px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .cinsi{width:300px;height:40px;float:left;margin-right:30px;display:table;}
.referanslar .hacim{width:100px;height:40px;float:left;display:table;}
.referanslar span{display:table-cell;vertical-align:middle;text-align:center;}
#icerik .referanslart{width:988px;height:40px;margin:5px auto;padding:5px;border-radius:7px;font-size:12px;font-weight:bold;background-color:#02427A;color:#FFF;}
.referanslart .isinadit{width:288px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .isverent{width:210px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .cinsit{width:300px;height:40px;float:left;margin-right:30px;display:table;}
.referanslart .hacimt{width:100px;height:40px;float:left;display:table;}
.referanslart span{display:table-cell;vertical-align:middle;text-align:center;}

@media screen and (max-width:999px){
body{min-height:600px;right:0;margin:0;position:relative;}
#header{background-image:none;background-color:#F9F9F9;position:relative;height:50px;}
#header .top{width:100%;height:50px;}
.top .logo{width:150px;height:30px;margin-left:10px;margin-top:10px;}
.top .logo .pclogo{display:none;}
.top .logo .mlogo{display:block;}
.top .menu{display:none;}
.hamburger-menu{display:block;}
.mobil-menu{display:block;background:#182a46;right:-200px;height:100%;position:fixed;width:200px;}
.mobil-menu ul{border-top:1px solid #636366;list-style:none;margin:0;padding:0;}
.mobil-menu li{border-bottom:1px solid #09162B;line-height:30px;padding-bottom:3px;padding-left:20px;padding-top:3px;color:grey;text-decoration:none;transition:all .6s;font-size:14px;font-weight:bold;}
.mobil-menu ul li ul{display:block;}
.mobil-menu ul li ul li{line-height:20px;padding-bottom:3px;padding-left:20px;padding-top:3px;color:grey;text-decoration:none;transition:all .6s;font-size:12px;font-weight:bold;}
.mobil-menu li:hover{background-color:#000;color:white;}
.mobil-menu li a{color:#fff;text-decoration:none;}
.mobil-menu li:last-child{border:none;color:#ba1e2c;}
.home-slider .swiper-slide {margin-top:2px;}
.home-slider figcaption {left: 0;text-align: center;max-width: 100%;padding: 0 20px;}
.home-slider figcaption h2 {font-size: 21px;}
.home-slider figcaption .line3 {font-size: 16px;}
.home-slider .swiper-slide{overflow: hidden;}
#vitrin .vitrink{width:94%;}
.vitrink .sol{display:none;}
.vitrink .sag{width:100%;float:none;margin:auto;}
.vitrink .sag span{width:100%; margin:auto;}
#footer .footerortala{width:96%;height:auto;margin:auto;display:inline-block;}
.footerortala .sublogo{display:none;}
.footerortala .footercenter{width:100%;height:auto;margin:30px auto;display:inline-block;}
.footercenter .social{width:210px;height:50px;margin:auto;text-align:center;}
.footercenter .adres{width:100%;height:auto;}
.footerortala .web{display:none;}
.kurumsalimg{margin-top:2px;}
.referansimg{margin-top:2px;}
#icerik .referanslart{width:96%;padding:5px 0 5px 0;}
.referanslart .isinadit{width:20%;margin-right:0;}
.referanslart .isverent{width:30%;margin-right:0;}
.referanslart .cinsit{width:30%;margin-right:0;}
.referanslart .hacimt{width:20%;margin-right:0;}
#icerik .referanslar{width:96%;padding:5px 0 5px 0;}
.referanslar .isinadi{width:20%;margin-right:0;}
.referanslar .isveren{width:30%;margin-right:0;}
.referanslar .cinsi{width:30%;margin-right:0;}
.referanslar .hacim{width:20%;margin-right:0;}

#contact h1{width:96%;}
#contact .subekapsa{width:96%;}
#contact .form{width:96%;margin:auto;}
.form .inputkapsa{width:100%;margin:10px auto;}
.inputkapsa img{display:none;}
.inputkapsa .input{width:98%;float:none;padding-left:2%;}
.form .formmesaj{width:100%;margin-bottom:20px;}
.formmesaj img{display:none;}
.formmesaj textarea{width:98%;padding-left:2%;}
.form .formguvenlik{width:100%;}
.formguvenlik .img{display:none;}
.formguvenlik .guvenlik{width:90px;padding-left:0;text-align:center;}
.formguvenlik .gonder{width:85px;height:38px;background-color:#F0F3F4;border:none;font-size:13px;color:#666;font-weight:bold;cursor:pointer;float:right;font-family:'Open Sans', sans-serif;}
.durum{width:100%;}

#icerik2 {margin-top:50px;}
#icerik2 .gh1{width:94%;}
#icerik2 .gh2{width:94%;}
}

@media screen and (max-width:750px){
#contact .subekapsa .sube{width:100%;overflow:hidden;float:none;text-align:center;display:block;}
#contact .subekapsa .sube:nth-child(even){text-align:center;}
}


@media screen and (max-width:600px){
.commettitle > span:before{display:none;}
.commettitle > span:after{display:none;}
#icerik .referanslart{width:96%;padding:5px 0 5px 0;}
.referanslart .isinadit{width:40%;margin-right:0;}
.referanslart .isverent{display:none;}
.referanslart .cinsit{width:60%;margin-right:0;}
.referanslart .hacimt{display:none;}
#icerik .referanslar{width:94%;padding:5px 1% 5px 1%;}
.referanslar .isinadi{width:40%;margin-right:0;}
.referanslar .isveren{display:none;}
.referanslar .cinsi{width:60%;margin-right:0;}
.referanslar .hacim{display:none;}
}