@import url('https://fonts.googleapis.com/css?family=Kristi|Montserrat:300,400,500,600&display=swap');
html,body,#battal-container,.mm-page{height: 100%;width: 100%;position: relative;}
body{font-family: 'Montserrat', sans-serif;font-size: 100%;margin:0;padding:0;color:#333;background-color: #FFF;}
img{max-width: 100%;}
a{color:#57B6E7;transition: all 0.3s ease;}
a,.anime{outline: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover,a:focus,a.active{text-decoration: none;color:#57B6E7;outline: none;}
.padno-left{padding-left:0;}
.padno-right{padding-right: 0;}
.padno{padding-right: 0;padding-left: 0;}
.home-slider{position: relative;margin-top: 70px;height: calc(100% - 70px);}
.home-slider .slick-dots{position: absolute;right:20px;top:40%;padding: 0;margin: 0;list-style: none;width: 35px;}
.home-slider .slick-dots li{cursor:pointer;float: right;display:block;width: 24px;height: 3px;background-color: #FFF;opacity: 0.5;margin:3px 0;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.home-slider .slick-dots li.slick-active{width: 35px;opacity: 1;}
.home-slider .slick-dots li button{display: none;}
.slick-track,.slick-list,.slide-d{height: 100%;}
.slide-over{width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);position: absolute;}
.slide-a{display: block;position: relative;color:#FFF;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.slide-a:hover{color:#FFF;}
.slide-a img{width: 100%;}
.slide-a .caption{position: absolute;width: 100%;top:0;left:0;height: 100%;display: flex;align-items: center;}
.slide-a h2{font-size: 80px;text-transform: uppercase;max-width: 480px;font-weight: 600;}
.slide-a p{max-width: 400px;padding-top: 15px;}
header{background: #13314C;position: fixed;width: 100%;height: 70px;z-index: 99;top: 0;border-bottom: 2px solid #34CCFF;}
header .container,header .row{height: 100%;}
.header-top-mobil{display: none;}
.header-top-mobil .butn{font-size: 20px;color:#FFF;}
.header-top-mobil .button-page{display: none;}
html.mm-wrapper_opened .header-top-mobil .button-page{display: inline-block;}
html.mm-wrapper_opened .header-top-mobil .button-menu{display: none;}
html.mm-wrapper_opened #tce-container{float: left;}
.logo{position: relative;top: 20px;}
.header-menu{height: 100%;}
.header-menu ul{display: flex;list-style: none;padding: 0;margin: 0;height: 100%;align-items: center;justify-content: space-around;}
.header-menu ul li{position: relative;padding: 15px 0;}
.header-menu ul li a,.header-menu ul li span{color: #FFF;text-transform: uppercase;font-size: 14px;font-weight: 600;}
.header-menu ul li a:hover,.header-menu ul li span:hover{color:#59B7E7;}
.header-menu ul li:hover a,.header-menu ul li:hover span{color:#59B7E7;}
.header-menu ul li ul{display:none !important;position: absolute;top:100%;left: -100%;display: block;background: #13314C;height: auto;min-width: 250px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.header-menu ul li ul li{padding: 0;}
.header-menu ul li ul li a,.header-menu ul li ul li span{display: block;padding: 10px 15px;border-bottom: 1px solid #484747;}
.header-menu ul li ul li:last-child a{border:none;}
.header-menu ul li ul li a:hover,.header-menu ul li ul li span:hover{background-color: #59B7E7;color:#2D2D2D;}
.header-menu ul li:hover > ul{display: block !important;}
.header-menu ul li:hover > ul li a,.header-menu ul li:hover > ul li span{color:#FFF;}
.header-menu ul li ul li ul{display:none !important;position: absolute;top:0;left: inherit;right: -100%;display: block;background: #13314C;height: auto;min-width: 250px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.search-d{display: flex;align-items: center;height: 100%;justify-content: space-between;}
.search-d .search-h{width: 0;margin-right: -15px;position: absolute;right: 100%;overflow: hidden;}
.search-d .search-h.active{width: 350px;}
.search-d .search-h input{width: 98%;border-radius: 0;border: none;height: 40px;font-size: 14px;}
.search-icon{display: inline-block;font-size: 25px;color:#FFF;cursor: pointer;}
.search-icon.active{color:#59B7E7;}
#lang-select{text-transform: uppercase;outline:none;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='white' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");background-color: transparent;color: #fff;border:none;}
#lang-select:focus{box-shadow: none;outline:none;}
.battal-slogan{padding: 60px 0;text-align: center;}
.battal-slogan h1{font-weight: 300;font-size: 2rem;color:#0C2577;}
.battal-slogan h1 strong,.battal-slogan h1 b{font-weight: 700;}
.battal-slogan .h1{font-weight: 300;font-size: 2rem;color:#0C2577;}
.battal-slogan .h1 strong,.battal-slogan .h1 b{font-weight: 700;}
footer{background-color: #13314C;color: #FFF;padding-top: 50px;}
#deep{font-size: 14px;padding: 20px 0;border-top: 1px solid #484747;}
#deep > .container{display: flex;align-items: center;justify-content: space-between;}
.footer-hataman{font-family: 'Kristi', cursive;font-size: 1.5rem;}
footer .inline{display: flex;}
footer .inline > div{min-width: 25%;}
footer .inline > div > h3{text-transform: uppercase;font-size: 1rem;margin:15px 0;font-weight: 600;}
footer .inline > div > ul{list-style: none;margin: 0;padding: 0;}
footer .inline > div > ul > li > a{font-size: 13px;color: #FFF;display: block;padding: 7px 0;}
footer .inline > div > ul > li > a:hover{color: #FFF;text-decoration: underline;}
footer .inline > div > div > a > i,footer .inline > div > p > a > i{font-size: 1.5rem;}
footer .inline > div > div > a,footer .inline > div > p > a {margin-right: 10px;color:#FFF;}
footer .inline > div > div > i,footer .inline > div > p > i{margin-right: 10px;}
footer .inline > div > p{font-size: 14px;}
.footer-top-d{display: flex;align-items: stretch;}
.footer-top-d > div{position:relative;padding: 5%;color:#FFF;height: 100%;text-align: center;flex: 1;}
.footer-top-d > div:nth-child(1){background-color: #34CCFF;}
.footer-top-d > div:nth-child(2){background-color: #2FB7E5;}
.footer-top-d > div:nth-child(3){background-color: #2AA3CC;}
.footer-top-d > div > div >i{font-size: 67px;}
.footer-top-d > div > div.s-icon{margin-bottom: 20px;}
.footer-top-d > div > div.s-title{margin-bottom: 20px;font-size: 22px;text-transform: uppercase;font-weight: 600;}
.footer-top-d > div > p{font-size: 13px;padding: 0 20px;line-height: 2;}
.footer-top-f{background-color: #F7F7F7;padding: 60px 0 40px 0;}
.footer-top-f-c{display: flex;align-items: stretch;}
.footer-top-f-c > div{flex:1;}
.footer-top-f-c > div > h4{text-transform: uppercase;font-size: 27px;color: #183650;font-weight: 300;margin-bottom: 25px;}
.footer-top-f-c > div > h4::before{content:"";border-bottom: 3px solid #34ccff;width: 50px;display: block;border-radius: 2px;margin-bottom: 31px;}
.footer-top-f-c > div > p{padding-right: 25px;color: #808080;line-height: 26px;font-size: 14px;}
.content{position: relative;margin-top: 90px;margin-bottom: 70px;}
.content ul.breadcrumb{background-color: transparent;margin-bottom: 1rem;padding: .75rem 0;}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li a{color: #0C2577;}
ul.breadcrumb li+li:before {padding: 8px;color: black;content: "\003e";}
ul.breadcrumb li .cur{color: #818181;}
.blog-post-left p {line-height: 25px;}
.blog-bottom-date {color: #d2d2d6;padding: 3px 0;}
.blog-post-d{padding-top: 20px;padding-bottom: 20px;}
.blog-post h2{margin-bottom: 25px;font-size: 1.5rem;color: #00447b;}
.blog-post.search h2{color: #00447b;font-weight: 700;}
.blog-post h2 strong{font-size: 2rem;color: #000;}
.video-links::after {content: "";position: absolute;width: 100%;top: 0;left: 0;background-image: url("img/play-btn.png");height: 100%;background-repeat: no-repeat;background-position: center;}
.click-for-details {color: #0C2577;font-size: 17px;font-weight: 600;}
.blog-img-d{transition: all .5s;background-size: cover;background-repeat: no-repeat;background-position: center;height: 350px;overflow: hidden;position: relative;}
.img-over{width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,0.2);}
.blog-img-d >img{opacity: 0;}
.load-more {padding: 50px 0;}
.load-more-a {color: #ceced4;font-size: 22px;position: relative;cursor: pointer;}
.load-more-a img {position: relative;margin-right: 10px;display: inline-block;vertical-align: middle;}
.hvr-rotate {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.a-sosial {font-size: 28px;}
.a-s-face{color:#4267B2;}
.a-s-twitter{color:#1DA1F2;}
.a-s-linkedin{color:#0073B0;}
.page-header{margin-bottom: 20px;position: relative;top: 70px;height: 350px;background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(../../files/news.jpg);}
.page-header.page{background-image: url(../../files/page.jpg)}
.page-header .container{display: flex;align-items: center;height: 100%;}
.page-header h1{color:#FFF;text-transform: uppercase;font-weight: 600;}
.blog-img{width: 100%;}
.blog-iframe{width:100%;height: 450px;margin-bottom: 20px;}
#getblog{padding-bottom: 50px;}
.post{padding-bottom: 30px;}
blockquote{padding: 20px;position: relative;margin-bottom: 1rem;font-size: 1.25rem;background-color: #F2F2F2;border: 1px solid #ececec;line-height: 40px;}
blockquote::before,blockquote::after{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 2rem;color: #00447b;}
blockquote::before{content: "\f10d";margin-right: 10px;}
blockquote::after{content: "\f10e";margin-left: 10px;}
.post h1,.content h1{font-size: 2rem;margin-bottom: 1.3rem;color: #00447b;}
.post h2,.content h2{font-size: 1.7rem;margin-bottom: 1.2rem;color: #00447b;}
.post h3,.content h3{font-size: 1.4rem;margin-bottom: 1rem;color: #00447b;}
.post h4,.content h4{font-size: 1.2rem;margin-bottom: 1rem;color: #00447b;}
.post h5,.post h6,.content h5,.content h6{font-size: 1rem;margin-bottom: 1rem;color: #00447b;}
.post ul,.post ol{padding-left: 40px;margin:15px 0;padding-top: 20px;padding-bottom: 20px;}
.post ul li,.post ol li{margin-bottom: 10px;}
.post ul li a,.post ol li a{color:#000;}
.post ul li a:hover,.post ol li a:hover{color:#ff5f3c;}
.news-h{background-color: #eef3f7;padding: 30px 0;}
.news-h h2{margin-bottom: 30px;text-transform: uppercase;font-weight: 600;color: #0C2577;}
.dw {display: flex;flex-flow: column wrap;align-content: space-between;height: 580px;}
.item{box-sizing: border-box;}
.item-video{height: 280px;position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 10px;display: flex;align-items: flex-end;flex-wrap: wrap;align-content: flex-end;}
.item-video h4{position: relative;z-index: 1;color:#FFF;text-transform: uppercase;font-weight: 600;font-size: 16px;}
.item-video p{position: relative;z-index: 1;color:#FFF;margin: 0;font-size: 12px;}
.item-over{z-index:0;left: 0;top:0;width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;color:#FFF;font-size: 22px;}
.item-over a{color:#FFF;font-size: 4rem;}
.item-image{height: 165px;overflow: hidden;margin-bottom: 15px;display: flex;}
.item-image > img{object-fit: cover;width: 100%;height: auto;}
.item-content{padding: 10px;background-color: #FFF;-webkit-box-shadow: 0px 0px 5px 0px rgba(202, 202, 202, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(202, 202, 202, 0.75);
box-shadow: 0px 0px 5px 0px rgba(202, 202, 202, 0.75);margin-bottom:20px;}
.item-resim h4,.item-empty h4{text-transform: uppercase;font-weight: 600;font-size: 16px;color:#333;}
.item-resim p,.item-empty p{margin: 0;font-size: 12px;height: 75px;}
.item-date{font-size: 12px;border-bottom: 1px solid #eceaea;margin-bottom: 5px;padding-bottom: 4px;}
.grid {display: grid;grid-gap: 10px;grid-template-columns: repeat(auto-fill, minmax(300px,2fr));grid-auto-rows: 0;}
.cat-slide{padding:35px 0;position: relative;background-color: #EEF3F7;margin-top: 30px;}
.cat-slide .slide4{padding: 0 35px;}
.cat-slide h2{padding: 0 35px;text-align: center;margin-bottom: 30px;text-transform: uppercase;font-weight: 600;color: #0C2577;}
.ulist_i{margin: 10px;}
.ulist_i{color:#333;}
.cat-slide .slick-arrow{position: absolute;top:40%;z-index: 9;border:none;background-color: transparent;font-size:0px;color: #0C2577;}
.cat-slide .slick-arrow::before{font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 3rem;cursor: pointer;}
.cat-slide .slick-prev{left:0;}
.cat-slide .slick-next{right:0;}
.cat-slide .slick-prev::before{content:"\f053";}
.cat-slide .slick-next::before{content:"\f054";}
.ulist_img{height: 165px;overflow: hidden;background-repeat: no-repeat;background-position: center;background-size: cover;margin-bottom: 15px;}
.ulist_a{text-transform: uppercase;font-weight: 600;font-size: 16px;color:#333;}
.ulist_k{margin: 0;font-size: 12px;}
#tarihce h2.th2{color:#0C2577;font-size: 32px;text-align: center;}
.tarih-div{padding-top: 20px;padding-bottom: 40px;}
.tarihce-d-start{text-align: center;}
.tarihce-d-start span{font-size: 0px;display: inline-block;background-color: #59B7E7;border-radius: 100%;width: 24px;height: 24px;position: relative;left: -1px;bottom: 0;}
.tarihce-d-end{text-align: center;}
.tarihce-d-end span{font-size: 0px;display: inline-block;background-color: #59B7E7;border-radius: 100%;width: 24px;height: 24px;position: relative;left: -1px;top: -40px;font-size: 0px;}
.tarihce-f{display: flex;justify-content: center;flex-direction: column;height: 100%;position: relative;}
.tarihce-f img{flex-shrink: 0;position: absolute;}
.tarihce-date{color:#0C2577;font-size: 30px;}
.tarihce-d-c-left{border-right: 1px solid #e5e5e5;}
.tarihce-d-c-left img{margin-right: 10px;}
.tarihce-d-c-right img{margin-left: 10px;}
.tarihce-d-c-left .tarihce-f img{right: 80px;}
.tarihce-d-c-right .tarihce-f img{left: 80px;top: -22px;}
.tarihce-f .circle{font-size: 0px;display: inline-block;width: 16px;height: 16px;border:2px solid #e5e5e5;border-radius: 100%;background-color: #FFF;position: absolute;left:-23px;}
.tarihce-d-c-right .tarihce-f.tarihce-text::before{content: "";position: absolute;left:-12px;height: 1px;width: 15px;background-color: #e5e5e5;}
.tarihce-d-c-left .tarihce-f.tarihce-text::after{content: "";position: absolute;right:-12px;height: 1px;width: 15px;background-color: #e5e5e5;}
.tarihce-d-c-right .tarihce-f.tarihce-text{padding-left: 10px;}
.tarihce-d-c-left .tarihce-f.tarihce-text{padding-right: 10px;}
.tarihce-d-c.row:first-child .tarih-div{padding-bottom: 40px;}
.tarihce-f.circle.resimli{min-height: 150px;}
.grid_il{cursor:pointer;overflow: hidden;margin-bottom:20px;display: flex;height: 200px;align-items: center;justify-content: center;border: 1px solid #ccc;position: relative;}
.grid_img{display: flex;align-items: center;justify-content: center;}
.grid_img > img{max-height: 180px;width: auto !important;height: auto;max-width: 80%;}
.grid_hd{display:none;text-align:center;position: absolute;left:0;top:0;width: 100%;height: 100%;align-items: center;justify-content: center;background-color: #0C2577;color:#FFF;flex-direction: column;font-size: 14px;padding: 10px;font-weight: 600;}
.grid_hd > div{font-size: 12px;margin-top:10px;font-weight: 500;}
.grid_il:hover > .grid_hd{display: flex;}
.page-board{text-align: center;padding: 25px 0;}
.page-board > p{font-size: 1.5rem;}
.page-board > .nav{margin:25px 0;border:none;justify-content: center;}
.page-board > .nav > li{padding: 20px 0;}
.page-board > .nav > li > a{font-size: 1.2rem;border:none;text-transform: uppercase;color:#0C2577;border-radius: 0;font-weight: 700;}
.page-board > .nav > li:first-child{border-right: 1px solid #ccc}
.page-board > .nav > li > a.active{background-color: #59B7E7;color:#FFF;}
.grid_ho{margin-bottom: 20px;cursor: pointer;}
.grid_ho .grid_ho_img{position: relative;overflow: hidden;height: 234px;}
.grid_ho figure img {width:100%;height:auto;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.grid_ho figure:hover img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.grid_ho_hd{text-transform: uppercase;text-align: left;font-size: 1.2rem;font-weight: 700;margin-top:1.3rem;color:#0C2577;}
.grid_ho_gr{text-align: left;color: #606060;letter-spacing: -.02em !important;font-size: 1rem;}
.grid_ho_gr > a{color: #848484;font-size: 0.8rem;}
.grid_ho_gr > a:hover{text-decoration: underline;}
#google-maps{width: 100%;height: calc(100% - 70px);position: relative;margin-top: 70px;}
.htmn-fade-in-auto{opacity: 0;visibility: hidden;-webkit-animation: wpkFadeIn 1s ease-out 0s forwards;animation: wpkFadeIn 1s ease-out 0s forwards;}
.htmn_infowindow img {max-width: 150px !important;height: auto;}
.htmn_infowindow h3 {font-size: 1.2rem;}
.htmn_infowindow p {margin-bottom: 5px;}
.htmn_infowindow .link-icon {margin-right: 10px;color: #495057;font-size: 1.6rem;}
.contact{padding: 30px 0;font-size: 14px;}
.contact h5{text-transform: uppercase;font-weight: 600;border-bottom: 2px solid #00447b;padding-bottom: 8px;}
.resources-form{margin:25px auto;max-width: 500px;}
.btn-contact{background-color: #00447b;color:#FFF;font-weight: 600;text-transform: uppercase;padding: 10px 30px;}
.border-box{padding: 10px;border:1px solid #173C4E;font-size: 12px;margin-bottom:20px;}
.grid_ho.fleet{overflow: hidden;border-radius: 6px;box-shadow: 2px 2px 13px 2px rgb(200, 200, 200,0.7);}
.grid_ho.fleet .grid_ho_hd{padding: 0 10px 5px;border-bottom: 1px solid #eee;}
.grid_ho.fleet .grid_ho_img figure{height: 100%;}
.grid_ho.fleet .grid_ho_img figure img{height: 100%;width: 100%;}
.fleet_gr{display: flex;padding: 0 10px;min-height: 120px;}
.fleet_gr > div{flex-grow: 1;padding-top: 15px;font-size: 14px;}
.fleet_gr > div ul{padding: 0 0 0 15px;}
@media (max-width: 960px) {
	header{position: relative;}
	header .container{padding: 0;}
	header .row{margin:0;}
	.header-top-mobil{display: inline-block;}
	.static{display: none;}
	.mobil-h-left,.mobil-h-right{flex: 0 0 48%;padding: 0;}
	.footer-top-d,.footer-top-f-c,footer .inline{flex-direction: column;}
	.search-d{justify-content: flex-end;}
	.search-d .search-h{right: 108px;}
	.search-d .search-h.active{width: 195px;}
	.slide-a h2{font-size: 2.5rem;max-width: 100%;}
	.home-slider{margin: 0;height: 100%;width: 100%;}
	.page-header{top:0;}
	.content{margin-top: 0;margin-bottom: 20px;}
	footer{padding-top: 10px;}
	#deep > .container{display: block;}
	.grid_ho_hd{margin-top: 0.6rem;}
	.grid_ho{margin-bottom: 15px;}
	.page-header h1{font-size: 2rem;line-height: 1;}
	.grid_il{height: 120px;}
	.page-header{height: 200px;}
	#google-maps{margin: 0;}
	.blog-post-d.right div:first-child {order: 2;}
	.blog-post-d.left div:last-child {order: 1;}
	.blog-img-d{height: 200px;}
	.blog-post h2{font-size:1rem;margin: 10px 0;}
	.blog-post h2 strong{font-size: 1.5rem;}
	.load-more{padding: 15px 0;}
	.post{padding: 0;}
	blockquote{font-size: 1rem;line-height: 30px;}
	.battal-slogan{padding: 20px 0;}
	.battal-slogan .h1{font-size: 1.5rem;}
	.post ul, .post ol{padding-left: 2rem;padding-top: 10px;padding-bottom: 10px;}
}

@-webkit-keyframes wpkFadeIn {
 from {
  opacity:0;
  visibility:hidden
 }
 to {
  opacity:1;
  visibility:visible
 }
}
@keyframes wpkFadeIn {
 from {
  opacity:0;
  visibility:hidden
 }
 to {
  opacity:1;
  visibility:visible
 }
}