@charset "utf-8";
@import url('MuseoSans-300.css');
@import url('MuseoSans-500.css');
@import url('MuseoSans-700.css');
@import url('MuseoSans-900.css');
@import url('owl.carousel.css');
@import url('owl.theme.css');
/* 
Tolga Güzel
12.2015
NeoDeo
 */
/*Reset Css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
a {text-decoration: none;}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input::-webkit-input-placeholder, textarea {font-family: 'Open Sans';}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #d9d9d9;}
input::-webkit-input-placeholder, textarea:-moz-placeholder { color:#d9d9d9;opacity:  1;}
input::-webkit-input-placeholder, textarea::-moz-placeholder { color: #d9d9d9;opacity:  1;}
input::-webkit-input-placeholder, textarea:-ms-input-placeholder {color: #d9d9d9;}
/*Document Css*/
* {margin:0;}
html, body {height: 100%;}
body {background: url(../images/bg.jpg) repeat #000; font-family: 'Open Sans'; font-size:12px; overflow-x:hidden;}
a {-o-transition:color .5s ease-out, background .5s ease-in; -ms-transition:color .5s ease-out, background .5s ease-in; -moz-transition:color .5s ease-out, background .5s ease-in; -webkit-transition:color .5s ease-out, background .5s ease-in; transition:color .5s ease-out, background .5s ease-in;}
.slider-news .slider #slider .owl-item .item, .slider-news .news { -webkit-transition: all 1s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.clear {clear: both;}
.content {width: 996px; margin:0px auto;}
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -155px; }
.header {float:left; width: 100%; padding-top:27px; margin-bottom:26px;}
.header .logo {float:left; margin:0px 5px;}
.header .menu {float:right; margin: 5px 0px 0px 0px;}
.header .menu ul li {float:left;}
.header .menu ul li a {float:left; color:#FFF; padding: 0 0 4px 0; font-size:14px; margin:0px 15px;}
.header .menu ul li a:hover, .header .menu ul li a.active {color:#58b7dd; border-bottom:1px solid #58b7dd;}
.header .language {float:right; width:500px;  text-align:right; margin-right:10px;}
.header .language a {display:inline-block;margin:0px 5px; color:#FFF; font-weight:900;}
.header .language a:hover, .header .language a.active {color:#58b7dd; text-decoration:underline;}
.slider-news {float:left; width:100%;}
.slider-news .slider {float:left; width: 680px;}
.slider-news .slider #slider .owl-item .item {float:left; width: 635px; height: 267px; padding:53px 0px 0px 45px;}
.slider-news .slider:hover #slider .owl-item .item {border-top-left-radius: 29px;border-top-right-radius: 29px;border-bottom-left-radius: 29px; -moz-border-top-left-radius: 29px; -webkit-border-top-left-radius: 29px; -o-border-top-left-radius: 29px; -khtml-border-top-left-radius: 29px; -moz-border-top-right-radius: 29px; -webkit-border-top-right-radius: 29px; -o-border-top-right-radius: 29px; -khtml-border-top-right-radius: 29px; -moz-border-bottom-left-radius: 29px; -webkit-border-bottom-left-radius: 29px; -khtml-border-bottom-left-radius: 29px; -o-border-bottom-left-radius: 29px;}
.slider-news .slider #slider .owl-item .item h1 {font-family:'MuseoSans-900'; color:#FFF; font-size:40px; line-height: 29px; margin-bottom:5px;}
.slider-news .slider #slider .owl-item .item h2 {font-family:'MuseoSans-300'; display:block; color:#2c2c2c; font-size:40px;  margin-bottom: 12px;}
.slider-news .slider #slider .owl-item .item div {display:block; font-size:18px; color:#2c2c2c; margin: 0px 0px 26px 5px;}
.slider-news .slider #slider .owl-item .item a.moreSlider {float:left;}
.slider-news .news {float:right; width: 306px; height: 320px; background: #FFF;}
.slider-news .news:hover {float:right; width: 306px; height: 320px; background: #FFF;border-top-left-radius: 29px; border-top-right-radius: 29px;border-bottom-right-radius: 29px; -moz-border-top-left-radius: 29px; -webkit-border-top-left-radius: 29px; -o-border-top-left-radius: 29px; -khtml-border-top-left-radius: 29px; -moz-border-top-right-radius: 29px; -webkit-border-top-right-radius: 29px; -o-border-top-right-radius: 29px; -khtml-border-top-right-radius: 29px; -moz-border-bottom-right-radius: 29px; -webkit-border-bottom-right-radius: 29px; -khtml-border-bottom-right-radius: 29px; -o-border-bottom-right-radius: 29px;}
.slider-news .news .title {line-height: 58px; padding-left:24px; display: block; border-bottom:1px solid #e5e5e5; font-size: 16px; color: #1b1b1b;font-family:'MuseoSans-500'; margin-bottom:22px;}
.slider-news .news .title strong {font-family: 'Open Sans';font-weight: 900; color: #58b7dd;}
.slider-news .news #news {float:left; width:256px; padding: 0px 25px; overflow: hidden;}
.slider-news .news #news .item {float:left; width:258px;}
.slider-news .news #news .item .titleNs {display: block; font-weight:600; font-size:15px;}
.slider-news .news #news .item .date {  display: inline-block; margin:8px 0px 17px 0px; background:  #58b7dd; color: #FFF; font-size: 11px; padding: 3px 6px; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}
.slider-news .news #news .item .contents {display:block; font-size:14px; color: #939494; margin-bottom:5px;}
.slider-news .news #news .item .moreNews {display:block; color: #262626; font-style: italic; font-weight: 600;}
.homeControls {float:left; width: 100%; margin: 45px 0 0 0;}
.homeControls .inovation {float:left; width: 50%;}
.homeControls .inovation .bump {float:left; width: 144px; text-align: center;}
.homeControls .inovation .bump.career {padding:30px 0px 0px 0px;}
.homeControls .inovation .text {float:left; width: 310px; }
.homeControls .inovation .text .title {font-size:16px; color:#58b7dd; margin-bottom:13px;}
.homeControls .inovation .text .title strong {color:#FFF;}
.homeControls .inovation .text p {font-size:13px; color: #d0d0d0; margin-bottom:10px;}
.homeControls .inovation .text .detail a {color:#FFF; font-size:12px; font-weight: 600; font-style: italic; background: url(../images/inovationDetail.png) right center no-repeat; padding:0 25px 0 0;}
.homeControls .inovation .text .detail a:hover {color:#58b7dd;}
.homeControls .brand {float:left; width:100%; margin:50px 0 45px 26px;}
.detailContent .brand {float:left; width:100%; margin:0px 0 0 26px;}
.homeControls .brand .title {font-size:18px;font-weight: 900; color: #FFF; margin-bottom:20px;}
.homeControls .brand .item {float:left; border-right:1px solid #282828;}
.homeControls .brand .item.border {border-left:1px solid #282828;}
.footer {float:left; min-width: 100%; height: 145px; background: #101010;color: #878888; padding:30px 20px 30px 0px;}
.footer .menu-item {float:left; width: 208px; height: 134px; border-right:1px solid #252525; padding: 10px 0px 0px 40px;}
.footer .menu-item ul li a {display:block; color: #878888; line-height: 24px;}
.footer .menu-item ul li a:hover {color: #2F88AD; text-decoration: underline;}
.footer .menu-item a.social {margin: 10px 19px 0px 0px; float:left; background: url(../images/social.png);-o-transition: color .3s ease-out, background .3s ease-in; -ms-transition: color .3s ease-out, background .3s ease-in; -moz-transition: color .3s ease-out, background .3s ease-in; -webkit-transition: color .3s ease-out, background .3s ease-in; transition: color .3s ease-out, background .3s ease-in;}
.footer .menu-item a.social.facebook {width: 12px; height: 25px; background-position:0px 0px; }
.footer .menu-item a.social.facebook:hover {background-position:0px -25px; }
.footer .menu-item a.social.twitter {width: 29px; height: 23px; background-position:-12px 0px; }
.footer .menu-item a.social.twitter:hover {background-position:-12px -23px; }
.footer .menu-item a.social.instagram {width: 25px; height: 25px; background-position:-42px 0px; }
.footer .menu-item a.social.instagram:hover {background-position:-42px -25px; }
.footer .menu-item.adress {float:right; width: 240px; border:none; text-align: right; padding: 0px 8px 0px 0px;}
.push {height:10px;}
.detailSlider, .detailContent {float:left; width:100%; margin-bottom:45px;}
.detailContent .textContent{float:left; width:100%; font-size: 14px; color:#d0d0d0;}
.detailContent .textContent .col1 {float:left; width:428px; padding: 0px 35px; margin-bottom:30px;} 
.detailContent .textContent .col1 h2 {display:block; font-size: 20px; color: #58b7dd;font-family:'MuseoSans-500'; margin:0px 0px 14px 15px; float:left;} 
.detailContent .textContent .col1 span {font-size:13px; font-style: italic;} 
.detailContent .textContent .col1 label {font-size:18px; margin:33px 0px 5px 0px; display: block;} 
.detailContent .textContent .col1 label span {font-size:18px;color: #58b7dd; font-style: normal;} 
.detailContent .textContent .col1 ul li {display:block; background: url(../images/whoListLi.png) no-repeat  5px 7px; padding-left:23px; margin-top:18px;} 
.detailContent + .homeControls {margin-top:0px;}
.detailSlider .maps {float:left; width: 100%; height: 320px; position:relative; overflow:hidden;border-top-left-radius: 29px; border-top-right-radius: 29px;border-bottom-left-radius: 29px; -moz-border-top-left-radius: 29px; -webkit-border-top-left-radius: 29px; -o-border-top-left-radius: 29px; -khtml-border-top-left-radius: 29px; -moz-border-top-right-radius: 29px; -webkit-border-top-right-radius: 29px; -o-border-top-right-radius: 29px; -khtml-border-top-right-radius: 29px; -moz-border-bottom-left-radius: 29px; -webkit-border-bottom-left-radius: 29px; -khtml-border-bottom-left-radius: 29px; -o-border-bottom-left-radius: 29px;}
.detailContent .textContent .contactTitle {color: #FFF; margin-bottom:50px; font-size:18px; text-align: center;}
.detailContent .textContent .contactTitle span {color: #55b0d5;}
.detailContent .textContent .col3 {float: left; width: 332px; text-align: center;}
.detailContent .textContent .col3 img {margin-bottom:38px;}
.detailContent .textContent .col3 span {color:#55b0d5;width: 40px; display: inline-block;}
.detailContent .textContent .col3 a {color:#d0d0d0;}
.detailSlider .pageTitle {font-size:24px; color: #FFF; margin:20px 0px 20px 26px;}
.detailSlider .pageTitle  span {color: #55b0d5;font-family:'MuseoSans-300';}
.detailContent .textContent .flipNews {display: block; padding: 0px 22px;}
.detailContent .textContent .flipNews ul li {display:inline-block; width: 450px; height: 450px; margin:0px 0px 20px 0px;}
.detailContent .textContent .flipNews ul li.right{float:right;}
.detailContent .textContent .flipNews ul li .Card .front, .detailContent .textContent .flipNews ul li .Card .back {float:left;background: #FFF; width:450px; height: 450px !important;border-top-left-radius: 29px; border-top-right-radius: 29px;border-bottom-right-radius: 29px; -moz-border-top-left-radius: 29px; -webkit-border-top-left-radius: 29px; -o-border-top-left-radius: 29px; -khtml-border-top-left-radius: 29px; -moz-border-top-right-radius: 29px; -webkit-border-top-right-radius: 29px; -o-border-top-right-radius: 29px; -khtml-border-top-right-radius: 29px; -moz-border-bottom-right-radius: 29px; -webkit-border-bottom-right-radius: 29px; -khtml-border-bottom-right-radius: 29px; -o-border-bottom-right-radius: 29px;}
.detailContent .textContent .flipNews ul li .Card .front .title, .detailContent .textContent .flipNews ul li .Card .back .title {display: block; height: 59px; padding:26px 22px 0 22px; font-size:20px;font-weight: 600; color:#1b1b1b;}
.detailContent .textContent .flipNews ul li .Card .front .title span, .detailContent .textContent .flipNews ul li .Card .back .title span{color:#58b7dd;}
.detailContent .textContent .flipNews ul li .Card .front .image, .detailContent .textContent .flipNews ul li .Card .back .image {float:left; width: 100%;}
.detailContent .textContent .flipNews ul li .Card .front .image img, .detailContent .textContent .flipNews ul li .Card .back .image img {float:left;}
.detailContent .textContent .flipNews ul li .Card .front .date, .detailContent .textContent .flipNews ul li .Card .back .date {  display: inline-block;  margin: 14px 0px; background: #58b7dd; color: #FFF; font-size: 11px; padding: 3px 6px; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.detailContent .textContent .flipNews ul li .Card .front .cnPadding, .detailContent .textContent .flipNews ul li .Card .back .cnPadding {display: block; padding: 0px 24px;}
.detailContent .textContent .flipNews ul li .Card .front .detail, .detailContent .textContent .flipNews ul li .Card .back .detail {display: block; color: #939494; height: 69px; overflow: hidden; margin-bottom:17px; line-height: 17px}
.detailContent .textContent .flipNews ul li .Card .front .flip-btn, .detailContent .textContent .flipNews ul li .Card .back .unflip-btn {display: inline-block; font-size: 12px; font-weight: 900; font-style: italic; color: #000; cursor: pointer; background: url(../images/flipCover.png) right center no-repeat; padding-right: 20px;}
.detailContent .textContent .flipNews ul li .Card .back .unflip-btn {background: url(../images/flipPrev.png) left center no-repeat; padding-right: 0px; padding-left: 20px;}
.detailContent .textContent .flipNews ul li .Card .back .detail {height: 257px;}
.detailContent .brandCarusel {float:left; width: 100%; margin-bottom:60px;}
.detailContent .brandCarusel ul li {width: 190px; height: 126px; float:left;  border-right: 1px solid #282828;}
.detailContent .brandCarusel ul li.border {border-left: 1px solid #282828;}
.detailContent .brandCarusel ul li a {width: 190px; height: 126px; float:left; position: relative;}
.detailContent .brandCarusel ul li a img.gray {display: block; position: absolute;}
.detailContent .brandCarusel ul li a img.origin {display: none; position: absolute; z-index: 1;}
.detailContent .brandCarusel ul li a.active img.origin {display: block !important;}
.detailContent .brandCarusel ul li a.active img.gray {display: none;}
.detailContent .brandComment {float:left; width: 100%; min-height: 210px;}
.detailContent .brandComment ul {width:470px; margin: 0px auto;}
.detailContent .brandComment ul li {float:left; width:470px; text-align: center;}
.detailContent .brandComment ul li .title {display: block; font-size: 24px; color: #FFF; font-weight: 700; margin: 0 0 31px 0;}
.detailContent .brandComment ul li .comment {display: block; font-size: 14px; color: #d0d0d0; margin-bottom:50px;}
.detailContent .brandComment ul li .link {display: block; margin-top:-20px;}
.detailContent .brandComment ul li .link a {color: #878888;}
.detailContent .brandComment ul li .link a:hover {color: #2F88AD; text-decoration: underline;}
.detailContent .brandComment .left {float:left; cursor: pointer;  margin: 107px 0px 0px 117px;}
.detailContent .brandComment .right {float:left; cursor: pointer;  margin: 107px 0px 0px 117px;}
.detailContent .formContent {font-size: 14px; color:#d0d0d0; padding: 0px 155px; margin-bottom:50px; display:inline-block; width: 686px;}
.detailContent .formContent h1 { font-size:18px; font-weight: 700; color:#FFF; text-align: center; display:block; margin-bottom:26px;}
.detailContent .formContent h1 span {font-weight:normal; color:#55b0d4;}
.detailContent .formContent .bar {float:left; width: 335px; margin-bottom:12px; position: relative;}
.detailContent .formContent .bar.yuz {width: 100%;}
.detailContent .formContent .bar.right {float:right;}
.detailContent .formContent .bar input, .detailContent .formContent .bar select {outline-style:none;padding:0px 22px; line-height:43px;border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.detailContent .formContent .bar input {float:left; width: 291px; height:43px; background: transparent; border:1px solid #555555; color:#d9d9d9; font-size:15px; font-weight: 400;}
.detailContent .formContent .bar .selectbox {float:left; width: 100%; background:url(../images/selectboxBg.png) no-repeat transparent; overflow: hidden;}
.detailContent .formContent .bar select {float:left; width: 350px; height:44px;border:none;background: transparent; color:#d9d9d9; font-size:15px; font-weight: 400; padding: 0px 18px;}
.detailContent .formContent .bar select option {color:#000; width: 200px;}
.detailContent .formContent .bar input[type=file]{outline:none;position: relative;text-align: right; -moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0; z-index: 2; width:100%; height:100%;}
.detailContent .formContent .bar.file input {width: 203px; padding: 0px 110px 0px 22px; overflow: hidden;}
.detailContent .formContent .bar .fake-file{background:url(../images/fileBg.png) center right 8px no-repeat; position: absolute;top: 0px; left: 0px; width: 335px; padding: 0;margin: 0; z-index: 1;line-height: 100%;}
.detailContent .formContent .bar .fake-file input{font-size:16px;height:43px;}
.detailContent .formContent .bar input.apply {float:right; width: auto; height: auto; background: #55b0d4; border:none; font-weight: 600; line-height:42px; font-size:18px; padding: 0px 15px; cursor: pointer;}
.detailContent .formContent .bar .formMessage {float:left; width: 200px; font-size:13px; color:#919191; padding: 5px 0 0 10px; display: none;}
#ascrail2000-hr {display: none !important;}
#contact_results {float:left; width: 100%; font-size:13px; color:#919191; padding: 5px 0 0 10px;}



/* SON DEĞİŞİKLİKLER */

.sepet {font-size:20px !important;}

.ikinci {display:none;transition:1s;}

.marka {}
.marka li {margin: 20px 0;border:1px solid transparent;cursor:pointer; width: 18%;}
.marka li:hover .birinci {display:none;}
.marka li:hover .ikinci {display:block;}
.marka .aciklama {color:#fff;text-align:justify;margin-left:200px;padding: 0 100px;}
.marka img {float:left;transition: display .5s;}
.marka .aciklama {text-align:center;font-size:16px;color:#ddd;}
.marka .aciklama h3 {color:#fff; font-weight: bold;font-size:20px;line-height: 40px;border-bottom:1px solid gray;letter-spacing: 1px;}
.kapsa{clear:both;}
.marka a {color: #fff;font-size:12px;}

.marka_liste li {float:left;}
.marka_liste img {width:140px;}