@charset "utf-8";
/* CSS Document */

html,body,div,span,applet,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,
del,dfn,img,ins,kbd,q,s,samp,small,tt,var,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,
textarea,select,button,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,video
	{			
	margin:0;
	padding:0;
	border:0;
	
}
* {
	outline:none;
	box-sizing: border-box;
}
::selection {
  background: #0f3154;
  color:#FFF; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #0f3154;
  color:#FFF; /* Gecko Browsers */
}
img {	vertical-align: middle; }
a  {	text-decoration:none;}
.clear {clear:both;}

body {font-family: 'Open Sans', sans-serif; font-size:13px;}
.top {float:left; width:100%; background-color:#FFF; height:5px;}
.slider {float:left; width:100%; position:relative;}

ul.slayt {width:100%;}
ul.slayt-m {display:none;}
ul.slayt > li {list-style-type:none; position:relative; height:100%;}
ul.slayt > li >img {width:100%; height:auto !important;}

ul.slayt-point { position:absolute;  top:40%; left:1%; }

ul.slayt-point >li {width: 8px; height: 8px; list-style:none; display: block; background: #a7b2ac;  cursor: pointer;  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;
opacity: 0.8;
filter: alpha(opacity=80); margin-bottom:5px;  }
ul.slayt-point >li:hover {background-color:#c5d2cd; border:0px solid #FFF;}
ul.slayt-point >li.slayt-aktif {background-color:#c5d2cd; border:0px solid #FFF;}


.kapsa {margin:0px auto; width:90%;  position:absolute; top:40px; left:5%;}
.kapsa-ic {float:left; margin:0px auto; width:90%;   margin-top:40px; margin-left:5%;}
.logo-m {display:none;}
.logo {float:left; width:20%; border:0px solid #FFF;}
.logo > a >img { width:100%; max-width:400px;}
.menuler {float:right; width:80%; border:0px solid #FFF;}
.mobil-icon {display:none;}

.menu {float:right; margin-top:-45px;}
.menu >li {list-style-type:none; display:inline-block;  padding-top:60px;   }
.menu >li:last-child {padding-right:0px;}
.menu >li >a {display:block; color:#FFF; font-size:15px; border-right:1px solid #FFF; padding-right:20px; padding-left:20px;  }
.menu >li:last-child >a { border-right:0px solid #FFF;}
.menu >li.aktif {border-top:5px solid #0f3154;}
.menu >li.aktif  > a {font-weight:800;}
.menu >li:hover {border-top:5px solid #0f3154; transition: all 0.2s;}



.menu-ic {float:right; margin-top:-45px;}
.menu-ic >li {list-style-type:none; display:inline-block;  padding-top:8%; padding-bottom:7%;   }
.menu-ic >li:last-child {padding-right:0px;}
.menu-ic >li >a {display:block; color:#000000; font-size:15px; border-right:1px solid #000000; padding-right:20px; padding-left:20px; text-decoration: unset;  }
.menu-ic >li:last-child >a { border-right:0px solid #FFF;}
.menu-ic >li.aktif {border-top:5px solid #0f3154;}
.menu-ic >li.aktif  > a {font-weight:800;}
.menu-ic >li:hover {border-top:5px solid #0f3154; transition: all 0.2s;}


.banner-ic {float:left; width:100%; position:relative; margin-top:20px;}
.banner-ic > img {width:100%;}
.page-info {position:absolute; bottom:-13px; width:90%; left:5%;  }
.page-info > h1{ color:#FFF; font-size:40px; margin:0px; padding:0px; font-weight:800}
.content {float:left; width:100%;  margin-top:20px; }
.content > img {width:100%;}

.kapsayalim {margin:0px auto; width:90%; margin-top:40px; margin-bottom:40px; font-size:16px; color:#646464}
.kapsayalim > h2 {font-weight:600; font-size:24px; margin-bottom:10px; color:#000;}

.slogan {position:absolute; width:100%; text-align:center; font-size:80px; top:35%;  line-height:67px; letter-spacing: -7px;}
.slogan h1 {
	font-size:80px;
	
	}
 h1 .light {font-weight:300;}
h1 .bold {font-weight:800;}

.footer { bottom:5px; position:absolute; width:95%; left:2.5%;  }
.footer-ic {float:left; width:100%;   }
.erbabifikir {width:10%; float:right; text-align:right;}
.erbabifikir >a>img {width:70%; }



#map-canvas {
        height: 350px;
        margin: 0px;
        padding: 0px
      }
.formu {float:left; width:40%; border:0px solid #000;   margin-top:30px;}
.formu > h2 {font-weight:600; margin-bottom:20px;  font-size: 20px;}	
	input.form{border:1px solid #CCC; padding:8px 5px 8px 5px; width:100%; margin-top:3px; margin-bottom:3px;}	 
	textarea.form{ border:1px solid #CCC; padding:8px 5px 8px 5px; width:100%; resize:none; margin-top:10px; margin-bottom:10px; height:60px;}
	input.buton{ border:0px solid #CCC; padding:8px 20px 8px 20px;  margin-top:10px; margin-bottom:10px; background-color:#000; color:#FFF; }
.adres {float:left;width:50%; border:0px solid #000; padding-left:40px; padding-right:20px;   margin-top:30px; }
.adres > h2 {font-weight:600; margin-bottom:20px; font-size: 20px;}	
.adres a {color:#0f3154; font-weight:600;}

.adres table tr td {padding-top:10px;}

.galerim {float:right; width:50%; text-align:right; padding:5% 0 0 5%;}
ul.galerim {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
ul.galerim > li {list-style-type:none; margin-bottom:10px; margin-right:10px; }
ul.galerim > li >a {
	width:100px;
	height:100px;
	overflow:hidden;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	}
ul.galerim > li >a > img {list-style-type:none; height:100%; width:100%;}

.ship1 {
	
    background: url(../images/shipbroking.jpg) no-repeat center center;
    background-attachment: fixed;
    height: 300px;
    width: 100%;
	background-size: cover;
    
}
.ship2 {
    background: url(../images/demolition.jpg) no-repeat center center;
    background-attachment: fixed;
    height: 300px;
    width: 100%;
    background-size: cover;
}
.ship3 {
    background: url(../images/shipfinance.jpg) no-repeat center center;
    background-attachment: fixed;
    height: 300px;
    width: 100%;
    background-size: cover;
}
.extrabold {font-weight:800;}
.bold {font-weight:700;}
.semibold {font-weight:600;}
.light {font-weight:300;}
.regular {font-weight:400;}
.photo {width:30%; float:left; margin-right:10%;}
	.photo >img {width:100%; height:auto !important; max-width:177px;}
.titre {width:60%; float:left;}
.titre a {color:#838383;}
.tablom {font-size:13px;}
.rengim {color:#0f3154;}
.rengim1 {color:#838383;}
.boyut {font-size:13px;}

ul.team {width:100%; margin-bottom:50px; float:left;}
ul.team >li:first-child {width:50%; float:left; list-style-type:none; }
ul.team >li {width:50%; float:left; list-style-type:none; margin-bottom:2rem; }

ul.logos {width:100%; margin-top:50px; display:flex;
align-items:center;
flex-wrap:wrap;
}
ul.logos >li {list-style-type:none; margin-bottom:20px; margin-right:20px; display:flex;
align-items:center;
flex-wrap:wrap;  }
ul.logos >li >img { max-width:130px; }

.isaretle {width:70px; height:5px; background-color:#000;  margin-bottom:20px; }
h3.report {float:left; margin-bottom:20px}
ul.rep {width:100%; margin-bottom:20px;  float:left;}
ul.rep >li {list-style-type:none; float:left; margin-right:20px; margin-bottom:20px; width:190px; }
ul.rep >li>a {color:#0f3154; font-weight:600;}
ul.rep >li>a > i {font-size:23px;}
ul.rep >li>a:hover {color:#a50a19 }
.item  {float:left; width:100%; border:1px solid #E6E6E6; padding:15px; margin-bottom:20px;}
.item > h2 {
	font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    color: #000;
	
	}
span.devamini-oku > a {font-weight:600; color:#0f3154;  font-size:13px}	

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:99999999999;
	
	background: url(../images/Preloader_10.gif) center no-repeat #fff;
}

@media only screen and (min-width:1400px) and (max-width:1920px) {

	
	ul.team {width:100%; margin-bottom:50px; float:left;}
ul.team >li:first-child {width:40%; float:left; list-style-type:none; }
ul.team >li {width:30%; float:left; list-style-type:none; }

ul.logos {width:30%; margin-top:50px; float:left;}
ul.logos >li {width:30%; float:left; list-style-type:none;  }
ul.logos >li >img {width:80%; max-width:130px; }

}

@media only screen and (max-width:803px)
{
	
	.kapsayalim {  font-size:14px; }
	ul.slayt {display:none;}
	ul.slayt-m {display:block;}
	ul.slayt-m > li >img {width:100%; height:auto !important;}
	.mobil-icon { display:inline-block; position:absolute; right:2.5%; top:35px;  color:#bf1e2e; font-size:30px; z-index:1;  }
	.menu {display:none;}
	.menu-ic {display:none;}
	
	
	.logo {display:none;}
	.logo-m {float:left; width:100%; border:0px solid #FFF; display:block;  }
	.logo-m > a >img { width:100%; max-width:200px;}
	.logo > a >img { width:100%; max-width:200px;}
	
	.menuler { width:100%; border:0px solid #FFF; margin-top:10px;}
	
.menu {  width:100%; margin-top:0px; background-color:#0f3154; }
.menu >li {list-style-type:none; display:block;  border:0px solid #FFF; padding:0px;  }
.menu >li:last-child {padding-right:0px;}
.menu >li >a {display:block; color:#FFF; font-size:15px; border-right:0px solid #000000; border-bottom:0px solid #FFF; padding-right:0px; padding-left:20px; padding-top:10px; padding-bottom:10px;   }
.menu >li:last-child >a { border-right:0px solid #FFF;}
.menu >li.aktif {border-top:0px solid #0f3154;}
.menu >li.aktif  > a {font-weight:800;}
.menu >li:hover {border-top:0px solid #0f3154; transition: all 0.2s;}

.menu-ic {  width:100%; margin-top:0px; background-color:#0f3154; }
.menu-ic >li {list-style-type:none; display:block;  border:0px solid #FFF; padding:0px;  }
.menu-ic >li:last-child {padding-right:0px;}
.menu-ic >li >a {display:block; color:#FFF; font-size:15px; border-right:0px solid #000000; border-bottom:0px solid #FFF; padding-right:0px; padding-left:20px; padding-top:10px; padding-bottom:10px;  }
.menu-ic >li:last-child >a { border-right:0px solid #FFF;}
.menu-ic >li.aktif {border-top:0px solid #0f3154;}
.menu-ic >li.aktif  > a {font-weight:800;}
.menu-ic >li:hover {border-top:0px solid #0f3154; transition: all 0.2s;}




.slogan {position:absolute; width:100%; text-align:center; font-size:40px; top:40%;  line-height:35px; letter-spacing: -3px;}
.slogan h2 {
	font-size:40px;
	
	}
.footer { bottom:5px; position:absolute; width:95%; left:2.5%;  }
.footer-ic {float:left; width:100%;   }
.erbabifikir {width:20%; float:right; text-align:right;}
.erbabifikir >a>img {width:100%; }

.formu {float:left; width:100%; border:0px solid #000;   margin-top:30px;}
.formu > h2 {font-weight:600; margin-bottom:20px;  font-size: 20px;}	
	input.form{border:1px solid #CCC; padding:8px 5px 8px 5px; width:100%; margin-top:3px; margin-bottom:3px;}	 
	textarea.form{ border:1px solid #CCC; padding:8px 5px 8px 5px; width:100%; resize:none; margin-top:10px; margin-bottom:10px; height:60px;}
	input.buton{ border:0px solid #CCC; padding:8px 20px 8px 20px;  margin-top:10px; margin-bottom:10px; background-color:#000; color:#FFF; }
.adres {float:left;width:100%; border:0px solid #000; padding-left:0px; padding-right:0px;   margin-top:30px; }

.galerim {float:left; width:100%; text-align:left; padding:0;}
ul.galerim {width:100%; margin-top:40px;}
ul.galerim > li {list-style-type:none; margin-bottom:10px; display:inline-block; }
ul.galerim > li >a > img {list-style-type:none;}



.photo {width:30%; float:left; margin-right:10%;}
	
.titre {width:60%; float:left;}
.titre a {color:#838383;}
.tablom {font-size:13px;}
.rengim {color:#0f3154;}
.rengim1 {color:#838383;}
.boyut {font-size:13px;}

ul.team {width:100%; margin-bottom:50px; float:left;}
ul.team >li:first-child {width:100%; float:left;   margin-top:20px;}
ul.team >li {width:100%; float:left; list-style-type:none; margin-top:20px; }

ul.logos {width:100%; margin-top:50px; float:left;}
ul.logos >li {width:30%; float:left; list-style-type:none;  }
ul.logos >li >img {width:80%; }

}
.custom-margin {
	margin-right: 20px;
}

.custom-margin:last-child {
	margin-right: 0;
}
.btn .btn-block {
	margin-top: 10px;
	margin-bottom: 30px;
	color: #FFFFFF;
	background-color: #0f3154;
	border: #0f3154;
	font-weight: 100;
	width: 200px;
}
.btn .btn-block:hover {
	color: #FFFFFF;
}
.isaretle-text {
	display: flex;
	justify-content: center;
	border: 1px solid #eaeaea;
}
.line {
	border: 1px solid #eaeaea;
	width: 50%;
	margin: 0 auto;
}

.inner-content .top-text {
	text-align: initial;
}
.top-text .title{
	font-weight: 200;
}
.top-text .title-2 {
	font-weight: 600;
}
.item-first {
	color: #b30a00;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: 700;
	font-family: "FontAwesome";
	list-style-type: none;
	font-size: 18px;
}
.line-2 {
	border: 1px solid #eaeaea;
	width: 30%;
	margin-bottom: 10px;
}
.item-second {
	margin-bottom: 10px;
	font-weight: 500;
	font-family: "FontAwesome";
	font-size: 18px;
}
ul.item-1 {
	text-align: left;
	list-style-type: none;
	margin-left: -30px;

}
.item-1 li a {
	text-decoration: unset;
	color: unset;
}
.top-box {
	float: left;
	font-family: FontAwesome;
	font-weight: 700;
}
.date {
	color: #c2c2c2;
	padding: 12px;
	margin-top: 8px;
	padding-left: 0;
}

.title-tag {
	text-align: center;
	color: #0f3154;
	margin-bottom: 35px;
	margin-top: 15px;
    font-family: 'Playfair Display', serif;
}
.title-center {
	color: #0f3154;
	margin-bottom: 20px;
	margin-top: 15px;
}
.text-end {
	color: #0f3154;
	text-align: right;
	padding: 12px;
}
.text-2 {
	color: #17272f;
	font-weight: 400;
	margin-bottom: revert;
	font-family: FontAwesome;
}
.text .form-select {
	width: 150px;
	font-size: 15px;
	position: relative;
	color: #9e9e9e;
}
.text .form-select::before {
	content: "2023";
	position: absolute;
	top: -20px;
	left: 0;
	background-color: white;
	padding: 0 5px;
}
.tags {
	margin-top: revert;
	margin-bottom: revert;
	font-weight: 700;
	font-family: FontAwesome;
}
.btn-toolbar .btn-groups {
	color: #FFFFFF;
	background-color: #0f3154;
	border: #0f3154;
}
.btn-toolbar .btn-small {
	font-size: 12px;
	background-color: #0f3154;
	border: #0f3154;
	color: #FFFFFF;
	padding: 0px 14px;
}

.btn-toolbar .btn-groups:hover {
	color: #FFFFFF;
}
.btn-toolbar .btn-comp {
    color: #0f3154;
	font-family: "Open Sans";
}
.title {
	font-weight: 300;
}
.sevice {
	font-weight: 300;
}
.social-icon {
	margin-top: 8px;
}
.social-icon a:not(:last-child) {
	margin-right: 10px;
}