body {
    background-color:#edebe5;
    font-family: 'ralewayregular';
    font-weight: normal;
    font-style: normal;

}
/*üyeol giris*/
.color-red{
    color:red;
    font-weight: bold;
}
.color-green{
    color:green;
    font-weight: bold;
}

#giris .btnUyeol {
    background:#FFA500;
    color:#FFF;
}
#giris .uyeTitle {
    background:#FFA500;
    color:#FFF;
    border-radius:3px;
    max-height:50px;
    text-align:left;

}
#giris .uyeForm {
    background:#FFF;
    padding-top:10px;
    border-radius:3px;
}
#giris .uyeForm strong {
    line-height:20px;
    font-size:15pt;
    color:#C00;
}
#giris .uyeTransparant {
    background:transparent;
}
#giris .Linkler {
    font-size:8pt;
    padding-top:20px;
}
.uyariMsgUyeOl {
    font-size:9pt;

}
#giris .bilgi {
    font-size:11px;
    color:#777;
}


.ycolor
{
    color:#ffa500;
}
.rcolor
{
    color:#cc0000;
}
.scrollup {
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    margin-left: 90%;
    float: right;
    background: url(../images/img_scrolltop.png);
    text-indent: -9999px;
    z-index: 99999;
}

#sonuclar{
    padding: .5em;
    opacity: 5;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    position: fixed;

    float: left;
    z-index: 999;
    max-height: 500px;
    overflow: auto;
    display: none;
    border: 1px solid #ddd;

    margin-left:30px;





    top: 40px;
}
#sonuclar::-webkit-scrollbar {
    width: 6px;
}
#sonuclar::-webkit-scrollbar-thumb {
    background-color: #A8C11E;
}
#sonuclar .ui-menu-itemx{

    background: #EEE;
    border-top: 1px solid #d7d7d7;
    color: #6f6f6f;
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    list-style: none;
    height: 36px;
    font-size: 10px;
    font-family: 'Trebuchet MS',Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    text-decoration: none;
    border-bottom:solid 1px #d7d7d7;
}
.ui-menu-itemx a{
    font-family: 'Trebuchet MS',Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    text-decoration: none;
    display: block;
    zoom: 1;
    background: none;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: gray;
    width: 370px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;

}
#sonuclar .ui-menu-item{margin:0;padding:0;zoom:1;float:left;clear:left;width:100%;list-style:none;height:36px;border-bottom:1px solid #efefef}
#sonuclar .ui-menu-item a{
    font-family: 'Trebuchet MS',Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    text-decoration: none;
    display: block;
    zoom: 1;
    background: none;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    color: gray;
    width: 370px;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

#sonuclar .ui-menu-item a b{text-decoration:none!important;color:gray}
#sonuclar .ui-menu-item a img{margin:0 10px 0 0;float:left;width:30px!important;height:30px!important}
#sonuclar .ui-menu-item a.ui-state-hover,
#sonuclar .ui-menu-item a.ui-state-active{font-family:'Trebuchet MS',Tahoma,Verdana,Arial,sans-serif;font-size:13px;background:#e9e9e9;color:#d80c14}
#sonuclar .ui-menu-item a.ui-state-hover b,.ui-menu-item a.ui-state-active b{color:#d80c14}.ui-autocomplete li:nth-child(n+11){border-bottom:none}.ui-autocomplete li:first-child{height:36px;background:#f5f5f5;border-bottom:1px solid #d7d7d7;color:#6f6f6f}.ui-autocomplete li:nth-child(n+12),.ui-autocomplete li:nth-child(n+13),.ui-autocomplete li:nth-child(n+14){height:36px;background:#f5f5f5;border-top:1px solid #d7d7d7;color:#6f6f6f}.ui-autocomplete li:first-child a,.ui-autocomplete li:nth-child(n+12) a,.ui-autocomplete li:nth-child(n+13) a,.ui-autocomplete li:nth-child(n+14) a{height:30px;line-height:30px}.ui-autocomplete li:first-child a:hover,.ui-autocomplete li:nth-child(n+12) a:hover,.ui-autocomplete li:nth-child(n+13) a:hover,.ui-autocomplete li:nth-child(n+14) a:hover{background:#e9e9e9;color:#d80c14}
#sonuclar .ui-autocomplete li:last-child{border-bottom:none}#ui-id-1 #kategorim {
                                                                height: 36px;
                                                                background: #f5f5f5;
                                                                border-top: 1px solid #d7d7d7;
                                                                color: #6f6f6f;
                                                            }
#sonuclar li{color:#000;}

#sonuclar .list2{
    background:#F5F5F5;
}
#sonuclar .list1{
    background:#FFF;
}
#sonuclar li:hover{
    text-decoration:underline;
}

/* Search Area */
.search-area {
    overflow: hidden;
    width: 0;
    height: 40px;
    background: #292929;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 100;
    margin: 0;
}
.search-area a { margin: 5px 0 0 8px; display: block; float: left; padding: 2px 8px 2px 8px; color: #a5e0f6; font-size: 14px;}
.search-area a:hover { background: #1c5886; }
.search-area .search-content { margin: 5px 40px 0 40px; position: relative;}
.search-area .search-content input { display: none;}
.search-area .search-content input[type=text] {
    width: 100%;
    padding: 5px 10px 5px 15px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #F8F8F6;
    font-size: 15px;
    color: #FFFFFF;
}
.search-area .search-content input[type=submit] { cursor: pointer; width: 21px; height: 21px; background: url(<?=base_url()?>images/src.png) no-repeat; position: absolute; right: 0; top:  0 ; border: none;}
.search-area .search-content input[type=button] { cursor: pointer; width: 21px; height: 21px; background: url(<?=base_url()?>images/src.png) no-repeat; position: absolute; right: 0; top:  5px; ; border: none;}

.search-area .search-content ::-webkit-input-placeholder {
    color:    #d9eefe;
}
.search-area .search-content :-moz-placeholder {
    color:    #d9eefe;
}
.search-area .search-content ::-moz-placeholder {
    color:    #d9eefe;
}
.search-area .search-content :-ms-input-placeholder {
    color:    #d9eefe;
}
.search-area a {
    margin: 5px 0 0 8px;
    display: block;
    float: left;
    padding: 2px 8px 2px 8px;
    color: #FFFFFF;
    font-size: 14px;
}




.sariTab {
    background:#FFA500;
    color:#FFF;
    margin-top:20px;
    padding-top:15px;
    padding-bottom:15px;
    margin-bottom:10px;
    border-radius:5px;

}


.aciklama .aciklamaVideo {}
.aciklama .aciklamaVideo iframe {
    width:100%;
    min-height:350px;
}
.aciklama .aciklamaText {
    font-size:10pt;
    margin-left:20px;
    padding-right:20px;
    min-height:250px;

}
.aracLar{}
.aracLar .owl-item{
    width: 348px;

}
.aracLar img {
    max-height:145px;
    min-width:250px;

}
.aracLar a{
    color:#000;
    padding-top:20px;

}

.aciklama .aciklamaText h1 {
    font-weight:bold;
    font-size:10pt;
    text-transform:capitalize;
}
.aciklama .aciklamaText h2 {
    margin:0px;
    padding:0px;
    font-size:12pt;

}
.aciklama .aciklamaText .capitaLize {
    text-transform:capitalize;
}

.aciklama .aciklamaText .lowerCase {
    text-transform:lowercase;
}
.aciklama .aciklamaText a {
    color:#333;
    text-transform:lowercase;
}


.garajlarKutusu{
    padding-left: 5px;
    padding-right: 5px;
}

.garajlarKutusu div{

    background-color:#f8f8f6;
    border:1px solid #e6e4de;
    border-radius:3px;
    width: 100%;
    height:58px;
    display: inline-block;
    /*position: relative!important;
    z-index: 1;*/
    top:0px;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:center center;

    margin: 2px;
    cursor: pointer;
    outline: none;
    text-align: center;
    font-weight: bold;
}

.garajlarKutusu div.active{
    border:3px solid red;
}

.full-screen body::before,
.full-screen body::after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height:0px;
    z-index: 1001;
}

.full-screen body::after {top:auto;bottom:0;}

a{outline:none !important;}

.semibold{font-family: 'ralewaysemibold';}
.np{padding-left:0;padding-right:0;}
.display-table{display:table !important;}
.table-cell{display:table-cell;vertical-align:middle;}


.container{height:auto;}
.full-container{width:100%;padding-left:0;padding-right:0;}

.error{margin:100px auto;}


/* Header */
header{
    width:100%;
    display:table;
    height:52px;
    z-index:9;
    top:0px;
    position:fixed;
    background-color:#ffffff;
}

header .full-container{}
header .full-container .header-top{
    background-color:#292929;
}

header .full-container .header-top .left{
    float:left;
    padding-left:5px;
}

header .full-container .header-top .left .social{
    float:left;
    margin-left:0px;
    border-left:1px solid #FFFFFF;
    margin-bottom:0px;
    height:40px;
}

header .full-container .header-top .left .social li{
    border-right:1px solid #FFFFFF;
    width:40px;
    height:40px;
    padding-left:0px;
    padding-right:0px;
}

header .full-container .header-top .left .social li a{
    display:block;
    width:40px;
    height:40px;
}

header .full-container .header-top .left .social .facebook{
    background-image:url(../images/facebook.png);
    background-repeat:no-repeat;
    background-position:center center;
}

header .full-container .header-top .left .social .twitter{
    background-image:url(../images/twitter.png);
    background-repeat:no-repeat;
    background-position:center center;
}
header .full-container .header-top .left .social .instagram{
    background-image:url(../images/Instagram-icon.png);
    background-repeat:no-repeat;
    background-position:center center;
    filter: gray alpha(opacity=100); /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Chrome and Safari efekt*/
    -webkit-backface-visibility: hidden; /* efekt işlemi sırasında dışarı taşmasın. */
}

header .full-container .header-top .left .social .gplus{
    background-image:url(../images/gplus.png);
    background-repeat:no-repeat;
    background-position:center center;
}

header .full-container .header-top .left .phone{
    float:left;
    line-height:40px;
    color:#ffffff;
    border-right:1px solid #FFFFFF;
    padding-left:20px;
    padding-right:20px;
    font-size:13px;
    font-family: 'ralewayregular';
}

header .full-container .header-top .left .writeus{
    float:left;
    line-height:40px;
    color:#ffffff;
    border-right:1px solid #FFFFFF;
    font-size:13px;
    font-family: 'ralewayregular';
    padding-left:20px;
    padding-right:20px;
}

header .full-container .header-top .left .writeus a{
    color:#ffffff;
}

header .full-container .header-top .left .writeus a:hover{
    color:#4b63a7;
}

header .full-container .header-top .left .writeus .online{
    background-image:url(../images/online.png);
    background-repeat:no-repeat;
    background-position:center left;
    color:#FFFFFF;
    padding-left:35px;
    display:block;
}

header .full-container .header-top .left .writeus .online:hover{
    color:#4b63a7;
}

header .full-container .header-top .left .writeus .offline{
    background-image:url(../images/offline.png);
    background-repeat:no-repeat;
    background-position:center left;
    color:#8895bb;
    padding-left:35px;
    display:block;
}


header .full-container .header-top .right{
    float:right;
    padding-right:5px;
}

header .full-container .header-top .right .right-sub{
    float:right;
}

header .full-container .header-top .right ul{
    float:left;
    margin-left:0px;
    margin-bottom:0px;
    display:table;
    height:40px;
}

header .full-container .header-top .right ul li{
    color:#ffffff;
    font-size:13px;
    font-family: 'ralewayregular';
    border-right:1px solid #FFFFFF;
    margin-left:10px;
    padding-left:10px;
    display:table-cell;
    vertical-align:middle;
    line-height:15px;
}

header .full-container .header-top .right ul li a{
    color:#ffffff;
    font-size:13px;
    font-family: 'ralewayregular';
}

header .full-container .header-top .right .language{
    float:left;
    width:40px;
    border-left:1px solid #4b63a7;
    height:40px;
}

header .full-container .header-top .right .language a{
    width:40px;
    height:40px;
    display:block;
}

header .full-container .header-top .right .language a:hover{
    text-decoration:none;
}

header .full-container .header-top .right .en{
    background-image:url(../images/en.jpg);
    background-repeat:no-repeat;
    background-position:center center;
}

.mobile-menu{display:none;}
.mp-menu{display:none;}
.container-fluid{padding-right:0;padding-left:0;}

.navbar {
    clear:both;
    margin-bottom:0px;
    border-radius:0;
    border:none;
    background-color:transparent;
}

.navbar-header {
    height:100px;
}

.navbar-right{
    display: block;
    float:right;
    margin: 0 auto;
    padding-right:0;
    padding-top:40px;
    padding-bottom:40px;
}

.navbar-collapse{float:right;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    margin-left:0 !important;
    height:100px;
    padding-left:0px;
    padding-right:0px;
    float:none;
}
.navbar-brand {
    height: 72px;
    padding-bottom: 0;
    padding-top:0;
}
.navbar-brand img{float:left;}
.navbar-brand .smalllogo{display:none;}


.navbar-brand span{
    float:left;
    font-size:13px;
    color:#48443f;
    font-family: 'ralewayregular';
    line-height:40px;
    padding-left:10px;
}

.navbar-default .navbar-nav > li > a{
    color:#48443f;
    padding-right:10px;
    padding-left:10px;
    padding-top:0px;
    padding-bottom:0px;
    font-family: 'ralewaybold';
    font-size:15px;
    float:left;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    color:#082987;
    background-color:transparent;
}

.navbar-default .navbar-nav > li > .slash{
    float:left;
    line-height:52px;
    color:#ffffff;
}

.navbar-default .navbar-nav > li > a:hover{
    color:#545454;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #545454;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    color: #545454;
    background-color:transparent;
}

/* Hover Effect*/
.navbar-nav li {
    overflow: hidden;
    padding: 0 4px;
    height:20px;
}

.navbar-nav li a {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.navbar-nav li a::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.navbar-nav li:hover a,
.navbar-nav li:focus a {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

header .navbar-two{

    top:50%;
    position: relative;
    margin: auto;
}

header .navbar-two .logo{
    display:table;
    height:100px;
    position: relative;
    margin: auto;
}

header .navbar-two .logo a{
    display:table-cell;
    vertical-align:middle;
}

header .navbar-two .logo a img{
    float:left;
    padding-right:10px;
}

header .navbar-two .logo a .text h1, h2{
    color: #48443f;
    float: left;
    font-size: 13px;
    margin:3px 0px 0px 8px;



}

header .navbar-two ul{
    margin-left:0px;
    margin-bottom:0px;
    padding-right:0px;
}

header .navbar-two ul li{
    height:100px;
    display:table;
    padding-left:0px;
    padding-right:0px;
}

header .navbar-two ul .active{}

header .navbar-two ul .active:after{
    content: '';
    position:absolute;
    right:0px;
    bottom:-18px;
    border-style: solid;
    border-top-width:15px;
    border-right-width:0px;
    border-left-width:15px;
    border-right-color:  transparent;
    border-bottom-color:  transparent;
    border-left-color:  transparent;
    z-index:15;
}

header .navbar-two ul li a{
    height:100px;
    display:block;
    font-size:15px;
    font-family: 'ralewaymedium';
    color:#ffffff;
    text-align:center;
    padding-top:65px;
    padding-left:5px;
    padding-right:5px;
}

header .navbar-two ul li a:hover{
    text-decoration:none;
}



header .navbar-two ul .menu-one{
    background-color:#d8272d;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-one:after{
    border-top-color:#d8272d;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-one:hover:after{border-top-color:#ad1f24;}

header .navbar-two ul .menu-one:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-one.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-one:hover:before{background-position:center top;}
header .navbar-two ul .menu-one:hover{background-color:#ad1f24;}


header .navbar-two ul .menu-green{
    background-color:#292929;
    position: relative;
    z-index:2;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}
header .navbar-two ul .menu-green:after{
    border-top-color:#b91d1d;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-green:hover:after{border-top-color:#b91d1d;}

header .navbar-two ul .menu-green:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu_talep.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-green:hover:before{background-position:center top;}
header .navbar-two ul .menu-green:hover{background-color:#501a1a;}

header .navbar-two ul .menu-green:after{
    border-top-color:#00aa00;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-two{
    background-color:#ff5500;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}
header .navbar-two ul .menu-two:hover:after{border-top-color:#e54b00;}

header .navbar-two ul .menu-two:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-two.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-two:hover:before{background-position:center top;}
header .navbar-two ul .menu-two:hover{background-color:#e54b00;}


header .navbar-two ul li.menu-three{
    background-color:#ff9c00;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-three:after{
    border-top-color:#ff9c00;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-three:hover:after{border-top-color:#e58c00;}

header .navbar-two ul .menu-three:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-three.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul li.menu-three:hover:before{background-position:center top;}
header .navbar-two ul li.menu-three:hover{background-color:#e58c00;}


header .navbar-two ul .menu-four{
    background-color:#ffae02;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-four:after{
    border-top-color:#ffae02;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-four:hover:after{border-top-color:#e59c00;}

header .navbar-two ul .menu-four:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-four.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-four:hover:before{background-position:center top;}
header .navbar-two ul .menu-four:hover{background-color:#e59c00;}


header .navbar-two ul .menu-five{
    background-color:#97c436;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-five:after{
    border-top-color:#97c436;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-five:hover:after{border-top-color:#87af30;}

header .navbar-two ul .menu-five:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-five.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-five:hover:before{background-position:center top;}
header .navbar-two ul .menu-five:hover{background-color:#87af30;}

header .navbar-two ul .menu-six{
    background-color:#47c3b9;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-six:after{
    border-top-color:#47c3b9;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-six:hover:after{border-top-color:#40afa6;}

header .navbar-two ul .menu-six:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-six.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-six:hover:before{background-position:center top;}
header .navbar-two ul .menu-six:hover{background-color:#40afa6;}


header .navbar-two ul .menu-seven{
    background-color:#ffae02;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-seven:after{
    border-top-color:#ffae02;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-seven:hover:after{border-top-color:#e59c00;}

header .navbar-two ul .menu-seven:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-seven.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-seven:hover:before{background-position:center top;}
header .navbar-two ul .menu-seven:hover{background-color:#e59c00;}



header .navbar-two ul .menu-eight{
    background-color:#97c436;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-eight:after{
    border-top-color:#97c436;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-eight:hover:after{border-top-color:#87af30;}

header .navbar-two ul .menu-eight:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-eight.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-eight:hover:before{background-position:center top;}
header .navbar-two ul .menu-eight:hover{background-color:#87af30;}

header .navbar-two ul .menu-nine{
    background-color:#47c3b9;
    position: relative;
    z-index:1;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-nine:after{
    border-top-color:#47c3b9;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-nine:hover:after{border-top-color:#40afa6;}

header .navbar-two ul .menu-nine:before{
    content: "";
    z-index:-1;
    background-image:url(../images/menu-nine.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    width: 100%;
    height:50px;
    position: absolute;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

header .navbar-two ul .menu-nine:hover:before{background-position:center top;}
header .navbar-two ul .menu-nine:hover{background-color:#40afa6;}


/* Header Son*/
.owl-buttons{display:none;}

/* Main */
.fullscreen, .fullscreen body, .fullscreen .container, .fullscreen .cbp-fbscroller,
.fullscreen .cbp-fbscroller section{height:100%;}
.cbp-fbscroller{position:relative;z-index:10;}


/* The nav is fixed on the right side  and we center it by translating it 50%
(we don't know it's height so we can't use the negative margin trick) */
.cbp-fbscroller > nav {
    position: fixed;
    z-index: 99;
    right:15px;
    top: 50%;
    width: 16px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cbp-fbscroller > nav a {
    display: block;
    position: relative;
    z-index: 9999;
    color: transparent;
    width: 10px;
    height: 10px;
    outline: none;
    margin: 25px 0;
    border-radius: 50%;
    border:1px solid #fff;
}

.no-touch .cbp-fbscroller > nav a:hover {background: rgba(255,255,255,0.6);}
.cbp-fbscroller > nav a.cbp-fbcurrent {background-color:#ffffff;}

/* background-attachment does the trick */
.cbp-fbscroller section {
    position: relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.cbp-fbscroller .content{display:table;height:100%;width:100%;}

#fbsection1 {
    background-image:url(<?=base_url()?>files/ecomobil-homepage-1.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    background-color:#FFA800;
    background-attachment: fixed;
    padding-top:140px;
}

#fbsection1 .content .text{
    font-size:48px;
    font-family: 'ralewaybold';
    text-align:center;
    line-height:54px;
    width:50%;
    padding-left:15px;
    padding-right:15px;
    color:#ffffff;
}

#fbsection1 .content .text .first{
    color:#ffa800;
}

#fbsection1 .content .text .second{
    color:#ffffff;
}

#fbsection1 .content .right{
    width:50%;
    padding-right:31px;
    position:relative;
}

#fbsection1 .content .right .help{
    float:right;
    display:block;
    margin-bottom:20px;
    position:absolute;
    right:31px;
    top:-30px;
}

#fbsection1 .content .right .help a{
    background-image:url(../images/help.png);
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:30px;
    float:right;
    color:#ffffff;
    height:22px;
    line-height:22px;
}

#fbsection1 .content .right .tab{
    clear:both;
    background-color:#ffffff;
    border-radius:5px;
    overflow:hidden;
}

#fbsection1 .content .right .tab .nav-tabs{
    border-bottom: medium none;
    display: table;
    height: 75px;
    margin-bottom: 0;
    table-layout: fixed;
}

#fbsection1 .content .right .tab .nav-tabs li {
    background-color: #ffffff;
    display: table-cell;
    float: none;
    height: 75px;
    vertical-align: middle;
}

#fbsection1 .content .right .tab .nav-tabs li a{
    border-radius:0px;
    height: 75px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    border:none;
    font-size:18px;
    font-family: 'ralewaylight';
    color:#48443f;
}

#fbsection1 .content .right .tab .nav-tabs li:first-child a{
    border-right:1px solid #edebe5;
    background-position:right bottom;
    text-align:right;
}

#fbsection1 .content .right .tab .nav-tabs li:last-child a{
    border-right:1px solid #edebe5;
    background-position:left bottom;
}

#fbsection1 .content .right .tab .nav-tabs .active a{
    background-image:url(../images/tab-arrow.png);
    background-repeat:no-repeat;
    font-family: 'ralewaymedium';
}

#fbsection1 .content .right .tab .tab-content{
    background-color: #edebe5;
    height: auto;
    overflow: hidden;
    padding: 25px 18px;
}

#fbsection1 .content .right .tab .tab-content .row{
    margin-left:-7px;
    margin-right:-7px;
}

#fbsection1 .content .right .tab .tab-content .warning{
    text-align:center;
}

#fbsection1 .content .right .tab .tab-content .warning span{
    font-size:18px !important;
    font-family:'ralewaymedium'!important;
    color:#E84C3D !important;
}

#fbsection1 .content .right .tab .tab-content .col{
    margin-bottom:20px;
    padding-left:7px;
    padding-right:7px;
}

#fbsection1 .content .right .tab .tab-content .col:last-child{
    margin-bottom:0px;
}

#fbsection1 .content .right .tab .tab-content .col span{
    font-size:14px;
    line-height:14px;
    color:#48443f;
}

#fbsection1 .content .right .tab .tab-content .col-text{
    font-size:14px;
    line-height:14px;
    color:#48443f;
    text-align:center;
}

#fbsection1 .content .right .tab .tab-content .col-text span{
    display:block;
    margin-bottom:10px;
}

#fbsection1 .content .right .tab .tab-content .link a{
    color: #48443f;
    font-size: 13px;
    text-decoration:underline;
    padding-left:7px;
    background-image:url(../images/linkarrow.png);
    background-repeat:no-repeat;
    background-position:left center;
    margin-right:10px;
}

#fbsection1 .content .right .tab .tab-content .link a:hover{
    color: #66625c;
}

#fbsection1 .content .right .tab .tab-content .col .form-control{
    height:50px;
    background-color:#ffffff;
    border:1px solid #e6e4de;
    box-shadow:none;
    font-size:14px;
    font-family: 'ralewaylight';
    color:#48443f;
}

#fbsection1 .content .right .tab .tab-content .col .form-control:focus{
    border:1px solid #082987;
}

#fbsection1 .content .right .tab .tab-content .col .form-control::-moz-placeholder{
    color:#48443f;
}

#fbsection1 .content .right .tab .tab-content .col .select-box .select {
    background-color: #ffffff;
    background-image: url("../images/selectbox-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #ececec;
    border-radius:4px;
    color: #48443f;
    font-size: 14px;
    font-family: 'ralewaylight';
    height: 50px;
    line-height: 50px;
    padding-left: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align:left;
}

#fbsection1 .content .right .tab .tab-content .col select {
    opacity: 0;
}

#fbsection1 .content .right .tab .tab-content .col .send-btn{
    background-color:#ffa800;
    border:none;
    width:100%;
    height:50px;
    color:#ffffff;
    font-size:20px;
    font-family: 'ralewaybold';
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

#fbsection1 .content .right .tab .tab-content .col .send-btn:hover{
    background-color:#eb9b00;
}

#fbsection2{
    padding-top:50px;
    background-color:#ffa800;
}
#fbsection2 .advantages{
    height:100%;
    background-color:#ffa800;
    overflow:hidden;
}

#fbsection2 .advantages h3{
    font-size:40px;
    color:#ffffff;
    text-align:center;
}

#fbsection2 .advantages p{
    color:#ffffff;
    text-align:center;
    font-size:22px;
    font-family: 'ralewayregular';
    margin-bottom:35px;
}

#fbsection2 .advantages .column{}
#fbsection2 .advantages .column .col{
    text-align:center;
}

#fbsection2 .advantages .column .col img{
    margin-bottom:15px;
}

#fbsection2 .advantages .column .col span{
    display:block;
    font-size:16px;
    line-height:18px;
    height:60px;
    font-family: 'ralewaylight';
    color:#ffffff;
}




#fbsection3{
    padding-top:50px;
    background-color:#edebe5;
}

#fbsection3 h3{
    font-size:40px;
    color:#484440;
    text-align:center;
}

#fbsection3 .three-step{
    height:100%;
    background-color:#edebe5;
}

#fbsection3 .three-step{}
#fbsection3 .three-step p{
    text-align:center;
    font-size:22px;
    line-height:24px;
    color:#484440;
    font-family: 'ralewaylight';
}

#fbsection3 .three-step .steps{padding-right:117px;}
#fbsection3 .three-step .steps .step{
    padding-left:139px;
}

#fbsection3 .three-step .steps .step .number{
    background-image:url(../images/numberarrow.png);
    background-repeat:no-repeat;
    background-position:center right;
    text-align:center;
    height:183px;
    float:left;
    width:129px;
    position:absolute;
    left:0px;
}
#fbsection3 .three-step .steps .step .number .display-table{
    height:100%;
    width:100%;
}

#fbsection3 .three-step .steps .step .number span{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background-color:#ffffff;
    font-size:24px;
    color:#575757;
    display:block;
}

#fbsection3 .three-step .steps .step .image-text{text-align:center;}
#fbsection3 .three-step .steps .step .image-text .image{
    width:100%;
    text-align:center;
    height:183px;
    display:table;
    margin-bottom:15px;
}

#fbsection3 .three-step .steps .step .image-text .image .table-cell{
    width:100%;
}

#fbsection3 .three-step .steps .step .image-text .image img{
    text-align:center;
    width:auto;
    max-width:100%;
}

#fbsection3 .three-step .steps .step .image-text .text{
    color:#534f4a;
    font-size:16px;
    font-family: 'ralewaylight';
    line-height:18px;
    height:60px;
}

#fbsection3 .three-step .steps .step-last{
    height:183px;
    position:absolute;
    right:0;
    width:117px;
    background-image:url(../images/step-last.png);
    background-repeat:no-repeat;
    background-position:center right;
}

#fbsection3 .three-step .step-btn{
    margin-top:30px;
    height:50px;
    color:#ffffff;
    font-family: 'ralewaymedium';
    line-height:18px;
    width:100%;
    background-color:#ffa800;
    border:none;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

#fbsection3 .three-step .step-btn:hover{background-color:#EB9B00;}


#fbsection4 {padding-top:50px;background-color:#f7f6f1;}
#fbsection4 .about-us{background-color:#f7f6f1;height:100%;}
#fbsection4 .about-us .text{
    text-align:center;
    margin-bottom:56px;
}

#fbsection4 .about-us .text h3{
    font-size:40px;
    color:#ffa800;
    text-align:center;
}

#fbsection4 .about-us .text h4{
    font-size:24px;
    color:#ffa800;
    font-family: 'ralewaymedium';
}

#fbsection4 .about-us .text p{
    font-size:16px;
    color:#534f4a;
    line-height:20px;
    font-family: 'ralewaylight';
}

#fbsection4 .about-us .text a{
    font-size:13px;
    color:#ffa800;
    font-family: 'ralewaylight';
    text-decoration:underline;
}
#fbsection4 .about-us .text a:hover{
    color:#e49600;
}
#fbsection4 .about-us .list{float:left;}
#fbsection4 .about-us .list .col{}
#fbsection4 .about-us .list .col:hover{
    text-decoration:underline;
}
#fbsection4 .about-us .list .col img{width:100%;}
#fbsection4 .about-us .list .col .listtext{
    height:110px;
    text-align:center;
}

#fbsection4 .about-us .list .col .listtext h5{
    font-family: 'ralewaybold';
    font-size:15px;
    line-height:20px;
    color:#534f4a;
}
#fbsection4 .about-us .list .col .listtext p{
    font-family: 'ralewaylight';
    font-size:13px;
    line-height:18px;
    color:#534f4a;
}

#fbsection4 .about-us .list .col a{
    display:block;
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    left:0;
}
#fbsection4 .about-us .list .col a:hover{
    text-decoration:underline;
}


#fbsection5 {padding-top:50px;background-color:#e6e4de;}
#fbsection5 .newsletter{
    background-color:#e6e4de;
    height:100%;
    padding-bottom:161px;
}

#fbsection5 .newsletter h3{
    font-size:40px;
    color:#534f4a;
    text-align:center;
}

#fbsection5 .newsletter .cbp-fwslider {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0 60px;
}

#fbsection5 .newsletter .cbp-fwslider ul {
    margin: 0;
    padding: 0;
    white-space: normal;
    list-style-type: none;
}

#fbsection5 .newsletter .cbp-fwslider ul li {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    text-align:center;
}

#fbsection5 .newsletter .cbp-fwslider ul li div {
    display: block;
    text-align: center;
    outline: none;
}

#fbsection5 .newsletter .cbp-fwslider ul li img {
    border: none;
    display: block;
    margin: 0 auto;
    width:190px;
    height:190px;
    border-radius:50%;
    margin-bottom:25px;
}

#fbsection5 .newsletter .cbp-fwslider ul li .title{
    font-size:20px;
    font-family: 'ralewaylight';
    color:#534f4a;
    display:block;
}

#fbsection5 .newsletter .cbp-fwslider ul li .desc{
    font-size:16px;
    font-family: 'ralewaylight';
    color:#534f4a;
}

#fbsection5 .newsletter .cbp-fwslider nav span {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 100px;
    background: #47a3da;
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin-top: -50px;
    line-height: 100px;
    cursor: pointer;
    font-weight: normal;
    display:none !important;
}

#fbsection5 .newsletter .cbp-fwslider nav span:hover {background: #378fc3;}
#fbsection5 .newsletter .cbp-fwslider nav span.cbp-fwnext {right:0px;}
#fbsection5 .newsletter .cbp-fwslider nav span.cbp-fwprev {left: 0px;}

#fbsection5 .newsletter .cbp-fwdots {
    position: absolute;
    bottom: 0px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

#fbsection5 .newsletter .cbp-fwdots span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 4px;
    cursor: pointer;
    background-image:url(../images/newslettcontrol.png);
    background-repeat:no-repeat;
    background-position:left center;
}

#fbsection5 .newsletter .cbp-fwdots span:hover {background-position:right center;}
#fbsection5 .newsletter .cbp-fwdots span.cbp-fwcurrent {
    background-position:right center;
    -webkit-transition:background-position 0.2s ease-in-out;
    -moz-transition: background-position 0.2s ease-in-out;
    transition: background-position 0.2s ease-in-out;
}


#fbsection5 .newsletter .newsletter-btn{
    width:100%;
    color:#ffffff;
    background-color:#ffa800;
    height:50px;
    line-height:38px;
    margin-top:20px;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

#fbsection5 .newsletter .newsletter-btn:hover{
    background-color:#EE9D00;
}

#fbsection5 .newsletter-bottom{
    height:161px;
    position:absolute;
    bottom:0px;
    background-color:#ffa800;
    width:100%;
}

#fbsection5 .newsletter-bottom .content{
    margin:0 auto;
    width:auto;
}

#fbsection5 .newsletter-bottom .col{
    background-position:left bottom;
    background-repeat:no-repeat;
    height:161px;
    display:table;
    float:left;
    padding-left:104px;
}

#fbsection5 .newsletter-bottom .col span{
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
}

#fbsection5 .newsletter-bottom .col span a{
    font-size:24px;
    color:#ffffff;
    font-family: 'ralewaylight';
}

#fbsection5 .newsletter-bottom .locations{
    background-image:url(../images/locations.png);
}

#fbsection5 .newsletter-bottom .references{
    background-image:url(../images/references.png);
}

#fbsection6 {padding-top:50px;background-color:#222;}
#fbsection6 .maps{height:100%;}
#fbsection6 .maps ul{
    display:table;
    margin:0 auto;
    z-index:8;
    position:relative;
    padding-left:0px;
}

#fbsection6 .maps ul li{
    list-style:none;
    padding:20px;
    background-color:#ffffff;
    float:left;
    border-right:1px solid #e1e1e1;
}

#fbsection6 .maps ul li:nth-last-child{border-right:none;}

#fbsection6 .maps ul li a{
    color:#082987;
    font-size:20px;
}

#fbsection6 .maps iframe{height:100%;position:absolute;top:0;left:0;z-index:2;}
/* Main Son*/


/* Page */
.page-body{
    clear:both;
    height:auto;
    overflow:hidden;
    padding-left:0;
    padding-right:0;
    padding-top:140px;
}

.page-body .page-top{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    box-sizing: border-box;
    min-height:405px;
    z-index:11;
}

.page-body .page-top .text{
    height:300px;
    display:table;
    width:100%;
    text-align:center;
    padding-left:60px;
    padding-right:60px;
}

.page-body .page-top .text h1{
    font-size:56px;
    line-height:48px;
    color:#ffffff;
    margin-bottom:0px;
    margin-top:0px;
    font-family: 'ralewaythin';
}

.page-body .page-top .menu{
    height:105px;
    display:table;
    text-align:center;
    width:100%;
    position:absolute;
    left:0;
    background-image:url(../images/pagemenubg.png);
    background-repeat:repeat-x;
    background-position:left center;
}

.page-body .page-top .menu ul{
    margin-bottom:0px;
    margin-left:0px;
}

.page-body .page-top .menu ul li{
    color:#ffffff;
    font-family: 'ralewaylight';
    font-size:16px;
}
.page-body .page-top .menu ul li a{
    color:#ffffff;
    font-family: 'ralewaylight';
    font-size:16px;
}

.page-body .page-top .menu ul .active a{
    color:#ffa500;
    font-family: 'ralewaymedium';
    text-decoration:underline;
}

.page-body .short-content{
    background-color:#ffffff;
    text-align:center;
}

.page-body .short-content .text{
    padding-left:60px;
    padding-right:60px;
    padding-top:60px;
    padding-bottom:60px;
}
.page-body .short-content .text h2{
    color:#ffa800;
    font-size:48px;
    margin-top:0px;
    font-family: 'ralewayextralight';
}

.page-body .short-content .text p{
    color:#6d6965;
    font-size:20px;
    line-height:24px;
    font-family: 'ralewaymedium';
    margin-top:40px;
}

.page-body .page-content{
    background-color:#edebe5;
    padding-top:100px;
    padding-bottom:100px;
    text-align:center;
    clear:both;
}

.page-body .page-content .content{display:block;}

.page-body .page-content p{
    color:#6d6965;
    font-size:16px;
    font-family: 'ralewaylight';
}

.page-body .page-content a{
    color:#ffa500;
    font-family: 'ralewaymedium';
}

.page-body .page-bottom{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    box-sizing: border-box;
    min-height:405px;
}

.page-body .page-bottom .text{
    display:table;
    width:100%;
    height:405px;
    padding-left:60px;
    padding-right:60px;
    text-align:center;
}

.page-body .page-bottom .text h2{
    font-size:56px;
    line-height:48px;
    color:#ffffff;
    margin-bottom:0px;
    margin-top:0px;
    font-family: 'ralewaythin';
}



.page-body .bid-online{
    background-color:#ffa800;
}

.page-body .bid-online .content{
    display:block;
}

.page-body .bid-online .bid-online-sub{
    padding-top:70px;
    padding-bottom:70px;
    text-align:center;
}

.page-body .bid-online .bid-online-sub h3{
    font-size:29px;
    color:#ffffff;
    font-family: 'ralewaymedium';
    margin-top:0px;
    margin-bottom:0px;
}

.page-body .bid-online .bid-online-sub p{
    font-size:18px;
    color:#ffffff;
    font-family: 'ralewaylight';
}

.page-body .bid-online .bid-online-sub .btn{
    width:100%;
    font-size:18px;
    color:#ffffff;
    padding-top:15px;
    padding-bottom:15px;
    font-family: 'ralewaymedium';
    padding-left:25px;
    padding-right:25px;
}
.page-body .bid-online .bid-online-sub .bid-online-left{
    background-color:#7a7771;
    text-align:right;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .bid-online .bid-online-sub .bid-online-left:hover{
    background-color:#625f58;
}

.page-body .bid-online .bid-online-sub .bid-online-right{
    background-color:#ff7800;
    text-align:left;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .bid-online .bid-online-sub .bid-online-right:hover{
    background-color:#d96600;
}

.page-body .page-content .icon-and-text{}
.page-body .page-content .icon-and-text .box{
    display:table;
    text-align:center;
    margin-bottom:30px;
    height:240px;
}

.page-body .page-content .icon-and-text .box .table-cell .icon{margin-bottom:10px;}
.page-body .page-content .icon-and-text .box .table-cell .text{
    font-size:18px;
    line-height:22px;
    padding-left:15px;
    padding-right:15px;
}


.page-body .page-content .dualbox{}
.page-body .page-content .dualbox .box{
    display:table;
    text-align:center;
    margin-bottom:30px;
    height:300px;
}
.page-body .page-content .dualbox .box .table-cell{
    padding-left:30px;
    padding-right:30px;
    padding-top:10px;
    padding-bottom:10px;
}

.page-body .page-content .dualbox .box .table-cell .icon{margin-bottom:10px;}
.page-body .page-content .dualbox .box .table-cell .text h3{
    font-size:22px;
    line-height:24px;
    margin-top:0px;
    margin-bottom:5px;
}

.page-body .page-content .dualbox .box .table-cell .text p{
    font-size:18px;
    line-height:22px;
}

/* Page Son */
/* Araçlar */

.page-body .aracdiv li{
    padding-top:20px;



}

.equipment ul li{
    margin-left:30px;
    padding-left:15px;
    font-family: 'ralewaymedium';
    color:#082987;

    padding-bottom:10px;
    padding-top:10px;
    background-image:url(../images/equipmentyes.png);
    background-repeat:no-repeat;
    background-position:0px center;
    width:20%;
    margin-right:10px;
}

.page-body .aracdiv .cars-similar .item{
    border-radius:3px;
}

.page-body .aracdiv a{
    display:block;
    color:#54504b;
}

.page-body .aracdiv .image{
    width:100%;
    display:block;
    margin-bottom:20px;
    padding-left:10px;

}

.page-body .aracdiv .image img{
    width:100%;
    max-width:auto;
    border-radius:3px 3px 3px 3px;
    min-height:250px ;
    padding-left:5px;
}

.page-body .aracdiv .item a .text .name{
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

/* Araçlar Son*/


/* Araç Liste */
.page-body .car-list{
    padding-top:40px;
    padding-bottom:30px;
}

.page-body .car-list .list{
    float:right;
}

.page-body .car-list .list .list-top{
    background-color:#ffffff;
    padding-top:11px;
    padding-bottom:11px;
    border-radius:3px;
    height:58px;
}

.page-body .car-list .list .list-top .view{
    float:left;
}

.page-body .car-list .list .list-top .view span{
    font-size:13px;
    color:#54504b;
    font-family: 'ralewayregular';
    float:left;
    height:32px;
    line-height:32px;
}

.page-body .car-list .list .list-top .view a{
    width:32px;
    height:32px;
    border:1px solid #e6e4de;
    border-radius:3px;
    background-color:#f8f8f6;
    background-repeat:no-repeat;
    background-position:center center;
    float:left;
    margin-left:5px;
}
.page-body .car-list .list .list-top .view a{text-decoration:none;}
.page-body .car-list .list .list-top .view a:hover{
    background-color:#eaeae6;
}

.page-body .car-list .list .list-top .view .grid-type{
    background-image:url(../images/grid-type.png);
}

.page-body .car-list .list .list-top .view .list-type{
    background-image:url(../images/list-type.png);
}

.page-body .car-list .list .list-top .view .list-detail-type{
    background-image:url(../images/list-detail-type.png);
}

.page-body .car-list .list .list-top .pager-default{
    display: table;
    float: none;
    height: auto;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    width: auto;
}

.page-body .car-list .list .list-top .pager-default .previous{
    width:32px;
    height:32px;
    background-color:#f8f8f6;
    border-radius:3px;
    border:1px solid #e6e4de;
    list-style:none;
    float:left;
    background-image:url(../images/pager-previous.png);
    background-position:left center;
    background-repeat:no-repeat;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-top .pager-default .previous:hover{
    background-position:right center;
}

.page-body .car-list .list .list-top .pager-default .previous a{
    display:block;
    height:32px;
    width:32px;
}

.page-body .car-list .list .list-top .pager-default .pagination{
    float:left;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:6px;
}

.page-body .car-list .list .list-top .pager-default .pagination li a{
    background-color:transparent;
    border:none;
    color:#54504b;
    border-right:1px solid #54504b;
    padding-top:0px;
    padding-bottom:0px;
    font-size:14px;
    font-family: 'ralewayregular';
}

.page-body .car-list .list .list-top .pager-default .pagination li:last-child a{
    border-right:none;
}

.page-body .car-list .list .list-top .pager-default .next{
    width:32px;
    height:32px;
    border-radius:3px;
    border:1px solid #e6e4de;
    list-style:none;
    float:left;
    background-image:url(../images/pager-next.png);
    background-position:right center;
    background-repeat:no-repeat;
    background-color:#f8f8f6 !important;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-top .pager-default .next:hover{
    background-position:left center;
}

.page-body .car-list .list .list-top .pager-default .next a{
    display:block;
    height:32px;
    width:32px;
}

.page-body .car-list .list .list-top .sortby{
    padding-left:40px;
    position:absolute;
    right:0px;
    margin-right: 65px;
}

.page-body .car-list .list .list-top .sortby .sortbyspan{
    float:left;
    line-height:36px;
    font-size:13px;
    color:#54504b;
    font-family: 'ralewayregular';
    position:absolute;
    left:0;
}

.page-body .car-list .list .list-top .sortby .select-box{
    float: left;
    position:relative;
    height:36px;
    display:table;
}

.page-body .car-list .list .list-top .sortby .select-box select{opacity:0;height:38px;}

.page-body .car-list .list .list-top .sortby .select-box .select{
    background-color:#f8f8f6;
    border:1px solid #e6e4de;
    text-align:left;
    font-size:13px;
    font-family: 'ralewaylight';
    color:#54504b;
    width:100%;
    height:36px;
    padding-right:20px;
    line-height:36px;
    position:absolute;
    padding-left:5px;
    border-radius:3px;
    background-image:url(../images/category-button.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.page-body .car-list .list .list-item{
    margin-top:20px;
}

.page-body .car-list .list .list-item .item{
    /*height:244px;*/
    height:190px;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:18px;
    width:100%;
}
.page-body .car-list .list .list-item .item .row{

}

.page-body .car-list .list .list-item .item .photo{
    padding-left:0px;
    padding-right:0px;
    /*width:290px!important;
    height:244px!important;*/
    width:250px!important;
    height:190px!important;
    position:absolute;
    left:0;
    top:0;
}
.page-body .car-list .list .list-item .item .photolist{
    padding-left:0px;
    padding-right:0px;
    /*width:290px!important;
    height:244px!important;*/
    width:100%;
    min-height:190px!important;
    /*position:absolute;*/
    left:0;
    top:0;
}

.page-body .car-list .list .list-item .item .photo img{
    width:100%;
}

.page-body .car-list .list .list-item .item .info{
    padding-left:0px;
    padding-right:0px;
    /*margin-left:290px;*/
    /*margin-left:250px;*/
    background-color:#ffffff;
    height:auto;
    overflow:hidden;
}
.page-body .car-list .list .list-item .item .infolist{
    padding-left:0px;
    padding-right:0px;
    /*margin-left:290px;*/
    /*margin-left:250px;*/
    background-color:#ffffff;
    height:auto;
    overflow:hidden;
}

.page-body .car-list .list .list-item .item .info .infotop{
    padding-left:0px;
    padding-right:0px;
    height:54px;
    display:table;
    background-color:#f8f8f6;
}

.page-body .car-list .list .list-item .item .info .infotop .title{
    display:table;
    height:54px;
}

.page-body .car-list .list .list-item .item .info .infotop .title .titlesub{
    font-size:16px;
    font-family: 'ralewayregular';
    line-height:18px;
}

.page-body .car-list .list .list-item .item .info .infotop .price{
    display: table;
    height: 54px;
    padding-left:0px;
}

.page-body .car-list .list .list-item .item .info .infotop .price .first{
    font-size:12px;
    color:#54504b;
    font-family: 'ralewayregular';
    display:table-cell;
    vertical-align:middle;
}

.page-body .car-list .list .list-item .item .info .infotop .price .second{
    font-size:19px;
    color:#3a3735;
    font-family: 'ralewaymedium';
    display:table-cell;
    vertical-align:middle;
}

.page-body .car-list .list .list-item .item .info .infotop .price .third{
    font-size:14px;
    color:#3a3735;
    font-family: 'ralewaymedium';
    display:table-cell;
    vertical-align:middle;
}

.page-body .car-list .list .list-item .item .info .info-bottom{
    display:table;
    padding-left:0px;
    padding-right:0px;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col{
    display:table;
    /*height:190px;*/
    height:136px;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col table{margin-bottom:0px;}

.page-body .car-list .list .list-item .item .info .info-bottom .col table tbody tr td{
    border-top:none;
    padding-left:0px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    line-height:15px;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col table tbody tr .left{
    font-size:13px;
    font-family: 'ralewaymedium';
    color:#312f2d;
    vertical-align:top;

    padding: 5px;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col table tbody tr .right{
    font-size:13px;
    font-family: 'ralewayregular';
    color:#706d6a;
    vertical-align:top;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col table tbody tr .true{
    color:#78c336;
}
.page-body .car-list .list .list-item .item .info .info-bottom .col table tbody tr .false{
    color:#ff0101;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .btn{
    width:100%;
    margin-bottom:5px;
    color:#ffffff;
    text-align:left;
    position:relative;
    white-space:normal;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .btn .text{
    font-size:14px;
    font-family: 'ralewaymedium';
    padding-right:25px;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .btn .icon{
    position:absolute;
    right:5px;
    top:5px;
    width:25px;
    text-align:center;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .examined{
    background-color:#868481;
    background-image:url(../images/examined.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .examined:hover{
    background-color:#6b6864;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .addtowatchlist{
    background-color:#868481;
    background-image:url(../images/addtowatchlist.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .addtowatchlist:hover{
    background-color:#6b6864;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .green{
    background-color: #686868;
    background-image:url(../images/bid.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .bid{
    background-color:#ffa500;
    background-image:url(../images/bid.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .list-item .item .info .info-bottom .col .bid:hover{
    background-color:#EE9D00;
}

.page-body .car-list .list .grid-item{
    margin-top:20px;
}
.page-body .car-list .list .grid-item .item{
    margin-bottom:30px;
}

.page-body .car-list .list .grid-item .item .photo{
    width:100%;
    border-radius:3px 3px 0px 0px;
    /*height:244px!important;*/
    height:190px!important;
}

.page-body .car-list .list .grid-item .item .info{
    background-color:#ffffff;
    height:auto;
    overflow:hidden;
    border-radius:0px 0px 3px 3px;
}

.page-body .car-list .list .grid-item .item .info .infotop{
    background-color: #f8f8f6;
    display: table;
    height: 54px;
    padding-left: 0;
    padding-right: 0;
}

.page-body .car-list .list .grid-item .item .info .infotop .title {
    display: table;
    height: 54px;
}

.page-body .car-list .list .grid-item .item .info .infotop .title .titlesub {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    padding-top:5px;
}

.page-body .car-list .list .grid-item .item .info .infotop .price {
    height: 54px;
}

.page-body .car-list .list .grid-item .item .info .infotop .price .first {
    color: #54504b;
    display:block;
    font-size: 12px;
    font-weight: 400;
}

.page-body .car-list .list .grid-item .item .info .infotop .price .second {
    color: #3a3735;
    display: table-cell;
    font-size: 19px;
    font-weight: 500;
    vertical-align: middle;
}

.page-body .car-list .list .grid-item .item .info .infotop .price .third {
    color: #3a3735;
    display: table-cell;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}

.page-body .car-list .list .grid-item .item .info .info-bottom {
    display: table;
    padding-left: 0;
    padding-right: 0;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col {
    display: table;
    height: auto;
    padding-top:10px;
    padding-bottom:10px;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table {
    margin-bottom: 0;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table tbody tr td {
    border-top: medium none;
    line-height: 15px;
    padding: 5px 5px 5px 0;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table tbody tr .left {
    color: #312f2d;
    font-size: 13px;
    font-weight: 500;
    vertical-align: top;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table tbody tr .right {
    color: #706d6a;
    font-size: 13px;
    font-weight: 400;
    vertical-align: top;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table tbody tr .true {
    color: #78c336;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col table tbody tr .false {
    color: #ff0101;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .btn {
    color: #ffffff;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    white-space: normal;
    width: 100%;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .btn .text{
    font-size:14px;
    font-family: 'ralewaymedium';
    padding-right:25px;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .btn .icon{
    position:absolute;
    right:5px;
    top:5px;
    width:25px;
    text-align:center;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .examined{
    background-color:#868481;
    background-image:url(../images/examined.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .examined:hover{
    background-color:#6b6864;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .addtowatchlist{
    background-color:#868481;
    background-image:url(../images/addtowatchlist.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .addtowatchlist:hover{
    background-color:#6b6864;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .bid{
    background-color:#ffa500;
    background-image:url(../images/bid.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .list .grid-item .item .info .info-bottom .col .bid:hover{
    background-color:#EE9D00;
}

.page-body .car-list .filter{
    float:left;
    height:auto;
    overflow:hidden;
}

.page-body .car-list .filter .search{
    background-color: #ffa500;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 5px;
    height: auto;
    overflow: hidden;
    border-radius: 3px 3px 0px 0px;
    position: relative;
}

.page-body .car-list .filter .search .top{
    padding-left:0px;
    padding-right:0px;
    margin-bottom:15px;
}

.page-body .car-list .filter .search .top .title{
    float:left;
    color:#ffffff;
    font-family: 'ralewaymedium';
    font-size:18px;
    padding-left:0px;
}

.page-body .car-list .filter .search .top .total{
    float:right;
    text-align:right;
    color:#ffffff;
    font-family: 'ralewayregular';
    font-size:14px;
    padding-right:0px;
    margin-top: 5px;
    text-shadow: 3px 2px 1px #000;
}

.page-body .car-list .filter .search .bottom .row{
    margin-right:-2px;
    margin-left:-2px;
}

.page-body .car-list .filter .search .bottom .row .col{
    padding-left:2px;
    padding-right:2px;
}

.page-body .car-list .filter .search .bottom a{
    display:block;
    background-color:#ffffff;
    color:#48443f;
    font-size:13px;
    padding-top:15px;
    padding-right:15px;
    padding-bottom:15px;
    padding-left:15px;
    margin-bottom:4px;
    border-radius:3px;
    font-family: 'ralewaylight';
    background-image:url(../images/searchx.png);
    background-repeat:no-repeat;
    background-position:right center;
}

.page-body .car-list .filter .search .arrow{
    position:absolute;
    left:30px;
    bottom:0px;
    width:17px;
    height:10px;
    display:block;
    background-image:url(../images/filteringarrow.png);
    background-repeat:no-repeat;
    background-position:0 0;
}

.page-body .car-list .filter .filtering{
    background-color:#ffffff;
    border-radius:0px 0px 3px 3px;
    padding-left:20px;
    padding-right:20px;
    padding-top:25px;
    padding-bottom:25px;
    height:auto;
    overflow:hidden;
    position:relative;
}

.page-body .car-list .filter .filtering .row{
    margin-left:-2px;
    margin-right:-2px;
}

.page-body .car-list .filter .filtering .select-box{
    margin-bottom:4px;
    position:relative;
}

.page-body .car-list .filter .filtering .select-box .select {
    background-color: #f8f8f6;
    background-image: url("../images/selectbox-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #e6e4de;
    border-radius:4px;
    color: #48443f;
    font-size: 14px;
    font-family: 'ralewaylight';
    height: 45px;
    line-height: 45px;
    padding-left: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    text-align:left;
}

.page-body .car-list .filter .filtering select {
    opacity:0;
    height: 45px;
}

.page-body .car-list .filter .filtering .form-control{
    height:45px;
    background-color: #f8f8f6;
    border:1px solid #e6e4de;
    box-shadow:none;
    font-size:14px;
    font-family: 'ralewaylight';
    color:#48443f;
}

.page-body .car-list .filter .filtering .form-control::-moz-placeholder{
    color:#48443f;
}

.page-body .car-list .filter .filtering .col{
    margin-bottom:4px;
    padding-left:2px;
    padding-right:2px;
}

.page-body .car-list .filter .filtering .fuel{
    background-image:url(../images/fuel.png);
    background-repeat:no-repeat;
    background-position:left 10px;
    padding-left:50px;
    padding-top:15px;
    padding-right:0px;
    min-height:38px;
    margin-bottom:15px;
}

.page-body .car-list .filter .filtering .fuel .radio{
    display: inline-block;
    margin-bottom:0px;
    margin-top:0px;
    padding-right:20px;
}

.page-body .car-list .filter .filtering .fuel .radio .custom-radio{
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right:8px;
    background-image: url(../images/radio.png);
    background-repeat:no-repeat;
}
.page-body .car-list .filter .filtering .fuel .radio .custom-radio:hover{
    background-image: url(../images/radio-hover.png);
    background-repeat:no-repeat;
}
.page-body .car-list .filter .filtering .fuel .radio .custom-radio.selected{
    background-image: url(../images/radio-selected.png);
    background-repeat:no-repeat;
}
.page-body .car-list .filter .filtering .fuel .radio .custom-radio input[type="radio"]{
    margin: 1px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.page-body .car-list .filter .filtering .fuel .radio label{
    display: block;
    color:#48443f;
    font-size:13px;
    font-family: 'ralewaymedium';
    padding-left:0px;
}

.page-body .car-list .filter .filtering .body-type{}
.page-body .car-list .filter .filtering .body-type .type{padding:0px;}
.page-body .car-list .filter .filtering .body-type .row{
    margin-left:-2px;
    margin-right:-2px;
}
.page-body .car-list .filter .filtering .body-type .radio{
    display: inline-block;
    margin-bottom:0px;
    margin-top:0px;
    padding-left:2px;
    padding-right:2px;
}

.page-body .car-list .filter .filtering .body-type .radio label{
    padding-left:0px;
    width:100%;
}

.page-body .car-list .filter .filtering .body-type .radio .custom-radio{
    background-color:#f8f8f6;
    border:1px solid #e6e4de;
    border-radius:3px;
    width: 100%;
    height:58px;
    display: inline-block;
    position: relative;
    top:0px;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:center center;
}

.page-body .car-list .filter .filtering .body-type .radio .custom-radio.selected{
    background-color:#FFA500;
    border:none;
}

.page-body .car-list .filter .filtering .body-type .radio .custom-radio input[type="radio"]{
    margin: 1px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}

.page-body .car-list .filter .filtering .body-type .type1 .custom-radio{
    background-image: url(../images/type1.png);
}

.page-body .car-list .filter .filtering .body-type .type1 .custom-radio.selected{
    background-image: url(../images/type1-selected.png);
}

.page-body .car-list .filter .filtering .body-type .type2 .custom-radio{
    background-image: url(../images/type2.png);
}

.page-body .car-list .filter .filtering .body-type .type2 .custom-radio.selected{
    background-image: url(../images/type2-selected.png);
}

.page-body .car-list .filter .filtering .body-type .type3 .custom-radio{
    background-image: url(../images/type3.png);
}

.page-body .car-list .filter .filtering .body-type .type3 .custom-radio.selected{
    background-image: url(../images/type3-selected.png);
}

.page-body .car-list .filter .filtering .body-type .type4 .custom-radio{
    background-image: url(../images/type4.png);
}

.page-body .car-list .filter .filtering .body-type .type4 .custom-radio.selected{
    background-image: url(../images/type4-selected.png);
}

.page-body .car-list .filter .filtering .body-type .type5 .custom-radio{
    background-image: url(../images/type5.png);
}

.page-body .car-list .filter .filtering .body-type .type5 .custom-radio.selected{
    background-image: url(../images/type5-selected.png);
}

.page-body .car-list .filter .filtering .body-type .type6 .custom-radio{
    background-image: url(../images/type6.png);
}

.page-body .car-list .filter .filtering .body-type .type6 .custom-radio.selected{
    background-image: url(../images/type6-selected.png);
}

.page-body .car-list .filter .filtering .showcar{
    width:100%;
    background-color:#ffa500;
    color:#ffffff;
    font-size:16px;
    font-family: 'ralewaybold';
    padding-top:15px;
    padding-bottom:12px;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .filter .filtering .showcar:hover{
    background-color:#EE9D00;
}

.page-body .car-list .filter .filtering .showcar2{
    width:100%;
    background-color: #cc0000;
    color:#ffffff;
    font-size:16px;
    font-family: 'ralewaybold';
    padding-top:15px;
    padding-bottom:12px;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.page-body .car-list .filter .filtering .showcar2:hover{
    background-color:#36633a;
}
/* Araç Liste Son */

/* Araç Detay */
.page-body .car-details{
    margin-top:10px;
    margin-bottom:40px;
}

.page-body .car-details .container{
    position:relative;
}

.page-body .car-details .info{
    position:relative;
    background-color:#ffffff;

    padding-top:10px;
    padding-bottom:6px;
    border-radius:3px 0px 0px 3px;
}

.page-body .car-details .info .name h1{
    font-size:22px;
    line-height:24px;
    font-family: 'ralewayregular';
    margin-bottom:26px;
    color:#ffa500;
}

.page-body .car-details .info .price{
    margin-bottom:5px;
}

.page-body .car-details .info .price .first{
    display:block;
    font-size:30px;
    color:#3a3735;
    font-family: 'ralewaymedium';
    line-height:32px;
    margin-bottom:6px;
}

.page-body .car-details .info .price .first .pricetl{
    float:left;
}

.page-body .car-details .info .price .first .tl{
    font-size:18px;
    position:relative;
    top:-5px;
}


.page-body .car-details .info .price .second{
    display:block;
    font-size:13px;
    font-family: 'ralewayregular';
    color:#3a3735;
    clear:both;
}

.page-body .car-details .info .case{}
.page-body .car-details .info .case .icon{
    display:block;
    text-align:right;
    margin-bottom:6px;
}
.page-body .car-details .info .case .text{
    font-size:12px;
    font-family: 'ralewayregular';
    text-align:right;
}

.page-body .car-details .info .features{
    background-color:#1bbc9b;
    display:table;
    height:54px;
    border-radius:4px 0px 0px 0px;
    border-right:1px solid #ffffff;
    background-image:url(../images/featuresarrow.png);
    background-repeat:no-repeat;
    background-position:bottom center;
}

.page-body .car-details .info .features span{
    color:#ffffff;
    font-size:18px;
    font-family: 'ralewayregular';
    text-align:center;
}

.page-body .car-details .info .bid-btn{
    background-color:#ffa500;
    display:table;
    height:54px;
    border-radius:0px 4px 0px 0px;
}

.page-body .car-details .info .bid-btn a{
    display:table-cell;
    vertical-align:middle;
    color:#ffffff;
    font-size:18px;
    font-family: 'ralewayregular';
    text-align:center;
}

.page-body .car-details .info .features-table table{margin-bottom:0px;}
.page-body .car-details .info .features-table table tr td{
    border-top:none;
    border-bottom:1px solid #e9e7e3;
    color:#3b3936;
    font-size:16px;
    line-height:28px;
    padding: 2px 11px;
}

.page-body .car-details .info .features-table table tr .left{font-family: 'ralewaybold';}
.page-body .car-details .info .features-table table tr .right{font-family: 'ralewaymedium';}

.page-body .car-details .info .search .form-control{
    text-decoration:underline;
    height:30px;
    border:none;
    padding-left:0px;
    box-shadow:none;
}

.page-body .car-details .info .search .form-control:focus{
    box-shadow:none;
}

.page-body .car-details .info .search .link{
    width:20px;
    height:20px;
    right:15px;
    top:5px;
    position:absolute;
    background-image:url(../images/search.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.page-body .car-details .info .search .link:hover{
    opacity:0.8;
}

.page-body .car-details .info .search .link a{
    display:block;
    width:20px;
    height:20px;
}
.page-body .car-details .galleryall{
    float:right;
}

.page-body .car-details .gallery{
    float:right;
    overflow:hidden;
    padding-left: 10px;
}

.page-body .car-details .gallery .owl-item{
    width:100%;
}

.page-body .car-details .gallery .owl-item .item{

    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    display:block;
    width:100%;
    border-radius:0 3px 0 0;
    z-index:1;
}

.page-body .car-details .gallery .owl-item .item img{
    width:100%;
    height:100%;
}

.page-body .car-details .gallery .gallery-bottom{

}

.social{

}

.social span{
    float:left;
    font-size:13px;
    color:#54504b;
    line-height:30px;
    padding-right:35px;
}

.social ul{
    float:left;
    margin-bottom:0px;
}

.social ul li{
    float:left;
    height:40px;
    width:40px;
    margin-left:5px;
    /*border-radius:50%;*/
    padding:0px;
}

.social ul li a{
    display:block;
    height:30px;
    width:30px;
}

.social ul li a:hover{
    text-decoration:none;
}

.social ul .gplus{
    /*background-color:#e02f2f;*/
    background-image:url(../images/gplus2.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.social ul .twitter{
    /*background-color:#55acee;*/
    background-image:url(../images/twitter2.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.social ul .facebook{
    /*background-color:#3b5998;*/
    background-image:url(../images/facebook2.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.social ul .instagram{
     /*background-color:#3b5998;*/
     background-repeat:no-repeat;
     background-position:center top;
 }

.page-body .car-details .gallery .gallery-bottom .gallery-control{
    float:right;
    margin-top:-55px;
    z-index:1;
    position:relative;
}

.page-body .car-details .gallery .gallery-bottom .gallery-control .PrevCarDetailImg{
    float:left;
    width:50px;
    height:50px;
    background-color:rgba(255,255,255,0.9);
    margin-right:1px;
    border-radius:3px 0px 0px 3px;
    background-image:url(../images/prevcardetail.png);
    background-repeat:no-repeat;
    background-position:left center;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .car-details .gallery .gallery-bottom .gallery-control .PrevCarDetailImg:hover{
    background-position:right center;
}

.page-body .car-details .gallery .gallery-bottom .gallery-control .NextCarDetailImg{
    float:left;
    width:50px;
    height:50px;
    background-color:rgba(255,255,255,0.9);
    margin-left:1px;
    border-radius:0px 3px 3px 0px;
    background-image:url(../images/nextcardetail.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .car-details .gallery .gallery-bottom .gallery-control .NextCarDetailImg:hover{
    background-position:left center;
}

.page-body .car-details .gallery .gallery-bottom .gallery-control  .TotalCount{
    float:left;
    width:100px;
    height:50px;
    line-height:50px;
    text-align:center;
    background-color:rgba(255,255,255,0.9);
    font-size:22px;
    font-family: 'ralewaymedium';
}


.page-body .car-details .custom-pag-place{
    padding-top:15px;
    padding-bottom:15px;
}

.page-body .car-details .custom-pag-place .row{
    margin-left:-5px;
    margin-right:-5px;
}

.page-body .car-details .custom-pag-place .thumb{
    padding-left:3px;
    padding-right:3px;
}
.page-body .car-details .custom-pag-place .thumb img{
    width:100%;
    border-radius:3px;
    border:2px solid transparent;
}

.page-body .car-details .custom-pag-place .active a{}

.page-body .car-details .custom-pag-place .active img{
    display:block;
    border:2px solid #FFA500;
}

/* * /

.page-body .car-details .custom-pag-place{
float:left;
padding-top:15px;
padding-bottom:15px;
}

.page-body .car-details .custom-pag-place .row{
margin-left:-5px;
margin-right:-5px;
}

.page-body .car-details .custom-pag-place .thumb{
padding-left:5px;
padding-right:5px;
margin-bottom:10px;
}
.page-body .car-details .custom-pag-place .thumb img{
width:100%;
border-radius:3px;
border:2px solid transparent;
}

.page-body .car-details .custom-pag-place .active a{}

.page-body .car-details .custom-pag-place .active img{
display:block;
border:2px solid #FFA500;
}

/**/

.page-body .car-details .tabs{
    margin-top:20px;
}

.page-body .car-details .navv{

    background-color: #54504b;
}

.page-body .car-details .tabs .resp-tabs-list li{
    font-weight: 600;
    font-size: 13px;
    padding: 0px 40px;
    margin: 0px;

    cursor: pointer;
    display: table-cell;
    float: none;
    height: 80px;
    vertical-align: middle;
    color: #54504b;
    font-family: 'ralewayregular';
    font-size:16px;
    border-bottom:5px solid #ffa500;
    background-image:url(../images/resp-tabs-list-li.jpg);
    background-repeat:no-repeat;
    background-position:center right;
}

.page-body .car-details .tabs li:nth-last-child(1){
    background-image:none;
}

.page-body .car-details .tabs .resp-tab-active {
    border-bottom: none;
    margin-bottom: -1px !important;
    border-bottom: 0px #fff solid !important;
    background-color:#ffa500 !important;
    border-radius:3px 3px 0 0;
    color: #ffffff !important;
    font-family: 'ralewaysemibold';
    font-weight: normal !important;
    background-image:url(../images/tab-active.png)!important;
    background-position:40px bottom !important;
    background-repeat:no-repeat !important;
}


.page-body .car-details .tabs .resp-content-active, .car-details .tabs .resp-accordion-active {
    display: block;
}

.page-body .car-details .tabs .notes{}
.page-body .car-details .tabs .notes p{
    font-size:14px;
    color:#6d6965;
    line-height:24px;
}

.page-body .car-details .tabs .equipment ul{
    width:100%;
    height:auto;
    overflow:hidden;
    margin-left:0px;
    margin-bottom:0px;
}

.page-body .car-details .tabs .equipment ul li{
    padding-left:30px;
    font-family: 'ralewaymedium';
    color:#082987;
    width:20%;
    float:left;
    padding-bottom:10px;
    padding-top:10px;
    background-image:url(../images/equipmentyes.png);
    background-repeat:no-repeat;
    background-position:5px center;
}

.page-body .car-details .tabs .equipment ul li:nth-child(odd){
    background-color:#EDEBE5;
}

.page-body .car-details .tabs .equipment ul li:nth-child(even){
    background-color:#e1dfdb;
}

.page-body .car-details .tabs .cars-similar{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:20px;
    padding-top:20px;
}

.page-body .car-details .tabs .cars-similar .owl-item{
    padding-left:15px;
    padding-right:15px;
}
.page-body .car-details .tabs .cars-similar .item{
    border-radius:3px;
}

.page-body .car-details .tabs .cars-similar .item a{
    display:block;
    color:#54504b;
}

.page-body .car-details .tabs .cars-similar .item a .image{
    width:100%;
    display:block;
    margin-bottom:20px;
}

.page-body .car-details .tabs .cars-similar .item a .image img{
    width:100%;
    max-width:100%;
    border-radius:3px 3px 3px 3px;
    max-height:200px!important;
}

.page-body .car-details .tabs .cars-similar .item a .text .name{
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.page-body .car-details .tabs .cars-similar .item a .text .price{
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
/* Araç Detay Son */


/* Arşivim */
.page-body .archives{
    margin-bottom: 40px;
    margin-top: 40px;
}

.page-body .archives .tabs .resp-tabs-list li{
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 0px 20px;
    margin: 0px;
    list-style: none;
    cursor: pointer;
    display: table-cell;
    float: none;
    height: 80px;
    vertical-align: middle;
    color: #54504b;
    font-family: 'ralewayregular';
    font-size:16px;
    line-height:18px;
    border-bottom:5px solid #97c436;
    background-image:url(../images/resp-tabs-list-li.jpg);
    background-repeat:no-repeat;
    background-position:center right;
}

.page-body .archives .tabs li:nth-last-child(1){
    background-image:none;
}

.page-body .archives .tabs .resp-tab-active {
    border-bottom: none;
    margin-bottom: -1px !important;
    border-bottom: 0px #fff solid !important;
    background-color:#97c436;
    border-radius:3px 3px 0 0;
    color: #ffffff !important;
    font-family: 'ralewaysemibold';
    font-weight:normal;
    background-image:url(../images/tab-active.png)!important;
    background-position:20px bottom !important;
    background-repeat:no-repeat !important;
}


.page-body .archives .tabs .resp-content-active, .page-body .archives .tabs .resp-accordion-active {
    display: block;
}


.page-body .archives .tabs .archives-car-list{}
.page-body .archives .tabs  table{}

.page-body .archives .tabs table tr{}
.page-body .archives .tabs .archives-car-list table tbody tr:nth-child(odd){
    background-color:#ffffff;
}

.page-body .archives .tabs .archives-car-list table tbody tr:nth-child(odd):hover{
    background-color:#f5f5f5;
}

.page-body .archives .tabs .archives-car-list table tbody tr:nth-child(even){
    background-color:#f1f1f1;
}

.page-body .archives .tabs .archives-car-list table tbody tr:nth-child(even):hover{
    background-color:#e7e7e7;
}

.page-body .archives .tabs table tr th{
    vertical-align: top;
    font-size:14px;
    font-family: 'ralewaysemibold';
}

.page-body .archives .tabs table tr td{
    vertical-align: middle;
    font-size:14px;
    font-family: 'ralewaymedium';
    color:#54504b;
}

.page-body .archives .tabs table tr td a{
    color:#97C436;
}

.page-body .archives .tabs .archives-car-list table tr .photo{
    max-width:100px;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.page-body .archives .tabs .archives-car-list table tr .cancel{
    width:50px;
    height:50px;
}

.page-body .archives .tabs .top tbody tr th{
    border-top:none;
    border-bottom:1px solid #dddddd;
}
.page-body .archives .tabs .top tbody tr td{
    border-top:none;
    border-bottom:1px solid #dddddd;
}

.page-body .archives .tabs h3{
    font-size:20px;
    font-family: 'ralewaysemibold';
    color: #6d6965;
}

.page-body .archives .tabs p{
    color: #6d6965;
    font-size:15px;
    font-family: 'ralewaylight';
    margin-bottom:5px;
}

/* Arşivimy Son */

/* İhale Liste */
.page-body .auction-list{
    margin-bottom: 40px;
    margin-top: 40px;

}
.page-body .auction-list table{}
.page-body .auction-list table thead tr{
    background-color:#47c3b9;
}

.page-body .auction-list table thead tr th{
    color:#ffffff;
}

.page-body .auction-list table tr{}
.page-body .auction-list table tbody tr:nth-child(odd){background-color:#ffffff;}
.page-body .auction-list table tbody tr:nth-child(odd):hover{background-color:#f5f5f5;}
.page-body .auction-list table tbody tr:nth-child(even){background-color:#f1f1f1;}
.page-body .auction-list table tbody tr:nth-child(even):hover{background-color:#e7e7e7;}

.page-body .auction-list table thead tr th{
    vertical-align: top;
    font-size:14px;
    font-family: 'ralewaysemibold';
    padding-top:20px;
    padding-bottom:20px;
    border-right:1px solid #ffffff;
}

.page-body .auction-list table thead tr th:nth-last-child(1){
    border-right:none;
}

.page-body .auction-list table tbody tr td{
    vertical-align: middle;
    font-size:14px;
    font-family: 'ralewaymedium';
    color:#54504b;
    border-right:1px solid #dddddd;
}

.page-body .auction-list table tbody tr td a{color:#47C3B9;}


.page-body .auction-list table tr .photo{
    max-width:100px;
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
}

.page-body .auction-list table tr .remaining-time{
    color:#d8272d;
}

.page-body .auction-list table tr .bid{
    width:90px;
    text-align:center;
}
/* İhale Liste Son */

/* Hesabım */

.page-body .myaccount{
    margin-top:40px;
    margin-bottom:40px;
}

.page-body .myaccount .title{
    background-color:#ffae02;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:3px 3px 0px 0px;
}
.page-body .myaccount .title h1{
    font-size:26px;
    font-family: 'ralewaymedium';
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    color:#ffffff;
}

.page-body .myaccount .account-info{
    padding-top:15px;
    padding-bottom:15px;
    background-color:#ffffff;
    border-radius:0px 0px 3px 3px;
}
.page-body .myaccount  .account-info .col{
    margin-bottom:5px;
}

.page-body .myaccount  .account-info .col .text{
    float:left;
    height:45px;
    display:table;
    width:20%;
}

.page-body .myaccount  .account-info .col .text label{
    display:table-cell;
    vertical-align:middle;
}

.page-body .myaccount  .account-info .col .form-control{
    width:80%;
}

.page-body .myaccount  .account-info .col .select-box{
    float: left;
    width:80%;
    position:relative;
}

.page-body .myaccount  .account-info .buttons{
    clear:both;
    margin-top:20px;
    width:100% !important;
    float:left;
}

.page-body .myaccount  .account-info .button .btn{
    padding-left:15px;
    padding-right:15px;
    color:#fff;
    font-family: 'ralewaymedium';
    font-size:14px;
    height:45px;
    width:100%;
}

.page-body .myaccount  .account-info .button{
    padding-left:5px;
    padding-right:5px;
}

.page-body .myaccount  .account-info .button .save{background-color:#FFAE02;}
.page-body .myaccount  .account-info .button .save:hover{background-color:#e59c02;}
.page-body .myaccount  .account-info .button .password{background-color:#97c436;}
.page-body .myaccount  .account-info .button .password:hover{background-color:#87AF30;}

.page-body .myaccount  .account-info .button .ilgilendigim{background-color:#47C3B9;}
.page-body .myaccount  .account-info .button .ilgilendigim:hover{background-color:#40afa6;}

.page-body .myaccount  .account-info .button .hesap-bilgi{background-color:#d8272d;}
.page-body .myaccount  .account-info .button .hesap-bilgi:hover{background-color:#ad1f24;}

/* Hesabım  Son*/

/* Referanslar */
.page-body .references{}
.page-body .references .col{
    margin-bottom:15px;
}
.page-body .references .col img{
    width:100%;
    max-width:100%;
}
/* Referanslar Son */

/* Accordion */
.panel-group{
    width:100%;
}
.panel-group .panel{
    box-shadow:none;
    border:none;
    border-radius:3px;
}

.panel-group .panel .panel-heading{
    padding:0px;
    border-radius:3px 3px 0px 0px;
    overflow:hidden;
}

.panel-group .panel .panel-heading .display-table{
    width:100%;
    position:relative;
}

.panel-group .panel .panel-heading .panel-title a{
    font-size:14px;
    font-family: 'ralewaymedium';
    padding-top:13px;
    padding-right:48px;
    padding-bottom:13px;
    padding-left:13px;
    display:block;
    border:1px solid #ececec;
    border-radius:3px 3px 0px 0px;
    text-align:left;
    color:#082987;
}

.page-body  .accordion .panel .panel-heading .panel-title a:hover{
    border:1px solid #272F60;
    text-decoration:none;
    background-color:#082987;
    color:#ffffff;
}

.page-body  .accordion .panel .panel-heading .panel-title a:focus{outline:none;}
.panel-group .panel .panel-heading .panel-title .icon{
    position:absolute;
    right:0;
    top:0;
    background-color:#dddddd;
    background-image: url("../images/accordion.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    width:48px;
    height:48px;
    -webkit-transition: background-position 0.35s, color 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, color 0.35s, transform 0.35s;
}

.panel-group .panel .panel-heading .panel-title a:hover .icon{
    text-decoration:none;
    border:1px solid #082987;
    background-color:#082987;
    background-position: right top;
}

.panel-group .panel .panel-heading .panel-title .active{
    border:1px solid #082987;
    background-color: #082987;
    color:#ffffff;
}

.panel-group .panel .panel-heading .panel-title .active .icon{
    background-color: #082987;
    background-image: url("../images/accordeon-active.png");
    background-position: right top;
    background-repeat: no-repeat;
    border:1px transparent;
}

.panel-group .panel .panel-heading .panel-title .active:hover .icon{
    background-position: right bottom;
}

.panel-group .panel .panel-collapse{
    border:1px solid #16216A;
    margin-top: -1px;
    border-radius:0px;
    text-align:left;
}

.panel-group .panel .collapse{border:1px solid #272f60}

.panel-group .panel .collapse .panel-body{
    font-size:14px;
    font-family: 'ralewaymedium';
    line-height:18px;
    color:#16216A;
}

.panel-group .panel .collapse .panel-body  .panel-body-image{
    padding-left:0;
    overflow:hidden;
}

.panel-group .panel .collapse .panel-body  .panel-body-image img{
    width: 100%;
}
/* Accordion Son*/


/* Haberler Liste */
.page-body .page-content .news-list{}
.page-body .page-content .news-list .news{
    border-bottom: 1px solid #dddddd;
    height: auto;
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.page-body .news-list .news a{
    display:block;
    color:#6d6965;
    text-align:left;
}

.page-body .news-list .news a .img-responsive{
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.page-body .news-list .news a:hover .img-responsive{
    opacity:0.4;
    -webkit-transform: scale3d(1.5,1.5,0.5);
    transform: scale3d(1.5,1.5,0.5);
}

.page-body .news-list .news a .news-photo{padding-left:0;}

.page-body .news-list .news a .news-photo .news-photo-mask{
    background: -webkit-linear-gradient(135deg, #FEA500 0%,#082987 100%);
    background: linear-gradient(135deg, #FEA500 0%,#082987 100%);
    overflow:hidden;
    display:block;
}

.page-body .news-list .news h3{
    margin-top:0;
    margin-bottom:10px;
    color:#6d6965;
    font-size:20px;
    font-family: 'ralewaymedium';
}

.page-body .news-list .news p{
    font-size:16px;
    line-height:20px;
    font-family: 'ralewayregular';
    color:#6d6965;
}

.page-body .news-list .news .news-btn{
    background-color:#082987;
    color:#ffffff;
    padding-top:9px;
    padding-right:33px;
    padding-bottom:9px;
    padding-left:10px;
    background-image:url(../images/news.png);
    background-repeat:no-repeat;
    background-position:right center;
    border-radius:0px;
    position:absolute;
    bottom:20px;
}

.page-body .news-list .news a:hover .news-btn{text-decoration:underline;}

/* Haberler Liste Son */

/* Haber Detay */
.page-body .news-details{text-align:left;}
.page-body .news-details p {
    color: #6d6965;
    font-size: 16px;
    font-weight: 300;
}

.page-body .news-details h3{
    color: #6d6965;
    font-size:20px;
    font-family: 'ralewaymedium';
}

.page-body .news-details img{
    padding-left:0px;
    margin-bottom:20px;
}
/* Haber Detay Son */


/* İletişim */

.page-body  .contact-tab ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-left:0px;
    margin-bottom:0px;
    padding-left:15px;
    padding-right:15px;
}
.page-body  .contact-tab ul li{
    vertical-align:bottom;
    padding-left:0px;
    padding-right:0px;
}

.page-body  .contact-tab ul li a{
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    display:block;
    background-color:#f4f3ef;
    color:#16216a;
    font-family: 'ralewaysemibold';
    border-right:1px solid #ffffff;
    height:60px;
    display:table;
}

.page-body  .contact-tab ul li a span{
    display:table-cell;
    vertical-align:middle;
}

.page-body  .contact-tab ul li:nth-last-child(1) a{border-right:none;}
.page-body  .contact-tab ul li .selected{
    background-color:#fea500;
    color:#ffffff;
    border-right:none;
}

.page-body .contact-tab ul .placeholder a{line-height:60px;}

.page-body .maps{
    height:600px;
}

.page-body .contact-info h3{
    color:#6d6965;
    text-align:left;
}

.page-body .contact-info .line{
    float:left;
    display:table;
    width:100%;
    margin-bottom:5px;
    margin-top:5px;
}

.page-body .contact-info .line span{
    display:table-cell;
    vertical-align:middle;
    text-align:left;
}

.page-body .contact-info .line .icon{
    width:70px;
    height:50px;
    padding-right:20px;
    background-repeat:no-repeat;
    background-position:left top;
}

.page-body .contact-info .address .icon{
    background-image:url(../images/address.png);
}

.page-body .contact-info .address span{}

.page-body .contact-info .phone .icon{
    background-image:url(../images/phone.png);
}

.page-body .contact-info .phone span{
    font-size:22px;
}

.page-body .contact-info .fax .icon{
    background-image:url(../images/fax.png);
}
.page-body .contact-info .fax span{
    font-size:22px;
}

.page-body .contact-info .email .icon{
    background-image:url(../images/email.png);
}

.page-body .contact-info .email span a{
    font-size:18px;
    color:#082987;
}

.page-body .contact-info .contact-form{
    padding-right:0px;
}

.page-body .contact-form h3{
    color:#6d6965;
    text-align:left;
}




/* İletişim Son */

/* Forms */
form{position:relative;}
form .row{
    margin-left:-5px !important;
    margin-right:-5px !important;
}

form .row .col{
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
}

form .form-control{
    background-color:#f8f8f6;
    height:45px;
    border:1px solid #e6e4de;
    box-shadow:none;
    color:#48443f;
    font-family: 'ralewayregular';
    border-radius:3px;
    font-size:14px;
    -webkit-transition: border 0.65s, -webkit-transform 0.65s;
    transition: border 0.65s, transform 0.65s;
}

form .form-control::-moz-placeholder{color:#48443f;}

form .form-control:focus{border:1px solid #082987;box-shadow:none;}

form textarea.form-control{height:auto;}
form .row .col .select-box .select{
    background-color: #f8f8f6;
    background-image: url("../images/selectbox-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #e6e4de;
    color: #272f60;
    font-size: 14px;
    font-family: 'ralewayregular';
    height:45px;
    line-height: 45px;
    padding-left:12px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    text-align:left;
    border-radius:3px;
}


form .row .col .select-box select{
    height: 45px;
    opacity: 0;
    width: 100% !important;
}

form .datepickericon{
    background-image:url(../images/hasDatepicker.png);
    background-repeat:no-repeat;
    background-position:right center;
    position:absolute;
    height:44px;
    width:20px;
    right:15px;
    top:0px;
}

form .row .col .resecurity{
    position:relative;
    background-color:#ffffff;
    border:1px solid #ececec;
    height:38px;
    border-radius:3px 3px 3px 3px;
    padding-right:38px;
    /*background-image:url(../images/captcha.png);*/
    background-repeat:no-repeat;
    background-position:center center;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    vertical-align: middle;
    padding-top:5px;
}

form .row .col .resecurity a{
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    top: -1px;
    right: -1px;
    background-color: #ff5500;
    border-radius: 0px 3px 3px 0px;
}

form .row .col .resecurity a span{
    width: 38px;
    height: 38px;
    display: block;
    background-image: url('https://www.aksamoto.com.tr/images/resecurity.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: rotate 0.35s, -webkit-transform 0.35s;
    transition: rotate 0.35s, transform 0.35s;

}

form .row .col .resecurity a:hover span{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}


form .row .col .file-upload{position:relative;}
form .row .col .file-upload .input-group{
    color:#272f60;
    font-family: 'ralewayregular';
    font-size:14px;
    height:45px;
    left: 0;
    padding-left: 12px;
    position: absolute;
    top: 0;
    border: 1px solid #e6e4de;
    background-color:#f8f8f6;
    background-image:url(../images/fileupload.png);
    background-repeat:no-repeat;
    background-position:right center;
    line-height:45px;
    width:100%;
    overflow:hidden;
    padding-right:50px;
    text-align:left;
    border-radius:3px;
}

form .row .col .file-upload input{opacity:0;cursor:pointer;}

form .send-btn{
    float:right;
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#ff5500;
    background-image:url(<?=base_url()?>images/send.png);
    background-repeat:no-repeat;
    background-position:right center;
    border-radius:3px;
    color:#ffffff;
    font-size:16px;
    font-family: 'ralewaymedium';
    width:100%;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
    margin-top:10px;
}

form .send-btn:hover{
    background-color:#FFA500;
    color:#ffffff;
}

.takipbuton{

    position: absolute;
    z-index: 2;
    background-color: #d52700;
    color: white;
    margin: 15px;
}
/* Forms Son */

/* Sayfalama */
.page-body .pager-default{
    float:left;
    width:100%;
    display:table;
    position:relative;
    height:40px;
}

.page-body .pager-default .previous{
    position:absolute;
    left:0;
    top:0;
    list-style:none;
    width:40px;
    height:40px;
    background-color:#082987;
    background-image:url(../images/pager-previous2.png);
    background-position:left center;
    background-repeat:no-repeat;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .pager-default .previous:hover{
    background-color:#FFA600;
    background-position:right center;
}

.page-body .pager-default .previous a{
    display:block;
    width:40px;
    height:40px
}

.page-body .pager-default .pagination{
    display:table;
    margin:0 auto;
    padding-left:0;
}

.page-body .pager-default .pagination li a{
    background-color:transparent;
    border-top:none;
    border-left:none;
    border-bottom:none;
    border-right:1px solid #dddddd;
    font-size:16px;
    font-family: 'ralewayregular';
    color:#082987;
}

.page-body .pager-default .pagination li a:hover{
    text-decoration:underline;
}

.page-body .pager-default .pagination .active{
    border:1px solid #e6e4de;
    border-radius:5px;
    background-color:#f8f8f6;
    background-repeat:no-repeat;
    background-position:center center;
    float:left;

}

.page-body .pager-default .pagination .active a{
    font-family: 'ralewaybold';
    font-size:bold;
    color:red!important;
}

.page-body .pager-default .next{
    position:absolute;
    right:0;
    top:0;
    list-style:none;
    width:40px;
    height:40px;
    background-color:#082987;
    background-image:url(../images/pager-next2.png);
    background-position:right center;
    background-repeat:no-repeat;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
}

.page-body .pager-default .next:hover{
    background-color:#FFA600;
    background-position:left center;
}

.page-body .pager-default .next a{
    display:block;
    width:40px;
    height:40px
}
/* Sayfalama Son */

/* Resim üzerindeki ileri geri iconları */
.resimUstundekiNext{
    position:absolute;
    right:8%;
    top:0;
    list-style:none;
    width:15%;
    height:20%;
    background-position:right center;
    background-repeat:no-repeat;
}

.resimUstundekiNext:hover{
    background: transparent url('../images/next-.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
    margin-top: -18px;
    z-index: 1;
}

.resimUstundekiPrev{
    position:absolute;
    top:0;
    list-style:none;
    width:15%;
    height:20%;
    background-position:left center;
    background-repeat:no-repeat;
    z-index:1
}

.resimUstundekiPrev:hover{
    background: transparent url('../images/prev-.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: background-position 0.35s, -webkit-transform 0.35s;
    transition: background-position 0.35s, transform 0.35s;
    margin-top: -18px;
    z-index: 1;
}

/* Resim üzerindeki ileri geri resim iconları son */

/* Fancy Box */

.fancybox-inner .title{
    position:fixed;
    z-index:9;
    top:0;
    left:0;
    width:100%;
    height:50px;
    color:#ffffff;
    padding-left:15px;
    padding-right:65px;
    display:table;
}

.fancybox-inner .title span{
    display:table-cell;
    vertical-align:middle;
    font-family: 'ralewaymedium';
    font-size:20px;
}

.hesapbilgi{ padding:65px 15px 15px 15px; max-width:1000px; }
.hesapbilgi .title{background-color:#C00;}
.hesapbilgi .announcement h3{color:#C00; }

.sign-up{padding:65px 100px 15px 15px;max-width:1000px;}
.sign-up .sitemap{margin-top:-150px ; margin-left: -30px; margin-right: -30px;}
.sign-up .title{background-color:#EED202;color:#000000;font-weight:bold;}
.sign-up .uyari{background-color:#9f9e9a;}
.sign-up .uyari img{padding-top:50px;}
.sign-up .uyari .baslik{text-align:center;font-family:'ralewayregular';font-size:23pt; color:#FFFFFF}
.sign-up .uyari .altbaslik{padding-bottom:50px;text-align:center;font-family:'ralewaylight';font-size:13pt; color:#FFFFFF}
.sign-up .error404{background-color:#CC0000;color:#FFFFFF;font-weight:bold;font-size:25px;}

.changepass{padding:65px 15px 15px 15px;max-width:1000px;}
.changepass .title{background-color:#97c436;}

.login-pop{padding:65px 15px 15px 15px;max-width:1000px;}
.login-pop .title{background-color:#ffae02;}

.follow-pop{padding:65px 15px 15px 15px;max-width:1000px;}
.follow-pop .title{background-color:#FFAE02;}
.follow-pop p{text-align:center;}
.follow-pop p a{color:#333333;text-decoration:underline;}
.follow-pop p a:hover{color:#666666;}

.bid-pop{padding:65px 15px 15px 15px;max-width:1000px;z-index: 9999999999;}
.bid-pop .title{background-color:#ffae02;}
.bid-pop .info .left{
    padding-top:5px;
    padding-bottom:5px;
    font-family: 'ralewaymedium';
}
.bid-pop .info .right{
    padding-top:5px;
    padding-bottom:5px;
}

.bid-pop .bid-btn{
    float:right;
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#FFAE02;
    border-radius:3px;
    color:#ffffff;
    font-size:16px;
    font-family: 'ralewaymedium';
    width:100%;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
    margin-top:10px;
}

.bid-pop .bid-btn:hover{
    background-color:#EB9B00;
}

.bid-pop .cancel-btn{
    float:right;
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#d8272d;
    border-radius:3px;
    color:#ffffff;
    font-size:16px;
    font-family: 'ralewaymedium';
    width:100%;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
    margin-top:10px;
}

.bid-pop .cancel-btn:hover{
    background-color:#AD1F24;
}


.help-pop{padding:65px 15px 15px 15px;max-width:1000px;}
.help-pop .title{background-color:#47c3b9;}

/* Fancy Box Son*/



/* Footer */
footer{
    background-color:#292929;
    width:100%;
    min-height:460px;
    overflow:hidden;
    padding-top:20px;
    padding-bottom:40px;
    position:relative;
    text-align:left;
    font-family: 'ralewaymedium';
    font-size:11px;
    line-height:35px;
    color:#FFFFFF;


}
footer .aksam{
    line-height:20px;
}
footer a{
    color:#FFFFFF;

}
footer .bkirmizi
{
    background:#FF0000;
}
footer .byesil
{
    background:#00FF00;
}
footer .m20{
    margin:20px 20px 20px 20px;

}
footer .p40{
    padding:40px 40px 40px 40px;

}
footer .m0{
    margin:0px;

}
footer .p0{
    padding:0px;

}
footer .first{
    color:#CC0000;
    font-weight: bold;
}
footer .list2{
    list-style-type:none;
    padding-left: 10px;
}
footer .fnt{
    list-style-type:none;
    font-size:20px;
}
footer .mobil{
    float: none;
    margin: 0 auto;
}

footer .links{margin-left:0;margin-bottom:15px;}
footer .links li{
    color:#4f4c4d;
    font-size:16px;
    font-family: 'ralewaymedium';
    padding-left:0;
}

footer .links li a{color:#4f4c4d;}

footer .social{}

footer .social ul{
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

footer .social ul li{

    width:40px;
}

footer .social ul li a{
    display:block;
    height:40px;
    width:40px;
}

footer .social ul li a:hover{
    text-decoration:none;
}

footer .social ul .facebook{
    background-image:url(../images/fface.png);
    background-repeat:no-repeat;
    background-position:0 0;
    -webkit-transition-duration: 1.2s; /* Safari */
    transition-duration: 1.2s;


}

footer .social ul .facebook:hover{
    opacity:0.4;
}

footer .social ul .gplus{
    background-image:url(../images/fgplus.png);
    background-repeat:no-repeat;
    background-position:0 0;
    -webkit-transition-duration: 1.2s; /* Safari */
    transition-duration: 1.2s;

}

footer .social ul .gplus:hover{
    opacity:0.4;
}

footer .social ul .twitter{
    background-image:url(../images/ftwitter.png);
    background-repeat:no-repeat;
    background-position:0 0;
    -webkit-transition-duration: 1.2s; /* Safari */
    transition-duration: 1.2s;
}

footer .social ul .twitter:hover{
    opacity:0.4;
}
footer .social ul .instagram{
    background-image:url(../images/finsta.png);
    background-repeat:no-repeat;
    background-position:0 0;
    -webkit-transition-duration: 1.2s; /* Safari */
    transition-duration: 1.2s;
}

footer .social ul .instagram:hover{
    opacity:0.4;
}
footer .copyright{color:#FFFFFF;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    padding-top:30px;



}
footer .copyright .ecomobil{padding-left:20px;font-size:12px;line-height:18px;margin-bottom:5px; width:50%; display: inline;}
footer .copyright .ecomobil a{color:#CC0000}
footer .copyright .ecomobill{padding-right:20px; float:right; margin-bottom:5px; display: inline;}
footer .copyright .ecomobill .img:hover{opacity:0.4;}
footer .copyright .mocha a{font-size:13px;line-height:24px;color:#4f4c4d;text-decoration:underline;}
footer .copyright .mocha a:hover{color:#646163;}


/** Tablet **/
@media (min-width: 768px) and (max-width: 991px) {
    header .full-container .header-top .left .left-sub{margin:0 auto;display:table;}
    header .full-container .header-top .right .right-sub{
        float:none;
        display:table;
        margin:0 auto;
    }

    #fbsection1 .content .text{font-size:30px;line-height:34px;}
    #fbsection5 .newsletter-bottom{position:relative;}
    #fbsection6 .maps{height:600px;}

    /* Page */
    .page-body .page-top .text h1{font-size:36px;line-height:38px;}
    .page-body .page-bottom .text h2{font-size:36px;line-height:38px;}
    .page-body .short-content .text{padding:20px;}
    /* Page Son */

    /* Araç Liste */
    .page-body .car-list .list .list-item .item .info .infotop .price{
        display:block;
        padding-top:5px;
    }
    .page-body .car-list .list .list-item .item .info .infotop .price .first{display:block;}

    .page-body .car-list .filter .filtering .fuel{
        background-position: 5px 10px;
        padding-left: 55px;
    }

    .page-body .car-list .list .grid-item .item:nth-child(2n+1){clear:both;}

    .page-body .car-list .list .list-top .sortby .select-box .select{
        font-size:11px;
    }
    /* Araç Liste Son*/
    .page-body .car-details .gallery{height:550px;}
    .page-body .car-details .gallery .owl-item .item{height:450px;}
    /* Araç Detay */

    /* Araç Detay Son*/

    /* Arşivim */
    .page-body .archives .tabs .resp-tabs-list li{
        padding-left:20px;
        padding-right:20px;
        font-size: 14px;
        line-height:16px;
    }
    /* Arşivim Son*/

    /* İletişim */
    .page-body .contact-tab ul li{
        display:table-cell;
    }
    /* İletişim Son */

}


/* Tablet ve Telefon Ortak Css*/
@media (max-width: 991px) {
    header{}
    .mobile-menu{
        display: block;
        height: 50px;
        position: absolute;
        right:10px;
        top:20px;
        width: 50px;
        background-image:url(../images/mobile-menu.png);
        background-repeat:no-repeat;
        background-position:center center;
    }
    .mobile-menu a{
        display:block;
        width:50px;
        height:50px;
        position:relative;
    }
    .mobile-menu a:hover, .mobile-menu a:focus{text-decoration:none;}
    .mp-menu{display:block;}
    .navbar-header{width:auto;padding-left:30px;}

    /* Main */
    #fbsection1{height:auto;}
    #fbsection1 .content{height:auto;padding-bottom:40px;padding-top:40px;}
    .cbp-fbscroller > nav{display:none;}

    #fbsection2{
        padding-top:30px;
        padding-bottom:30px;
        height:auto;
    }

    #fbsection3{
        padding-top:30px;
        padding-bottom:30px;
        height:auto;
    }

    #fbsection3 .three-step .steps{padding-right:15px;}
    #fbsection3 .three-step .steps .step{padding-left:15px;}
    #fbsection3 .three-step .steps .step .step-sub{
        display: table;
        margin: 0 auto;
    }
    #fbsection3 .three-step .steps .step .number{
        float: none;
        left: 0;
        position: relative;
    }

    #fbsection3 .three-step .steps .step .image-text{
        display: table-cell;
        float: none;
        text-align: center;
        vertical-align: middle;
        width:192px;
        padding-left:50px;
    }

    #fbsection3 .three-step .steps .step-last{display:none;}
    #fbsection4{height:auto;padding-top:30px;padding-bottom:30px;}
    #fbsection5{height:auto;padding-top:30px;}
    #fbsection5 .newsletter{padding-bottom:20px;}
    #fbsection6{height:auto;padding-top:0px;}

    /* Main Son*/

    /* Page */
    .page-body{padding-bottom:0;padding-top:100px;}
    .page-body .page-top{padding-top:0px;}
    .page-body .page-content .icon-and-text .box .table-cell .text{font-size:14px;line-height:18px;}
    .page-body .page-content .dualbox .box .table-cell .text h3{font-size:18px;line-height:18px;}
    .page-body .page-content .dualbox .box .table-cell .text p{font-size:14px;line-height:18px;}

    /* Page Son*/

    /* Araç Liste */
    .page-body .car-list .filter{
        margin-top:20px;
        padding-left:0px;
        padding-right:0px;
    }
    .page-body .car-list .filter .filtering .body-type .radio .custom-radio{
        background-size:auto auto;
    }
    /* Araç Liste Son*/

    /* Araç Detay */
    .page-body .car-details .gallery{float:left;margin-bottom:15px;}
    .page-body .car-details .info{float:left;border-radius:3px;overflow-y: visible;height:auto;}
    .page-body .car-details .gallery .owl-item .item{border-radius:3px 3px 0 0;}
    /* Araç Detay Son*/

    /* Haberler Liste */
    .page-body .news-list .news h3{
        font-size:17px;
        line-height:20px;
    }
    .page-body .news-list .news p{
        font-size: 14px;
        line-height:18px;
    }
    /* Haberler Liste Son*/

    footer{padding-bottom:50px;}
    footer .footer-bottom .links{text-align: center;margin-bottom:20px;}
    footer .footer-bottom .social .social-sub{float:none;display:table;margin:0 auto 20px;}
    footer .footer-bottom .copyright{text-align:center;}
    footer .footer-bottom .copyright .gap{display:block;float: none;}
    footer .footer-bottom .copyright .mocha{float:none;}
}


/** Telefon ve Küçük Tablet **/
@media (max-width: 767px) {
    header .navbar-two .logo a .text{display:none;}
    .navbar-brand span {display:none;}
    #fbsection1{padding-top:100px;}
    #fbsection1 .content .text{
        float:left;
        width:100%;
        margin-bottom:50px;
        font-size:26px;
        line-height:36px;
    }

    #fbsection1 .content .text .first{display:block;}
    #fbsection1 .content .right{float:left;width:100%;padding-right:0px;}
    #fbsection1 .content .right .help{
        right:0;
    }

    #fbsection3 .three-step p{padding-left:0px;padding-right:0px;}
    #fbsection3 .three-step .steps{padding-left:0px;padding-right:0px;}
    #fbsection3 .three-step .steps .step{padding-left:0px;padding-right:0px;}
    #fbsection3 .three-step .steps .step .number{width:109px;}
    #fbsection3 .three-step .steps .step .image-text .image img{width:100%;}

    #fbsection5 .newsletter-bottom{position:relative;height:auto;}
    #fbsection5 .newsletter-bottom .col{width:100%;}
    #fbsection5 .newsletter-bottom .locations{border-bottom:1px solid #ec9b00;}
    #fbsection5 .newsletter-bottom .references{border-bottom:1px solid #ec9b00;}

    #fbsection6 .maps{height:400px;}

    /** Page **/
    .page-body .short-content .text{padding:10px;}
    .page-body .short-content .text h2{font-size:34px;margin-bottom: 20px;}
    .page-body .short-content .text p{font-size:16px;line-height:20px;}
    .page-body .bid-online .bid-online-sub .bid-online-left{
        margin-bottom:10px;
        text-align:center;
    }
    .page-body .bid-online .bid-online-sub .bid-online-right{
        text-align:center;
    }

    /** Page Son**/

    /* Araç Liste */
    .page-body .car-list .list .list-top .pager-default{
        margin-top:15px;
        display:block;
        padding-left:32px;
        padding-right:32px;
    }

    .page-body .car-list .list .list-top .pager-default .previous{
        position:absolute;
    }

    .page-body .car-list .list .list-top .pager-default .pagination{
        display: table;
        float: none;
        margin: 0 auto;
    }

    .page-body .car-list .list .list-top .pager-default .next{
        position:absolute;
    }

    .page-body .car-list .list .list-item{padding-left:0px;padding-right:0px;}
    .page-body .car-list .list .list-item .item{height:auto;}
    .page-body .car-list .list .list-item .item:nth-child(odd){clear:both;}
    .page-body .car-list .list .list-item .item .row{margin-left:0px;margin-right:0px;}
    .page-body .car-list .list .list-item .item .photo{width:100%;height:auto;position:relative;}
    .page-body .car-list .list .list-item .item .info{margin-left:0px;}

    .page-body .car-list .list .list-item .item .info .infotop .price{
        display:block;
        padding-left:15px;
    }

    .page-body .car-list .list .list-item .item .info .infotop .price .first{
        display:block;
    }

    .page-body .car-list .list .list-item .item .info .info-bottom .col{
        height:auto;
        padding-top:5px;
        padding-bottom:5px;
    }
    /* Araç Liste Son */

    /* Araç Detay */
    .page-body .car-details .tabs .equipment ul li{
        width:100%;
    }
    /* Araç Detay Son */

    /* Tabs */
    .page-body .resp-tab-content{padding:20px;}
    .page-body ul.resp-tabs-list {display: none;}
    .page-body h2.resp-accordion {display: block;}
    .page-body h2.resp-accordion br{float:left;}

    .page-body .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .page-body .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .page-body .resp-accordion-closed {display: none !important;}
    .page-body .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
    /* Tabs Son */

    /* Arşivim */
    .page-body .archives .tabs .resp-tab-active{
        background-color: #97c436 !important;
    }

    .page-body .archives .tabs  table tr th{
        font-size: 13px;
        font-weight: 500;
    }

    .page-body .archives .tabs table tr td{
        font-family: 'ralewayregular';
        font-size: 12px;
    }
    /* Arşivim Son */


    /* Haberler Liste */
    .page-body .news-list .news a .news-photo{
        padding-right:0px;
        margin-bottom:20px;
    }
    .page-body .news-list .news .news-btn{
        position:relative;
        bottom:0px;
    }
    /* Haberler Liste Son */


    /* Hesabım */
    .page-body .myaccount .title h1{
        font-size: 20px;
    }

    /* Hesabım Son*/
}






/** Küçük Tablet **/
@media (min-width: 480px) and (max-width: 768px) {
    header .navbar-two .logo{
        padding-right:50px;
    }

    /** Page **/
    .page-body .page-top .text h1{
        font-size:36px;
        line-height:38px;
    }
    .page-body .page-bottom .text h2{
        font-size:36px;
        line-height:38px;
    }
    .page-body .page-content .icon-and-text .box{width:50%;}
    /** Page Son **/

    /* Araç Liste */
    .page-body .car-list .list .list-top{height:103px;}
    .page-body .car-list .list .grid-item .item:nth-child(2n+1){clear:both;}
    /* Araç Liste Son*/

    /* Araç Detay */
    .page-body .car-details .gallery{height:450px;}
    .page-body .car-details .gallery .owl-item .item{height:350px;}
    /* Araç Detay Son*/


    /* Hesabım */
    .page-body .myaccount .account-info .buttons .button{
        width:50%;
    }
    /* Hesabım Son */

    /* Haberler Detay */
    .page-body .news-details img{
        width:50%;
    }
    /* Haberler Detay Son */

}

/** Telefon**/
@media (max-width: 480px){
    /* Main */
    #fbsection2 .advantages .column .col{margin-bottom:20px;}
    #fbsection2 .advantages .column .col span{height:auto;}
    #fbsection3 .three-step .steps .step .image-text{max-width:192px;width:auto;padding-left:20px;}
    /* Main Son*/

    /** Page **/
    .page-body .page-top .text{
        padding-left:20px;
        padding-right:20px;
    }
    .page-body .page-top .text h1{
        font-size:26px;
        line-height:28px;
    }

    .page-body .page-top .menu ul li a{font-size:14px;}

    .page-body .page-bottom .text{
        padding-left:20px;
        padding-right:20px;
    }
    .page-body .page-bottom .text h2{
        font-size:26px;
        line-height:28px;
    }

    .page-body .page-content .icon-and-text .box{margin-bottom:15px;}
    /** Page Son **/

    /* Araç Liste*/
    .page-body .car-list .list .list-top{height:150px;}
    .page-body .car-list .list .list-top .view{width:100%;}
    .page-body .car-list .list .list-top .pager-default .pagination li a{
        padding-left:9px;
        padding-right:9px;
    }


    .page-body .car-list .list .list-top .sortby{
        margin-top: 15px;
        padding-left:77px;
        position: relative;
        right: 0;
        width: 100%;

    }
    .page-body .car-list .list .list-top .sortby .sortbyspan{
        left:15px;
    }

    .page-body .car-list .list .grid-item .item{width:100%;}
    /* Araç Liste Son*/


    /* Hesabım */
    .page-body .myaccount .account-info .col .text{
        width:100%;
        height: auto;
        padding-bottom:5px;
        padding-top:5px;
    }
    .page-body .myaccount .account-info .col .form-control{width:100%;}
    .page-body .myaccount .account-info .col .select-box{width:100%;}
    .page-body .myaccount .account-info .buttons .button{margin-bottom:10px;}
    /* Hesabım Son */

    /* Haberler Detay */
    .page-body .news-details img{
        padding-right:0px;
    }
    /* Haberler Detay Son */

    /* Araç Detay */
    /* Araç Detay */
    .page-body .car-details .gallery .owl-item .item{height:250px;}
    .page-body .car-details .gallery .gallery-bottom{height:120px;}
    .page-body .car-details .gallery .gallery-bottom .social{
        padding-bottom:10px;
        padding-top:10px;
    }



    /* Araç Detay Son*/

}

/** Büyük ve Küçük Ekranlı Bilgisayarlar Ortak Css */
@media (min-width: 993px) {
    #fbsection3 .three-step .steps .step{margin-left:0px;}

    /* Araç Liste */
    .page-body .car-list .filter{padding-left:0px;}
    .page-body .car-list .list .grid-item .item:nth-child(3n+1){clear:both;}
    /* Araç Liste Son */

    /* İletişim */
    .page-body .contact-tab ul li{
        display:table-cell;
    }
    /* İletişim Son */
}

/** Küçük Ekranlı Bilgisayarlar */
@media (min-width: 992px) and (max-width: 1200px){
    #fbsection3 .three-step .steps .step{padding-left: 109px;}
    #fbsection3 .three-step .steps .step .number{width: 99px;}
    #fbsection3 .three-step .steps .step .number span {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        width: 40px;
    }
    #fbsection3 .three-step .steps .step .image-text .image{margin-bottom:0px;}
    #fbsection3 .three-step .steps .step .image-text .image img{width:100%;}

    /* Araç Liste */
    .page-body .car-list .list .list-item .item .info .infotop .price{
        display:block;
        padding-top: 5px;
    }
    .page-body .car-list .list .list-item .item .info .infotop .price .first{
        display:block;
    }
    /* Araç Liste Son*/

    /* Araç Detay */
    .page-body .car-details .info{
        overflow-y:scroll;
    }

    .page-body .car-details .info .price .first .pricetl{
        font-size:22px;
    }
    .page-body .car-details .info .price .first .tl {
        font-size: 13px;
        top: -8px;
    }

    .page-body .car-details .info .price .second{
        font-size:12px;
    }

    /* Araç Detay Son*/

    /* Arşivim */
    .page-body .archives .tabs .resp-tabs-list li{
        padding-left:20px;
        padding-right:20px;
        font-size: 14px;
        line-height:16px;
    }
    /* Arşivim Son*/
}

/** Büyük Ekranlı Bilgisayarlar */
@media (min-width: 1200px) {}



/* Yeni Eklenen Detaylı Liste */

.list-detail-item{
    margin-top:20px;
}

.list-detail-item .item{
    min-height:100px;
    border-radius:3px;
    overflow:hidden;
    margin-bottom:18px;
}


.list-detail-item .item .photo{
    padding-left:0px;
    padding-right:0px;
    width:135px!important;
    height:100px!important;
    float:left;
    left:0;
    top:0;
}

.list-detail-item .item .info{
    padding-left:0px;
    padding-right:0px;
    margin-left:135px;
    min-height:100px!important;
    background-color:#ffffff;
    height:auto;
    overflow:hidden;
}

.list-detail-item .item .info .infotop{
    padding-left:0px;
    padding-right:0px;
    height:25px;
    display:table;
    background-color:#f8f8f6;
}

.list-detail-item .item .info .infotop .title{
    display:table;
    height:25px;
}

.list-detail-item .item .info .infotop .title .titlesub{
    font-size:16px;
    font-family: 'ralewayregular';
    line-height:18px;
}

.list-detail-item .item .info .infotop .price{
    display: table;
    height: 25px;
    padding-left:0px;
}

.list-detail-item .item .info .infotop .price .first{
    font-size:12px;
    color:#54504b;
    font-family: 'ralewayregular';
    display:table-cell;
    vertical-align:middle;
}

.list-detail-item .item .info .infotop .price .second{
    font-size:19px;
    color:#3a3735;
    font-family: 'ralewaymedium';
    display:table-cell;
    vertical-align:middle;
}

.list-detail-item .item .info .infotop .price .third{
    font-size:14px;
    color:#3a3735;
    font-family: 'ralewaymedium';
    display:table-cell;
    vertical-align:middle;
}

.list-detail-item .item .info .info-bottom{
    display:table;
    padding-left:0px;
    padding-right:0px;
}

.list-detail-item .item .info .info-bottom .col{
    display:table;
    height:75px;
}


.list-detail-item .item .info .info-bottom .col table{margin-bottom:0px;}

.list-detail-item .item .info .info-bottom .col table tbody tr td{
    border-top:none;
    padding-left:0px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    line-height:15px;
}

.list-detail-item .item .info .info-bottom .col table tbody tr .left{
    font-size:13px;
    font-family: 'ralewaymedium';
    color:#312f2d;
    vertical-align:top;
}

.list-detail-item .item .info .info-bottom .col table tbody tr .right{
    font-size:13px;
    font-family: 'ralewayregular';
    color:#706d6a;
    vertical-align:top;
}

.list-detail-item .item .info .info-bottom .col table tbody tr .true{color:#78c336;}
.list-detail-item .item .info .info-bottom .col table tbody tr .false{color:#ff0101;}

.list-detail-item .item .info .info-bottom .col .btn{
    width:100%;
    margin-bottom:3px;
    color:#ffffff;
    text-align:left;
    position:relative;
    white-space:normal;
}

.list-detail-item .item .info .info-bottom .col .btn .text{
    font-size:14px;
    font-family: 'ralewaymedium';
    padding-right:25px;
}

.list-detail-item .item .info .info-bottom .col .btn .icon{
    position:absolute;
    right:5px;
    top:5px;
    width:25px;
    text-align:center;
}

.list-detail-item .item .info .info-bottom .col .examined{
    background-color:#868481;
    background-image:url(../images/examined.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.list-detail-item .item .info .info-bottom .col .examined:hover{background-color:#6b6864;}

.list-detail-item .item .info .info-bottom .col .addtowatchlist{
    background-color:#868481;
    background-image:url(../images/addtowatchlist.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.list-detail-item .item .info .info-bottom .col .addtowatchlist:hover{background-color:#6b6864;}

.list-detail-item .item .info .info-bottom .col .bid{
    background-color:#ffa500;
    background-image:url(../images/bid.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transition: background-color 0.35s, -webkit-transform 0.35s;
    transition: background-color 0.35s, transform 0.35s;
}

.list-detail-item .item .info .info-bottom .col .bid:hover{background-color:#EE9D00;}

.arac_baslik{
    padding: 10px;
    background-color: #ffffff;
    color: #3a3735;
    margin-bottom: 10px;
    box-shadow: 0.5px 1px 1px #b3b3b3;
}

.arac_baslikk{
    padding: 10px;
    text-align: center;
    background-color: #f04f00;
    color: #ffffff;
    margin-bottom: 10px;
    box-shadow: 0.5px 1px 1px #b3b3b3;
}
/* Yeni Eklenen Detaylı Liste  Son */


@include min-width-768 {
    display: none;
}
#top-msg {
    min-width: 320px;
    margin-bottom: 10px;
    line-height: 3.5em;
    text-shadow: 0 0 8px var(--color-text-dark);
@include font-size(18 px);
    font-weight: 400;
    letter-spacing: -0.3px;
    color: var(--color-white);
    background: url("../images/bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media (min-width: 768px) {
   .containerx {
        height: 60px;
        background: url("../images/msg.png") center 20px no-repeat;
        background-size: 690px;
    }
}
@media (max-width: 768px){
   .containerx {
        height: 57px;
        background: url("../images/msg-mobile.png") center 15px no-repeat;
        background-size: 330px;
    }
}

.duyurumanset{
    background-image: url("../Autogong-Deprem-Web-Alani.jpg");
}