/* = google font ---------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


body{
	font-family: 'Poppins', sans-serif !important;
  overflow-x: hidden;
}
a:hover{
	text-decoration: none !important;
}
a {
    text-decoration: none;
}
li{
    list-style: none;
}
input,select,button,textarea:focus{
    box-shadow: none !important;
    outline: none;
    border-color: #ced4da !important;
}

/* = google font ---------- */


/* = public ---------- */

.wrapper {
    width: 70%;
	margin: 0 auto;
}


/* = public ---------- */


/* ------------------------------------------------------------ */
/* header */
 
.header {
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0;
    background-color: #fff;
    box-shadow: 0 0 20px #4444442b;
}

.header .upper {
    padding: 5px 0;
	position: relative;
	transition: 0.5s;
	height: 38px;
    overflow: hidden;
    background-color: #f9f9f9;
}
    .header .upper::before {
        content: "";
        width: 56%;
        height: 520px;
        position: absolute;
        right: 0;
        /* background-color:  var(--color-background);*/
        background-color: var(--color-background);
        top: -180px;
        z-index: 0;
        border-left: 15px solid var(--color-background2);
        transform: rotate(20deg);
    }
.header .upper::after{
    content: "";
}
.header.sticky .upper {
    height: 0;
    overflow: hidden;
    transition: 0.5s;
    padding: 0px 0;
}
.header .upper .header_content {
    display: flex;
    position: relative;
	justify-content: space-between;
}

.header .upper .header_content .contact {
	display: flex;
}

.header .upper .header_content .item {
	z-index: 9;
	padding-right: 30px;
	list-style: none;
}

.header .upper .header_content .item span {
    color: #fff;
    font-size: 19px;
    padding-right: 10px;
    position: relative;
    top: 1px;
}

.header .upper .header_content .item p {
	margin: 0;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
}
.header .upper .header_content .item p a{
    color: #fff;
}
.teklif_al{
    position: relative;
    right: 0;
    top: -10px;
}
.teklif_al a{
    padding: 10px 15px;
    border-radius: 0 0 5px 5px;
    background-color: var(--color-background2);
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    transition: 0.3s;
}
.header .upper .header_content .teklif_al a:hover{
    transition: 0.3s;
    background-color: #026ca0;
    color: #fff;
}

.header .upper .lang {
	margin-top: 0;
	padding-right: 10px;
}

.header .upper .right_section {
    display: flex;
    position: relative;
}
.header .upper .right_section::before{
    content: " ";
    position: absolute;
    right: -163px;
    width: 100%;
    height: 370px;
    top: -78px;
    z-index: 0;
    border-right: 15px solid #cdefff;
    transform: rotate(20deg);
}
.header .upper .lang ul {
	margin: 0;
	display: flex;
	position: relative;
}
header #border-line {
    padding: 0;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 111px;
    height: 4px;
    background:  var(--color-background);
}

.header .upper .lang ul li {
	padding: 0 0px;
	list-style: none;
}

.header .upper .lang ul li a {
    color: #2741a2;
    font-weight: 700;
    -webkit-text-fill-color: #2741a2;
    font-size: 14px;
}
.header .upper .lang ul li a img{
    width: 25px;
}

.header .upper .lang ul li:last-child:before {
    content: "/";
    padding-right: 0px;
    color: #fff;
    position: relative;
    top: 2px;
}


.menu {
    transition: 0.4s;
    background-position: center; 
    background-color: #fff;
}

.menu .navbar {
	padding: 0;
	display: flex;
	transition: 0.4s;
	justify-content: space-between;
}

.menu .navbar .logo {
    position: relative;
    width: 14%;
    padding: 6px 0;
}
/* .menu .navbar .logo:before{
    content: " ";
    width: 540px;
    height: 100%;
    position: absolute;
    right: -2px;
    background: #f4f4f4;
    top: 0;
    z-index: -1;
}

.menu .navbar .logo:after{
    content: " ";
    width: 100px;
    height: 100px;
    position: absolute;
    right: -50px;
    background: #f4f4f4;
    top: 0;
    z-index: -2;
    transform: rotate(49deg);
    border: 6px solid  var(--color-background);
} */

.menu .navbar .white_logo {
	display: none;
}

.menu .navbar .logo img {
	width: 90%;
	transition: 0.4s;
}

.menu .navbar .links {
    position: relative;
    top: 7px;
}

.menu .navbar .links ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 250;
}

.menu .navbar .links ul li.list_item {
	display: block;
	padding: 0;
	margin: 0;
    float: left;
    position: relative;
}
.menu .navbar .links ul li.list_item::after{
    content: " ";
    position: absolute;
    right: -4px;
    height: 50%;
    width: 1px;
    background-color: #e9e9e9;
    top: 10px;
    z-index: 9;
    
}
.menu .navbar .links ul li.list_item:last-child:after{
    display: none;
}

.menu .navbar .links ul li.list_item > a {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  transition: 0.4s;
  display: block;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 24px;
  position: relative;
}
.menu .navbar .links ul li.list_item > a:after{
    content: " ";
    position: absolute;
    width: 99%;
    height: 40px;
    left: 4px;
    top: 7px;
    border: 1px solid;
    border-color: #fff0;
    transition: 0.4s;
    z-index: 99;
}
.menu .navbar .links ul li.list_item > a:hover:after{
    border-color:  var(--color-background);
    transition: 0.4s;
}
.menu .navbar .links ul li.list_item > a .grafik{
font-style: normal;
background-color: #000076;
padding: 2px 5px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}

.menu .navbar .links ul li.list_item a span {
  padding-right: 10px;
  font-size: 20px;
  color:  var(--color-background);
  position: relative;
  top: 1px;
  font-weight: 300;
}

.menu .navbar .links ul li.list_item a:hover {
	text-decoration: none;
	color:  var(--color-background);
	transition: 0.3s;
}

.social .p0 {
    padding-left: 0;
}
.social .p0 li {
    display: inline-block;
    margin-top: 0;
}
.social .p0 li a {
    display: block;
    text-align: center;
    width: 25px;
    height: 25px;
    border: 1px solid  var(--color-background);
    border-radius: 50%;
    margin-left: 3px;
    transition: 0.3s;
    color: #fff;
    background-color: var(--color-background);
}
.social .p0 li a:hover{
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;

}
.social .p0 li a i {
    color: #fff;
    margin-top: 7px;
    transition: 0.3s;
    margin-left: 0;
}

/* dropdown ------- */


.menu .navbar .links ul li.list_item:hover .sub-nav {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}

.list_item .sub-nav {
    overflow: hidden;
    position: absolute;
    top: 64px;
    left: 50%;
    z-index: 0;
    width: max-content;
    height: auto !important;
    min-width: 240px;
    padding: 0 5px 10px;
    opacity: 0;
    visibility: hidden;
    background: url(/images/blank.html);
    -webkit-transform: translateX(-50%) translateY(30px);
    transform: translateX(-50%) translateY(30px);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 9;
    width: 300px;
}

.list_item .sub-nav > ul {
    position: relative;
    margin-top: 7px;
    padding: 0 10px 10px 10px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
}

.list_item .sub-nav > ul::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 0;
    content: "";
    margin-left: -3px;
    border: 6px solid transparent;
    border-bottom-color: #2741a2;
}

.list_item .sub-nav > ul > li {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid rgba(89, 89, 89, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    transition: 0.3s;
    position: relative;
}
.list_item .sub-nav > ul > li i{
    background-image: url("assets/img/svg/small_gray.html");
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 12px;
    transition: 0.3s;
    opacity: 0.6;
}
.list_item .sub-nav > ul > li:hover i{
    transition: 0.3s;
    background-image: url("assets/img/svg/small.html") !important;
    opacity: 1;
}
.list_item .sub-nav > ul > li:hover{
    transition: 0.3s;
    background-color: #e8e8e8;
}

.list_item .sub-nav > ul > li:last-child {
    border-bottom: 0;
}
.fa, .fas { color: #000}

.list_item .sub-nav > ul > li > a {
    position: relative;
    display: block;
    padding: 6px 10px;
    line-height: 18px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-align: left;
    text-decoration: none;
    border-radius: 3px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-right: 0;
}

/* dropdown ------- */

.header .social {
	margin-left: 0;
	margin-top: -1px;
    padding-bottom: 1px;
    position: relative;
}

.header .social>h3 {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

.header .social ul {
	margin: 0;
}

.header .social ul li {
	display: inline-block;
	margin-top: 0;
}

.header .social ul li a {
    display: block;
    text-align: center;
    margin-left: 11px;
    font-size: 15px;
    border: 1px solid var(--color-background2);
    background-color: var(--color-background2);
    transition: 0.3s;
}
.header .social ul li a:hover{
  transition: 0.3s;
  border: 1px solid  var(--color-background);
  background-color: var(--color-background);
}
.header .social ul li a:hover i{
    color: #fff;
    -webkit-text-fill-color: #fff;
    transition: 0.3s;

}


.header .social ul li a i {
    color: #fff;
    transition: 0.3s;
    -webkit-text-fill-color: #fff;
    margin-left: 0;
    font-size: 13px;
    margin-top: 5px;
}


/* header */
/* ------------------------------------------------------------ */







/* ------------------------------------------------------------ */
/* slider */
.slider{
    margin-top: 0;
}
.slider,
.slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: bottom;
    display: block;
    width: 100%;
    height: 780px; 
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    overflow: hidden;
    -moz-transition: transform .7s;
    -o-transition: transform .7s;
    -webkit-transition: transform .7s;
    transition: transform .7s;
    background-position: center;
}
.slider > div:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0000004a;
    position: absolute;
    top: 0;
    left: 0;
}

.slider > div {
    position: absolute;
}

.slider > i {
  color: #5bbd72;
  position: absolute;
  font-size: 60px;
  margin: 20px;
  text-shadow: 0 10px 2px #223422;
  transition: .3s;
  width: 16px;
  padding: 10px 13px;
  cursor: pointer;
  line-height: 0;
  box-sizing: content-box;
  border: 2px solid white;
}

.slider > i svg {
    margin-top: 3px;
}
.slider > i svg {
  fill:#fff;
}

.slider > .left {
    right: 20%;
    bottom: 370px;
}
.slider > .right {
  right: 20%;
  bottom: 310px;
}


.slider > i:hover { 
  background-color: var(--color-background);
  transform: translateX(-2px);
}





.slider > ul {
    position: absolute;
    bottom: 48%;
    right: 26%;
    z-index: 4;
    padding: 0;
    margin: 0;
    transform: translateX(-50%);
    display: none;
}

.slider > ul > li {
    padding: 0;
    width: 80px;
    height: 7px;
    list-style: none;
    margin: 10px 0 0;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider > ul > .showli {
    background-color: #fff;
    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;
    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;
}

.slider > ul > li:hover {
    background-color: var(--color-background);
}

.slider > .show {
    z-index: 1;
}

.hideDots > ul {
    display: none;
}

.showArrows > .left {
    left: 0;
}

.showArrows > .right {
    right: 0;
}

.titleBar {
    z-index: 2;
    display: inline-block;
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    bottom: 0;
    transform: translateY(100%);
    padding: 20px 30px;
    transition: .3s;
    color: #fff;
}

.titleBar * {
    transform: translate(-20px, 30px);
    transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
    opacity: 0;
}

.titleBarTop .titleBar * {
    transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
    transform: translate(0);
    opacity: 1;
}

.titleBarTop .titleBar {
    top: 0;
    bottom: initial;
    transform: translateY(-100%);
}

.slider > div span {
    display: block;
    position: absolute;
    top: 27%;
    z-index: 9;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slider > div .btn {
  padding-top: 60px;
  display: block !important;
  text-align: center;
    padding-left: 0;
}
.slider > div .btn a{
    text-decoration: none;
    padding: 7px 20px;
    transition: 0.3s;
    width: 180px;
    display: block;
    margin: 0 auto;
    border-radius: 65px;

}
.slider > div .btn a:nth-child(1){
  color: #fff;
  background-color: var(--color-background);
  border: 1px solid  var(--color-background);

}
.slider > div .btn a:nth-child(1):hover{
  background-color: transparent;
  border: 1px solid white;
  transition: 0.3s;


} 
.slider > div span p{
    font-size: 15px;
    width: 43%;
    text-shadow: 0 0 9px #000000b8;
    display: block;
    font-weight: 400;
    margin: 0 auto;
}
.slider > div span h5{
    font-size: 81px;
    display: inline-block;
    padding: 17px 0; 
    padding-left: 0px;
    padding-left: 14px;
    color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-weight: 700;
}
.slider > div span h2{
    text-shadow: 0 0 9px #00000069;
    font-size: 40px;
    font-weight: 800;
    width: 68%;
    margin: 0 auto;
}


@keyframes boing {
    0% {
        transform: scale(1.2);
    }
    40% {
        transform: scale(.6);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(.8);
    }
    100% {
        transform: scale(1);
    }
}

/* -------------------------------------- */

#slider2 {
    max-width: 30%;
    margin-right: 20px;
}

.row2Wrap {
    display: flex;
}

.slider_section{
  padding-top: 0 !important;
  margin-top: 112px;
}

.slider_section .vedio{
 position: relative;
}
.slider_section .vedio:after{
  content: " ";
  background: url(assets/img/pattern.html) repeat center center rgba(0, 0, 0, 0.02);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}


/* slider */
/* ------------------------------------------------------------ */
 

  
/* ------------------------------------------------------------ */
/* referanslar */

.referans_section {
    padding-bottom: 2rem;
    background-color: var(--color-background);
    padding-top: 2rem;
    background-image: url('assets/img/svg/map.svg');
    background-size: 70%;
    background-position: right;
    background-repeat: no-repeat;
}
.referans_section .row{
    justify-content: space-between;
}
.referans_section .title h4.bg_text {
	position: absolute;
	top: -24px;
	color: #F5F5F5;
	font-size: 80px;
	font-weight: 700;
	text-transform: uppercase;
	z-index: -1;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.referans_section .title{
    text-align: center;
    padding-bottom: 2rem;
}
.referans_section .title h3{
    font-weight: 800;
    font-size: 36px;
    color: #282828;
}
.referans_section .title h3 span{
    color:  var(--color-background);
}

.referans_section .item .img img {
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    height: 73px;
}
}

.referans_section .title {
	text-align: center;
	padding-bottom: 3rem;
}

.referans_section .owl-dots {
	display: none !important;
}

.referans_section .owl-controls {
	display: none !important;
}

.referans_section .text{
    width: 30%;
    position: relative;
}
.referans_section .text h3{
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
}
.referans_section .text h4{
    position: absolute;
    opacity: 0.3;
    color: #065f8b;
    font-size: 25px;
    font-weight: 900;
    left: -130px;
    top: -20px; 
    display: none;
}
.referans_section .referans{
    width: 60%;

}

/* referanslar */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* about us */

.about-us{
	position: relative;
	padding: 50px  0 60px;
	overflow: hidden; 
	margin-top: 40px;
}

.about-us .sec-title{
	margin-bottom: 30px;
}

.about-us .content-column{
	position: relative;
	margin-bottom: 50px;
}

.about-us .content-column .inner-column{
	position: relative;
	padding-left:40px;
}

.about-us .content-column h2{
    position: relative;
    display: block;
    font-size: 42px;
    line-height: 1.2em;
    color: #424242;
    font-weight: 800;
    margin-bottom: 20px;
}
.about-us .content-column .inner-column > span{
    font-size: 18px;
    font-weight: 700;
    color:  var(--color-background);
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
    display: inline-block;
}
.about-us .content-column .inner-column > span::after{
    left: 0;
    top: 50%;
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    background-color: var(--color-background);
    transform: translateY(-50%);
}
.about-us .content-column h2 b{
    color:  var(--color-background);
}

.about-us .content-column .text-box{
	margin-bottom: 30px;
}

.about-us .content-column .text-box strong{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
	font-weight: 500;
}

.about-us .content-column .text-box strong span{
	font-size: 20px;

}

.about-us .content-column .text-box p{
    position: relative;
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 9px; 
    width: 60%;
    color: #838383;
}   

.about-us .content-column .small_img{
    position: absolute;
    right: 30px;
    top: 240px;
    width: 25%;
}
.about-us .content-column .small_img img{
    width: 100%;
    box-shadow: -10px -10px 0px #ebebeb;
}

 
.about-us .image-column .image{
  position: relative;
  width: 100%;
  margin-bottom: 0;
  height: 510px;
    z-index: 99;
    margin-top: 40px;
    overflow: hidden;
}
.about-us .image-column .image .content{
  width: 83%;
    height: 500px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-color: white;
}
.about-us .image-column .image .content .experience{
    width: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 30%;
    text-align: center;
}
.about-us .image-column .image .content .experience::before{
    content: " ";
    width: 130%;
    height: 120%;
    display: block;
    position: absolute;
    background-color:  var(--color-background);
    transform: rotate(6deg);
}
.about-us .image-column .image .content .experience::after{
    content: " ";
    width: 22%;
    height: 120%;
    display: block;
    position: absolute;
    background-color:  var(--color-background)a6;
    transform: rotate(6deg);
    top: 0;
    z-index: -1;
    left: -40px;
}
.about-us .image-column .image .content .experience h3{
    position: relative;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    padding-top: 20px;
}
.about-us .image-column .image .content .experience span{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}


 
.about-us .image-column .image img{
	display: inline-block;
	width: 100%;
	border: 10px solid #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
    height: 100%;
}

.about-us .image-column .image-2{
    position: absolute;
    right: 70px;
    bottom: -39px;
    width: 40%;
    margin-bottom: 0;
    z-index: 8;
    height: 260px;
}

.about-us .image-column .image-2 img{
    display: inline-block;
border: 7px solid #e8e8e8;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    width: 100%;
    height: 100%;
}

.about-us .image-column .float-text{
    position: absolute;
    right: 5px;
    top: 130px;
    font-size: 74px;
	background: #f8f8f8;
    text-align: center;
    color: black;
		z-index: 9;
}
.about-us .image-column .float-text:after{
    content: " ";
    width: 4px;
    height: 490px;
    position: absolute;
    background-color: #e8e8e8;
    top: -119px;
    left: 17px;
    z-index: -1;
}

.link-box {
    position: relative;
    padding-top: 12px;
    z-index: 3;
}
.btn-style-two {
   position: relative;
   display: inline-block;
   text-align: center;
   letter-spacing: 0.05em;
   background: var(--color-link);
   color: #ffffff;
   border-radius: 0;
   overflow: hidden;
   transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   text-decoration: none;
   border-radius: 55px;
}
.btn-style-two:hover {
    color: #fff;
    background-color: var(--color-link-hover);
}
.btn-style-two .btn-curve {
   position: absolute;
   right: -10px;
   top: 0;
   width: 43px;
   display: none;
   height: 100%;
background:  var(--color-background);
      /* opacity: 0.20; */
   z-index: 0;
   transform: skewX(-22deg);
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
}

.btn-style-two:hover .btn-curve {
 opacity: 1;
 right: 0;
 width: 100%;
   transform: skewX(0deg);
   color: #fff;
}
.theme-btn i {
   position: relative;
   display: inline-block;
   font-size: 14px;
   margin-left: 3px;
}
.btn-style-two .btn-title {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 30px;
   font-weight: 600;
   padding: 5px 34px 5px;
   z-index: 1;
   transition: .5s;
   text-transform: uppercase;
}


.about-us .social {
	margin-left: 0;
	margin-top: -1px;
	padding-bottom: 1px;
}

.about-us .social>h3 {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

.about-us .social ul {
    margin: 0;
    position: relative;
background-color: #f8f8f8;
    padding-top: 17px;
    padding-bottom: 7px;
    padding-left: 0;
}

.about-us .social ul li {
    display: block;
    margin-bottom: 10px;
}

.about-us .social ul li a {
    display: block;
    text-align: center;
    margin-right: 11px;
    font-size: 15px;
    width: 32px;
    height: 32px;
    background-color: var(--color-background);
    border: 1px solid  var(--color-background);
    border-radius: 50%;
    transition: 0.3s;
}
.about-us .social ul li a:hover {
    background-color: #231f20;
    border: 1px solid #231f20;
}


.about-us .social ul li a i {
    color: #fff;
    transition: 0.3s;
    margin-top: 7px;
    -webkit-text-fill-color: #fff;
    margin-left: 0;
}
.slider_section .image > a{
	cursor: default;
	pointer-events: none;

}
/* about us */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* boxes */
.boxessection{
    padding-top: 40px;
padding-bottom: 50px;
background-size: cover;
background-repeat: no-repeat;
position: relative;
background-position: left;
background-color: #f8f8f8;
}

.boxessection .title{
text-align: center;
padding-bottom: 40px;
}
img.title_img{
width: 50px;
}
.boxessection .title h3{
  font-weight: 800;
  font-size: 36px;
  color: #282828;
}
.boxessection .title h3 span {
  color:  var(--color-background);
}
 
.boxessection .title h4.bg_text {background-color:  var(--color-background);
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
}
.boxessection .title p{
font-size: 14px;
color: #525252;
display: block;
position: relative;
margin-bottom: 0;
}



.boxessection .haberler_slider {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.boxessection .haberler_slider .item{
width: 32%;
margin-top: 2px;
margin-bottom: 42px;
position: relative;
}
.boxessection .item .content{
background-color: #fff;
padding-bottom: 0;
overflow: hidden;
border: 4px solid  var(--color-background);;
}
.boxessection .item .content .img{
width: 100%;
height: 310px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
position: relative;
transition: 0.5s;
background-position: center;
}
.boxessection .item .content .img:after{
background-color: #00000030;
content: " ";
width: 100%;
height: 100%;
position: absolute;
transition: 0.5s;
opacity: 0;
}
.boxessection .item:hover .content .img:after{
opacity: 1;
transition: 0.8s;
}
.boxessection .item:hover .content .img{
transform: scale(1.2) rotate(1deg);
transition: 0.5s;
}

.boxessection .item .content .img .link{
position: absolute;
z-index: 9999;
background:  var(--color-background);;
left: 0;
right: 0;
top: 120px;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 60px;
text-align: center;
opacity: 0;
transition: 0.5s;

}
.boxessection .item:hover .content .img .link{
opacity: 1;
transition: 0.5s;
}
.boxessection .item .content .img .link a{
font-size: 36px;
color: #fff;
padding-top: 4px;
display: block;
}
.boxessection .item .content .img .link span{}
.boxessection .item .content .text{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background-image: url("assets/img/t21.html");
background-size: contain;
background-position: right;
background-repeat: no-repeat;
position: absolute;
bottom: -20px;
width: 90%;
background-color: #fff;
left: 0;
right: 0;
margin: auto;
border: 2px solid #f0f0f0;
transition: 0.3s;
}
.boxessection .item:hover .content .text{
transition: 0.3s;
border: 2px solid  var(--color-background);;
}
.boxessection .item .content .text:after{
content: " ";
position: absolute;
top: 0;
background:  var(--color-background);;
height: 0;
width: 100%;
left: 0;
transition: 0.5s;

}
.boxessection .item:hover .content .text:after{
height: 100%;
transition: 0.5s;
}
.boxessection .item:hover .content .text h3 {
color: #fff;
transition: 0.5s;
}
.boxessection .item:hover .content .text p{
color: #fff;
transition: 0.5s;
}
.boxessection .item .content .text h3{
font-size: 14px;
font-weight: 600;
z-index: 9;
transition: 0.5s;
position: relative;
text-align: center;
margin-bottom: 0;
text-transform: uppercase; 
}
.boxessection .item .content .text h3 a{
color: #000;
z-index: 9999;
transition: 0.5s;

}
.boxessection .item:hover .content .text h3 a{
transition: 0.5s;
color: #fff;
}

.boxessection .item .content .text span{
z-index: 9999;
font-size: 15px;
font-weight: 400;
display: inline-block;
color: #fff;
background:  var(--color-background);;
z-index: 99;
top: 0;
position: relative;
padding: 4px 10px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23);
}
.boxessection .item .content .text p{
color: #9b9b9b;
font-size: 14px;
font-weight: 400;
transition: 0.5s;
z-index: 9;
position: relative;
margin-bottom: 0;
}
.boxessection .item .content .view_product{
display: block;
margin-right: 21px;
margin-left: 21px;
margin-bottom: 21px;
border-top: 2px solid #e4e4e4;
}
.boxessection .item .content .view_product a{
display: block;
padding: 18px 15px;
transition: 0.5s;
text-align: center;
}
.boxessection .item .content .view_product a:hover{
background-color: #001040;
transition: 0.5s;

}
.boxessection .item .content .view_product a span{
font-size: 18px;
color: #000;
font-weight: 600;
}
.boxessection .item .content .view_product a i{
display: inline-block;
width: 27px;
height: 27px;
line-height: 29px;
border-radius: 50%;
text-align: center;
background-color: #001040;
color: #fff;
margin-left: 5px;
}
.boxessection .link-box {
text-align: center;
display: block;
width: 100%;
margin-top: 30px;
}

/* boxes */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* urunler */
.news_boxes .link-box {
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 0;
}
.news_boxes .product_section{
  padding-bottom: 0;
}
.product_section{ 
    padding-top: 50px;
    padding-bottom: 50px; 
}
.product_section .title{
    text-align: center;
    padding-bottom: 2rem;
}
.product_section .title h3{
    font-weight: 800;
    font-size: 36px;
    color: #282828;
}
.product_section .title h3 span{
    color:  var(--color-background);;
}
.product_section .product_slider .owl-stage-outer{
    padding-bottom: 30px;
}
.product_section .product_slider .item{}
.product_section .product_slider .item .img{
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 90%;
    border: 1px solid #efe9e900;
    background-color: #fff;
background-size:cover;
margin-top:10px;
border-radius:3%;
}
.product_section .product_slider .item a{
    display: block;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #efe9e9;
    background: #fff;
    border-radius: 10px;
    transition: 0.3s;
    height: 230px;

}
.product_section .product_slider .item:hover a {  border:13px solid #e8e8e8; }
.product_section .product_slider .item a img{
    width: 100%;
    text-align: center;
}
.product_section .product_slider .item p{
    text-align: center;
    display: block;
    font-weight: 700;
    color: #111;
    font-size: 17px;
    padding-top: 13px;
}
.product_section .product_slider .owl-nav{
text-align: center;
}
.product_section .product_slider .owl-nav .owl-prev{
    background:  var(--color-background);
    width: 40px;
    height: 50px;
    font-size: 27px;
    color: #fff; 
    margin: 10px;
}
.product_section .product_slider .owl-nav .owl-next{
    background:  var(--color-background);
    width: 40px;
    height: 50px;
    font-size: 27px;
    color: #fff; 
    margin: 10px;

}
/* urunler */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* news */ 
.news_boxes{
    position: relative;
	padding-top: 2rem;
    padding-bottom: 4rem; 
    background: #f8f8f8;
}
 
/* news */
/* ------------------------------------------------------------ */




/* ------------------------------------------------------------ */
/* Subscribe Section */

.subscribe-section{
    display: none;
	position:relative;
	padding: 20px 0px;
	overflow:hidden;
	background-color:#222222; 
}

.subscribe-section .title-column:before{
	position: absolute;
    right: 40px;
    top: -85px;
    content: '';
    width: 15px;
    height: 400%;
    background-color: #222222;
	-webkit-transform:rotate(-37deg);
	-ms-transform:rotate(-37deg);
	-o-transform:rotate(-37deg);
	-moz-transform:rotate(-37deg);
    transform: rotate(-37deg);
}

.subscribe-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:40%;
	height:100%;
	display:block;
	background-color: var(--color-background);
	background-image: url("images/web-pattern.html");
	background-size: initial;
}

.subscribe-section:after{
	position: absolute;
	content: '';
	left: 50%;
	top: 0px;
	width: 70%;
	height: 102%;
	display: block;
	margin-left: -220px;
	background-color: #f9f9f9;
	transform: skewX(-14deg);
}

 

.subscribe-section h2{
	position: relative;
	color: #fff;
	z-index: 10;
	font-size: 31px;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: capitalize;
}

.subscribe-section .text{
	position: relative;
	color: #fff;
	z-index: 9;
	font-size: 15px;
	font-weight: 400;
}

.subscribe-form-two .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	z-index:1;
	margin-top:8px;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	font-size:14px;
	color:#777777;
	padding:10px 50px 10px 20px;
	background:#ffffff;
    border: none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border-radius:5px 5px;
}

.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button{
	position:absolute;
	right:0px;
	top:0px;
	height:50px;
	line-height:40px;
	color:#222222;
	font-size:16px;
	text-align:center;
	font-weight:700;
	padding:0px 28px;
	border-radius:0px 5px 5px 0px;
}
.subscribe-form-two .form-group .theme-btn{
    border: 0;
    margin-top: 1px;
	background-color: var(--color-background);
    color: #fff;
    position: absolute;
    right: 0;
    padding: 5px 25px;
    height: auto;
    top: -1px;
}

/* Subscribe Section */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* footer */
footer {
    position: relative;
    background: var(--color-footer-background);
}
footer::before{
    content: " ";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url("assets/img/slider2.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0.1;
}
    footer .top_footer {
        padding: 70px 0 54px 0;
        margin-top: 0;
        border-top: 5px solid var(--color-footer-background2);
    }
footer .top_footer h5 { 
	font-weight: 600;
	font-size: 1.125em;
	color:#fff;
	position: relative;
}
    footer .top_footer h5:before {
        content: '';
        width: 45px;
        height: 2px;
        background: var(--color-footer-background2);
        position: absolute;
        bottom: -13px;
    }
footer .top_footer .part1 {
	padding-top: 0;
}
footer .top_footer .part1 a img{
    width: 260px;
}
footer .top_footer .part3 {
	padding-left: 39px;
}
footer .top_footer .part4 {
	padding-left:83px;
}
footer .top_footer .part1 p:nth-child(2) {
	font-size: 0.875em;
	color: #e7e7e7;
	line-height: 25px;
    padding-top: 16px;
    display: block;
}
footer .top_footer .part1 p:nth-child(3) {
	font-weight: 600;
	font-size: 1.25em;
	color: #ea212d;
}
footer .top_footer .part1 p:nth-child(4) {
	font-style: italic;
	font-size: 0.875em;
	color: #e7e7e7;
	padding-left: 0;
    line-height: 4px;
}
footer .top_footer .part1 ul li {
	display: inline-block;
    margin-top:0;
    font-size: 15px;
}
footer .top_footer .part1 .info p{
    color: #e7e7e7;
    font-size: 14px;
}
footer .top_footer .part1 .info{
    padding-top: 17px;
    padding-bottom: 30px;
}
footer .top_footer .part1 .info li span{
    color: #e7e7e7 !important;
}
footer .top_footer .part1 .info li span strong{
    color: #e7e7e7 !important;

}
        footer .top_footer .part1 ul li a i {
            color: var(--color-footer-text);
            margin-top: 7px;
            margin-left: 0;
            z-index: 9999;
        }
footer .top_footer .part1 ul{
    padding-left: 0;
}
    footer .top_footer .part1 ul li a {
        display: block;
        text-align: center;
        width: 32px;
        height: 32px;
        border: 1px solid var(--color-footer-background2);
        border-radius: 50%;
        margin-left: 3px;
        background-color: var(--color-footer-background2);
    }
footer .top_footer .part1 ul li a:hover{
	border:1px solid #93499c;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
footer .top_footer .part1 ul li a:hover {
    background:  var(--color-background);
    border-color:  var(--color-background);
}
footer .top_footer .part1 ul li a:hover i {
	color:#fff;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
    footer .top_footer .part2 ul li a {
        font-size: 14px;
        color: var(--color-footer-Link-Text);
        margin-top: 14px;
        display: flex;
        transition: all .3s ease;
    }
        footer .top_footer .part2 ul li a i {
            color: var(--color-footer-text);
            width: 15px;
            height: 1px;
            display: block;
            background-repeat: repeat;
            background-color: var(--color-footer-Link-Text-Hover);
            position: relative;
            top: 10px;
        }
    footer .top_footer .part2 ul li:hover a {
        color: var(--color-footer-Link-Text-Hover);
    }

footer .top_footer .part2 ul {
    padding-top: 18px;
    padding-left: 0;
    display: block;
}
footer .top_footer .part3 a {
	color: #93499c;
}
footer .top_footer .part3 p {
	font-size: 0.875em;
	color: #e7e7e7;
	padding-top: 31px;
}
footer .top_footer .part3 span {
	font-weight: 600;
	color: #e7e7e7;
	font-size: 0.75em;
	margin-top: -9px;
    display: block;
}
footer .top_footer .part4 img {
	float:left;
	margin: 0px 2.5px 5px;
}
footer .top_footer .part4 .gallery {
	margin-top:43px;	
	margin-left: -5px;
	margin-right: -5px;
}
/*--- Bottom footer---*/
footer .bottom_footer {
    background: #20202094;
display: flex;
/* border-top: 1px solid  var(--color-background)7a; */
position: relative;
}
footer .bottom_footer p {
	margin: 0;
	font-size: 0.875em;
    color: #B3B3B3;
    padding: 20px 0;
}
.float_right {
    float: right;
}
.float_left {
    float: left;
}
/* footer */
/* ------------------------------------------------------------ */


/* == inner content  ============================================================================================================================ */
/* -- top banner -------- */
.banner_top {
	width: 100%;
	height: 242px;
	background-color: #fff;
	display: block;
	background-size: cover;
	background-position: 50% 80%;
	background-repeat: no-repeat;
    margin-top: 110px;
    position: relative;
}
.banner_top::after{
    content: " ";

}
.banner_top .content {
    display: block;
    background-color: rgba(0, 0, 0, 0.52);
    height: 100%;
}
.banner_top .content h3 {
    color: #fff;
    margin-top: 0;
    font-weight: 700;
    width: 100%;
    font-size: 34px;
    display: block;
    padding-top: 90px;
} 
/* -- top banner -------- */

/* -- link tree -------- */

.links_tree{
    padding: 15px 0;
    position: absolute;
    bottom: 9px;
    width: 100%;
}
.links_tree ul{
    margin-bottom: 0;
    padding-left: 0;

}
.links_tree ul li{
	display: inline-block;
}
.links_tree ul li a{
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 500;
	color: #fff;
	font-size: 15px;
}
    .links_tree ul li a.active {
        color: var(--color);
    }
.links_tree ul li a:hover{
    text-decoration: none;
    color:  var(--color-background);
}
.links_tree ul li a:after{
	content: "|";
	position: absolute;
	right: -5px;
    color: #9295a1;
    top: -1px;
	font-size: 16px;
}
.links_tree ul li:last-child a:after{
	display: none;
}

/* -- link tree -------- */
/* -- contact --------- */
.page_content .contact_part{ 
	padding-top: 30px;
	padding-bottom: 90px;
}
.page_content .contact_part .row{
	margin: 0;
}
.page_content .form_part{
    width: 50%;
}
.page_content .form_part h3{
    font-size: 32px;
    font-weight: 700;
    color: #424242;
}
.page_content .form_part p{
    display: block;
    font-size: 14px;
    color: #424242;
}
.page_content .form_part .form_box .item:first-child{
	margin-right: -14px;
}
  
.page_content .form_part form input{
	width: 48%;
	display: inline;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 24px 10px;
	border: 1px solid #eaeaea;
	transition: 0.3s;

}
.page_content .form_part form input:focus{
    border: 1px solid #525252;
    box-shadow: none;
    transition: 0.3s;
}
.page_content .form_part form input:nth-child(2n){
    margin-right: 0px;
}
.page_content .form_part form textarea{
    border: 1px solid #eaeaea;
    font-size: 14px;
    transition: 0.3s;

}
.page_content .form_part form textarea:focus{
    border: 1px solid #525252;
    box-shadow: none;
    transition: 0.3s;
}
.page_content .form_part .button button{
    padding: 10px 24px;
    display: inline-block;
    background: #525252;
    color: #fff;
    border: 1px solid #525252;
    transition: 0.3s;
    margin-top: 30px; 
}
.page_content .form_part .button button:hover{
    background-color: var(--color-background);
    border: 1px solid  var(--color-background);
}



.page_content .text_part{
    width: 50%;
    padding-left: 50px;
}
.page_content .text_part .contact_information{
	background-color: #fff;
	color: #000;
	padding: 20px;
	margin-top: 81px;
	border: 1px solid #eee;
} 
.page_content .text_part .contact_information h3{
    font-size: 32px;
    font-weight: 700;
    color: #424242;
} 
.page_content .text_part .contact_information p{
	display: block;
	padding-left: 0;
	color: #424242;
	font-size: 15px;
	font-weight: 500;
}
.page_content .text_part .contact_information p i{
	font-size: 17px;
	padding-right: 10px;
	color:  var(--color-background);
	-webkit-text-fill-color: var(--color-background) ;

}
.page_content .text_part .contact_information p a{
	color: #000;
	font-weight: 500;
	font-size: 15px;
}
.page_content .text_part .contact_information .phone_numbers{
	padding: 0;
}
.page_content .text_part .contact_information .phone_numbers li{
	list-style: none;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.page_content .text_part .contact_information .phone_numbers li p{
	margin-bottom: 0;
	color: #424242;
}
.page_content .text_part .contact_information .phone_numbers li p i{
	padding-right: 0;
}
.page_content .text_part .contact_information .phone_numbers li p a{
	padding-right: 0;
	margin-left: 6px;
	color: #424242;
} 
.page_content .text_part .contact_information span.adress{
	display: block;
	padding-top: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 1px solid #fff;
	margin-bottom: 30px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
.page_content .text_part .contact_information span.mail{
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	border: 1px solid #fff;
	margin-bottom: 30px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
.page_content .text_part .contact_information span.fatura{
	display: block;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	border: 1px solid #fff;
	margin-bottom: 30px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
 


.page_content .text_part .map{
    width: 100%;
    height: 309px;
    margin-top: 30px;
    border-top: 1px solid #eaeaea;
    padding-top: 30px;
}
.page_content .text_part .map iframe{
    width: 100%;
    height: 100%;
}

.page_content .map_section{
    margin-bottom: 5rem;
} 
.page_content .map_section iframe{
    width: 100%;
    height: 350px;
}

/* -- contact --------- */

/* -- form page --------- */
.ik-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
    margin: 0 auto;
    padding-top: 0;
padding-bottom: 0;
  }
  .ik-area > .ik-column {
	display: inline-block;
	width: 49%;
  }
  .ik-area > .ik-column.sent_form{
	width: 100%;
  
  }
  .ik-area .ik-column{}
  .ik-area .ik-column strong{
	margin-bottom: 13px;
	display: block;
  }
  .ik-area .ik-column input{
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	padding: 10px;
	display: block;
	width: 100%;
  }
  .ik-area .ik-column input:focus{
	outline: none;
	box-shadow: none;
  }
  .ik-area .ik-column textarea:focus{
	outline: none;
	box-shadow: none;
  }
  .form_row{
	display: flex;
  
  }
  .form_row .upload_file_section{
	width: 50%;
	margin-right: 20px;
  }
  .form_row .security_section{
	width: 50%;
  
  }
  .form_row .upload_file_section .upload{
	padding-top: 24px;
  }
  
  
  .ik-area .ik-column textarea.small_text{
	height: 104px;
  
  }
  .ik-area .ik-column select:focus{
	outline: none;
	box-shadow: none;
  }
  .ik-area .ik-column button{
	display: block;
	width: 100%;
	padding: 10px 0;
    border: 0;
    background-color: #00ad1b;
	color: #fff;
  }
  .ik-area .ik-column button:hover{
	transition: 0.4s;
	color: white;
	background-color: #0290ca;
	border-color: #0290ca;
  }
  .ik-area .ik-column textarea{
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	padding: 10px;
	display: block;
	width: 100%;
  }
  .ik-area .ik-column .security{
	font-size: 16px;
	font-weight: 600;
	color: #444;
	padding-bottom: 8px;
	margin-top: 0;
  }
  .ik-area .ik-column .upload strong{
	margin-bottom: 2px;
  font-weight: 600;
  }
  .ik-area .ik-column .upload input{
	background-color: #ececec;
	border: 0;
	color: #595959;
	font-weight: 500;
  }
  .ik-area .ik-column select{
	width: 100%;
	display: block;
	padding: 7px;
	margin: 0 0 10px 0;
	color: #848484;
	border: 1px solid #e6e6e6;
	font-size: 12px;
	font-weight: 500;
  }
  
/* -- form page --------- */
/* -- about page --------- */
.inner_content{
    margin-top: 0;
    margin-bottom: 3rem;
}
.inner_content .text p {
    display: block;
    font-size: 15px;
    color: #595959;
}

.why_vesmec_art {
  margin-bottom: 60px;
}
.why_vesmec_art h3{
  font-size: 18px;
font-weight: 600;
color:  var(--color-background);
}
.why_vesmec_art .why_vesmec{
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
.why_vesmec_art .why_vesmec li{
  width: 30%;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 210px;
}
.why_vesmec_art .why_vesmec li a{
  display: block;
border: 1px solid #e9e9e9;
height: 100%;
}
.why_vesmec_art .why_vesmec li a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner_content .galeri{
  margin-top: 50px;
}
.inner_content .galeri ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0;
	margin-right: -7px;
}

.inner_content .galeri ul li {
  list-style: none;
  width: 13%;
  border: 1px solid #e1e1e1;
  max-height: 330px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-right: 15px;
}

.inner_content .galeri ul li a {
	width: 100%;
	height: 100%;
	display: block;
}

.inner_content .galeri ul li a img {
    width: 100%;
    padding: 0;
    height: 100%;
    object-fit: cover;
}
.inner_content .galeri h3{
  font-size: 25px;
  font-weight: 700;
}
.peroject_section .bilgi_detay tbody tr {
  background-color: #525252;
  transition: 0.3s;
}
.peroject_section .bilgi_detay td {
  border: 1px solid #444;
  border-collapse: collapse;
  font-size: 13px;
  font-weight: 500;
}
table td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 7px 20px;
}

/* -- about page --------- */

/* -- inventory page --------- */
.page_content{
    padding-top: 4rem;
    padding-bottom: 9rem;
}
.inventory_section{}
.inventory_section .inventory_items .item{
    width: 33%;
}
.inventory_section .inventory_items .item .content{
    width: 95%;
    margin: 0 auto;
    height: 240px;
    border-radius: 8px;
    overflow: hidden;
    position: relative; 
}
.inventory_section .inventory_items .item .content img{
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: 0.3s;
}
.inventory_section .inventory_items .item:hover .content img{
    transition: 0.3s;
    transform: scale(1.06);

}
.inventory_section .inventory_items .item .content a{
    display: block;
    height: 100%;
    width: 100%;
    background-color: #22222236;
    position: absolute;
    top: 0;
    left: 0;
}
.inventory_section .inventory_items .item .content a h3{
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: 30px;
    background-color: var(--color-background);
    font-size: 18px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
    border-radius: 8px 8px 0 0;
}

/* -- inventory page --------- */

/* -- inventory kategori page --------- */

/* filter ------ */
.filter_section{
    background-color: #eee;
    padding: 20px 20px;
    border-bottom: 4px solid  var(--color-background);
}
.filter_section .content{
    display: flex; 
}
.filter_section .content .search{
    width: 50%;
    position: relative;
}
.filter_section .content .search input{
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #ced4da;
    background-color: #fdfdfd;
    font-size: 15px;
    color: #444;
    border-radius: 6px;
}
 
.filter_section .content .search button{
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--color-background);
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    border: 0;
    height: 100%;
    float: right;
    transition: 0.3s;
    padding: 0 20px;
    border-radius: 0 6px 6px 0;
    height: 44px;
}
.filter_section .content .select_box{
    position: relative;
    width: 30%;
}
.filter_section .content .select_box .select2 {
    width: 90% !important;
    margin: 0 auto;
    display: block;
}
.filter_section .content .select_box .select2-container .select2-selection--single{
    height: 45px !important; 
    border: 1px solid #ced4da;
}
.filter_section .content .select_box .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}
.filter_section .content .select_box .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 7px;
}

.select2-dropdown {
    top: 110px !important; left: 0 !important;
}
.filter_section .content .search_btn{
    width: 20%;
}
.filter_section .content .search_btn .form-select{
    height: 44px;
    color: #444;
}
 
 
/* filter ------ */

/* product items ------ */
.page_content .product_items{
    margin-top: 3rem;
}
.page_content .product_items .item{
    width: 33%;
    margin-bottom: 24px;
}
.page_content .product_items .item .content{
    border: 1px solid #e3e3e3;
}
.page_content .product_items .item .content .img{
    height: 300px;
}
.page_content .product_items .item .content .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-bottom: 1px solid #e3e3e3;
}

.page_content .product_items .item .content .discreption{
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0;
}
.page_content .product_items .item .content .discreption h3{
    font-size: 16px;
}
.page_content .product_items .item .content .discreption p{
    font-size: 13px;
    color: #747474;
    line-height: 22px;
}

.page_content .product_items .item .content .links{
    padding: 10px 20px;
    display: flex;
}
.page_content .product_items .item .content .links a{
    display: block;
    text-align: center;
    padding: 9px 0;
    transition: 0.3s;
    width: 49%;
}
.page_content .product_items .item .content .links a.link1{
    margin-bottom: 10px;
    border: 1px solid  var(--color-background);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-right: 20px;
    background-color: var(--color-background);
}
.page_content .product_items .item .content .links a.link1:hover{
    background-color: #fff;
    color:  var(--color-background);
}
.page_content .product_items .item .content .links a.link2{
    margin-bottom: 10px;
    border: 1px solid #000;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    background-color: black;
}
.page_content .product_items .item .content .links a.link2:hover{
    background-color: #fff;
    color: #000;
}


/* product items ------ */


/* -- inventory kategori page --------- */

/* -- partners kategori page --------- */
.page_content .partners_section{
    
} 
.page_content .partners_section .row{
    margin-left: 0;
    margin-right: 0;
}
.page_content .partners_section .side_menu{
    width: 30%;
}
.page_content .partners_section .side_menu aside{
    width: 90%;
}

.page_content .partners_section .side_content{
    width: 70%;
    position: relative;
}
.pdf_sec{
  margin: 0 auto !important;
  height: initial !important;
  position: relative;
}
.page_content .side_content .download_pdf{

  float: right;
  position: absolute;
  top: -96px;
  box-shadow: 0 0 20px #6b6b6b2b;
  padding: 10px 10px;
  right: 0;
  background-color: #fff;
}
.page_content .side_content .download_pdf a{
  display: flex;
  flex-wrap: wrap;

display:none; 
}
.page_content .side_content .download_pdf .img img{
  width: 100%;
}
.page_content .side_content .download_pdf .txt{}
.page_content .side_content .download_pdf .txt h3{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: black;
}
.page_content .side_content .download_pdf .txt span{
  font-size: 11px;
  margin-bottom: 0;
  color: white;
  background-color: var(--color-background);
  padding: 2px 10px;
  display: block;
  border-radius: 25px;
  text-align: center;
  margin-top: 6px;
  font-weight: 500;
  transition: 0.3s;
}  
.page_content .side_content .download_pdf:hover .txt span{
  transition: 0.3s;
  background-color: #ffc65a;
}

.page_content .partners_section .side_content .text{}
.page_content .partners_section .side_content .text h3{
  display: block;
  font-size: 21px;
  color: #000;
}
.page_content .partners_section .side_content .text h3 b{
  color:  var(--color-background);
}
.page_content .partners_section .side_content .text p{
  display: block;
  font-size: 15px;
  color: #595959;
  text-align: justify;
}

.page_content .partners_section .side_content .galeri{
  border: 1px solid gainsboro;
text-align:center;
}
.page_content .partners_section .side_content .galeri img{
margin-bottom:10px;
}
.page_content .galeri_box{
  margin-top: 30px;
}
.page_content .galeri_box ul{
  padding-left: 0;
  display: flex;
flex-wrap: wrap;
}
.page_content .galeri_box ul li{
  width: 15%;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 210px;
}
.page_content .galeri_box ul li a{
  display: block;
  border: 1px solid #e9e9e9;
  height: 100%;

}
.page_content .galeri_box ul li a img{
  width: 100%;
  height: 100%;
}



/* accourdion --------------- */
#accordion,
#accordion ul,
#accordion ul li,
#accordion ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
}

#accordion {
	width: 100%;
	color: #fff;
	border: 1px solid #eee;
}

#accordion ul li ul {
	display: none;
}

#accordion>ul>li.active>ul {
	display: block;
}

#accordion>ul>li>a {
	padding: 15px 10px;
	cursor: pointer;
	z-index: 2;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #eee;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#accordion>ul>li>a:before {
	font-family: 'ElegantIcons';
	content: "\45";
	margin: -3px 10px 0 0;
	font-size: 20px;
	display: inline-block;
	float: left;
	color:  var(--color-background);
}

#accordion>ul>li>a:hover {
	background: #eee;
	color: #000;
}

#accordion>ul>li.active>a {
	background:  var(--color-background);
	color: #fff;
}

#accordion>ul>li.active:nth-child(1)>a {
	background:  var(--color-background);
}

#accordion>ul>li.active:nth-child(2)>a {
	background: #0b24f9;
}

#accordion>ul>li.active:nth-child(3)>a {
	background: #fbcf00;
}

#accordion>ul>li.active:nth-child(4)>a {
	background: #fbae00;
}

#accordion>ul>li.active:nth-child(5)>a {
	background: #97c21e;
}

#accordion>ul>li.active:nth-child(6)>a {
	background: #247363;
}

#accordion>ul>li.active>a:before {
	color: #fff;
}

#accordion>ul>li li.active>a {
	background: #fff;
	color: #000;
}

#accordion>ul>li li li.active>a {
	background: none;
	color: #E84043;
}

#accordion ul>li.has-sub {
	font-weight: 700;
}

#accordion ul>li.has-sub>a:after {
	position: absolute;
	right: 20px;
	top: 12px;
	z-index: 5;
	font-size: 14px;
	font-weight: 700;
	display: block;
	content: "\4c";
	font-family: 'ElegantIcons';
	color:  var(--color-background);
}

#accordion ul ul li a {
	padding: 15px 40px;
	cursor: pointer;
	z-index: 2;
	font-size: 12px;
	text-decoration: none;
	color: #444;
	background: #fff;
	box-shadow: 0 0 1px #ccc;
	-webkit-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
}

#accordion ul ul ul li a {
	padding-left: 70px;
	background: #fff;
	color: #777;
}

#accordion ul ul ul ul li a,
#accordion ul ul ul ul ul li a {
	padding-left: 0px;
	background: #fff;
}

#accordion ul ul li a:hover {
	background: #f7f7f7;
	color: #5d6982;
}

#accordion ul ul li.active>a {
	color:  var(--color-background);
}
/* accourdion --------------- */

/* road map -------- */
#mainarea_under #edit_area p {
    margin-bottom: 1em;
  }
  #mainarea_under #edit_area li {
    margin-bottom: 5px;
  }
  #mainarea_under #edit_area li.border-list {
    border-bottom: dotted 1px #ccc;
    padding: 10px 0 10px;
  }
  #mainarea_under #edit_area .lb {
    font-size: 123.1%;
    margin-bottom: 0.5em;
  }
  #mainarea_under #edit_area .htopb {
    clear: both;
  }
  #mainarea_under #edit_area .htopb-pro {
    padding: 12px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    background: url("images/common/htopb_bg.html") no-repeat center top;
    font-size: 138.5%;
  }
  #mainarea_under #edit_area h2.modelno {
    font-size: 230.8%;
    padding: 0 0 10px;
  }
  #mainarea_under #edit_area h2.modelno br.pc_none {
    display: none;
  }
  #mainarea_under #edit_area h2.modelno img.ediesel {
    height: 36px;
    vertical-align: text-bottom;
  }
  #mainarea_under #edit_area p.ttlengine {
    color: #000;
    font-weight: 600;
  }
  #mainarea_under #edit_area p.ttlengine span.ttlgreen {
    color: #009944;
    font-size: 138.5%;
  }
  #mainarea_under #edit_area strong {
    color: #0255ab;
  }
  #mainarea_under #edit_area .modelno + p strong {
    font-size: 138.5%;
    display: block;
    padding: 0;
  }
  #mainarea_under #edit_area .productimg {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
  }
  #mainarea_under #edit_area .productimg#cgdf{
    width: 42.5%;
    height: auto;
    margin-bottom: 0;
  }
  #mainarea_under #edit_area .box-catalog {
    float: right;
    width: 200px;
  }
  #mainarea_under #edit_area .box-catalog a {
    text-decoration: none;
  }
  #mainarea_under #edit_area .box-catalog p {
    text-align: center;
  }
  #mainarea_under #edit_area .box-catalog .detail {
    border: 2px solid #B6B6B6;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  #mainarea_under #edit_area .box-catalog .title {
    border-top: 3px solid #A6D73B;
    text-align: center;
    padding: 5px;
  }
  #mainarea_under #edit_area .box-catalog img {
    text-align: center;
    margin: 0 auto;
  }
  #mainarea_under #edit_area .box-catalog ul {
    list-style: none;
    background-color: #f9F9F9;
    border: 1px solid #EFEFEF;
    margin: 0;
    padding: 10px 5px;
  }
  #mainarea_under #edit_area .box-catalog li {
    margin-bottom: 5px;
  }
  #mainarea_under #edit_area .box-catalog li a {
    display: block;
    width: 187px;
    height: 30px;
    padding: 7px 5px 0 22px;
    font-size: 93%;
    color: #1d1d1d;
    background: url("images/sidebar/side_contact_btnlist.html") 0 0 no-repeat;
  }
  #mainarea_under #edit_area .box-catalog li a:hover {
    color: #999999;
  }
  #mainarea_under #edit_area .specbox {
    float: left;
    width: 515px;
    margin-bottom: 30px;
  }
  #mainarea_under #edit_area .specbox h2.htopb {
    margin-top: 0;
    padding: 10px 0;
    font-size: 167%;
  }
  #mainarea_under #edit_area .historyTable {
    width: 100%;
    margin-bottom: 30px;
  }
  #mainarea_under #edit_area .historyTable td {
    padding: 5px 10px;
    border-top: dotted 1px #ccc;
  }
  #mainarea_under #edit_area .historyTable td.year {
    width: 80px;
    text-align: left;
    padding-left: 8px;
    border-left: solid 3px #999 !important;
  }
  #mainarea_under #edit_area .historyTable td.month {
    width: 55px;
    text-align: right;
    background: #f2f2f2;
  }
  #mainarea_under #edit_area .historyTable .year + .month {
    line-height: 30px;
  }
  #mainarea_under #edit_area .historyTable td.cont img {
    margin-bottom: 0;
  }
  #mainarea_under #edit_area .historyTable .ad {
    font: 26px Georgia, "Times New Roman", Times, serif;
    width: 100%;
    display: block;
    color: #999;
  }
  #mainarea_under #edit_area .historyTable .jpny {
    font-size: 10px;
    color: #999;
    padding-left: 0px;
    line-height: 1.2;
  }
  #mainarea_under #edit_area #history-past .historyTable {
    background: #f2f0ea;
  }
  #mainarea_under #edit_area #history-past .historyTable td.month {
    background: #dbd9d4;
  }
  #mainarea_under #edit_area .book-link {
    padding: 0 !important;
    margin: 10px 0 5px !important;
  }
  #mainarea_under #edit_area .book-link a {
    line-height: 1.2 !important;
    text-decoration: none;
  }
  #mainarea_under #edit_area .book-link a:before {
    font-family: fontawesome;
    content: "\f07b";
    font-size: 11px;
    padding-right: 5px;
    color: #0255ab;
    text-decoration: none !important;
  }
  #mainarea_under #edit_area .book-link a.open:before {
    content: "\f07c";
  }
  #mainarea_under #edit_area .book-link a:hover {
    text-decoration: underline;
  }
  #mainarea_under #edit_area .book-link-stack a {
    font-size: 0.85em;
    height: 16px;
    display: inline-block;
  }
  #mainarea_under #edit_area .history-book {
    display: none;
    font-size: 93%;
    clear: both;
    background: #F3F3F3;
    padding: 16px;
    margin-top: 10px;
  }
  #mainarea_under #edit_area #history-past .history-book {
    background: #fff;
  }
  #mainarea_under #edit_area .history-book ul {
    margin: 0 0 0 16px !important;
    padding: 0 !important;
  }
  #mainarea_under #edit_area .history-book ul li {
    list-style-type: square !important;
  }
  #mainarea_under #edit_area .history-book p {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }
  #mainarea_under #edit_area .history-book table {
    border-bottom: solid 1px #ccc;
    margin-bottom: 8px;
  }
  #mainarea_under #edit_area .history-book table td {
    padding: 2px;
    border-top: solid 1px #ccc;
  }
  #mainarea_under #edit_area p.rightimg {
    text-align: center;
    float: right;
    padding: 0 0 0 20px !important;
    color: #808080;
  }
  #mainarea_under #edit_area p.leftimg {
    text-align: center;
    float: left;
    padding: 0 20px 0 0 !important;
    color: #808080;
  }
  #mainarea_under #edit_area p.rightimg img,
  #mainarea_under #edit_area p.leftimg img {
    margin-bottom: 5px;
  }
  #mainarea_under #edit_area img.img100 {
    width: 100%;
  }
  #mainarea_under #edit_area .imgbox-r,
  #mainarea_under #edit_area .imgbox-l,
  #mainarea_under #edit_area img.right,
  #mainarea_under #edit_area img.left {
    margin-bottom: 1em;
    font-size: 85%;
  }
  #mainarea_under #edit_area .imgbox-r,
  #mainarea_under #edit_area img.right {
    float: right;
    margin-left: 1.5em;
  }
  #mainarea_under #edit_area .imgbox-l,
  #mainarea_under #edit_area img.left {
    float: left;
    margin-right: 1.5em;
  }
  /*171129追加*/
  .htopb-pro#dfonly{
    font-size: 167% !important;
  }
  .htopb-pro span.dfred,
  .htopb span.dfred{
    font-size: 100%;
    color: #ff0000;
  }
  .df_specbox h4.htopc,
  .lng_specbox h4.htopc{
    font-size: 123%;
  }
  .df_specbox h4.htopc:before,
  .lng_specbox h4.htopc:before{
    content: "■";
    display: inline-block;
    position: relative;
  }
  .df_specbox h4.htopc:before{
    color: #0255ab;
  }
  .lng_specbox h4.htopc:before{
    color: #009944;
  }
  #mainarea_under .basebox .df_specbox:nth-child(2){
    float: left;
    width: 515px;
  }
  #mainarea_under .basebox .df_specbox:nth-child(3){
    clear: both;
  }
  #mainarea_under .basebox .df_specbox:nth-child(4) p{
    width: 100%;
    margin-top: 10px;
    text-align: center;
  }
  .df_specbox img#dfimg01{
    width: 100%;
    height: auto;
  }
  .hthin span{
    font-size: 75%;
  }
  .hthin#dfap{
    margin-left: 0;
    list-style: none;
    font-size: 118%;
  }
  .hthin#dfap li{
    font-weight: 600;
    padding-left: 2.0em;
  }
  .hthin#dfap li:nth-child(1),
  .hthin#dfap li:nth-child(2),
  .hthin#dfap li:nth-child(3),
  .hthin#dfap li:nth-child(4){
    border-bottom: 1px dotted #cccccc;
  }
  .hthin#dfap li#dfap01::before{
    display: inline-block;
    content: '1.';
    color: #0255ab;
    position: absolute;
    margin-left: -1.5em;
  }
  .hthin#dfap li#dfap02::before{
    display: inline-block;
    content: '2.';
    color: #0255ab;
    position: absolute;
    margin-left: -1.5em;
  }
  .hthin#dfap li#dfap03::before{
    display: inline-block;
    content: '3.';
    color: #0255ab;
    position: absolute;
    margin-left: -1.5em;
  }
  .hthin#dfap li#dfap04::before{
    display: inline-block;
    content: '4.';
    color: #0255ab;
    position: absolute;
    margin-left: -1.5em;
  }
  .hthin#dfap li#dfap05::before{
    display: inline-block;
    content: '5.';
    color: #0255ab;
    position: absolute;
    margin-left: -1.5em;
  }
  
  ul#dfgas{
    list-style: none;
    background: #F0FFF0;
    margin-left: 0px;
    padding: 10px 10px;
  }
  ul#dfgas li{
    position: relative;
    font-weight: 600;
    font-size: 108%;
    margin-left: 2.3em;
  }
  ul#dfgas li::after{
    display: block;
    content: '';
    position: absolute;
    top: 0.5em;
    left: -1.5em;
    width: 10px;
    height: 4px;
    border-left: 2px solid #32CD32;
    border-bottom: 2px solid #32CD32;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 5px;
  }
  
  #noximg img{
    width: 320px;
  }
  #dfonly .pc_none{
    display: none;
  }
  
#mainarea_under #edit_area .box-catalog img{
    width:75%;
    height:auto;
  }
  
  
  .pagetab{
    padding: 0px 0 20px;
  }
  .pagetab ul{
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .pagetab ul li{
    float: left;
    display: block;
    width: 33.333%;
    margin: 0;
    padding: 0;
  }
  .pagetab ul li+li{
    border-left: 1px solid #DADADA;
  }
  
  .pagetab ul li a{
    width: auto;
    display: block;
    text-align: center;
    padding: 10px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    background: #DADADA;
  }
  .pagetab ul li a span{
    display: inline-block;
    padding-left: 15px;
    background: url("images/common/arrow_r_black.html") no-repeat 0px center;
  }
  .pagetab ul li a:hover{
    opacity: 0.8;
  }
  
  .pagetab ul li.active a{
    background-color: #0052AE;
    color: #FEFFFF;
  }
  .pagetab ul li.active a span{
    background: none;
  }
  #rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    }
  
  #rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    }
  
  #rslides li:first-child {
    position: relative;
    display: block;
    float: left;
    }
  
  #rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    }
  
  
  .popeye .rslides{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    }
  .popeye .rslides li{
    margin: 0 !important;
    line-height: 0;
    }
  
  .rslides_tabs {
    list-style: none;
    margin: 0;
    padding: 0 0;
  }
  .rslides_tabs li {
    display: inline;
    float: none;
  }
  
  .rslides_tabs a {
    width: auto;
    padding: 9px 20px !important;
    display: inline-block;
    color: #0052AC;
    background: #FAFAFA;
    border-bottom:1px solid #CCCCCC;
    text-decoration: none;
  }
  .rslides_tabs li+li a {
    border-left:1px solid #CCCCCC;
  }
  .rslides_tabs .rslides_here a {
    color: #fff;
    background: #0052AC;
    font-weight: bold;
  }
  
  
  
  
  #rangechart_linklist,
  #rangechart_linklist1,
  #rangechart_linklist2 {
    z-index: 1;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  #rangechart_linklist1{
    width:650px;
    height:540px;
  }
  #rangechart_linklist2{
    width:650px;
    height:650px;
  }
  
  #rangechart_img,
  #rangechart_img1,
  #rangechart_img2{
    position: absolute;
  }
  #rangechart_linklist1 li,
  #rangechart_linklist2 li{
    padding: 0;margin: 0;
  }
  #rangechart_linklist1 .link,
  #rangechart_linklist2 .link{
    display: block;
    position: absolute;
    text-indent: -9999px;
    border-radius: 3px;
    box-shadow: 0px -2px 3px #CCCCCC,
    inset 1px 0 0px #FFFFFF,
    inset 0 1px 0px #FFFFFF,
    inset -1px 0 0px #FFFFFF
    ;
    cursor: pointer;
  
  }
  #rangechart_linklist1 .link{
    background: url("assets/2019rangechart_marine1.png") 0 0 no-repeat;
  }
  #rangechart_linklist2 .link{
    background: url("assets/2019rangechart_marine2.png") 0 0 no-repeat;
  }
  #rangechart_linklist1 li.active .link,
  #rangechart_linklist1 .link:hover{
    background-image: url("assets/2019rangechart_marine1_on.png");
  }
  #rangechart_linklist2 li.active a,
  #rangechart_linklist2 .link:hover{
    background-image: url("assets/2019rangechart_marine2_on.png");
  }
  
  /* #rangechart-6DEM-18_750min-1 a { width:70px; height:30px; background-position: -580px -484px;  left: 580px; top: 484px;} */
  #rangechart-6DEM-18_900min-1 .link { width:70px; height:24px; background-position: -468px -472px;  left: 468px; top: 472px;}
  
  #rangechart-6DKM-20e         .link { width:70px; height:24px; background-position: -388px -455px;  left: 388px; top: 455px;}/**/
  #rangechart-6DEM-23_750min-1 .link { width:70px; height:29px; background-position: -308px -444px;  left: 308px; top: 444px;}
  #rangechart-6DEM-23_900min-1 .link { width:70px; height:29px; background-position: -228px -426px;  left: 228px; top: 426px;}/**/
  #rangechart-6DKM-26e .link         { width:70px; height:39px; background-position: -148px -396px;  left: 148px; top: 396px;}/**/
  #rangechart-6DEM-28 .link         { width:70px; height:30px; background-position: -68px -366px;   left: 68px;  top: 366px;}/**/
  /* #rangechart-8DKM-28e a         { width:70px; height:71px; background-position: -75px -324px; left: 75px; top: 324px;} */
  #rangechart-6DCM-32e .link         { width:70px; height:30px; background-position: -548px -316px;  left: 548px; top: 316px;}
  #rangechart-6DEM-33 .link          { width:70px; height:92px; background-position: -468px -281px;  left: 468px; top: 281px;}
  #rangechart-6DKM-36e .link         { width:70px; height:42px; background-position: -228px -271px;  left: 228px; top: 271px;}
  #rangechart-8DCM-32e .link         { width:70px; height:72px; background-position: -388px -245px;  left: 388px; top: 245px;}
  #rangechart-8DEM-33 .link          { width:70px; height:103px; background-position: -308px -195px;  left: 308px; top: 195px;}
  #rangechart-8DKM-36e .link         { width:70px; height:19px; background-position: -148px -186px;  left: 148px; top: 186px;}
  #rangechart-12DKM-36e .link        { width:70px; height:69px; background-position: -68px -96px;   left: 68px;  top: 96px;}
  /* #rangechart-16DCM-32e a        { width:70px; height:125px; background-position: -75px -42px;   left: 75px;  top: 42px;} */
  
  
  
  
  #rangechart-6DE-18 .link   { width:70px; height:123px; background-position: -89px -364px;  left: 89px; top: 364px;}
  #rangechart-6DE-18_a .link   { width:70px; height:98px; background-position: -572px -361px;  left: 572px; top: 361px;}
  
  #rangechart-6DE-20 .link     { width:70px; height:72px; background-position: -166px -304px;  left: 166px; top: 304px;}
  /* #rangechart-6DE-20_a a   { width:70px; height:72px; background-position: -166px -304px;  left: 166px; top: 304px;} */
  /* #rangechart-6DE-20_b a   { width:70px; height:29px; background-position: -596px -379px;  left: 596px; top: 379px;} */
  
  #rangechart-6DE-23 .link   { width:70px; height:40px; background-position: -90px -286px;  left: 90px; top: 286px;}
  #rangechart-6DE-23_a .link   { width:70px; height:98px; background-position: -484px -305px;  left: 484px; top: 305px;}
  
  #rangechart-6DE-28 .link     { width:70px; height:23px; background-position: -248px -263px;  left: 248px; top: 263px;}
  #rangechart-6DE-28_a .link   { width:70px; height:23px; background-position: -484px -261px;  left: 484px; top: 261px;}
  
  /* #rangechart-8DE-28 a     { width:70px; height:23px; background-position: -236px -242px;  left: 236px; top: 242px;} */
  /* #rangechart-8DE-28_a a   { width:70px; height:23px; background-position: -596px -242px;  left: 596px; top: 242px;} */
  #rangechart-6DE-33 .link     { width:70px; height:37px; background-position: -328px -208px;  left: 328px; top: 208px;}/**/
  #rangechart-6DE-33_a .link   { width:70px; height:23px; background-position: -484px -208px;  left: 484px; top: 208px;}/**/
  
  #rangechart-8DE-33 .link     { width:70px; height:46px; background-position: -328px -160px;  left: 328px; top: 160px;}/**/
  #rangechart-8DE-33_a .link   { width:70px; height:46px; background-position: -484px -160px;  left: 484px; top: 160px;}/**/
  
  #rangechart-6DC-32e .link    { width:70px; height:28px; background-position: -248px -233px;  left: 248px; top: 233px;}
  #rangechart-6DC-32e_a .link  { width:70px; height:23px;; background-position: -484px -237px;  left: 484px; top: 237px;}
  
  #rangechart-8DC-32e .link    { width:70px; height:38px; background-position: -291px -192px;  left: 291px; top: 192px;}
  #rangechart-8DC-32e_a .link  { width:70px; height:38px; background-position: -544px -192px;  left: 544px; top: 192px;}
  /* #rangechart-6DK-20e a    { width:70px; height:71px; background-position: -177px -309px;  left: 177px; top: 309px;} */
  /* #rangechart-6DK-20e_a a  { width:70px; height:54px; background-position: -291px -379px;  left: 291px; top: 379px;} */
  /* #rangechart-6DK-20e_b a  { width:70px; height:54px; background-position: -544px -379px;  left: 544px; top: 379px;} */
  /* #rangechart-6DK-26e a    { width:70px; height:16px; background-position: -291px -283px;  left: 291px; top: 283px;} */
  /* #rangechart-6DK-26e_a a  { width:70px; height:16px; background-position: -544px -283px;  left: 544px; top: 283px;} */
  /* #rangechart-6DK-28e a    { width:70px; height:14px; background-position: -291px -268px;  left: 291px; top: 268px;} */
  /* #rangechart-6DK-28e_a a  { width:70px; height:14px; background-position: -544px -268px;  left: 544px; top: 268px;} */
  #rangechart-8DEL-23 .link    { width:70px; height:35px; background-position: -166px -261px;  left: 166px; top: 261px;}
  #rangechart-8DEL-23_a .link  { width:70px; height:23px; background-position: -484px -281px;  left: 484px; top: 281px;}
  
  /* #rangechart-8DK-28e a    { width:70px; height:23px; background-position: -291px -243px;  left: 291px; top: 243px;} */
  /* #rangechart-8DK-28e_a a  { width:70px; height:23px; background-position: -544px -243px;  left: 544px; top: 243px;} */
  /* #rangechart-6DK-36e a    { width:70px; height:46px; background-position: -351px -212px;  left: 351px; top: 212px;} */
  /* #rangechart-6DK-36e_a a  { width:70px; height:46px; background-position: -484px -212px;  left: 484px; top: 212px;} */
  /* #rangechart-8DK-36e a    { width:70px; height:38px; background-position: -351px -172px;  left: 351px; top: 172px;} */
  /* #rangechart-8DK-36e_a a  { width:70px; height:38px; background-position: -484px -172px;  left: 484px; top: 172px;} */
  /* #rangechart-12DK-36e a   { width:70px; height:77px; background-position: -351px -93px;   left: 351px; top: 93px;} */
  /* #rangechart-12DK-36e_a a { width:70px; height:77px; background-position: -484px -93px;   left: 484px; top: 93px;} */
  #rangechart-6DL-16Ae .link   { width:70px; height:68px; background-position: -8px -461px;   left: 8px;  top: 461px;}
  /* #rangechart-M5 a         { width:70px; height:61px; background-position: -6px -502px;    left: 6px;   top: 502px;} */
  /* #rangechart-M5_a a       { width:70px; height:38px; background-position: -64px -525px;   left: 64px;  top: 525px;} */
  
  
  #rangechart_sp{
    display: none;
  }
  #rangechart_sp img{ width: 100%; height: auto;}
  #rangechart_sp ul{ margin: 0; padding: 0; border-top:1px solid #DADADA;
    height: 350px;
    overflow-y: scroll;
  }
  #rangechart_sp li{ margin: 0; padding: 0; border-bottom:1px solid #DADADA;}
  #rangechart_sp li{ margin: 0; padding: 0;
    background:#FFFFFF url("../www.dhtd.co.jp/assets/templates/official2013/images/rangechart/rangechart_scalebg.png") repeat-y 0 0;
    background-size: contain;
  }
  #rangechart_sp .link { display: block; padding: 5px 0; text-decoration: none; color:#333333;}
  #rangechart_sp .link:hover { background-color: #F6FCFF;}
  
  
  .rangechart_name { display: block; padding: 2px 10px; font-size: 14px;}
  .rangechart_bar  { display: block; padding: 0;
    height: 4px; 
    width: 1px;
    position: relative;
    background: #009EE0;
    border-left-style: solid; border-left-color: #EAEAEA;
    }
  .rangechart_info { display: block; padding: 2px 10px;}
  
  .gmapwrap{
    clear: both;
    margin-top: 10px;
  }
  .gmaps {
      width: 100%;
      height: 400px;
      border: #ccc solid 1px;
  }
  
  @media screen and (min-width: 641px) and (max-device-width: 768px), screen and (max-width: 765px) {
      .pagetab ul li{
          float: none;
          width: 100%;
      }
      #catetop_content li{
          margin-bottom: 1px;
      }
      #irnav.aliaskbox.col3box ul{
          display: initial;
      }
  }
  
  @media screen and (max-width: 767px){
    #subnavi ul ul li a{
      font-size: 11px;
    }
  }
  
  
/* road map -------- */
 
 
/* -- partners kategori page --------- */


/* -- powerplant section page --------- */

.powerplant_section{}
.powerplant_section .img{
    height: 450px;
    margin-top: 40px;
}
.powerplant_section .img img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.powerplant_section h3{
    font-size: 27px; 
    color: #434343;
    font-weight: 600;
}
.powerplant_section p{
    font-size: 14px;
    color: #747474;
    line-height: 29px;
}
.powerplant_section .pdf_link{
    margin-bottom: 10px;
    border: 2px solid  var(--color-background);
    color:  var(--color-background);
    display: inline-block;
    text-align: center;
    padding: 9px 30px;
    transition: 0.3s;
    font-size: 16px;
    font-weight: 500;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 65px;
}
.powerplant_section .pdf_link i{
    font-size: 24px;
    position: relative;
    top: 2px;
    margin-right: 11px;
}
.powerplant_section .pdf_link:hover{
    background-color: var(--color-background);
    color: #fff;
    transition: 0.3s;

}

/* -- powerplant section page --------- */

/* -- urun detay page --------- */
.urun_detay_section {
    margin:0 auto; 
   }
   .urun_detay_section .galery_detay .title h3 {
    font-size:25px;
    font-weight:700;
    position: relative;
   }
   .urun_detay_section .galery_detay .title h3::after {
    content: " "; 
    height: 3px;
    background-color: #dbdbdb; 
    position: absolute;
    margin-top: 13px;
    right: 0;
    width: 42%;
}
   .urun_detay_section .galery_detay .galery_box .main_img {
    height:500px;
    margin-top:37px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat; 
    position:relative;
    border:1px solid #eee
   }
   .urun_detay_section .galery_detay .galery_box .main_img a {
    width:100%;
    height:100%;
    display:block
   }
   .urun_detay_section .galery_detay .galery_box .main_img a img {
    width:100%
   }
   .urun_detay_section .galery_detay .galery_box .galeri ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
   }
   .urun_detay_section .galery_detay .galery_box .galeri ul li {
    list-style: none;
    width: 22%;
    border: 1px solid #e1e1e1;
    height: 82px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 8px;
    margin-right: 12px;
   }
   .urun_detay_section .galery_detay .galery_box .galeri ul li a {
    width:100%;
    height:100%;
    display:block
   }
   .urun_detay_section .galery_detay .galery_box .galeri ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
   }
   .urun_detay_section .galery_detay .galery_box .galeri ul li a iframe {
    width:100%;
    height:48px
   }
   .urun_detay_section .galery_detay .video_box h3 {
    font-size:15px;
    margin:0;
    padding-top:10px;
    padding-left:10px;
    color:#000;
    font-weight:500
   }
   .urun_detay_section .galery_detay .video_box {
    border-right:1px solid #e1e1e1;
    border-left:1px solid #e1e1e1;
    border-bottom:1px solid #e1e1e1
   }
   .urun_detay_section .galery_detay ul.video_section li a {
    position:relative;
    display:block
   }
   .urun_detay_section .galery_detay ul.video_section {
    padding-left:0;
    padding-top:0;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:0
   }
   .urun_detay_section .galery_detay ul.video_section li {
    list-style:none;
    width:76px;
    border:1px solid #e1e1e1;
    margin:9px
   }
   .urun_detay_section .galery_detay ul.video_section li a img {
    width:100%
   }
   .urun_detay_section .galery_detay ul.video_section li a::after {
    content:" ";
    width:100%;
    height:100%;
    background-color:#0000002b;
    background-image:url(images/svg/play-button.html);
    position:absolute;
    display:block;
    top:0;
    background-size:35%;
    background-position:center;
    background-repeat:no-repeat
   }
   .urun_detay_section .galery_detay .pdf_documents {
    padding-top:20px
   }
   .urun_detay_section .galery_detay .pdf_documents h3 {
    font-size:23px;
    border-bottom:1px solid #e1e1e1;
    padding-bottom:20px
   }
   .urun_detay_section .galery_detay .pdf_documents ul {
    padding-left:0;
    padding-top:10px;
    display:flex;
    flex-wrap:wrap
   }
   .urun_detay_section .galery_detay .pdf_documents ul li {
    list-style:none;
    width:60px;
    margin:0 3px
   }
   .urun_detay_section .galery_detay .pdf_documents ul li a {
    text-decoration:none;
    display:block;
    padding:6px;
    transition:0.3s;
    border:1px solid #e1e1e1
   }
   .urun_detay_section .galery_detay .pdf_documents ul li a:hover {
    border:1px solid  var(--color-background);
    transition:0.3s
   }
   .urun_detay_section .galery_detay .pdf_documents ul li a img {
    width:65%;
    margin:0 auto;
    display:block
   }
   .urun_detay_section .bilgi_detay .title h3 {
    font-size:25px;
    font-weight:700
   }
   .urun_detay_section .bilgi_detay .title h3::after {
    content: " "; 
    height: 3px;
    background-color: #dbdbdb; 
    position: absolute;
    margin-top: 13px;
    right: 0;
    width: 50%;
}
   .tab-block {
    height:auto;
    margin:37px auto
   }
   .tab-block .tab-mnu {
    display:flex;
    list-style:none;
    padding:0;
    margin:0
   }
   .tab-block .tab-mnu:after {
    content:'';
    display:table;
    clear:both
   }
   .tab-block .tab-mnu li {
    box-sizing:border-box;
    color:#000;
    width:100%;
    text-align:center;
    border-bottom:2px solid #dfdfdf;
    cursor:pointer
   }
   .tab-block .tab-mnu .active {
    background-color:#fff;
    color:#596165;
    border-bottom:3px solid  var(--color-background)!important;
    cursor:default
   }
   .tab-block .tab-cont {
    box-sizing:border-box;
    border-top:1px solid #fff;
    background-color:#fff;
    color:#292d2f
   }
   .tab-block .tab-cont .tab-pane {
    padding:20px 0
   }
   .tab-block .tab-cont .tab-pane p {
    font-size:15px
   }
   .tab_new_section .tab-block .tab-cont .tab-pane {
    height:auto
   }
   .tab_new_section {
    width:100%
   }
   .tabs.tab_new_section .tab-mnu li p {
    padding:12px 0
   }
   .tab_new_section .tab-block .tab-mnu {
    text-align:center
   }
   .tab_new_section .tab-block .tab-mnu li {
    display:inline-block;
    float:none
   }
   .tab_new_section .tab-block .tab-mnu li:not(:last-child) {
    border-right:0
   }
   .tab_new_section .tab-block .tab-mnu li {
    width:310px
   }
   .tabs .tab-mnu li p {
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:7px;
    margin-bottom:7px;
    display:block
   }
   .tabs .tab-mnu li p span {
    display:block;
    font-size:30px;
    padding-top:19px
   }
   .tabs .tab-mnu li b {
    margin-top:-44px;
    display:block;
    padding-bottom:7px;
    color:#574b45;
    font-weight:600;
    background:#fff;
    width:150px;
    margin-left:27%;
    opacity:0;
    border-radius:15px
   }
   .tabs .tab-mnu li.tool b {
    color:#574b45;
    opacity:100;
    transition:0.5s
   }
   .tabs .tab-mnu li b::before {
    content:'';
    position:absolute;
    margin-left:32px;
    transform:rotate(45deg) translateX(-50%);
    height:14px;
    width:13px;
    background:#fff;
    margin-top:26px
   }
   .tabs .tab-mnu li.active p {
    color: var(--color-background)
   }
   .tabs .tab-mnu li.active {
    background-color:#fff;
    cursor:pointer
   }
   .tabs .tab-cont .tabs_content .front_text {
    font-size:15px;
    font-weight:600;
    border-top:1px #eaeaea solid;
    padding-top:10px;
    padding-bottom:10px;
    margin:0;
    cursor:pointer
   }
   .tabs .tab-cont .tabs_content .front_text::before {
    content:"";
    background:url(images/svg/arrow.html);
    background-size:56%;
    background-repeat:no-repeat;
    width:30px;
    height:15px;
    display:inline-block
   }
   .tabs .tab-cont .tabs_content .back_text {
    display:none;
    background:#f2f2f2;
    margin-top:0;
    padding:10px
   }
   .active .back_text {
    display:block!important
   }
   .tabs .tabs_title {
    color:#fff;
    text-transform:uppercase;
    background:#6c4942;
    text-align:center;
    padding-top:21px;
    padding-bottom:20px;
    margin-top:0;
    width:101%
   }
/* -- urun detay page --------- */


/* -- hizmetler page --------- */
.page_content .servic_items{ 
}
.page_content .servic_items .item{
    width: 31%;
    margin-bottom: 24px;
    margin-right: 20px;
}
.page_content .servic_items .item .content{
    border: 1px solid #e3e3e3;
}
.page_content .servic_items .item .content .img{
    height: 300px;
}
.page_content .servic_items .item .content .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-bottom: 1px solid #e3e3e3;
}

.page_content .servic_items .item .content .discreption{
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0;
}
.page_content .servic_items .item .content .discreption h3{
    font-size: 16px;
}
.page_content .servic_items .item .content .discreption p{
    font-size: 13px;
    color: #747474;
    line-height: 22px;
}

.page_content .servic_items .item .content .links{
    padding: 10px 20px;
    display: flex;
}
.page_content .servic_items .item .content .links a{
    display: block;
    text-align: center;
    padding: 8px 20px;
    transition: 0.3s;
    border-radius: 35px;
}
.page_content .servic_items .item .content .links a.link1{
    margin-bottom: 10px;
    border: 1px solid  var(--color-background);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-right: 20px;
    background-color: var(--color-background);
}
.page_content .servic_items .item .content .links a.link1:hover{
    background-color: #fff;
    color:  var(--color-background);
}
.page_content .servic_items .item .content .links a.link2{
    margin-bottom: 10px;
    border: 1px solid #000;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background-color: black;
}
.page_content .servic_items .item .content .links a.link2:hover{
    background-color: #fff;
    color: #000;
}


/* -- hizmetler page --------- */


/* -- urun detay form --------- */

.contact_btn{
	position: fixed;
    right: -314px;
	top: 240px;
	z-index: 99; 
	display: flex;
	transition: 0.3s;
}
.contact_btn.open{
	right: 0;
	transition: 0.3s;
}
.contact_btn .box_btn{
	position: relative; 
}
.contact_btn a{ 
    display: block;
    padding: 13px 22px;
    background-color: var(--color-background);
    color: #fff;
    transition: 0.3s;
    width: 50px;
    height: 40%;
    position: relative;
}
.contact_btn a:hover{
	background-color: #006ca1;
	color: #fff;
	transition: 0.3s;
}
.contact_btn.open a i{
	transform: rotate(270deg);
	transition: 0.3s;
}
.contact_btn a i{
	font-size: 20px;
	bottom: 10px;
	position: absolute;
	margin-top: 9px;
	transform: rotate(90deg);
	display: block;
	transition: 0.3s;
	right: 13px;
}
.contact_btn a span{
    font-weight: 600;
    transform: rotate(-90deg);
    display: block;
    width: 220px;
    position: relative;
    left: -110px;
    top: 10px;
}
.contact_btn .number_box{
    background-color: white;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
}
.contact_btn .number_box .content{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
    padding-bottom: 20px;
    width: 310px;
}
.contact_btn .number_box .content h3{
	font-size: 17px;
	padding-bottom: 6px;
}
.contact_btn .number_box .content form{
	/* display: flex; */
}
.contact_btn .number_box .content form input{
    font-size: 13px;
    padding: 11px 11px;
    width: 100%;
    border: 1px solid #ddd !important;
    display: block;
    margin-bottom: 10px;
}
.contact_btn .number_box .content form textarea{
    width: 100%;
    height: 150px;
    font-size: 13px;
padding: 11px 11px; 
border: 1px solid #ddd !important;
display: block;
margin-bottom: 10px;
}

.contact_btn .number_box .content form input:focus{
	outline: none;
	box-shadow: none;
}

.contact_btn .number_box .content form button{
    padding: 5px 10px;
    display: inline-block;
    background:  var(--color-background);
    color: #fff;
    border: 1px solid  var(--color-background) !important;
    transition: 0.3s;
    margin-left: 0;
}
.contact_btn .number_box .content form button i{
    color: #fff;
    margin-left: 20px;
}
.contact_btn .number_box .content form button:hover{
	transition: 0.3s;
    background: #006ca1;
    border: 1px solid #006ca1 !important;

}

/* -- urun detay form --------- */



/* -- urun detay 2 --------- */


.perojectp_section .title h3 {
  font-size: 21px;
  position: relative;
  font-weight: 600;
  margin-bottom: 20px;
}
.perojectp_section .title h3:after{
  content: " ";
  width: 57%;
  height: 3px;
  background-color: #dbdbdb;
  left: 230px;
  position: absolute;
  margin-top: 13px;
}

.perojectp_section .galery_box .main_img {
height: 400px;
margin-top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat; 
position: relative;
border: 1px solid #e3e3e3;
}
.perojectp_section .galery_box{

}
.perojectp_section .galery_detay .galery_box .main_img a:after{
  content: " ";
  width: 92%;
  height: 90%;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  
}

.perojectp_section .galery_detay .galery_box .main_img a {
width: 100%;
height: 100%;
display: block;
}

.perojectp_section .galery_detay .galery_box .main_img a img {
  width: 100%;
  height: 100%;
}

.perojectp_section .items{
  width: 100%;
}
.perojectp_section .items .row{
  margin: 0;
}
.perojectp_section .items .galery_detay{
  padding-left: 0;
  padding-right: 40px;
}
.perojectp_section .items .galery_detay .title h3:after{
  right: 0;
  width: 52%;
}
/* ------------- */

.perojectp_section .galery_detay .galery_box .galeri ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 0; 
padding-left: 0;
margin-right: -30px;
}

.perojectp_section .galery_detay .galery_box .galeri ul li {
list-style: none;
width: 18%;
border: 1px solid #e1e1e1;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-top: 8px;
margin-right: 6px;
}

.perojectp_section .galery_detay .galery_box .galeri ul li a {
width: 100%;
height: 100%;
display: block;
}

.perojectp_section .galery_detay .galery_box .galeri ul li a img {
  width: 100%;
  padding: 0;
}

.perojectp_section .galery_detay .galery_box .galeri ul li a iframe {
width: 100%;
height: 48px;
}
.perojectp_section .galery_detay .galery_box .video{
margin-top: 20px;
}
.perojectp_section .galery_detay .galery_box .video h4{
font-size: 15px;
border-top: 1px solid #e9e9e9;
padding: 9px 0;
color: #131313;
}

.perojectp_section .galery_detay .galery_box .video ul{
padding-left: 0;
display: flex;
flex-wrap: wrap;

}
.perojectp_section .galery_detay .galery_box .video ul li{
width: 18%;
border: 1px solid #e1e1e1;
height: 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #003466;
margin-top: 8px;
margin-right: 6px;
}
.perojectp_section .galery_detay .galery_box .video ul li a{
width: 100%;
height: 100%;
display: block;
text-align: center;
}
.perojectp_section .galery_detay .galery_box .video ul li a span{
color: #fff;
font-size: 34px;
position: relative;
top: 19px;
}

/* ------------- */

.perojectp_section .galery_detay .video_box h3 {
font-size: 15px;
margin: 0;
padding-top: 10px;
padding-left: 10px;
color: black;
font-weight: 500;
}

.perojectp_section .galery_detay .video_box {
border-right: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

.perojectp_section .galery_detay ul.video_section li a {
position: relative;
display: block;
}

.perojectp_section .galery_detay ul.video_section {
padding-left: 0;
padding-top: 0;
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}

.perojectp_section .galery_detay ul.video_section li {
list-style: none;
width: 76px;
border: 1px solid #e1e1e1;
margin: 9px;
}

.perojectp_section .galery_detay ul.video_section li a img {
width: 100%;
}

.perojectp_section .galery_detay ul.video_section li a::after {
content: " ";
width: 100%;
height: 100%;
background-color: #0000002b;
background-image: url("images/svg/play-button.html");
position: absolute;
display: block;
top: 0;
background-size: 35%;
background-position: center;
background-repeat: no-repeat;
}


/* ------------- */


/* ------------- */

.perojectp_section .galery_detay .pdf_documents {
padding-top: 20px;
}

.perojectp_section .galery_detay .pdf_documents h3 {
font-size: 23px;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 20px;
}

.perojectp_section .galery_detay .pdf_documents ul {
padding-left: 0;
padding-top: 10px;
display: flex;
flex-wrap: wrap;
}

.perojectp_section .galery_detay .pdf_documents ul li {
list-style: none;
width: 60px;
margin: 0px 3px;
}

.perojectp_section .galery_detay .pdf_documents ul li a {
text-decoration: none;
display: block;
padding: 6px;
transition: 0.3s;
border: 1px solid #e1e1e1;
}

.perojectp_section .galery_detay .pdf_documents ul li a:hover {
border: 1px solid #eb423c;
transition: 0.3s;
}

.perojectp_section .galery_detay .pdf_documents ul li a img {
width: 65%;
margin: 0 auto;
display: block;
}
.perojectp_section .bilgi_detay{
  position: relative;
  padding-right: 100px;
}

.perojectp_section .bilgi_detay .title h3 {
  font-size: 21px;
  font-weight: 600;
  position: relative;
}
.perojectp_section .title h3::after {
  content: " ";
  width: 57%;
  height: 3px;
  background-color: #dbdbdb;
  right: 15px;
  position: absolute;
  margin-top: 13px;
  left: auto;
}

.perojectp_section .bilgi_detay table{
  margin-top: 15px; 
}
.perojectp_section .bilgi_detay td {
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  font-size: 13px;
  font-weight: 500; 
}
.perojectp_section .bilgi_detay td p{
  text-align: left;
}
.perojectp_section .bilgi_detay tbody{}
.perojectp_section .bilgi_detay tbody tr{ 
  transition: 0.3s;
}
.perojectp_section .bilgi_detay tbody tr:first-child td{
background-color: #fb0000;
color: white;
font-size: 12px;
border: 1px solid #d30000;
}
.perojectp_section .bilgi_detay tbody tr:hover{
  background-color: #f4f4f4;
  transition: 0.3s;
}
.perojectp_section .bilgi_detay tbody tr:hover td{
  transition: 0.3s; 
}
.perojectp_section .bilgi_detay tbody tr td{

}

.perojectp_section .bilgi_detay tbody tr td p{
  font-size: 13px; 
  color: #444;
  margin: 0;
}
.perojectp_section .bilgi_detay tbody tr td p big{

}
.perojectp_section .bilgi_detay tbody tr td p span{}

.perojectp_section .bilgi_detay p{
display: block; 
font-size: 16px;

}
.perojectp_section .bilgi_detay p strong{

}
/* -- urun detay 2 --------- */

.page_content .side_content .download_pdf{

  float: right;
  position: absolute;
  top: -96px;
  box-shadow: 0 0 20px #6b6b6b2b;
  padding: 10px 10px;
  right: 0;
  background-color: #fff;
}
.page_content .side_content .download_pdf a{
  display: flex;
  flex-wrap: wrap;
}
.page_content .side_content .download_pdf .img{
  width: 43px;
  margin-right: 8px;
}
.page_content .side_content .download_pdf .img img{
  width: 100%;
}
.page_content .side_content .download_pdf .txt{}
.page_content .side_content .download_pdf .txt h3{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: black;
}
.page_content .side_content .download_pdf .txt span{
  font-size: 11px;
  margin-bottom: 0;
  color: white;
  background-color: var(--color-background);
  padding: 2px 10px;
  display: block;
  border-radius: 25px;
  text-align: center;
  margin-top: 6px;
  font-weight: 500;
  transition: 0.3s;
}  
.page_content .side_content .download_pdf:hover .txt span{
  transition: 0.3s;
  background-color: #ffc65a;
}

.pdf_wrapper{
  width: 230px;
  margin: 0 auto; 
  margin-top: 16px;
}

.download_pdf{
  box-shadow: 0 0 20px #6b6b6b2b;
  padding: 10px 10px;
  background-color: #fff; 
  margin: 0 auto;
}

.wrapper.pdf_sec .download_pdf{
box-shadow: 0 0 20px #6b6b6b2b;
padding: 10px 10px;
background-color: #fff;
margin: 0 auto;
float: right;
position: absolute;
top: -38px;
box-shadow: 0 0 20px #6b6b6b2b;
padding: 10px 10px;
right: 0;
background-color: #fff;
}

.download_pdf a{
  display: flex;
  flex-wrap: wrap;
}
.download_pdf .img{
  width: 43px;
  margin-right: 8px; 
}
.download_pdf .img img{
  width: 100%;
}
.download_pdf .txt{}
.download_pdf .txt h3{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  color: black;
}
.download_pdf .txt span{
  font-size: 11px;
  margin-bottom: 0;
  color: white;
  background-color: var(--color-background);
  padding: 2px 10px;
  display: block;
  border-radius: 25px;
  text-align: center;
  margin-top: 6px;
  font-weight: 500;
  transition: 0.3s;
}  
.download_pdf:hover .txt span{
  transition: 0.3s;
  background-color: #ffc65a;
}

.ulu{
	padding-left:0px;
	
}
.ulu img{
width: 100%;
  height: auto;
  object-fit: cover;
}