/* == google font ---------- */
/*------------------------------------
		Author: SAFAKOZDEMIR
		Date: 10-12-2022
-----------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
    font-family: 'Montserrat', sans-serif !important;
}
/* == google font ---------- */

/* == general ---------- */
li{
    list-style: none;
}
a:hover{
    text-decoration: none !important;
}
ul{
    all: unset;

}
p{
    all: unset;
}
.wrapper{
    width: 70%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
body{
    overflow-x: hidden;
}
*:{
    outline: none;
}
.kataloganasag {
    float: right;
    position: fixed;
    top: 64%;
    right: -6px;
    width: 50px;
    height: 205px;
    z-index: 99;
}
.kataloganasag img {
    width: 88%;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }


/* == general ---------- */

 

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





.product_box{ 
    padding: 0 !important;
}
.product_box .box_link{
    border: 1px solid #e8e8e8;
    margin: 6px;
}
.product_box .box_link a{
    width: 100%;
display: block;
border: 0 !important;
padding: 0 !important;
}
.product_box .image_b{
    position: relative;
    overflow: hidden;
    background-size: 60%;
    background-position: center;
    height: 210px;
    background-repeat: no-repeat;
    transition: 0.3s;

}
.product_box:hover .image_b{
    transition: 0.3s;
    background-size: 65%;

}
.product_box .image_b img{
    height: 100%;
    display: block;
}
.product_box .image_b .link_b{
    position: absolute;
    top: 0;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    background: #ffffffd6;
    opacity: 0;
}
.product_box:hover .link_b{
    transition: 0.4s; 
    opacity: 100;
}
.product_box .image_b .link_b h3{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: #eb7b24;
}
.product_box .image_b .link_b ul {
    padding: 10px 10px;
}
.product_box .image_b .link_b ul li{
    display: inline-block;
    width: 48%;
}
.product_box .image_b .link_b ul li a{
    font-size: 13px;
    font-weight: 500;
    padding: 7px 10px;
    display: flex;
}
.product_box .image_b .link_b ul li a span{
    padding-right: 7px;
    line-height: 20px;
    font-weight: 300;
    font-size: 17px;
    color: #eb7b24;
}

.product_box .text_b{}
.product_box .text_b h3{
    padding: 10px 4px;
    font-size: 13px;
    font-weight: 600;
    border-top: 3px solid #eb7b24;
    margin: 0;
    text-align: center;
}



/* == urunler navbar boxelari -------- */

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

 
 



/* ------------------------------------------------------------ */
/* slider */
.slider{
    margin-top: 0;
}
.slider, 
.slider > div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center;
    display: block;
    width: 100%;
    height: 960px;
    /* height: 100vh; *//* If you want fullscreen */
    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;
}
.slider > div:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000063;
    position: absolute;
    top: 0;
    left: 0;
}

.slider > div {
    position: absolute;
}

.slider > i {
    color: #5bbd72;
    position: absolute;
    font-size: 60px;
    margin: 20px;
    top: 43%;
    text-shadow: 0 10px 2px #223422;
    transition: .3s;
    width: 30px;
    padding: 10px 13px;
    background: #fff;
    background: #525252;
    cursor: pointer;
    line-height: 0;
    box-sizing: content-box;
    border-radius: 3px;
    z-index: 4;
}

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

.slider > .left {
    left: -100px;
}
.slider > .right {
    right: -100px;
}
.slider:hover > .left {
    left: 0;
}
.slider:hover > .right {
    right: 0;
}

.slider > i:hover {
    background:#fff;
    background: rgba(255, 255, 255, .8);
    transform: translateX(-2px);
}

.slider > i.right:hover {
    transform: translateX(2px);
}

.slider > i.right:active,
.slider > i.left:active {
    transform: translateY(1px);
}

.slider:hover > div {
    transform: scale(1.01);
}

.hoverZoomOff:hover > div {
    transform: scale(1);
}

.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: 39%;
    z-index: 9;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slider > div .btn {
  padding-top: 30px;
  display: block !important;
  text-align: center;
    padding-left: 0;
}
.slider > div .btn a{
  padding: 10px 40px; 
  margin-top: 0;
  margin-right: 10px;
  transition: 0.3s;

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

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


}
.slider > div .btn a:nth-child(1){
  border: 1px solid white;
  color: #fff;background-color: #6e6e6d;
}
.slider > div .btn a:nth-child(1):hover{
    background-color: #eb7b24;
    transition: 0.3s;
    border: 1px solid #eb7b24;
}
.slider > div span p{
    font-size: 15px;
    width: 100% !important; 
    text-shadow: 0 0 9px #000000b8;
    display: block;
    font-weight: 400;

}
.slider > div span h5{ 
    font-size: 21px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding: 17px 0; 
  
    padding-left: 14px;
}
.slider > div span h2{
    text-shadow: 0 0 9px #00000069;
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;text-align: center;
}


@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: -21px;
}
 
.slider_section .vedio{ 
 position: relative;
}
.slider_section .vedio:after{
  content: " ";  
  background: url("https://www.pusulaendustrigemi.com/assets/img/pattern.png") repeat center center rgba(0, 0, 0, 0.02);
  position: absolute;
  top: 0; 
  width: 100%;
  height: 100%;
}

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



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

/* vedio ------------ */

.vedio_btn { 
    display: block;
    position: relative;
    top: 40px;
    left: 40px;
}

.video-play-button {
	z-index: 10;
	top: 50%;
	box-shadow: 0 5px 57px 0 rgba(0, 0, 0, .15);
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 44px;
	/* background: #fa183d; */
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
}

.video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 100px;
	height: 100px;
    background: #ce5a00;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
    width: 60px;
    height: 60px;
	background: #fff;
	border-radius: 50%;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.video-play-button:hover:after {
	background-color: #EB7B24;
	transition: 0.4s;
}

.video-play-button:hover span {
	border-left: 20px solid #fff;
	transition: 0.4s;
}

.video-play-button:after:hover {
	background: red;
}

.video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
    border-left: 20px solid #eb7b24;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	margin-top: 10px;
	margin-left: 6px;
}

@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}
 


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

 


/* ------------------------------------------------------------ */
/* product section */
.product_section{ 
    padding-bottom: 4rem;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 4rem;
    background-position: left;
    margin-bottom: 4rem;
    background-color: #f7f7f7;
    padding-top: 4rem;
}
 
.product_section .title{
    text-align: center;
    padding-bottom: 40px;
}
.product_section .title h3{
    font-weight: 700;
    font-size: 37px;
}
.product_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;
}
.product_section .title p{
    font-size: 14px;
    color: #525252;
    display: block;
    position: relative;
}
.product_section .title p:after{
    content: "";
    width: 80px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #eb7b24;
    margin: 0 auto;
    right: 0;
    top: 37px;
}


.product_section .product_slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.product_section .product_slider .item{
    width: 32%;
    /* box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08); */
    margin-top: 30px;
}
.product_section .item .content{
    background-color: #fff;
    padding-bottom: 0;
    overflow: hidden;
}
.product_section .item .content .img{
    width: 100%;
    height: 240px;
    overflow: hidden;
    background-size: 210px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: 0.5s;
}
.product_section .item .content .img:after{
    background-color: #000000a1;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.5s;
    opacity: 0;
}
.product_section .item:hover .content .img:after{
    opacity: 1;
    transition: 0.8s;
}
.product_section .item:hover .content .img{
    transform: scale(1.2) rotate(1deg);
    transition: 0.5s;
}

.product_section .item .content .img .link{
    position: absolute;
    z-index: 9999;
    background: #eb7b24;
    left: 0;
    right: 0;
    top: 90px;
    bottom: 0;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
    
}
.product_section .item:hover .content .img .link{
    opacity: 1;
    transition: 0.5s;
}
.product_section .item .content .img .link a{
    font-size: 36px;
    color: #fff;
    padding-top: 4px;
    display: block;
}
.product_section .item .content .img .link span{}
.product_section .item .content .text{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background-image: url("https://www.pusulaendustrigemi.com/assets/img/t21.png");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    position: relative;
}
.product_section .item .content .text:after{
    content: " ";
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #eb7b24;
    height: 2px;
    left: 0;
    transition: 0.5s;

}
.product_section .item:hover .content .text:after{
    height: 100%;
    transition: 0.5s;
}
.product_section .item:hover .content .text h3 a{
    color: #fff;
    transition: 0.5s;
}
.product_section .item:hover .content .text p{
    color: #fff;
    transition: 0.5s;
}
.product_section .item .content .text h3{
    font-size: 19px;
    font-weight: 700;
    z-index: 9;
    transition: 0.5s;
    position: relative;
}
.product_section .item .content .text h3 a{
    color: #000;
    font-weight: 700;
    font-size: 19px;
    z-index: 9999;
    transition: 0.5s;

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

}
.product_section .item .content .view_product a span{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.product_section .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;
}
.product_section .link-box {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 50px;
}



.galery_detay{
    width: 50%;
    position: relative;
}
.bilgi_detay{
    width: 47%;
    position: relative;
    padding-left: 30px;
}

.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/* accourdion  -------- */

aside {
    display: inline-block;
    width: 30%;
    background: #fff;
    float: left;
}

@media screen and (max-width: 980px) {
    aside {
        display: none;
    }
}

@media screen and (max-width:1366px) {
    .lang1 {    right: 50px !important;}
}

#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;
}

#accordion {
    width: 24%;
    color: #fff;
    margin-right: 20px;

}

#accordion ul {
    border: 1px solid #E8E8E8;
}

#accordion ul li ul {
    display: none;
}
.has-sub.open > ul{
    display: block !important;
}
 
#accordion > ul > li.active > ul {
    display: block;
}

#accordion > ul > li {
    border-bottom: 1px solid #eee;
}
 
#accordion > ul > li:last-child {
    border-bottom: 0;
}

#accordion > ul > li > a {
    padding: 15px 10px;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    text-decoration: none;
    color: #333 !important;
    font-weight: 600 !important;
    background: #fff;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    line-height: 21px;
}

#accordion > ul > li > a:hover,
#accordion > ul > li > a.active {
    color: #000;
    border-left: 5px solid #1e90c9;
}
#accordion  >  ul  >  li.has-sub.open  >  a{
border-left: 5px solid #1e90c9;
}

#accordion > ul > li.active > a {
    color: #000;
    border-left: 5px solid #343434;
    background-color: #08a5e1;
    color: #fff !important;
}

#accordion ul > li.has-sub > a:after {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 5;
    font-size: 16px;
    display: block;
    content: "+"; 
    font-weight: 500;
}

#accordion ul ul li a {
    padding: 15px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
    text-decoration: none;
    color: #3F3E3D !important;
    background: #fff;
   
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    font-weight: 600 !important;
    line-height: 19px;
}

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

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

/* accourdion  -------- */


/* detay page   -------- */
.banner_top {
    width: 100%;
    height: 250px;
    background-color: #fff;
    display: table;
    background-size: cover;
    background-position: 50% 75%;
    background-repeat: no-repeat;
    margin-top: 110px;
    position: relative;
}

.banner_top .content {
    display: table-cell;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.18);
    z-index: 9;
    position: relative;
}
.wrapper {
    width: 70%;
    margin: 0 auto;
}

.banner_top .content h3 {
    color: #fff;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    width: 60%;
    font-size: 35px;
}

.page_text {padding-top: 40px;}

/* hizmetlerimiz ----- */

.categories_boxes {
	margin-top: 2rem;
	margin-bottom: ;
}

.categories_boxes .row {
	margin: 0;
}

.categories_boxes .item {
    width: 30%;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
	margin-top: 2px;
	margin-bottom: 22px;
	margin-right: 13px;
}
.categories_boxes .boxes_section{
    width: 72%;
}
.page_text .text {width: 70%;    text-align: justify;}



.links_tree {padding: 15px 0px;
    border-bottom: 1px solid rgb(232, 232, 232);
}
.links_tree ul {    margin-bottom: 0px;
    padding-left: 0px;}
    .links_tree ul li {display: inline-block;}
    .links_tree ul li a {position: relative;
        padding-right: 10px;
        padding-left: 10px;
        font-weight: 500;
        color: rgb(146, 149, 161);
        font-size: 15px;}
        .links_tree ul li a::after {content: "|";
            position: absolute;
            right: -5px;
            color: rgb(146, 149, 161);
            top: -4px;
            font-size: 16px;}
            .page_content .contact_part {    padding-top: 30px;
                padding-bottom: 0px;}
                .page_content .contact_part .row {    margin: 0px;}
                .page_content .form_part {width: 50%;}
                .page_content .form_part h3 {    font-size: 32px;
                    font-weight: 700;
                    color: rgb(66, 66, 66);}
                    .page_content .form_part p {    display: block;
                        font-size: 14px;
                        color: rgb(66, 66, 66);}
                        .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 rgb(234, 234, 234);
                            transition: all 0.3s ease 0s;}
                            .page_content .form_part form input:nth-child(2n) {    margin-right: 0px;}
                            .page_content .form_part form input {    width: 48%;
                                display: inline;
                                margin-right: 10px;
                                margin-bottom: 20px;
                                padding: 24px 10px;
                                border: 1px solid rgb(234, 234, 234);
                                transition: all 0.3s ease 0s;}
                                .page_content .form_part form input:nth-child(2n) {    margin-right: 0px;}
                                .page_content .form_part form textarea {    border: 1px solid rgb(234, 234, 234);
                                    font-size: 14px;
                                    transition: all 0.3s ease 0s;}
                                    .page_content .form_part .button button {     padding: 10px 24px;
                                        display: inline-block;
                                        background: rgb(30 144 201);
                                        color: rgb(255, 255, 255);
                                        border: 1px solid rgb(82, 82, 82);
                                        transition: all 0.3s ease 0s;
                                        margin-top: 30px;}
                                        .page_content .text_part {    width: 50%;
                                            padding-left: 50px;}
                                            .page_content .text_part .contact_information {    background-color: rgb(255, 255, 255);
                                                color: rgb(0, 0, 0);
                                                padding: 20px;
                                                margin-top: 81px;
                                                border: 1px solid rgb(238, 238, 238);}
                                                .page_content .text_part .contact_information span.adress {display: block;
                                                    padding: 0px 20px 20px;
                                                    border: 1px solid rgb(255, 255, 255);
                                                    margin-bottom: 30px;
                                                    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 12px;}
                                                    .page_content .text_part .contact_information p {display: block;
                                                        padding-left: 0px;
                                                        color: rgb(66, 66, 66);
                                                        font-size: 15px;
                                                        margin-top: 0px;
                                                        font-weight: 500;}
                                                        .page_content .text_part .contact_information h3 {    font-size: 32px;
                                                            font-weight: 700;
                                                            color: rgb(66, 66, 66);}
                                                            .page_content .text_part .contact_information p {display: block;
                                                                padding-left: 0px;
                                                                color: rgb(66, 66, 66);
                                                                font-size: 15px;
                                                                margin-top: 0px;
                                                                font-weight: 500;}
                                                                .footer-address {color: rgb(255, 255, 255);
                                                                    font-size: 14px;
                                                                    position: relative;
                                                                    padding-left: 0px;
                                                                    margin-top: 20px;
                                                                    display: flex;}
                                                                    .page_content .text_part .contact_information p i {     font-size: 17px;
                                                                        padding-right: 10px;
                                                                        color: rgb(30 144 201);
                                                                        -webkit-text-fill-color: rgb(30 144 201);}
                                                                        .page_content .text_part .contact_information .phone_numbers {padding: 0px;}
                                                                        .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: 0px;
                                                                                color: rgb(66, 66, 66);}
                                                                                .page_content .text_part .contact_information p {    display: block;
                                                                                    padding-left: 0px;
                                                                                    color: rgb(66, 66, 66);
                                                                                    font-size: 15px;
                                                                                    margin-top: 0px;
                                                                                    font-weight: 500;
                                                                                }
                                                                                .page_content .text_part .contact_information .phone_numbers li p i {    padding-right: 0px;}
                                                                                .page_content .contact_part .row {    margin: 0px;}
                                                                                .map {width: 100%;}
                                                                                .map iframe {    width: 100%;
                                                                                    height: 350px;
                                                                                    border: 0px;}
                                                                                    .page_content .text_part .contact_information .phone_numbers li p a {    padding-right: 0px;
                                                                                        margin-left: 6px;
                                                                                        color: rgb(66, 66, 66);}




                                                                                        .images_col {margin-top: 30px;}
                                                                                        .refe_item {    width: 23%;
                                                                                            height: 160px;
                                                                                            display: inline-block;
                                                                                            margin: 5px;
                                                                                            border:1px dashed #d1d1d1}
                                                                                            .refe_item img {    width: 100%;
                                                                                                margin: 0 auto;
                                                                                                display: block;
                                                                                                height: 100%;}

.categories_boxes .item .content {
	background-color: #fff;
	padding-bottom: 0;
	overflow: hidden;
}

.categories_boxes .item .content .img {
	width: 100%;
	position: relative;
	transition: 0.5s;
}

.categories_boxes .item .content .img img {
	transition: 0.5s;
	width: 100%;
}

.categories_boxes .item .content .img:after {
	background-color: #000000a1;
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	transition: 0.5s;
	opacity: 0;
}

.categories_boxes .item:hover .content .img:after {
	opacity: 1;
	transition: 0.8s;
}

.categories_boxes .item:hover .content .img img {
	transform: scale(1.2) rotate(1deg);
	transition: 0.5s;
}

.categories_boxes .item .content .img .link {
	position: absolute;
	z-index: 9999;
	display: none;
	background: #144ea8;
	left: 0;
	right: 0;
	top: 120px;
	bottom: 0;
	margin: 0 auto;
	width: 60px;
	height: 60px;
	text-align: center;
	opacity: 0;
	transition: 0.5s;
}

.categories_boxes .item:hover .content .img .link {
	opacity: 1;
	transition: 0.5s;
}

.categories_boxes .item .content .img .link a {
	font-size: 36px;
	color: #fff;
	padding-top: 4px;
	display: block;
}

.categories_boxes .item .content .img .link span {}

.categories_boxes .item .content .text {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	background-image: url("https://www.pusulaendustrigemi.com/assets/img/t21.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	position: relative;
	background-color: #fff;
}

.categories_boxes .item .content .text:after {
	content: " ";
	position: absolute;
	top: 0;
	background: #144ea8;
	height: 0;
	width: 100%;
	left: 0;
	transition: 0.5s;
	display: none;
}

.categories_boxes .item:hover .content .text:after {
	height: 100%;
	transition: 0.5s;
}

.categories_boxes .item:hover .content .text h3 a {
	color: #144ea8;
	transition: 0.5s;
}

.categories_boxes .item:hover .content .text p {
	color: #fff;
	transition: 0.5s;
}

.categories_boxes .item .content .text h3 {
	font-size: 19px;
	font-weight: 700;
	z-index: 9;
	transition: 0.5s;
	position: relative;
	text-align: center;
	color: #000;
	font-weight: 700;
	font-size: 19px;
	z-index: 9999;
	transition: 0.5s;
	padding: 8px 0;
	display: block;
}

.categories_boxes .item .content .text span {
	z-index: 9999;
	font-size: 15px;
	font-weight: 400;
	display: inline-block;
	color: #fff;
	background: #144ea8;
	z-index: 99;
	top: -27px;
	position: relative;
	padding: 4px 10px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23);
}

.categories_boxes .item .content .text p {
	color: #9b9b9b;
	font-size: 14px;
	font-weight: 400;
	transition: 0.5s;
	z-index: 9;
	position: relative;
}

.categories_boxes .item .content .view_product {
	display: block;
	margin-right: 21px;
	margin-left: 21px;
	margin-bottom: 21px;
	border-top: 2px solid #e4e4e4;
}

.categories_boxes .item .content .view_product a {
	display: block;
	padding: 18px 15px;
	transition: 0.5s;
	text-align: center;
}

.categories_boxes .item .content .view_product a:hover {
	background-color: #001040;
	transition: 0.5s;
}

.categories_boxes .item .content .view_product a span {
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

.categories_boxes .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;
}

.categories_boxes .link-box {
	text-align: center;
	display: block;
	width: 100%;
	margin-top: 10px;
}
.side_menu .content ul {border: 1px solid #E8E8E8;
    padding: 0;
    display: block;}
    .side_menu .content ul li {    list-style: none;
        display: block;
        border-bottom: 1px solid #eee;}
        .side_menu .content ul li a {text-decoration: none;
            color: #4f4f4f;
            font-size: 13px;
            font-weight: 400;
            display: block;
            padding: 11px 27px;
            position: relative;
            transition: 0.5s;}
            .side_menu .content ul li a::after {content: " ";
                width: 11px;
                display: block;
                background-color: #fff;
                position: absolute;
                height: 43px;
                left: 0;
                top: 0;
                transition: 0.5s;}


/* hizmetlerimiz ----- */

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

.links_tree {
	padding: 15px 0;
	border-bottom: 1px solid #e8e8e8;
}

.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: #9295a1;
	font-size: 15px;
}

.links_tree ul li a.active {
	color: #e30000;
}

.links_tree ul li a:hover {
	text-decoration: none;
	color: #1e90c9;
}

.links_tree ul li a:after {
	content: "|";
	position: absolute;
	right: -5px;
	color: #9295a1;
	top: -4px;
	font-size: 16px;
}

.links_tree ul li:last-child a:after {
	display: none;
}


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

.accourdion_section {
    margin-top: 4rem;
    padding-bottom: 0;
}


.side_menu {
    width: 22%;
    padding-top: 0;
    margin-right: 40px;
}

 

.side_menu .content {}

.side_menu h3 {
    color: #000;
    font-size: 16px;
    padding: 10px 27px;
    border: 1px solid #eee; 
    margin: 0;
    position: relative;
    border-bottom: 0;
    font-weight: 700;
}
.side_menu h3::after {
    content: " ";
    width: 11px;
    display: block;
    background-color: #1e90c9;
    position: absolute;
    height: 43px;
    left: 0;
    top: 0;
}
 

.page_content {
	padding-bottom: 8rem;   

}
.accourdion_section .detay_boxes{
    width: 75%;
}
.accourdion_section .title h3 {
    font-size: 21px;
    margin: 0;
	font-weight: 600;
}

.accourdion_section .galery_detay .galeri{
    width: 100%;
}

.accourdion_section .title h3:after {
	content: " ";
    width: 53%;
	height: 3px;
	background-color: #dbdbdb;
	left: 230px;
	position: absolute;
	margin-top: 13px;
}

.accourdion_section .galery_box .main_img {
	/* height: 425px; */
	margin-top: 27px;
	z-index: 99;
	position: relative;
	border: 1px solid #e3e3e3;
	background-size: cover;
}

.accourdion_section .galery_box .main_img img {
	width: 100%;
}

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

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

.accourdion_section .items {
	width: 100%;
}

.accourdion_section .items .galery_detay {
	padding-left: 30px;
}


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

.accourdion_section .galery_detay .galery_box .galeri ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0;
	padding: 0;
    margin-right: -7px;
}

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

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

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

.accourdion_section .bilgi_detay p {
	display: block;
	font-size: 15px;
    color: #595959;
    text-align: justify;
}

.e-bulten {
    width: 100%;
    background-color: #eeeeee;
    padding: 24px 0px;
    height: 90px;    margin-top: -50px;
}

.e-bulten h2{
    font-size:20px;
    font-weight: 400;
    padding-right: 0px;
    width: 13%;
    position: relative;
    top: 7px;
}

.e-blt-form{
    width: 35%;
    padding: 0px 9px;
   
}

.e-blt-form form{
    display: flex;
    width: 100%;
}


.e-blt-form .form-control{
    display: inline-block;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
}


.e-blt-form button{
    display: inline-block;
    background-color: #000;
    outline: 0px;
    padding: 5px 20px;
    height: 38px;


    border: 0px;
    color: #fff;
}

 .e-blt-text{
     width: 30%;
     padding-left: 25px;
     font-size: 14px;
 }   
 
 .e-blt-social{
     width: 20%;
 }

 .e-blt-social ul{
     width: 100%;
     display: flex;
     justify-content: flex-end;
     position: relative;
     top: 5px;
 }


 

.e-blt-social ul li{
    display: inline-block;
    margin: 0px 4px;
}

.e-blt-social ul li a{
    font-size: 20px;
    color: #000;
    transition: all 0.2s;
}

.e-blt-social ul li:hover a{
    color: #BE1D2F;
}



.news_section .title{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 50px;
}
.news_section .title h3{
    text-transform: uppercase;
    padding-bottom: 0px;
    font-size: 29px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
}
.btn-style-two {    padding: 0px 20px;    background: #f08624 !important;}
.news_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;
}
.news_section .title p{
    font-size: 14px;
    color: #525252;
    display: block;
    position: relative;
}
.news_section .title p:after{
    content: "";
    width: 80px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #eb7b24;
    margin: 0 auto;
    right: 0;
    top: 37px;
}

.news_section .news_slider {
    position: relative;
    margin-top: 40px;
    z-index: 999;
    margin-bottom: 46px;
}
.news_section .news_slider .item{    border: 1px solid #fff;
    height: 269px;}
.news_section .news_slider .item .content{
    overflow: hidden;
}
.news_section .news_slider .item .content .img{
    width: 100%;
    height: 210px;
    position: relative;
    transition: 0.5s;
    background-size: cover;
    background-position: center;

}
.kaykay {width: 5%;
    position: relative;
    /* float: right; */
    float: right;
    top: 51px;
    right: 31%;}
.news_section .news_slider .link-box {padding: 10px;}

.news_section .title h3::after {content: " ";
    width: 216px;
    height: 4px;
    display: block;
    background-color: #f08524;
    margin: 0 auto;
    top: 10px;
    position: relative;
}


.news_section .news_slider .item .content .image{
    overflow: hidden;
    position: relative;
}

.news_section .news_slider .item:hover .content .img {
    transform: scale(1.2) rotate(1deg);
    transition: 0.5s;
}
.news_section .news_slider .item  p.etiket{
    position: absolute;
    bottom: -16px;
    /* transform: rotate(-90deg); */
    background-color: #0808088a;
    /* left: -207px; */
    height: 40px;
    width: 370px;
    -webkit-text-fill-color: #fff;
    text-align: center;
    line-height: 37px;
    color: #fff;
    z-index: 99;
    font-weight: 500;
}
.news_section .news_slider .item .content .text{
    padding-top: 20px;
    background-color: #fff;
}
.news_section .news_slider .item .content .text span{
    color: #eb7b24;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding-top: 10px;
    padding-bottom: 11px;
}
.news_section .news_slider .item .content .text h3{
    color: #000;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    text-align: center;
}
.news_section .news_slider .item .content .text a{
    color: #fff;
    font-size: 15px;
    background-color: #eb7b24;
    padding: 4px 13px;
    display: inline-block;
}
.news_section .news_slider .link-box{
    margin-top: 80px;
    text-align: center;
}

/* news section */
/* ------------------------------------------------------------ */




/* ------------------------------------------------------------ */
/* referanslar section */
.referans_section{
    padding-bottom: 6rem;
    margin-top: 4rem;
    padding-top: 4rem;
    background-color: #f7f7f7;
}
 
.referans_section .title h3{
    font-weight: 700;
    font-size: 37px;
}
.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 p{
    font-size: 14px;
    color: #525252;
    display: block;
    position: relative;
}
.referans_section .title p:after{
    content: "";
    width: 80px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #eb7b24;
    margin: 0 auto;
    right: 0;
    top: 37px;
}

.referans_section .item .img img {
    width: 100%;
	margin: 0 auto;
	border: 1px solid #e8e8e8;
}
.referans_section .title{
    text-align: center;
    padding-bottom: 4rem;
    
}

img {max-width: 100%;}
 
 

.referans_section .owl-dots{
	display: none !important;
}
.referans_section .owl-controls{
	display: none !important;
}
/* referanslar section */
/* ------------------------------------------------------------ */



.float_right {
    float: right;
}
.float_left {
    float: left;
}
/* footer Section */

.carousel_section .news_slider h3 {
    font-size: 30px;
    font-weight: 600;
    position: relative;
    width: 95%;
    top: 26px;
    padding-top: 11px;
    color: #fff;
    text-shadow: 0 0 6px #0000009e;
}
.carousel_section #carousel_section{
    margin-top: 60px;
}
.carousel_section {
    margin-top: 60px;
    margin-bottom: 80px;
    background-color: #f7f7f7;
    height: 489px;
    background: url("assets/img/slider14.jpg");
    background-attachment: fixed;
   }
   .carousel_section .title {
    text-align:center;
    padding-bottom:40px
   }
   .carousel_section .title h3 {
    font-weight:700;
    font-size:37px
   }
   .carousel_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
   }
   .carousel_section .title p {
    font-size:14px;
    color:#525252;
    display:block;
    position:relative
   }
   .carousel_section .title p:after {
    content:"";
    width:80px;
    height:5px;
    position:absolute;
    bottom:0;
    left:0;
    background-color:#eb7b24;
    margin:0 auto;
    right:0;
    top:37px
   }
   .carousel_section .news_slider {
    position:relative;
    margin-top:40px;
    z-index:999;
    margin-right:-15px;
    margin-left:-15px
   }
   .carousel_section .news_slider .item .content {
    overflow:hidden
   }
   .carousel_section .owl-theme .owl-nav {
    margin-top:0!important;
    position:absolute;
    top: -84px;
    right:0
   }
   .carousel_section .owl-theme .owl-nav .owl-prev {
    float:left;
    position:relative;
    background-color:#fff;
    padding:10px 0;
    font-size:32px;
    line-height:2;
    width:27px;
    color:#1e90c9;
    height:60px
   }
   .carousel_section .owl-theme .owl-nav .owl-prev i {
    width:27px;
    display:inline-block;
    margin-right:4px;
    font-weight:700
   }
   .carousel_section .owl-theme .owl-nav .owl-next {
    float:right;
    position:relative;
    background-color:#ffffff;
    padding:10px 0;
    font-size:32px;
    line-height:2;
    width:27px;
    margin-left:10px;
    color:#1e90c9;
    height:60px
   }
   .carousel_section .owl-theme .owl-nav .owl-next i {
    width:27px;
    display:inline-block;
    margin-left:-3px;
    font-weight:700
   }
   .carousel_section .owl-theme .owl-nav button:focus{
       outline: none;
       /* border: 0; */
   }
   .carousel_section .news_slider .item .content .img {
    width:100%;
    height:300px;
    position:relative;
    transition:.5s;
    background-size:cover;
    background-position:center;
    border:2px solid #eee
   }
   .carousel_section .news_slider .item .content .image {
    overflow:hidden;
    position:relative
   }
   .carousel_section .news_slider .item:hover .content .img {
    transform:scale(1.2) rotate(1deg);
    transition:.5s
   }
   .carousel_section .news_slider .item p.etiket {
    position:absolute;
    bottom:14px;
    transform:rotate(-90deg);
    background-color:#eb7b24;
    left:-41px;
    height:40px;
    width:110px;
    border:13px solid #fff;
    text-align:center;
    line-height:37px;
    color:#fff;
    z-index:99;
    font-weight:500
   }
   .carousel_section .news_slider .item .content .text {
    padding-top:20px
   }
   .carousel_section .news_slider .item .content .text span {
    color:#eb7b24;
    font-size:16px;
    font-weight:600;
    display:block;
    padding-top:10px;
    padding-bottom:11px
   }
   .carousel_section .news_slider .item .content .text h3 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    display: block;
    min-height: 41px;
    padding-bottom: 0;
    border-bottom: 3px solid #ffffff;
    margin-bottom: 0;
    text-align: center;
    top: 0px;
   }
   .carousel_section .news_slider .item .content .image a {
    color:#fff;
    font-size:15px;
    background-color:#afafaf;
    padding:3px 84px;
    display:inline-block;
    position:absolute;
    bottom:0
   }
   .carousel_section .news_slider .link-box {
    margin-top:80px;
    text-align:center
   }
   .carousel_section .owl-theme .owl-controls {
    margin-top: 0 !important;
    position: absolute;
    top: -56px;
    right: 0;
}




/* responsive ======================================================================== */
@media(max-width: 1400px){
    .header .upper::after{
        width: 27.8%;
    }
    .header .upper .item p{
        font-size: 14px;
    }
    .navbar_section .logo img{
        top: -9px;
        width: 100%;
    }
    .navbar_section .logo {
        width: 22%;
    }
    .search{
        width: 18%;
    }
    .search .search_inp input{
        width: 165px;

    }
    .slider > div span{
        width: 100% !important;
    }
 
    .product_link .sub_product_navbar{
        width: 73%;
left: 24%;
    }
    .product_box .text_b h3{
        font-size: 12px;
    }
    .header .upper .contact ul.contact_info{
        padding-right: 119px;
    }
    .header .upper .contact ul li {
        padding-left: 2px;
    }
    .navbar_section .logo::after{
        display: none;
    }
    .navbar_section .links ul{
        margin-left: 60px;
        
    }
    .accourdion_section .detay_boxes {
        width: 74%;
    }
    .offer_link{
        position: relative !important;
        top: 0 !important;
    }
    .offer_link a{
        float: right !important;
    }
    .accourdion_section .galery_detay .galery_box .galeri ul li{
        margin-right: 4px;
        width: 24%;
        height: 89px;
    }

}
/* =================================================================================== */

 @media screen and (width: 1400px) {
	 
	 .outer-menu2 { top:-6px !important; }
 }
 
  @media screen and (width: 1680px) {
	 
	 .outer-menu2 { left:367px !important;  }
 }
 
 
.lilo {  color:#fff; font-weight:700; }
.lilo2 { color:#0ca4e2!important; font-weight:700; }
.sticky .outer-menu2 .hamburger > div { background:#000; }
.sticky nav li > a { color:#000;    font-weight: 500; }
.sticky nav li > a :hover{ color:#000;    font-weight: 500; }
.sticky { border-bottom: solid 2px #eee; }

 .loogo { margin-top: -40px; width:78%; left:10%; position:relative;filter: brightness(0) invert(1); } 
 
 .loogo2 { margin-top: -40px; width:64%; left:19%; position:relative;filter:none !important; }
    
 
 @media screen and (min-width: 1919px) {
		.lang1 { top:49px !important;     right: 17% !important; }  
 }
@media screen and (min-width: 1401px) {
	
	.lang1 { top:49px !important;     right: 61px; } 
	.outer-menu2 {  top:19px !important; }
	nav {     margin: 0px 0 30px 0 !important; }
}

.sticky { background:#fff; }

.beyazyap { filter: brightness(0) invert(1); }


/* ================================================== */

.de_tab {

    opacity: .8;

}



    .de_tab .de_nav {

        overflow: hidden;

        padding-left: 0;

        margin: 0;

        padding: 0;

        font-weight: bold;

    }



        .de_tab .de_nav li {

            float: left;

            list-style: none;

            background: #EEE;

            margin-right: 5px;

        }



            .de_tab .de_nav li span {

                padding: 8px 16px 8px 16px;

                border-top: 1px solid #ddd;

                border-bottom: 1px solid #ddd;

                border-left: 1px solid #ddd;

                border-right: 1px solid #ddd;

                display: block;

                background: #f5f5f5;

                text-decoration: none;

                color: #646464;

                font-size: 13px;

                cursor: pointer;

            }



    .de_tab.tab_steps .de_nav {

        text-align: center;

    }



        .de_tab.tab_steps .de_nav li {

            background: none;

            display: inline-block;

            float: none;

            margin: 0 30px 0px 30px;

        }



            .de_tab.tab_steps .de_nav li span {

                padding: 30px 0 30px 0;

                color: #222;

                font-family: "Dosis";

                font-size: 16px;

                border-radius: 120px;

                -moz-border-radius: 120px;

                -webkit-border-radius: 120px;

                line-height: 80px;

                width: 144px;

                height: 144px;

                text-align: center;

                text-transform: uppercase;

                -webkit-transition: all 1s ease;

                -moz-transition: all 1s ease;

                -o-transition: all 1s ease;

                transition: all 1s ease;

            }



    .de_tab.tab_steps.square .de_nav li span {

        border-radius: 0;

        -moz-border-radius: 0;

        -webkit-border-radius: 0;

        -webkit-transition: all 1s ease;

        -moz-transition: all 1s ease;

        -o-transition: all 1s ease;

        transition: all 1s ease;

        border-left:0px;
		

    }



    .de_tab.tab_steps .de_nav li span:hover {

      

        border: none;

        color: #fff;

    }



    .de_tab.tab_steps .de_nav li .v-border {

        height: 60px;

        border-left: solid 1px rgba(1,1,1,.3);

        display: inline-block;

        margin-bottom: -5px;

    }



    .de_tab.tab_steps.dark .de_nav li .v-border {

        border-left: solid 1px rgba(0,0,0,.3);

    }



    .de_tab .de_nav li span {

        border: none;

        background: #fff;

    }



    .de_tab .de_nav li:first-child span {

        border-left: 1px solid #ddd;

    }



    .de_tab .de_nav li:first-child span {

        border-left: 1px solid #404040;

    }





    .de_tab .de_tab_content {

        border: 1px solid #ddd;

        padding: 15px 20px 20px 20px;

        margin-top: -1px;

        background: #fff;

    }



    .de_tab .de_tab_content {

        border: 1px solid #404040;

        background: #27282b;

    }



    .de_tab.tab_steps .de_tab_content {

        background: 0;

        padding: 0;

        border: none;

        padding-top: 70px;

        border-top: solid 1px rgba(1,1,1,.4);

    }



    .de_tab.tab_steps.dark .de_tab_content {

        border-top: solid 1px rgba(0,0,0,.4);

    }



    .de_tab .de_nav li.active span {

        background: #FFF;

        border-bottom: 1px solid #fff;

        color: #222;

        margin-bottom: -3px;

    }



        .de_tab .de_nav li.active span .v-border {

            display: none !important;

        }



    .de_tab .de_nav li.active span {

        background: #27282b;

        border-bottom: 1px solid #27282b;

        color: #ccc;

    }



    .de_tab.tab_steps .de_nav li.active span {

        background: none;

        color: #ffffff;

        border: solid 1px rgba(1,1,1,.6);

    }

.de_tab.tab_steps .de_nav li span img {  }

.de_tab.tab_steps .de_nav li.active span img { filter:none !important; }


    .de_tab.tab_steps.dark .de_nav li.active span {

        background: #353333;

        color: #d59f0e;

        border-radius: 100%;

        border: solid 1px rgb(53, 51, 51);

    }



    /* new added */

    .de_tab.tab_steps.tab_6 .de_nav li span {

        padding: 20px 0 20px 0;

        font-size: 14px;

        line-height: 70px;

        width: 120px;

        height: 120px;

    }





.tab-small-post ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



    .tab-small-post ul li {

        min-height: 60px;

        margin-bottom: 15px;

        padding-bottom: 10px;

        border-bottom: solid 1px #eeeeee;

    }



    .tab-small-post ul li {

        border-bottom: solid 1px #404040;

    }



        .tab-small-post ul li:last-child {

            border-bottom: none;

            margin-bottom: 0;

            padding-bottom: 0;

        }



        .tab-small-post ul li img {

            position: absolute;

        }



        .tab-small-post ul li span {

            display: block;

            padding-left: 64px;

        }



            .tab-small-post ul li span.post-date {

                font-size: 11px;

            }



.de_tab.timeline.nav_4 li {

    display: inline-block;

    text-align: center;

    background: none;

    width: 24%;

}



    .de_tab.timeline.nav_4 li span {

        background: none;

        border: none;

        margin-top: 20px;

        font-family: "Dosis";

        font-size: 14px;

        text-transform: uppercase;

        letter-spacing: 2px;

    }



.de_tab.timeline.nav_4 .dot {

    display: block;

    width: 8px;

    height: 8px;

    background: #fff;

    opacity: 1;

    margin: 0 auto;

    border-radius: 8px;

    margin-top: 1px;

}



    .de_tab.timeline.nav_4 .dot:before,

    .de_tab.timeline.nav_4 .dot:after {

        content: "";

        position: absolute;

        height: 5px;

        border-bottom: 1px solid rgba(255,255,255,.1);

        top: 0;

        width: 24%;

    }



.de_tab.timeline.nav_4 li:last-child .dot:before,

.de_tab.timeline.nav_4 li:last-child .dot:after {

    border-bottom: none;

}



.de_tab.timeline li .num {

    font-size: 20px;

}



.de_tab.timeline .de_tab_content {

    background: none;

    border: none;

    padding-top: 30px;

}



.de_tab .navigation_arrow {

    text-align: center;

}







.timeline .tl-block {

    position: relative;

    margin-top: 10px;

    min-height: 200px;

}



    .timeline .tl-block:after {

        content: ' ';

        clear: both;

        display: block;

    }



    .timeline .tl-block .tl-time {

        float: left;

        margin-top: -15px;

    }



        .timeline .tl-block .tl-time:after {

            width: 50px;

            height: 1px;

            background: #ddd;

        }



    .timeline .tl-block .tl-bar {

        float: left;

        width: 5%;

        position: absolute;

        margin-left: 114px;

    }



    .timeline .tl-block .tl-line {

        background: #fff;

        margin-right: 10px;

        border-radius: 10px;

        width: 6px;

        height: 6px;

        font-size: 10px;

        text-align: center;

        line-height: 15px;

    }



.timeline .tl-message {

    border-radius: 3px;

    float: left;

    margin-left: 150px;

    top: 0;

    margin-top: -50px;

    margin-bottom: 30px;

}



.timeline .tl-block .tl-message:after {

    display: block;

    content: ' ';

    clear: both;

}



.timeline .tl-block .tl-message .tl-icon {

    float: left;

    left: 100px;

}



.timeline .tl-block .tl-message .tl-main {

    float: left;

    margin-top: -85px;

}



    .timeline .tl-block .tl-message .tl-main .tl-title {

    }



    .timeline .tl-block .tl-message .tl-main .tl-content {

    }



        .timeline .tl-block .tl-message .tl-main .tl-content label {

            font-weight: bold;

            display: inline-block;

            width: 80px;

        }



        .timeline .tl-block .tl-message .tl-main .tl-content span {

        }



.timeline .tl-block .tl-message h3 {

    text-transform: none;

}



.timeline .tl-block .tl-time h4 {

    margin: 0 0 10px 0;

}



.timeline .tl-block .tl-main h4 {

    margin-top: -5px;

}



.timeline.exp:before {

    left: 214px;

}



.timeline.exp .tl-message {

    margin-left: 250px;

    width: -webkit-fill-available;

}



.timeline.exp .tl-block .tl-bar {

    margin-left: 180px;

}



.timeline.exp {

    margin-top: 20px;

    position: relative;

    padding: 10px

}



    .timeline.exp:before {

        content: '';

        position: absolute;

        top: 0;

        left: 193px;

        height: 100%;

        width: 1px;

        background: rgba(255,255,255,.1);

    }



.tl-time img {

    width: 150px;

}



.tl-headl {

    display: inline-block;

    padding: 10px 20px 0px 20px;

    margin-bottom: 20px;

    border: solid 1px #ddd;

    background-size: cover;

}



    .tl-headl h4 {

        margin: 0 0 10px 0;

    }





.de_light .timeline .tl-block .tl-time {

    border: solid 1px rgba(0,0,0,.3);

}



    .de_light .timeline .tl-block .tl-time:after {

        background: rgba(0,0,0,.3);

    }



.de_light .timeline .tl-block .tl-line {

    background: #333;

}



.de_light .timeline.exp:before {

    background: rgba(0,0,0,.3);

}


.markah2 { color:#383838; font-size:15px;     font-family: 'Montserrat', sans-serif !important; font-weight:400; }

.s2 {     color: #000;
    margin-top: 47px; }
	
	.oks { color:#fff; margin-top:50px; }
	
	.osman2 { margin-bottom:40px; font-size:55px; } 
	
	
	@media screen and (min-width: 1919px) {
		
		.intro { height:885px !important; }
		.loogo {  margin-top:-31px !important; }
		.navs ul { margin-top:-15px; }
		.loogo2 { margin-top:-22px !important;}
	}
	
	.iconic-box:hover img {  }
		.iconic-box:hover h4 { filter: brightness(0) invert(1); }
		

.center-y h3 + a {
	font-size: 19px;
	display: inline-block;
	color: #fff;
	margin-top: 2rem;
}
.center-y h3, h3 + a {
	opacity: 0;
	transition: opacity .7s 0s, transform .5s .2s;
	transform: translate3d(0, 50%, 0);
	font-family: 'Saira Condensed', sans-serif;
}
.center-y li.current h3, li.current h3 + a {
	opacity: 1;
	transition-delay: 1s;
	transform: translate3d(0, 0, 0);
}

@media screen and (width: 1680px) {
	.intro { height:880px !important; }
}



/*
.center-y:after {
	opacity:0.2;
	z-index:1;
	
    content: "";
    display: block;
	  -webkit-transition: all 0.5s ease-out;
	    
    content: "";
    border-top: 2px solid #fff;
    border-bottom: solid 2px #fff;
    position: absolute;
    display: block;
    width: 100%;
    top: 30%;
    left: -10%;
    background: #08a5e1;
    height: 42%;
    transform: skewX(-14deg);
	      -moz-animation: showHide 5s ease-in alternate infinite ; /* Firefox */
          -webkit-animation: showHide 5s ease-in alternate infinite; /* Safari and Chrome */
          -ms-animation: showHide 5s ease-in alternate infinite; /* IE10 */
          -o-animation: showHide 5s ease-in alternate infinite; /* Opera */
          animation: showHide 5s ease-in alternate infinite ;
          animation-delay: 3s;}
  */

.osman2 { z-index:5 !important; position:absolute; width:100%;  margin-top:-50px;}
.oks { z-index:5 !important; position:absolute;      margin-left: -68px; }
  @-webkit-keyframes showHide { /* Chrome, Safari */
        0% {width:100%}
        40% {width:0%}
        60% {width:0%;}
        100% {width:100%;}
        
    }
    @-moz-keyframes showHide { /* FF */
        0% {width:100%}
        40% {width:0%}
        60% {width:0%;}
        100% {width:100%;}
    }
    @-ms-keyframes showHide { /* IE10 */
        0% {width:100%}
        40% {width:0%}
        60% {width:0%;}
        100% {width:100%;}
    }
    @-o-keyframes showHide { /* Opera */
        0% {width:100%}
        40% {width:0%}
        60% {width:0%;}
        100% {width:100%;}
    }
    @keyframes showHide {
        0% {width:100%}
        40% {width:0%}
        60% {width:0%;}
        100% {width:100%;}
    }
	

.foot-links ul { padding-inline-start: 19px !important; }
.header.sticky {

        position: fixed;

        top: 0px;

        border-bottom: 1px solid rgba(221, 221, 221, 0.692);

        z-index: 3000;

        background-color: #fff;

        

        

    }

    
	.video-container { z-index:1; }