@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,600");

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300");

@import url("http://fonts.googleapis.com/css?family=Courgette");

body {
     background-attachment: fixed;
     background-color: #f0f0f0;
     background-size: cover;
}

.wholebody {
     background-color: #ffffff;
}

.int_bg {
     background-color: #142736;
     box-shadow: 0px 0px 4px 0px #000000;
     height: 36px;
     width: 100%;
}

.floatleft {
     float: left;
}

.inline-list {
     font-family: "Open Sans",sans-serif;
     font-size: 12px;
     font-weight: 600;
     padding-top: 8px;
}

.introtext {
     font-size: 12px;
     padding-left: 6px;
     padding-top: 26px;
}

.panelwhite {
     background-color: #ffffff;
     overflow: hidden;
     padding: 1.25rem;
}

.h2 {
     color: #007095;
     font-family: "Source Sans Pro",sans-serif;
     font-size: 21px;
     font-weight: 700;
}

.qualtext {
     font-size: 12px;
}

.araba_marka {
    padding-top:10px;
    font-weight:bold;
}

.whitebg {
     background-color: #ffffff;
}

.one {
     background-color: #ffffff;
}

.panel2 {
     background: #ffffff none repeat scroll 0% 0%;
     color: #333333;
     margin-bottom: 1.25rem;
     padding: 1.25rem;
}

.colorbg {
     background-color: #042e46;
     border-bottom: 1px solid #517fa3;
     border-top: 1px solid #517fa3;
}

.panel3 {
     background: #142736 none repeat scroll 0% 0%;
     color: #ffffff;
     margin-bottom: 1.25rem;
     padding: 1.25rem;
}

.panel4 {
     background: #142736 none repeat scroll 0% 0%;
     color: #ffffff;
     padding: 1.25rem;
}

#footer {
     bottom: 0px;
     position: fixed;
}

#copyright {
     background: #142736 none repeat scroll 0px 0px;
     color: white;
     padding: 0px;
}

.top-bar {
     background: #042e46 none repeat scroll 0% 0%;
}

.topstyle {
     font-size: 11px;
     font-weight: bold;
     text-transform: uppercase;
}

.icons {
     padding-right: 4px;
}

.floatright {
     float: right;
}

.panel4 {
     background: #ffffff none repeat scroll 0% 0%;
     color: #333333;
     padding: 1.25rem;
}

@media only screen and (min-width: 40em) {
  .top-bar { text-align: center; }
  ul.center-buttons { display: inline-block; }
  .logo { left: 5px; top: -2px; position: absolute; }
}

.logo {
     margin-left: 5px;
     margin-top: -3px;
     max-width: 2rem;
}

.menu-icon {
     padding-top: 1.2rem;
}

.top-bar.expanded {
     background: #333333 none repeat scroll 0% 0%;
}

.logo {
     margin-top: 0.5rem;
}

.top-bar-section li:not(.has-form) a:not(.button) {
     background: #042e46 none repeat scroll 0px 0px;
     line-height: 2.8125rem;
     padding: 0px 0.9375rem;
}

.trtext{
 
	font-family: 'Courgette', cursive;
	font-size: 22px;
	padding-left:40px;
  
}

@media only screen and (min-width: 35.938em) {
.medium-push-0 {
    left: 0;
    position: relative;
    right: auto;
}


.price {

    font-size: 14px;
    color: #030303;
    text-transform: uppercase;
    text-decoration: underline;

}

ul, ol, dl {
    font-size: 0.80rem;
	    list-style-type: none;

	
}


ul {

 padding:0;
 margin:0;

}

li.pro:before

{

content: "\2605";
}

.title_margin {
    margin-bottom:0.50rem;
}

.top_padding {
    padding-top:20px;
}


.top_link {
    padding-top: 20px;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

.body_typo {
    font-family:Roboto;
    color: #333;
    font-weight: 600;
    font-size: 13px;
}




/* We use this to get basic styling on all basic form elements & Sadece margin değiştik */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  margin: 0 0 0 0;
  padding: 0.5rem;