* {
    margin: auto;
}

body {background-color:#ececec;
}


span.footerMenuItem,span.footerMenuItemLast{font-family: 'Open Sans', 'Segoe UI','Lucida Grande';}

.topWrapper{width: 100%; height: auto; background-color: #163939;}
.topContainer{width:960px; height:85px;float: none;}
.imgLogo{float: left; margin-top:5px;}
.sliderWrapper{width:100%; height:auto;}
.sliderContainer{width:100%;height:320px;overflow:hidden;}
.midFieldWrapper{width:100%; height:auto; overflow:hidden; background:url('/Content/img/bilgiBack.jpg') repeat-y;}
.midFieldContainer{width:960px;height:auto;background-color: #F5F5F5; overflow: hidden;}
.midFieldContainerAbout{width:960px;height:auto;min-height:500px;background-color: #fff; overflow: hidden;}
.midGrid{height:auto;overflow:hidden;background-color:#fff;padding-bottom:20px;}
.midGridContainer{float:left; height: 110px; width:46%; padding:35px 0px 0px 30px;}
.gridImg{float:left;}
.gridBaslik{float:left; height:27px; margin: 7px 0px 0px 13px; font-family: 'Open Sans', 'Segoe UI','Lucida Grande'; font-size:13px; font-weight:bold; color:#009A9D;}
.gridIcerik{float:left; margin: 0px 0px 0px 47px; font-family:'Open Sans', 'Segoe UI','Lucida Grande'; font-size:12px; color:#575756;}
.aphorismContainer{text-align:center; padding:55px 0px 50px 0px; overflow:hidden; background-color:#F5F5F5; color:#009A9D; font-family: 'Open Sans', 'Segoe UI','Lucida Grande'; font-size:14px; font-style:italic;}
.aphorismWrapper{width:705px;}
.aphorismApostrof{float:left; margin-top:10px;}
.bottomWrapper{width:100%;height:auto;background-color:#163939;}
.bottomContainer{width:960px;height:144px;background:url('/Content/img/bilgiLogoBack.png') no-repeat;background-position: 0px -45px;}
.footer{float:left;width:960px;margin:20px 1px 1px 1px;}
.footerLogoContainer{float:left;margin: 2px 2px 2px 2px;padding: 5px 20px 10px 0px;border-right: 1px solid #869596;}
.footerCopyrightContainer{float:left;color:#fff;font-size:11px;margin: 30px 10px 10px 10px;}
.footerMenuContainer{float:right;color:#fff;font-size:10px;margin: 31px 0px 10px 10px;}
.footerMenuItem, .footerMenuItemLast{border-right:1px solid #667e80;padding: 3px 6px 4px 3px;font-family: 'Open Sans', 'Segoe UI','Lucida Grande';}
.footerMenuItemLast{border:none}
.topImageWrapper{width:100%; height:auto;}
.headLineImage{height:145px;background-image: url('/Content/img/aboutTopLine.jpg');background-repeat:no-repeat;background-size:cover;}
.topATPImage{width:100%; height:110px; padding-top:100px; background:url('/Content/img/projectHead/atpHead02.jpg') no-repeat;background-size:cover; background-position:center center}
.topAHTSImage{width:100%; height:110px; padding-top:100px; background:url('/Content/img/projectHead/ahtsHead.jpg') no-repeat;background-size:cover; background-position:center center}
.topFotobiyoImage{width:100%; height:110px; padding-top:100px; background:url('/Content/img/projectHead/fotobiyoHead.jpg') no-repeat;background-size:cover; background-position:center center}
.topImage{width:100%; height:110px; padding-top:100px; background:url('/Content/img/topImage.jpg') no-repeat;background-size:cover;}
.topImageTitleWrapper{height:110px; background: rgba(133, 37, 40, 0.7);}
.topImageTitleContainer{width:960px;}
.topImageTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:27px;color:#EC695B;padding: 15px 1px 1px 33px;text-shadow:0px 0px 5px rgba(25, 25, 25, 1);}
.topImageDescription{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:13px;color:#EBE5DA;padding: 5px 1px 1px 33px;text-shadow:0px 0px 5px rgba(25, 25, 25, 1);}
.aboutTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:28px;color:#009A9D;padding: 35px 10px 10px 45px;}
.about{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;color:#575756;padding: 15px 10px 10px 45px;line-height:18px;}
.aboutTeknoTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;font-weight:bold;color:#009A9D;padding: 50px 10px 20px 45px;}
.imgaboutTeknoTitle{padding-left:10px;}
.aboutTeknoOzetWrapper{background-color:#F5F5F5;}
.aboutTeknoOzetTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:15px;color:#009A9D;padding: 30px 10px 20px 45px;}
.aboutTeknoOzetIcerik{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;color:#3C3C3B;padding: 1px 10px 60px 45px}
.leftPhoto{width:103px; height:103px;}
.urunWrapper{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/urunHead.jpg');background-size:cover;}
.urunWrapperBiAbds{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/biabdsHead.jpg');background-size:cover;}
.urunWrapperBiGps{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/bigpsHead.jpg');background-size:cover;}
.urunWrapperBiLims{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/bilimsHead.jpg');background-size:cover;}
.urunWrapperBiCommerce{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/bicommerceHead.jpg');background-size:cover;}
.urunWrapperBiMtpu{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/bimtpuHead.jpg');background-size:cover;}
.urunWrapperOzelTasarimCati{width: 100%; height:auto;overflow:hidden;background-color: #EC695B;background-image:url('/Content/img/urunHead/ozelTasarimCatiHead.jpg');background-size:cover;}
.urunContainer{width:960px;}
.urunBaslikContainer{width:690px;float:right;}
.urunTitle{float:right;width:100%;text-align:right;font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size: 28px; color: #fff;padding:110px 10px 10px 10px;text-shadow: 0px 0px 3px rgba(5, 5, 5, 1);}
.urunAciklama{float:right;width:55%;text-align:right;font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size: 14px; color: #EBE5DA;padding:10px 10px 50px 10px;text-shadow: 0px 0px 3px rgba(5, 5, 5, 1);}
.urunWrapper02{width: 100%; height:auto;overflow:hidden;background-color: #852528;}
.urunKutuResim{float:left;position: absolute; top: 115px;}
.urunOzellikContainer{width:960px;}
.urunOzellikWrapper{width:690px;float:right;}
.urunOzellik{width:200px;float: right;margin: 20px 10px 20px 15px;}
.urunOzellikBaslik{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size: 14px; color: #EC695B;} 
.urunOzellikAciklama{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size: 11px; color: #fff;}
.multiMen{display:none;position:absolute;right:1px;top:25px;height:40px;}
.midFieldLeftContainer{float:left; width: 270px; height:auto; background-color: #F5F5F5;}
.midFieldRightContainer{float: left; width: 620px; height: auto; min-height:500px;background-color: #fff; padding: 20px 35px; font-family: 'Open Sans', 'Segoe UI','Lucida Grande'; font-size: 13px; color: #575756;text-align:justify;line-height:18px;}
.midFieldRightToLeftContainer{float:left;width:50%}
.midFieldRightToRightContainer{float:left;width:50%}
.contactTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:28px;color:#009A9D;padding: 35px 10px 10px 27px;}
.contactSubTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;font-weight:bold;color:#575756;}
.contactNotice{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:10px;font-weight:bold;color:#575576;}
.txtContact{width:100%;height:30px;margin: 5px 0px 10px 0px;font-size:14px;font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-weight:bold;border:2px solid #ccc;}
.txtMessage{width:100%;height:103px;margin: 5px 0px 10px 0px;font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;border:2px solid #ccc;resize:none;}
.btnSend{width:100%;height:35px;margin: 20px 0px 10px 0px;font-size:14px;font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-weight:bold;background-color:#EC695B;color:#fff;border:none;}
.btnSend:hover{background-color:#D3584F;}
.addressTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;font-weight:bold;color:#575756;padding: 5px 10px 5px 0px;}
.address{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;font-weight:normal;color:#575756;padding: 5px 10px 5px 0px;}
.address a{color:#575756}
.address a:hover, a:focus{color:#000}
.contactItem{float:left;width:220px;padding: 5px 10px 5px 27px;}
.messageResult{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;font-weight:bold;float:left;width:220px;padding: 5px 10px 5px 27px;color:#01ad00;}
.referencesWrapper{margin:0px 47px;}
.referencesItem{float:left;width:160px;height:222px;margin-right:12px}
.referencesImg{width:160px;height:160px;border:1px solid #eee;}
.referencesImg:hover{-moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc;}
.referencesTitle{font-family:'Open Sans', 'Segoe UI','Lucida Grande';font-size:12px;text-align:center;color:#575756;padding:5px 0px 25px 0px;}
.QRCode{float:right;width:180px;height:180px;}
.minVideoContainer{width: 290px; float: left; padding: 5px; text-align:center; border:1px solid #ccc;margin:2px;border-radius:5px;}
.socialContainer{float:right}
.socialContainer a{margin:0px 1px;float:left;}
.socialFace{float:left;width:20px;height:20px;background-image:url('/Content/img/socIcons/facebook-gray.png');background-repeat:no-repeat;background-size:cover;}
.socialFace:hover{background-image:url('/Content/img/socIcons/facebook.png');}
.socialTwt{float:left;width:20px;height:20px;background-image:url('/Content/img/socIcons/twitter-gray.png');background-repeat:no-repeat;background-size:cover;}
.socialTwt:hover{background-image:url('/Content/img/socIcons/twitter.png');}
.socialLnk{float:left;width:20px;height:20px;background-image:url('/Content/img/socIcons/linkedin-gray.png');background-repeat:no-repeat;background-size:cover;}
.socialLnk:hover{background-image:url('/Content/img/socIcons/linkedin.png');}
.socialYou{float:left;width:20px;height:20px;background-image:url('/Content/img/socIcons/youtube-gray.png');background-repeat:no-repeat;background-size:cover;}
.socialYou:hover{background-image:url('/Content/img/socIcons/youtube.png');}
.zoomCaptcha{-moz-transform: scale(0.71);-moz-transform-origin: 0 0;-o-transform: scale(0.71);-o-transform-origin: 0 0;-webkit-transform: scale(0.71);-webkit-transform-origin: 0 0;transform: scale(0.71); /* Standard Property */transform-origin: 0 0;  /* Standard Property */}

/*Slider Divleri*/
    .big{display:block;}
    .small{display:none;}




@media (max-width: 960px)
{
    .big{display:none;}
    .small{display:block;}

    .topContainer{width:100%;}
    .midFieldContainer{width:100%;}
    .midFieldContainerAbout{width:100%;}
    .bottomContainer{width: 100%;}
    .footer{width:100%;}
    .urunContainer{width:100%;}
    .urunOzellikContainer{width:100%;}
    .multiMen{display:block;}
    .midFieldLeftContainer{width:100%;}
    .midFieldRightContainer{width:90%;padding: 20px 5%;text-align:justify;}
    .topImageTitleContainer{width:100%;}
    .contactItem {width:93%;}
    .urunOzellikWrapper{width:100%;}
    .urunOzellik{width:22%;margin: 5% 5% 5% 5%;}
    .urunKutuResim{top: 100px;}
    .urunKutuResim img{width:65%;height:auto;}
    .minVideoContainer{width: 46%;}
}

@media (max-width: 800px)
{
    .midGrid{padding-top:20px;}
    .midGridContainer{float:left; height: auto; width:90%; text-align:justify; padding:5px 0px 0px 30px;}
    .gridIcerik{margin: 0px 47px 0px 47px;}
    .aphorismContainer{float:left;}
    .aphorismApostrof{display:none;}
    .aphorismWrapper{width:100%;}
    .footerMenuContainer{margin: 10px 10px 10px 10px;}
}

@media (max-width: 690px) 
{
    .urunBaslikContainer{width:100%;}
    .minVideoContainer{width: 96%;}
}

@media (max-width: 650px) 
{
    .sliderWrapper{display:none;}
}

@media (max-width: 481px)
{
    .aboutTitle{text-align:center; padding: 10px 30px 5px 30px;}
    .about{text-align:justify;padding: 15px 30px 30px 30px;}
    .aboutTeknoOzetTitle{text-align:justify;padding: 15px 30px 5px 30px}
    .aboutTeknoOzetIcerik{text-align:justify;padding: 10px 30px 30px 30px;}
    .topContainer{text-align:center;}
    .imgLogo{float:none;}
    .aboutTeknoTitle{text-align:justify;padding: 15px 30px 10px 30px;}
    .bottomContainer{height:200px;}
    .footerLogoContainer{float:none;padding: 5px 20px 10px 20px;border-right: none;}
    .footer{text-align:center;}
    .footerCopyrightContainer{float:none;margin: 10px 10px 10px 10px;}    
    .contactItem {width:85%;}
}



.responsive-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.responsive-youtube iframe,
.responsive-youtube object,
.responsive-youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}