@charset "utf-8";
@font-face {font-family: SharpBold;src: url(../fonts/samsungsharpsans-bold.otf);}
@font-face {font-family: SharpMedium;src: url(../fonts/samsungsharpsans-medium.otf);}
@font-face {font-family: SharpSans;src: url(../fonts/samsungsharpsans.otf);}
.bg-primary{padding: 10px;}
.bg-success{padding: 10px;background-color: #6cbd4a;}
.bg-info{padding: 10px;}
.bg-warning{padding: 10px;}
.bg-danger{padding: 10px;background-color: #b43434;color: #fff;float: left;width: 100%;}
.no-padding{padding: 0 !important;}
.leftsideM{margin-right: 3%;}
.rightsideM{margin-left: 3%;}
.border{border: 1px solid #ececec;border-radius: 5px;}
.shadow{-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 0, 0, 0.16);-moz-box-shadow: 0px 0px 15px 0px rgba(255,0,0,0.16);box-shadow: 0px 0px 12px 0px rgba(255, 0, 0, 0.1)}
.shadow2{position: relative;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 24px rgba(0, 0, 0, 0.7) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 24px rgba(0, 0, 0, 0.7) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 24px rgba(0, 0, 0, 0.7) inset;
}
.title h1, .title h2, .title h3, .title h4{display: inline-block;margin: 0 auto;padding: 10px 20px;background: #fff;font-weight: bold;}
h2{font-size: 16px;}
.homeBack{z-index: -100;position: fixed;top: 0px;left: 0px;background: url("../images/home_back.jpg")center center no-repeat;background-size: cover;width: 100%;height: 100%}
.head{color: #fff;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;margin-top: 2%;}
.head .logo {float: left;width:100%; margin-bottom: 20px;}
.head .text{float: left;text-align: center; font-size: 20px;margin-bottom: 20px;border-bottom: 1px solid #fff;width: 100%;}
.head .buttons{float:left;width: 100%; text-align: center;}
.head .buttons .btn{margin-bottom: 10px;}



.header{background: #e13a3a; padding: 3px; width: 100%;box-shadow: 0 0 15px #000;z-index: 9;position: relative;}
.header .logo img{margin:0 auto;}
.header .logoMobil{    overflow: hidden;}
.header .loginButton{float: left;margin-top: 15px; font-family: SharpSans}
.header .loginButton a.b{float: right;padding: 10px;border: 2px solid #fff;border-radius: 5px;color: #fff;margin: 10px;}
.header .loginButton a.b:hover, .header .loginButton a.b:active{background: #fff;color: #000;text-decoration: none;}
.header .loginButton a.c{float: left;padding: 10px;border-radius: 5px;color: #000;margin: 10px;font-weight: bold;font-family: SharpMedium;}
.header .loginButton a.c:hover, .header .loginButton a.b:active{background: #fff;color: #000;text-decoration: none;}




.main{padding: 0 0;}
.main form .baslik{float: left;width: 100%;padding: 15px 0;color: #e13a3a;font-size: 22px;}
.main form#register input,.main form#register select,.main form#register textarea,{height:50px;overflow: hidden;}
.main form#login input{height:50px;overflow: hidden; margin-bottom: 10px}
.book .title, .ads .title, .footer .title,.main .title{background: url(../images/dot.png) repeat-x center;background-size: 1px;text-align: center;margin: 20px 0;float: left;width: 100%;}
.book .message{float: left;width: 100%;}
.book .message .messageBox{float: left;width: 100%;}
.book .message .messageBox i{float: left;font-size: 30px;color: #e13a3a;text-align: center;}
.book .message .messageBox textarea{max-width: 100%; overflow: hidden;margin-bottom: 10px;}
.book .message .messageBox ul{margin:0 !important;}
.book .shareList{float:left; width: 100%;}
.book .shareList ul{float:left; width: 100%;}
.book .shareList ul li{float:left; width: 100%;margin-bottom: 20px;}
.book .shareList ul li:first-child{background: #f3ffd6;padding: 10px !important;}
.book .shareList ul li .titleBox{float: left;width: 100%;padding:5px 10px;border-radius: 3px;border: 1px solid #45b6f8;}
.book .shareList ul li .titleBox span{float: left;width: 100%;font-size: 15px;font-weight: bold;}
.book .shareList ul li .titleBox span a,.book .shareList ul li .titleBox span a:hover,.book .shareList ul li .titleBox span a:active{color: #000;text-decoration: none;}
.book .shareList ul li .time{float: left;width: 100%;margin: 5px 0 0 0;color: #e13a3a;}
.book .shareList ul li .time span{width: 50%;float: left;}
.book .shareList ul li .shareContent{float: left;padding: 10px 0;border-bottom: 1px solid #b6b6b6;width: 100%;}
.book .shareList ul li .shareContact{float: left;width: 100%;margin: 5px 0;}
.book .shareList ul li .shareContact .sharePhone{float: left;color: #7d7d7d;font-size: 15px;}
.book .shareList ul li .shareContact .sharePhone i{color:#e13a3a;}
.book .shareList ul li i.fa-list-alt{float: left;font-size: 35px;color: #74d1e6;line-height: 32px; text-align: center;}

.card{background: transparent;margin: 3rem 0;float:left;width: 100%; position: relative;}
.card .card-title{color: #e13a3a;font-family: SharpMedium;}
.card .meta-details span{float: left;width: 100%;margin: 5px 0;font-size: 20px;font-family: SharpSans;}
.card .meta-details span.web{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.card .meta-details span i{color: #fff;padding: 10px;border-radius: 5px;min-width: 40px;text-align: center;}
.card .meta-details span.adress i{background: #f26522;}
.card .meta-details span.tel i,.card .meta-details span.gsm i{background: #dc1616;}
.card .meta-details span.web i{background: #226cf2;}
.card .update{position: absolute;top: 50px;right: 0;padding: 10px;border: 1px solid #860a0a;border-radius: 5px;background: #e13a3a;font-weight: bold;}
.card .update a,.card .update a:hover{color:#fff; text-decoration: none;}

.searchBox{float:left;width: 100%;margin:10px 0 20px ;}
.searchBox i{font-size: 25px; text-align: center; line-height: 50px;color: #e13a3a}
.searchBox input{height: 50px;border: 1px solid #f00;}
.ads{margin-bottom: 20px;float: left;width: 100%;}
.ads .box{float: left;border: 1px solid #ccc;padding: 10px;width: 47%;height: 121px;border-radius: 3px;text-align: center;line-height: 98px;font-size: 33px;}

.company h1{font-size: 16px;}

.main .profilInfo{float: left;border: 1px solid #e2e2e2;background: #fff;}
.main .profilInfo .profil{float: left; border-bottom: 1px solid #e2e2e2}
.main .profilInfo .profil a{float: left; line-height: 43px; color: #000;}
.main .profilInfo .profil a:hover{color: #e13a3a; text-decoration: none;}

.main .profilInfo ul.profilMenu{float: left;padding: 15px;width: 100%;}
.main .profilInfo ul.profilMenu li{margin-bottom: 15px;float: left; width: 100%}
.main .profilInfo ul.profilMenu li a{float: left;width: 100%;color: #000;font-size: 16px;}
.main .profilInfo ul.profilMenu li a:hover{color:#e13a3a; text-decoration: none;}
.main .profilInfo ul.profilMenu li i{float: left;line-height: 22px;}

.main .center .paylas{float: left;background: #fff; text-align: center; width: 100%; padding: 10px;border-radius: 2px;}
.main .center .paylas .baslik{ float: left;width: 100%; padding-bottom: 10px; font-size: 16px;color: #e13a3a;margin-bottom: 10px;border-bottom: 1px solid #e13a3a; }
.main .center .paylas .input{margin-bottom: 10px;}
.main .center .paylas select{padding: 0;border-color: #000;}
.main .center .paylas textarea{border-color: #000;height: 34px;resize: none;}
.main .center .paylas button{margin-top: 10px;}
.main .center .paylas button i{margin-right: 10px;}

.main .center .paylasimlar{float: left;width: 100%; margin-top:20px;}
.main .center .paylasimlar ul{float: left;width: 100%; }
.main .center .paylasimlar ul li{float: left; width: 100%; background: #fff;border: 1px solid #ccc; padding: 10px;border-radius: 5px;}
.main .center .paylasimlar ul li .kat{float: left; width: 100%; text-align: center; font-style: italic;border-bottom: 1px solid #ccc; padding: 5px;}
.main .center .paylasimlar ul li .kat a{color:#e13a3a; width: 100%; }
.main .center .paylasimlar ul li .icerik{margin-top: 10px; float: left;}

.main .center .paylasimlar ul li .icerik .isim a{float: left;width: 100%;color: #000;margin-top: 10px;}
.main .center .paylasimlar ul li .icerik .isim a:hover{color: #e13a3a; text-decoration: none;}
.main .center .paylasimlar ul li .icerik .date{float: left;width: 100%;color: #9b9b9b;font-size: 10px;margin-top: 10px;}
.main .center .paylasimlar ul li .icerik i{font-size: 20px;line-height: 55px;}
.main .center .paylasimlar ul li .icerik .text{margin-top: 15px; float: left;}

.formContent{padding:0 0 10px;float: left;width: 100%;text-align: center;}
#login a{float: left;width: 100%;margin: 5px;}
.mesafeHesapla{float: left;width: 100%;margin-bottom: 20px;}
.mesafeHesapla .tab{border: 2px solid #e13a3a;margin: 0 0 15px 0;text-align: center;border-radius: 5px;}
.mesafeHesapla .tab{float: left;width: 100%;color: #e13a3a;font-family: SharpMedium;font-size: 20px;}


/*Smart Banner*/
.smartbanner-show {margin-top: 80px;}
.smartbanner-show .smartbanner {display: block;}
.smartbanner {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 80px;line-height: 80px;font-family: 'Helvetica Neue', sans-serif;background: #f4f4f4;z-index: 9998;-webkit-font-smoothing: antialiased;overflow: hidden;-webkit-text-size-adjust: none;}
.smartbanner-container {margin: 0 auto;white-space: nowrap;}
.smartbanner-close {display: inline-block;vertical-align: middle;margin: 0 5px 0 5px;font-family: 'ArialRoundedMTBold', Arial;font-size: 20px;text-align: center;color: #888;text-decoration: none;border: 0;border-radius: 14px;-webkit-font-smoothing: subpixel-antialiased;}
.smartbanner-close:active,
.smartbanner-close:hover {color: #aaa;}
.smartbanner-icon {display: inline-block;vertical-align: middle;width: 57px;height: 57px;margin-right: 12px;background-size: cover;border-radius: 10px;}
.smartbanner-info {display: inline-block;vertical-align: middle;width: 44%;font-size: 11px;line-height: 1.2em;font-weight: bold;}
.smartbanner-title {font-size: 13px;line-height: 18px;}
.smartbanner-button {position: absolute;right: 20px;top: 0;bottom: 0;margin: auto 0;height: 24px;font-size: 14px;line-height: 24px;text-align: center;font-weight: bold;color: #6a6a6a;text-transform: uppercase;text-decoration: none;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.smartbanner-button:active,
.smartbanner-button:hover {color: #aaa;}
.smartbanner-button-text {}
.smartbanner-button-text:active,
.smartbanner-button-text:hover {}
.smartbanner-ios {background: #f4f4f4;background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);line-height: 80px;}
.smartbanner-ios .smartbanner-close {border: 0;width: 18px;height: 18px;line-height: 18px;color: #888;text-shadow: 0 1px 0 white;}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {color: #aaa;}
.smartbanner-ios .smartbanner-icon {background: rgba(0, 0, 0, 0.6);background-size: cover;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.smartbanner-ios .smartbanner-info {color: #6a6a6a;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.smartbanner-ios .smartbanner-title {color: #4d4d4d;font-weight: bold;}
.smartbanner-ios .smartbanner-button {padding: 0 10px;min-width: 10%;color: #6a6a6a;background: #efefef;background: linear-gradient(to bottom, #efefef, #dcdcdc);border-radius: 3px;box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {background: #dcdcdc;background: linear-gradient(to bottom, #dcdcdc, #efefef);}
.smartbanner-ios .smartbanner-button-text {}
.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {}
.smartbanner-android {background: #3d3d3d url(data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7);box-shadow: inset 0 4px 0 #88b131;line-height: 82px;}
.smartbanner-android .smartbanner-close {border: 0;width: 17px;height: 17px;line-height: 17px;margin-right: 7px;color: #b1b1b3;background: #1c1e21;text-shadow: 0 1px 1px #000;	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {color: #eee;}
.smartbanner-android .smartbanner-icon {background-color: transparent;box-shadow: none;}
.smartbanner-android .smartbanner-info {color: #ccc;text-shadow: 0 1px 2px #000;}
.smartbanner-android .smartbanner-title {color: #fff;font-weight: bold;}
.smartbanner-android .smartbanner-button {min-width: 12%;color: #d1d1d1;padding: 0;background: none;border-radius: 0;box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {background: none;}
.smartbanner-android .smartbanner-button-text {text-align: center;display: block;padding: 0 10px;background: #42b6c9;background: linear-gradient(to bottom, #42b6c9, #39a9bb);text-transform: none;text-shadow: none;box-shadow: none;}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {background: #2ac7e1;}
.smartbanner-windows {background: #f4f4f4;background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);line-height: 80px;}
.smartbanner-windows .smartbanner-close {border: 0;width: 18px;height: 18px;line-height: 18px;color: #888;text-shadow: 0 1px 0 white;}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {color: #aaa;}
.smartbanner-windows .smartbanner-icon {background: rgba(0, 0, 0, 0.6);background-size: cover;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.smartbanner-windows .smartbanner-info {color: #6a6a6a;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.smartbanner-windows .smartbanner-title {color: #4d4d4d;font-weight: bold;}
.smartbanner-windows .smartbanner-button {padding: 0 10px;min-width: 10%;color: #6a6a6a;background: #efefef;background: linear-gradient(to bottom, #efefef, #dcdcdc);border-radius: 3px;box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {background: #dcdcdc;background: linear-gradient(to bottom, #dcdcdc, #efefef);}
.smartbanner-windows .smartbanner-button-text {}
.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {}

/*Smart Banner*/

.company ul.list{float: left;width:100%;}
.company ul.list li {margin-bottom:15px;}
.company ul.list li .desc{float: left;width: 100%;border: 1px solid #e1e1e1;border-radius: 3px;font-family: SharpSans;}
.company ul.list li .desc .tab{float: left;width: 100%;padding: 15px 0;border-top: 3px solid #fff;}
.company ul.list li .desc:hover .tab{border-top:3px solid #e13a3a;}
.company ul.list li .desc:hover{-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.3);}
.company ul.list li .desc .tab .info{ padding:0 15px 0 10px;}
.company ul.list li .desc .tab .info .name{float:left; width:100%;}
.company ul.list li .desc .tab .info .name a{float:left; width:100%; font-size:16px; margin-bottom:5px; color:#e13a3a;height: 18px;overflow: hidden;}
.company ul.list li .desc .tab .info .name a:hover,.company ul li .desc .tab .info .name a:active{color:#616161; text-decoration:none;}
.company ul.list li .desc .tab .info .map{float:left;width:100%; font-size:11px; color:#616161;}
.company ul.list li .desc .tab .info .phone{float:left;width:100%;color:#616161;margin: 5px 0;}

.city ul{height: 52px;overflow: hidden;}
.city ul{padding: 10px;float: left;width: 100%;}
.city ul li{float: left;margin: 0px 5px 10px 0px;padding: 5px 10px;background: #e13a3a;border-radius: 5px;border: 1px solid #841616;}
.city ul li a,.city ul li a:hover,.city ul li a:active{float: left;color: #fff;text-decoration: none;}

.gl,.cl{-webkit-transition: height 1s;transition: height 1s;}
.gl{-webkit-animation-name: go;animation-name: go;height: 275px!important;overflow-y: hidden !important;}
.text{float: left;width: 100%;padding: 15px;}
.text2{float: left;width: 100%;margin-top:30px; text-align:left !important; }

.contact form{margin-top:30px;}
.contact input{background: none;height: 48px;font-size: 20px;margin-bottom:15px;border-color:#36404A}
.contact input::-webkit-input-placeholder {color: #36404A;}
.contact input:-moz-placeholder {color: #36404A;}
.contact input::-moz-placeholder {color: #36404A;}
.contact input:-ms-input-placeholder {color: #36404A;}

.contact select{background: none;height: 48px;font-size: 20px;margin-bottom:15px;border-color:#36404A}
.contact select::-webkit-input-placeholder {color: #36404A;}
.contact select:-moz-placeholder {color: #36404A;}
.contact select::-moz-placeholder {color: #36404A;}
.contact select:-ms-input-placeholder {color: #36404A;}


.contact .gonder{text-align:right;}
.contact .gonder button{background: #FA4D4D;border: 1px solid #36404A;padding: 10px 10px;font-size: 20px;border-radius: 3px;color: #fff;}
.contact textarea{background: none;font-size: 20px;margin-bottom:15px;border-color:#36404A;}
.contact textarea::-webkit-input-placeholder {color: #36404A;}
.contact textarea:-moz-placeholder {color: #36404A;}
.contact textarea::-moz-placeholder {color: #36404A;}
.contact textarea:-ms-input-placeholder {color: #36404A;}