/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400&display=swap');
*{margin:0;padding:0;outline:none}
body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; background: #fff; font-weight: 400; font-size: 13px; line-height: 1.42857143; color: #333333; background-size: 100%; overflow-x: hidden; max-width: 1920px; margin: 0 auto; position: relative }
a { color: #101f2d; text-decoration: none !important; transition: all .2s ease } 
a:hover { color: #333333; text-decoration: none !important }  
a:focus { text-decoration: none }  
strong, b { font-weight:700; }  
img { max-width: 100% }  
input:focus, a:focus, textarea:focus { outline: 0 }  
.no-padding-left { padding-left: 0 }  
.no-padding-right { padding-right: 0 }  
.no-padding { padding: 0 }
.no-paddingbottom{padding-bottom:0!important}
ul li{margin-left:30px}

.top{width:100%;height:auto;padding: 20px 0; background: #ecedef;}
.top .slogan{padding:10px;font-size:22px;font-weight:300;color:#121d73;margin-right:20px;}
.top .contact{background:#f24f00;padding:5px;color:#fff;margin-top:2px;}
.top .contact a{padding:5px;color:#fff;display:inline-block;font-size:18px;margin-right:15px;}
.top .contact a.call{font-size:16px;letter-spacing:2px;font-weight:600}
.top .contact a:hover{color:#000}
.top .ucgen{width: 0;height: 0;border-left: 22px solid transparent;border-bottom: 44px solid #f24f00;margin-top: 3px;}
.top .user{background: rgb(16,25,99);background: linear-gradient(0deg, rgba(16,25,99,1) 0%, rgba(19,31,121,1) 50%, rgba(20,31,120,1) 100%);padding:15px;color:#fff;box-shadow:0 0 7px #808080}
.top .user a{color:#fff;}
.top .user a:hover{text-decoration:underline!important}

.menu{background: rgb(16,25,99);background: linear-gradient(0deg, rgba(16,25,99,1) 0%, rgba(19,31,121,1) 50%, rgba(20,31,120,1) 100%);height:70px;position:relative;box-shadow:0 0 7px #808080;}
.menu .logo{background:#fff;box-shadow:0 0 7px #808080;padding:15px 20px 15px 15px;margin-top:-20px;display:table;float:left;margin-left: 10%;}
.menu .logo img{max-height:100px;}
.menu .serit{float:left;margin-left:5%;}
.menu .serit img{height:70px;}
.menu .menuler{float:right;}
.menu .menuler a{display:inline-block;color:#fff;font-size:18px;font-weight:700;padding:10px;margin-left:30px;margin-top:12px;}
.menu .menuler a:first-child{margin-left:0}
.menu .menuler a:hover{border-bottom:solid 5px #eb4d03}
.btnsefer{    background: #f24f00; border-radius: 10px; margin-right: 20px; padding: 10px 15px;}
.btnsefer:hover{border-bottom:solid 5px #fff!important}

.menu .menuler .search{height:70px;background: #f24f00;margin-left:30px;padding:18px 5px 20px 20px;}
.menu .menuler .search .input-search{border-radius:5px 0 0 5px;border:solid 1px #ccc;background:#fff;width:200px;height:35px;padding:5px;float:left;font-weight:600;color:rgba(20,31,120,1)}
.menu .menuler .search .btnSearch{background:#fff;float:left;padding:4px 10px;margin:0;color:rgb(16,25,99);border:solid 1px #ccc}

.menu .hamburger{font-size:35px;color:#fff;float:right;margin-right: 5%;}
 
#mobile-menu{ width: 100%; height: auto; padding: 5px 0 20px; background: rgb(4, 9, 49); color: #fff; top: 0; bottom: 0; overflow: hidden; position: fixed; z-index: 999999; margin-left: -999px; display: none; }  
#mobile-menu .close {margin-top:50px; width: 100%; color: #fff; text-align: center; font-size: 25px;opacity:1}  
#mobile-menu ul{ width: 95%; height: 95%;margin:0 auto; padding: 10px 0 0; overflow: auto;font-weight:700;font-size: 15px;}                                                         
#mobile-menu ul li { padding: 15px 0 15px 0;list-style:none;border-bottom:dotted 1px #242642;text-align:center;margin:0}  
#mobile-menu ul li a { color: #fff; display: list-item; font-size: 15px; }

.banner{width:100%;height:700px;background:url(../img/banner.jpg) no-repeat center top;margin-top:3px;}
.banner .banner-box{display:table;padding:30px 15% 50px 15%;background:rgba(255, 255, 255, 0.75);font-size:70px;color:#141f78;text-align:center;margin:0 auto; margin-top:120px;line-height:90px;border: solid 10px #fff0;}
.banner .banner-box:hover{border:solid 10px #fff;background:#f24f00;color:#fff;box-shadow:0 0 10px #333333}
.banner .banner-box .icon1{background:url(../img/arac.png) no-repeat center;width:140px;height:140px;margin:0 auto;}
.banner .banner-box:hover .icon1{background:url(../img/arachover.png) no-repeat center;}
.banner .banner-box .icon2{background:url(../img/yuk.png) no-repeat center;width:140px;height:140px;margin:0 auto;}
.banner .banner-box:hover .icon2{background:url(../img/yukhover.png) no-repeat center;}
.banner-bottom{width:100%;height:97px;background:url(../img/banner-bottom.png) no-repeat center;margin-top:-90px}

.section {padding: 50px 0;background:#fff}
.section.grey {background: #ebebeb;}
.section h1 {font-weight: 700;color: #676767}
.section.no-padding { padding: 0!important }

.section .slogan{padding:15px 0;background:#edf0f0;font-style:italic;font-size:25px;font-weight:600;text-align:center;color:#f24f00}
.section .slogan i{font-size:16px;margin-right:5px;}

.section .yuksis-info{color:#3e3e3e;text-align:center;font-size:30px;}
.section .yuksis-info h1{font-size:50px;color:#f24f00;font-weight:700;margin:50px 0;letter-spacing:2px}

.section .aracarayan{height:625px;background:url(../img/arac-arayanlar.jpg) no-repeat right top;}
.section .yukarayan{height:665px;background:url(../img/yuk-arayanlar.jpg) no-repeat left top;}

.section .main-box{padding:20px;}
.section .main-box h2{color:#141f78;font-size:40px;font-weight:700}
.section .main-box .little-content{font-size:16px;color:#f24f00;margin:20px 0;font-weight:500}
.section .main-box .ul-title{font-size:20px;font-weight:600;color:#141f78;margin-bottom:10px;}
.section ul li{font-size:15px;color:#141f78;padding:7px 0;font-weight:500;}


.content{width:100%;padding:50px 0;height:auto;background:#fff;}

.content-detail { min-height: 400px;padding: 20px; font-size: 15px; line-height: 25px  }  
.content-detail h1 { text-align: center; font-weight: 700; color: #04304d }  

.mailform h2 { text-align: center; color: #162599; font-weight: 700; margin-top: 25px; margin-bottom: 20px }  
.mailform .input { padding: 15px 20px; border-radius: 40px; background: #eee; margin: 0 auto; width: 90%; display: table; border: 0; margin-top: 10px; }  
.mailform .textarea { padding: 15px 20px; height: 120px; border-radius: 30px; background: #eee; margin: 0 auto; width: 90%; display: table; border: 0; margin-top: 10px; }  
.mailform .btngonder { padding: 15px 20px; border-radius: 40px; background: #121d73; margin: 0 auto; width: 90%; display: table; border: 0; margin-top: 10px; color: #eee; font-weight: 700 }  
.mailform .btngonder:hover { background: #eb4d03 }  
.iletisim-map { width: 100%; } 
.register{padding:20px;background:#fff;width:100%;}

.section-kamyon{width:100%;height:685px;background:url(../img/kamyon.png) no-repeat center top;margin-top:50px;position:relative;z-index:1;}

.footer{width:100%;height:auto;padding:70px 0 0 0;background:#e0e1e2;margin-top:-70px;box-shadow:0 -5px 5px #cacaca;z-index:0}
.footer .footer-box .footer-box-title{padding:7px 10px;background:#e8e9e9;color:#141f78;font-size:14px;font-weight:bold;margin-bottom:10px;box-shadow:-3px -2px 2px #d4d4d4;display:table;}
.footer .ortala{display:table;margin:0 auto;}

.footer .footer-box ul li{list-style:none;padding:3px 10px;}
.footer .footer-box ul li span{color:#f24f00;}
.footer .footer-box ul li a{color:#f24f00;font-size:13px}
.footer .footer-box ul li a:hover{color:rgba(20,31,120,1)}
.footer .social ul li a{color:#121d73!important;font-size:25px;margin-right:10px;font-weight:bold;}


.footer .footer-bottom{width:100%;border-top:solid 5px #fff;padding:20px 0;color:rgba(20,31,120,1);font-weight:bold;margin-top:30px;}