.navbar-default { border-radius: 0;margin-bottom: 0; margin-right:50px; text-align: center;border: 0;z-index: 998; background: transparent;} .navbar-nav { float: none;display: inline-block; margin-top: 16px;} .navbar-default .navbar-nav>li>a { color: #969696;font-size: 16px; padding: 15px 28px;} .navbar-default .navbar-nav>li>a span{ display:block; color: #333230; font-size: 18px; font-weight:bold;} .navbar-brand { display: none; } .affix { top: 0; width: 100%; z-index: 998; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .section { position: relative; } .section8 { position: relative;width: 100%;background: #fff;padding: 60px 0; } .section8 h1 { font-size: 44px;font-weight: 900;padding-left: 10px; margin: 0; } .section9 .col-md-5 img { margin-top: 40px;} .facebook-comments { width: calc(100% - 40px);background: #fff;padding: 32px; margin:187px 20px 0; height: 585px; overflow: auto; overflow-x: hidden; } .facebook-comments .title { border-bottom: 1px solid #DFE0E4; float: left; width: 100%; padding-bottom: 10px; margin-bottom: 20px;} .facebook-comments .title span.total { font-weight: bold; float: left; } .facebook-comments ul.main { list-style-type: none; margin-top: 20px; padding: 0; } .facebook-comments ul.main li { font-size: 14px;margin: 0 -10px 25px; } .facebook-comments ul.main li img { width: 48px; height: 48px; } .facebook-comments ul.main li .right { } .facebook-comments ul.main li .right span, .facebook-comments ul.main li .right a, .facebook-comments ul.main li .right p { float: left; } .facebook-comments ul.main li .right a.person { color: #3b5998; font-weight: 900; font-size: 14px; text-decoration: none; } .facebook-comments ul.main li .right span.dot { font-size: 12px; line-height: 14px; margin: 0 5px; color: #7f7f7f; } .facebook-comments ul.main li .right span.where { font-size: 14px; color: #9197a3; } .facebook-comments ul.main li .right a.like { font-size: 12px; color: #627aad; text-decoration: none; } .facebook-comments ul.main li .right img.like { width: 13px; height: 15px; float: left; margin-right: 5px; margin-top: -2px; } .facebook-comments ul.main li .right span.like-total { color: #7f7f7f; font-size: 12px; } .facebook-comments ul.main li .right span.date { color: #9197a3; font-size: 12px; cursor: pointer; } .facebook-comments ul.main li .right span.date:hover { text-decoration: underline; } ol li { display:inline-block; padding: 0 15px; } .phoneModal { display:none; } @media only screen and (max-width: 768px) { .navbar-inverse .navbar-nav>li>a { font-size: 15px; } .nav>li>a { padding: 10px; } .links { display: none; } } @media only screen and (max-width: 767px) { .phoneModal { display:block; position:absolute; top:0; left:0; width: 100%; height:100%; } .navbar-default { margin-right:0; } .navbar-brand { display: block;color: #ffffff;font-size: 19px;} .navbar-inverse .navbar-brand { color: #ffffff;font-weight: 900;} .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #fff; } .section1 {background-size: cover;height: 260px;} .section2 {background-size: cover;height: 245px;} .section3 {background-size: cover;height: 285px;} .section4 {background-size: cover;height: 170px;} .section5 {background-size: cover;height: 242px;} .section6 {background-size: cover;height: 250px;} .section7 {background-size: cover;height: 185px;} .section8 { padding-top:20px; } .section8 img { display: block; width: 100%; margin-top: 50px; } .section8 h1 { padding-left:0; margin-bottom:15px; font-size:28px; } .section8 #orderDetails { padding:0; } .facebook-comments { margin-top: 60px; margin-left:0; margin-right:0; width:100%; } .section9 { background-size: contain; height: 678px; background-position: top center; background-color: #3c63a8; } .section10 {background-size: cover;height: 155px;} } /* -------------------------------------------------------- #Beni Arayın ----------------------------------------------------------- */ .footer { padding-bottom: 50px; } .links {position: absolute; right: 90px; bottom: 0;} .links li { display: inline-block; } .links li:first-child { font-size: 20px; color: #fff;margin-right: 40px;} .links li a { color: #fff;} .call-me {position: fixed;bottom: -1px;left: 0;width: 100%;padding: 10px 0;border-top: 2px solid #131313;z-index: 2; background: rgba(76,76,76,1); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 ); } .call-me .container .row { position: relative;} .call-me .form-inline { margin-bottom: 0; } .call-me .agent { background: url("../img/call.png") no-repeat scroll 0 0 transparent; height: 73px; position: absolute; right: 0; bottom: -10px; width: 67px; } .call-me label { color: #fff;font-weight: normal;margin-right: 10px; } .call-me .form-group + .form-group { margin-left: 20px;} .call-me .form-group .form-control { border-radius: 0;} @media only screen and (max-width: 767px) { .footer { padding-bottom: 100px; } .call-me .container .row { margin: 0 10px;} .call-me .form-group + .form-group { margin-left: 0;} .call-me .form-group { margin-bottom: 5px; } .call-me .form-group .form-control { float: left;width: 49%;display: inline-block;margin-bottom: 10px;} #txtName { margin-right: 2%;} .call-me .agent { display: none; } .call-me label { display: none;} .call-me .btn { display: block;width: 100%; } .call-me .links { display: none;} } /* -------------------------------------------------------- #Sipariş Form ----------------------------------------------------------- */ #orderDetails {width: 100%; padding: 15px;background: #fff; } #orderDetails h1 { display: block; width: 100%; margin: 15px 0 10px; padding: 15px 10px 8px; color:#fff;background-color: #337ab7; } #orderDetails .radio-bg { background: #e1eef9; } #orderDetails input[type=checkbox] { position: relative !important; border-style: solid; border-width: 1px; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 20px;margin: -4px 4px 0 0; outline: 0; padding: 2px; text-align: center; vertical-align: middle; width: 20px; min-width: 20px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; } #orderDetails input[type=checkbox] { color: #717a8f; border-color: #DADADA; background-color: #fff; } #orderDetails input[type=checkbox]:checked:before { display: inline-block; font-family: FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; margin: 0; font-size: 11px; color: #f27a1a;} #orderDetails input[type=radio] { position: relative !important; border-style: solid; border-width: 1px; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 16px; height: 26px; margin: -4px 4px 0 0; outline: 0; padding: 4px; text-align: center; vertical-align: middle; width: 26px; min-width: 26px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; box-shadow: none; border-radius: 50%; } #orderDetails input[type=radio] { color: #717a8f; border-color: #DADADA; background-color: #fff; } #orderDetails input[type=radio]:checked:before { display: inline-block; font-family: FontAwesome; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f00c'; margin: 0; font-size: 14px; color: #f27a1a;} #orderDetails .checkbox, #orderDetails .radio { position: relative; display: block; margin-top: 0; margin-bottom: 0; line-height: 32px; padding: 0 10px; } #orderDetails .checkbox+.checkbox, #orderDetails .radio+.radio { margin-top: 0; } #orderDetails .help-block { position: absolute; right: 15px; top: 26px; } #orderDetails .form-group { margin-bottom: 15px; position: relative; } #orderDetails .form-group label { margin-bottom: 0; width: 100%; display: block; } #orderDetails .form-group label a.addNote { display: inline-block; float: right; font-size: 14px; font-weight: normal; } #orderDetails .form-group .form-control { font-size: 16px; font-weight: 700; height:40px; box-shadow: none; border: 2px solid #ccc;} #orderDetails .has-error .form-control { border: 2px solid #a94442;} #orderDetails .has-success .form-control { border: 2px solid #3c763d;} #orderDetails .form-group textarea.form-control { height: 80px; } #orderDetails ::-webkit-input-placeholder { color: #ccc; font-weight: normal;} #orderDetails ::-moz-placeholder { color: #ccc; font-weight: normal;} #orderDetails :-ms-input-placeholder { color: #ccc; font-weight: normal;} #orderDetails :-moz-placeholder { color: #ccc; font-weight: normal;} #orderDetails #desc {height: 88px; padding-top: 6px; display:none;} #orderDetails .product-select { border: 2px solid #ccc; border-radius: 4px; } #orderDetails .product-select label { font-size: 15px; color:#333; padding-left: 0; } #orderDetails .product-select label span span{ color:red; font-weight: 700; } #orderDetails .payment-method { border: 2px solid #ccc; border-radius: 4px; } #orderDetails .payment-method label { font-size: 16px; color:#333; padding-left: 0; } #orderDetails .agrement { margin-bottom: 15px; } #orderDetails .agrement div { margin-bottom: 5px; } #orderDetails .agrement input { float:left; width: 20px; } #orderDetails .agrement label { font-size: 14px; line-height:18px; font-weight: normal; float:left; width: calc(100% - 25px); } #orderDetails #urun2 { display: none; background: #e1eef9;} #orderDetails #urun3 { display: none; background: #e1eef9;} /* -------------------------------------------------------- #Back to Top ----------------------------------------------------------- */ #back-top { position: fixed; bottom: 15px; right: 0; z-index: 10; } #back-top a { width: 40px; display: block; text-align: center; font: 11px/100% Arial,Helvetica,sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } #back-top a:hover { color: #000; } #back-top span { width: 40px; height: 40px; display: block; background: #292c32 url(../img/top_arrow.png) no-repeat center center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } .social-bar { position: fixed; left:0; bottom: 30%; z-index:9999; } .social-bar a{ display:block; width: 48px; height: 48px; line-height: 48px; font-size:28px; text-align:center; color:#fff; } .social-bar a.i { background: #FF0099; } .social-bar a.f { background: #3B5998; } .social-bar a.w { background: #33CC00; } @media only screen and (max-width: 767px) { .social-bar { bottom:102px; width: 100%;} .social-bar a { float:left; width: 33.33%; } }