*,::after,::before{box-sizing:border-box;outline:unset}
body,html{min-height:100%;height:100%;margin:0;font-family:"Poppins",sans-serif;overflow-x: unset!important;}
a{text-decoration:none!important;color:unset}
.btn-fg{background:#1b3e91;color:#fff;padding:15px 20px;border-radius:0;font-weight:600;font-size:15px;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family: 'Poppins', cursive;line-height: 1;}
.btn-fg:hover{background:#0e2455;color:#fff;transition:all .3s}
.btn-fg i{font-size:15px}
.containerfg{max-width:1200px;width:100%;display:block;margin:0 auto}
.fgpage-title .container {
    text-align: left;
}
.fgstyle-2 .product-fg-seventeen .single-product .productImg img {max-height:unset;height: 320px;object-fit:cover;object-position: top;}
.fgstyle-2 .fgprod-img{box-shadow: unset;background-color: transparent;}
.fgstyle-2 .fgprod-text{box-shadow: unset;background-color: transparent;min-height: 60px;}
.fgblog-cat-two{padding-left: 0;}
.fgshop-item{transition: .5s all;}
.fgshop-item:hover{transform: scale(1.05);background-color: #ddd;}
.product-fg-seventeen .single-product .productImg .sticky.stickyStye:last-child{background-color: #0064b0!important;clip-path: unset;}
.fgblog-cat-two{background-color: #1d1d1d!important;}
.fgblog-cat-two li a:hover{background-color: #0064b0!important;}
.fgblog-cat-two li a{color: #fff!important;}
.product-fg-seventeen .productPrice{display: none;}
li.d-block.li-open{background-color: #0064b0;position: relative;}
li.d-block.li-open a{color: #fff;}
li.d-block.li-open::after{content: '';position: absolute;top: 0;right: -20px;width: 100%;height: 100%;background-color: #0064b0;z-index: -1;}
.fgstyle-2 .btn-wrapper{padding-top:20px}
/* .fgstyle-2 .btn-wrapper>*{flex:1;width:100%;} */
.fgservice-block-two .fginner-box .fgcontent-box a{display: block;width: 100%;height: 100%;}
.fgwidget::after{width: 100%!important;}
.fgservice-block-two .fginner-box .fgcontent-box .fginner .fgtext{padding-left: 0;margin:0;overflow: auto;}
.fgstyle-2 .product-fg-seventeen .single-product .productCap{padding: 21px 17px 15px 20px}
#header{position:fixed;z-index:99999999;left:0;right:0;top:0;height:130px;border-bottom:1px solid rgb(255 255 255 / 22%);padding:0!important;background-color: transparent;overflow: unset;}
.custom-cursor #header{background: rgba(0,0,0,.5);}
#header .containerfg{display:flex;justify-content:space-between;z-index:9999;max-width:80%;flex-wrap:wrap;height:100%;}
.fgpage-title .fgpage-breadcrumb{padding-left: 0;}
#header.sticky{background:#24282e;height:100px}
#header .containerfg .headerLeft{height:100%}
#header .containerfg .headerLeft img{max-width:175px;height:100%;object-fit:contain}
#header .containerfg .headerMenu{width:100%;height:100%;position:relative;flex:2;padding:0 40px}
#header .containerfg .headerMenu::after{position:absolute;content:"";left:-100%;top:0;right:0;width:100%;height:60px;background:#e51e20;display:none}
#header .containerfg .headerMenu ul{display:flex;height:100%;align-items:center;flex-direction:row;list-style:none;padding:0;margin:0;width:100%;justify-content:center}
#header .containerfg .headerMenu ul li{position:relative;height:100%;display:flex;align-items:center;justify-content:space-between}
#header .containerfg .headerMenu ul .menuActive{border-bottom:5px solid #525e69}
#header .containerfg .headerMenu ul li a{font-weight: 500;font-size:16px;transition:all .5s;border-radius:0;padding:0 15px;width:100%;color:rgb(255 255 255);display:flex;align-items:center;height:100%;text-transform: uppercase;}
#header .containerfg .headerMenu ul li a::after{position:absolute;content:'';height:5px;right:0;bottom:0;left:0;background-color:#002a57;transform:scale(0);transform-origin:center;transition:all ease .5s}
#header .containerfg .headerMenu ul li:hover a::after{transform:scale(1)}
#header .containerfg .headerMenu ul li a i{color:#fff}
#header .containerfg .headerMenu ul li:hover a i{color:#fff}
#header .containerfg .headerMenu .mobileMenu{transition:all .3s;width:unset;align-items:center;height:100%;justify-content:center;background:#064876!important;cursor:pointer;color:#fff!important;font-size:22px;padding:20px;margin-right:40px}
#header .containerfg .headerMenu .mobileMenu:hover{opacity:.9;transition:all .3s}
#header .containerfg .headerMenu ul .altMenu{position:absolute;top:100px;left:0;width:320px;background: linear-gradient(113deg, #002a57 23%, #1f2439 75%);z-index:-111;font-size:15px;box-shadow:1px 8px 6px 0 rgba(0,0,0,.2);transition:all .4s;opacity:0;display:none;flex-direction: column;height: auto;}
#header.sticky .containerfg .headerMenu ul .altMenu{top:99px!important}
#header .containerfg .headerMenu ul .altMenu ul{flex-direction:column!important}
#header .containerfg .headerMenu ul .altMenu li{display:block!important;border-radius:0}
#header .containerfg .headerMenu ul .altMenu li{width:100%}
#header .containerfg .headerMenu ul .altMenu li:after{display:none}
#header .containerfg .headerMenu ul .altMenu li a:after{display:none!important}
#header .containerfg .headerMenu ul .altMenu li a{padding:10px!important;background:unset!important;color: #fff!important;border-bottom: 1px solid rgb(255 255 255 / 7%);}
#header .containerfg .headerMenu ul .altMenu li:hover a{background:#e4e4e4!important}
#header .containerfg .headerMenu ul .altMenu li:hover{border-radius:0!important;background:#243340!important;transition:all .3s}
#header .containerfg .headerMenu ul .altMenu li:hover a{border-radius:0!important;background:unset!important;transition:all .3s;color:#fff!important}
#header .containerfg .headerMenu ul li:hover .altMenu{top:128px;left:0;transition:all .4s;opacity:1;z-index:99999999;display:flex}
#header .containerfg .menuIcon{width:70px;display:flex;align-items:center;justify-content:end;cursor:pointer}
#header .containerfg .menuIcon img{width:25px}
#tamMenu {height: 0;width: 100%;position: fixed;z-index: 9999999999;top: 0;left: 0;background: linear-gradient(113deg,#1f2439 23%,#1f2439 75%);overflow: hidden;transition: 0.5s;box-shadow: 0px 3px 12px 1px rgb(0 0 0 / 32%);;padding:0!important;overflow-y: unset!important;}
#tamMenu .containerfg {height: 100%;padding: 0 20px;display: grid;grid-template-rows: 120px 1fr 120px;max-width: 90%;}
#tamMenu .containerfg .header {display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid rgb(255 255 255 / 36%);}
#tamMenu .containerfg .header span {color: #fff;font-weight: 500;flex: 1;padding-left: 15px;}
#tamMenu .containerfg .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;}
#tamMenu .containerfg .content .info {position:relative;display: flex;flex-direction: column;text-align: left;padding-left: 10px;}
#tamMenu .containerfg .content .info > div {margin-bottom: 20px;}
/* #tamMenu .containerfg .content .info::after {content:'';position:absolute;left: 0;top: 0;bottom: 0;width:1px;background: rgb(255 255 255 / 36%);} */
#tamMenu .containerfg .content .info i {font-size: 32px;color: rgb(255 255 255 / 38%);display: block;margin-bottom: 15px;}
#tamMenu .containerfg .content .info a {font-size: 17px;display: block;line-height: 0.5;padding: 15px 0 0 0;color: rgb(255 255 255 / 75%);font-weight: 700;}
#tamMenu .containerfg .content .info .phone {position: relative;}
#tamMenu .containerfg .content .info .phone a {font-size: 23px;}
#tamMenu .containerfg .content .info > div::before {content: '';position: absolute;top: 45px;left: 0;width: 25px;height: 2px;background: rgb(255 255 255 / 38%);}
#tamMenu .containerfg .content .info .mail { position: relative; }
#tamMenu .containerfg .content .info .social { position: relative; }
#tamMenu .containerfg .content .info .social .socials {padding: 15px 0 0 0;}
#tamMenu .containerfg .content .info .social .socials a {text-decoration:none;color:#FFF;width: 45px;height: 40px;display:inline-block;border-radius:10px;margin-left: 10px;font-size: 25px;line-height: 40px;overflow:hidden;position:relative;text-align:center;transition:transform .4s linear 0s,border-top-left-radius .1s linear 0s,border-top-right-radius .1s linear 0.1s,border-bottom-right-radius .1s linear 0.2s,border-bottom-left-radius .1s linear .3s;padding: 0;}
#tamMenu .containerfg .content .info .social .socials i {color: inherit;display: inline-block;font-size: inherit;margin: 0;}
#tamMenu .containerfg .content .info .social .socials a.facebook{background-color:#3b5998;border:2px solid #3b5998}
#tamMenu .containerfg .content .info .social .socials a.twitter{background-color:#00aced;border:2px solid #00aced}
#tamMenu .containerfg .content .info .social .socials a.youtube{background-color:#b00;border:2px solid #b00;}
#tamMenu .containerfg .content .info .social .socials a.facebook:hover{transform:rotate(360deg);border-radius:50%;}
#tamMenu .containerfg .content .info .social .socials a.twitter:hover{transform:rotate(360deg);border-radius:50%;}
#tamMenu .containerfg .content .info .social .socials a.youtube:hover{transform:rotate(360deg);border-radius:50%;}
#tamMenu .closebtn {font-size: 50px;color: #ffffff;text-align: right;width: 100%;max-width: 100px;}
#tamMenu .containerfg .content .leftMenu{flex: 1;padding-left: 20px;display:flex;flex-direction: column;justify-content: space-around;height:100%}
#tamMenu .containerfg .content ul{list-style-type:none;margin: 0;padding-left: 10px;}
#tamMenu .containerfg .content ul.altMenu{display: none;}
#tamMenu .containerfg .content ul li{position:relative;padding: 12px 0;}
#tamMenu .containerfg .content ul li::before{position:absolute;content:'';width:25px;height: 2px;bottom:0;left: 0;background-color: rgb(255 255 255 / 30%);transition: .4s all;}
#tamMenu .containerfg .content ul li:last-child::before{display:none}
#tamMenu .containerfg .content ul li a{color: rgb(255 255 255 / 84%);text-decoration:none;font-size: 18px;font-weight: 500;}
#tamMenu .containerfg .content ul li a:hover{color: #ccc;}
#tamMenu .containerfg .content ul li:hover::before{width: 50px;}

#tamMenu .containerfg .header .leftMenu{display: flex;}
#tamMenu .containerfg .header .langM{display: flex;align-items: center;justify-content: center;margin-right: 18px;}
#tamMenu .containerfg .header .langM a{padding: 6px 10px;background: #575453;color: #fff;font-size: 12px;}
#tamMenu .containerfg .header .langM .langActive{background: #ae1716;}
#tamMenu .dropdownMenu {position: relative;display: none;}
#tamMenu .dropdownMenu a{padding-top: 10px;}
#tamMenu .dropdownMenu .colmnMenu{display: flex;flex-direction: column;}
#tamMenu .dropdownMenu .levelTwo{padding: 10px 15px;border-top: 1px solid #f5f5f5;font-weight: 500;}
#tamMenu .dropdownMenu .levelThree{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#tamMenu .dropdownMenu .levelFour{padding: 10px 0px; border-top: 1px solid #f5f5f5}
#tamMenu .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important}
#tamMenu .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding: 20px 0;border-top: 1px solid rgb(255 255 255 / 36%);}
#tamMenu .footerNav-social{display:flex}
#tamMenu .footerNav-social span{color: #ffffffd1;font-weight:300;font-size: 14px}
#tamMenu .flags img{width: 100%;height: 94px;object-fit: contain;margin: 0 5px;;}
#tamMenu .flags img:hover{opacity: 1; filter: brightness(150%);}
#tamMenu .flags img.aktif {opacity: 1;/* filter: brightness(150%); */}
#tamMenu .footerNav-social a{margin-left:5px}
#tamMenu .footerNav-social a:first-child{margin-left:0}
#tamMenu .footerNav-social img{width: 26px;height: 26px;}
#tamMenu .footer-Ugr{display:flex}
#tamMenu .footer-Ugr img{width:62px;}
#tamMenu .containerfg .content .mobilMidMenu {
    flex: 1;
    height: 100%;
    display: flex;
    /* align-items: center; */
    /* margin: 0 75px; */
    flex-direction: column;
    margin-left: 51px;
    padding: 0px 0;
    border-left: 1px solid rgb(221 221 221 / 22%);
    padding-left: 50px;
    /* background: #ddd; */
}

#tamMenu .containerfg .content .mobilMidMenu .title h1 {
    margin: 0;
    padding: 30px 0 16px;
    border-bottom: 1px solid rgb(221 221 221 / 22%);
    font-size: 17px;
    color: #ffffff;
}

#tamMenu .containerfg .content .mobilMidMenu .content {
    display: flex;
    flex-wrap: wrap;
    padding-top: 36px;
}

#tamMenu .containerfg .content .mobilMidMenu .content .single {
    flex: 1 0 26%;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    transition: all .2s;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#tamMenu .containerfg .content .mobilMidMenu .content .single:hover {
    transition: all .2s;
    transform: scale(.8);
}

#tamMenu .containerfg .content .mobilMidMenu .content .single:nth-child(4n) {
    margin-right: 0;
}

#tamMenu .containerfg .content .mobilMidMenu .content .single img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #fff;
}

#tamMenu .containerfg .content .mobilMidMenu .content .single h1 {
    font-size: 12px;
    padding: 15px 15px 15px 15px;
    margin: -4px 0 0 0;
    background: linear-gradient(90deg, #000 -20%, #34455f 50%, #000 120%);
    font-weight: 500;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: inset 0px 4px 10px 0px rgb(0 0 0 / 19%);
    color: #ffffff;
    font-weight: 500;
    min-height: 66px;
}

#tamMenu .containerfg .content .mobilMidMenu .content .single:nth-child(4n) {
    margin-right: 10px;
}
.mobile-menu{position:fixed;z-index:9999999;top:0;left:0;width:100%;height:50%;background-color:hsla(0,0%,0%,.8);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.mobile-menu.sticky.overlay-active{top:100px}
.overlay-active{top:130px}
.mobile-menu .nav,.nav ul{width:100%;height:100%;margin:0;padding:0}
.mobile-menu .nav ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center}
.mobile-menu .nav ul li{flex:1 0 43%;width:100%;justify-content:center;align-items:center;height:37%;overflow:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.mobile-menu .nav li a{color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:4px;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:18px;height:100%}
.mobile-menu .nav li a:before{content:'';width:70px;height:2px;background-color:#fff;position:absolute;top:50%;left:0;z-index:100;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;transition:all .2s linear}
.mobile-menu .nav li a:after{content:attr(data-content);font-size:16px;transition:all .2s linear;opacity:0;z-index:100;color:#fff;display:block;margin-right:auto;margin-left:auto;text-transform:none;font-family:'Poppins',serif;font-weight:300;font-style:italic;letter-spacing:0}
.mobile-menu .nav li:hover a:before{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.mobile-menu .nav li:hover a:after{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:1}
.mobile-menu .menu-icon{width:100%;display:flex;align-items:center;justify-content:center;padding:8px}
.mobile-menu .mobileMenu{width:50px;height:35px;display:block;cursor:pointer;border:1px solid #fff;border-radius:2px;z-index:99999}
.mobile-menu .mobileMenu span{display:block;width:60%;height:1px;background-color:#fff;cursor:pointer;margin-top:8px;float:right;margin-right:10px}
.mobile-menu .mobileMenu span:first-child{width:55%}
.mobile-menu .mobileMenu span:last-child{width:50%}
#menu-bottom{height:100%;width:100%;display:none;background:rgba(0,0,0,.5)}
/* .nav li:first-of-type{background:linear-gradient(270deg,rgb(36 51 64) 0,rgb(87 114 131) 50%,rgb(36 51 64) 100%)}
.nav li:nth-of-type(2){background:linear-gradient(270deg,rgb(6 88 56) 0,rgb(96 146 129) 50%,rgb(6 88 56) 100%)}
.nav li:nth-of-type(3){background:linear-gradient(270deg,rgb(86 86 86) 0,rgb(172 172 172) 50%,rgb(86 86 86) 100%)}
.nav li:nth-of-type(4){background:linear-gradient(270deg,rgb(128 18 18) 0,rgb(255 66 24) 50%,rgb(128 38 18) 100%)}
.nav li:nth-of-type(5){background:linear-gradient(270deg,rgb(28 105 111) 0,rgb(52 214 227) 50%,rgb(28 105 111) 100%)}
.nav li:nth-of-type(6){background:linear-gradient(270deg,rgb(122 155 21) 0,rgb(170 207 59) 50%,rgb(122 155 21) 100%)} */
.nav li:nth-of-type(7){background-color:#4f4f4f}
.overlay-slide-down{transition:all .4s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}
.overlay-slide-up{transition:all .8s ease-in-out;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.slide-in-nav-item{-webkit-animation:slide-in-nav-item .4s linear 1 .2s both;animation:slide-in-nav-item .4s linear 1 .2s both}
.slide-in-nav-item-delay-1{-webkit-animation:slide-in-nav-item .4s linear 1 .4s both;animation:slide-in-nav-item .4s linear 1 .4s both}
.slide-in-nav-item-delay-2{-webkit-animation:slide-in-nav-item .4s linear 1 .6s both;animation:slide-in-nav-item .4s linear 1 .6s both}
.slide-in-nav-item-delay-3{-webkit-animation:slide-in-nav-item .4s linear 1 .8s both;animation:slide-in-nav-item .4s linear 1 .8s both}
.slide-in-nav-item-delay-4{-webkit-animation:slide-in-nav-item .4s linear 1 1s both;animation:slide-in-nav-item .4s linear 1 1s both}
.slide-in-nav-item-delay-5{-webkit-animation:slide-in-nav-item .4s linear 1 .4s both;animation:slide-in-nav-item .4s linear 1 .4s both}
.slide-in-nav-item-delay-6{-webkit-animation:slide-in-nav-item .4s linear 1 .6s both;animation:slide-in-nav-item .4s linear 1 .6s both}
.slide-in-nav-item-delay-7{-webkit-animation:slide-in-nav-item .4s linear 1 .8s both;animation:slide-in-nav-item .4s linear 1 .8s both}
.slide-in-nav-item-delay-8{-webkit-animation:slide-in-nav-item .4s linear 1 1s both;animation:slide-in-nav-item .4s linear 1 1s both}
.slide-in-nav-item-delay-9{-webkit-animation:slide-in-nav-item .4s linear 1 .4s both;animation:slide-in-nav-item .4s linear 1 .4s both}
.slide-in-nav-item-delay-10{-webkit-animation:slide-in-nav-item .4s linear 1 .6s both;animation:slide-in-nav-item .4s linear 1 .6s both}
.slide-in-nav-item-delay-11{-webkit-animation:slide-in-nav-item .4s linear 1 .8s both;animation:slide-in-nav-item .4s linear 1 .8s both}
.slide-in-nav-item-delay-12{-webkit-animation:slide-in-nav-item .4s linear 1 1s both;animation:slide-in-nav-item .4s linear 1 1s both}
.slide-in-nav-item-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .5s both;animation:slide-in-nav-item-reverse .3s linear 1 .5s both}
.slide-in-nav-item-delay-1-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .4s both;animation:slide-in-nav-item-reverse .3s linear 1 .4s both}
.slide-in-nav-item-delay-2-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .3s both;animation:slide-in-nav-item-reverse .3s linear 1 .3s both}
.slide-in-nav-item-delay-3-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .2s both;animation:slide-in-nav-item-reverse .3s linear 1 .2s both}
.slide-in-nav-item-delay-4-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 both;animation:slide-in-nav-item-reverse .3s linear 1 both}
.slide-in-nav-item-delay-5-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .4s both;animation:slide-in-nav-item-reverse .3s linear 1 .4s both}
.slide-in-nav-item-delay-6-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .3s both;animation:slide-in-nav-item-reverse .3s linear 1 .3s both}
.slide-in-nav-item-delay-7-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .2s both;animation:slide-in-nav-item-reverse .3s linear 1 .2s both}
.slide-in-nav-item-delay-8-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 both;animation:slide-in-nav-item-reverse .3s linear 1 both}
.slide-in-nav-item-delay-9-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .4s both;animation:slide-in-nav-item-reverse .3s linear 1 .4s both}
.slide-in-nav-item-delay-10-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .3s both;animation:slide-in-nav-item-reverse .3s linear 1 .3s both}
.slide-in-nav-item-delay-11-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 .2s both;animation:slide-in-nav-item-reverse .3s linear 1 .2s both}
.slide-in-nav-item-delay-12-reverse{-webkit-animation:slide-in-nav-item-reverse .3s linear 1 both;animation:slide-in-nav-item-reverse .3s linear 1 both}
@-webkit-keyframes slide-in-nav-item{
from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slide-in-nav-item{
from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes slide-in-nav-item-reverse{
from{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes slide-in-nav-item-reverse{
from{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-webkit-keyframes animate-top-bar{
0%{background-color:#fff}
50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#fff}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#29363b}
}
@keyframes animate-top-bar{
0%{background-color:#fff}
50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#fff}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#29363b}
}
@-webkit-keyframes animate-bottom-bar{
0%{background-color:#fff}
50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#29363b}
}
@keyframes animate-bottom-bar{
0%{background-color:#fff}
50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#29363b}
}
@-webkit-keyframes animate-middle-bar{
0%{background-color:#fff}
80%{background-color:#fff}
100%{background-color:#29363b}
}
@keyframes animate-middle-bar{
0%{background-color:#fff}
80%{background-color:#fff}
100%{background-color:#29363b}
}
@-webkit-keyframes animate-out-top-bar{
0%{background-color:#29363b}
50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#29363b}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@keyframes animate-out-top-bar{
0%{background-color:#29363b}
50%{-webkit-transform:translateY(9px);transform:translateY(9px)}
80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#29363b}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@-webkit-keyframes animate-out-bottom-bar{
0%{background-color:#29363b}
50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#29363b}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@keyframes animate-out-bottom-bar{
0%{background-color:#29363b}
50%{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#29363b}
100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff}
}
@-webkit-keyframes animate-out-middle-bar{
0%{background-color:#29363b}
80%{background-color:#29363b}
100%{background-color:#fff}
}
@keyframes animate-out-middle-bar{
0%{background-color:#29363b}
80%{background-color:#29363b}
100%{background-color:#fff}
}
#slider{width:100%;height:100vh;position:relative}
#slider .swiper-container{position:relative;width:100%;height:100%;box-shadow:0 3px 10px 0 rgb(0 0 0 / 54%)}
#slider .swiper-container .swiper-slide{position:relative;width:100%!important;height:100%}
#slider .swiper-container .swiper-slide::before {content: '';position: absolute;bottom: 0;right: 0;left: 0;height: 100%;background: linear-gradient(0deg,#1f2439ab 0,transparent);z-index: 2}
#slider .swiper-container .swiper-slide::after {content: '';position: absolute;bottom: 0;right: 0;left: 0;height: 100%;background: linear-gradient(181deg,rgb(0 0 0 / 42%) 0,transparent);z-index: 2}

#slider .swiper-container video{width:100%;height:100%;object-fit:cover}
#slider .swiper-container img{width:100%;height:100%;object-fit:cover;object-position: left;}
#slider .mainSliderText{position:absolute;bottom:200px;right:11%;transform:translateX(50%);width:100%;text-align:right;z-index:999;max-height:200px;font-weight:700}
#slider .mainSliderText h1{font-size:45px;color:#fff;margin:0;font-weight:600;width:50%;}
#slider .mainSliderText h1:first-child{font-family: 'Ms Madi', sans-serif;font-weight: 400;}
/* #slider .mainSliderText h1:nth-child(2){font-weight:200} */
#slider .mainSliderText p{font-size:55px;margin:0;font-weight:100}
#slider .swiper-pagination{text-align:right;top:50%;transform:translateY(-50%);left:10%;background:0 0;z-index:99;display:flex;flex-direction:column;border-radius:20px}
#slider .swiper-pagination-bullet{width:13px;height:13px;background:0 0;opacity:1;margin:5px 0 0 0;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s;outline:unset}
#slider .swiper-pagination-bullet::before{content:"";width:9px;height:9px;border-radius:100%;background:rgb(255 255 255 / 50%)}
#slider .swiper-pagination-bullet-active::before{content:"";width:8px;height:8px;border-radius:100%;background:hsl(0deg 0% 100% / 0%)}
#slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:1px solid rgb(255 255 255 / 30%);background:unset}
#slider .swiper-button-prev{width:8px;height:15px;left:unset;outline:unset;background-image:unset}
#slider .swiper-button-prev i{position:absolute;top:50%;left:50%;transform:translate(-59%,-48%);font-size:15px;color:#8a8a8a}
#slider .swiper-button-next{width:8px;height:15px;right:-28px;outline:unset;background-image:unset}
#slider .swiper-button-next i{position:absolute;top:50%;left:50%;transform:translate(-35%,-47%);font-size:15px;color:#8a8a8a}
#slider .swiperButton{position:absolute;bottom:115px;left:0;transform:translate(-50%,-50%);text-align:left;z-index:999;height:auto;padding-left:11%;font-style:italic;font-weight:700}
#slider .sliderBottom{position:absolute;bottom:30px;z-index:999;left:0;right:0}
#slider .sliderBottom .containerfg{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:80%}
#slider .sliderBottom .containerfg .sliderBottomLeft{display:flex;align-items:center}
#slider .sliderBottom .containerfg .sliderBottomLeft p{font-size:17px;color:rgb(255 255 255 / 80%);padding:0;margin:0;font-weight:700}
#slider .sliderBottom .containerfg .sliderTopLeftLine{flex:2;display:flex;align-items:center;padding:0 20px 0}
#slider .sliderBottom .containerfg .sliderTopLeftLine .line{width:100%;height:1px;background:rgb(255 255 255)}
#slider .sliderBottom .containerfg .sliderBottomNumber{display:flex;align-items:flex-end;flex:1;flex-direction:column;margin-top:-40px}
#slider .sliderBottom .containerfg .sliderBottomNumber img{margin-right:10px}
#slider .sliderBottom .containerfg .sliderBottomNumber p{color:hsl(0deg 0% 100% / 78%);font-weight:700;font-size:17px}
#slider .sliderBottom .containerfg .sliderBottomRight{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
#slider .sliderBottom .containerfg .sliderTopRightLine{flex:2;display:flex;align-items:center;padding:0 30px 0 00px}
#slider .sliderBottom .containerfg .sliderTopRightLine .line{width:100%;height:1px;background:rgb(255 255 255 / 50%)}
#slider .sliderBottom .containerfg .sliderTopSocial{display:flex;justify-content:flex-end}
#slider .sliderBottom .containerfg .sliderTopSocial i{margin-left:12px;transition:all .3s;font-size:24px;color:#fff}
#slider .sliderBottom .containerfg .sliderTopSocial i:hover{opacity:.7;transition:all .3s}
#mSlider .sliderBottom .containerfg .sliderTopSocial{display:flex;justify-content:flex-end}
#mSlider .sliderBottom .containerfg .sliderTopSocial i{margin-left:12px;transition:all .3s;font-size:24px;color:#fff}
#mSlider .sliderBottom .containerfg .sliderTopSocial i:hover{opacity:.7;transition:all .3s}
#mSlider{width:100%;height:auto;z-index:1;position:relative;display:none}
#mSlider .swiper-container{position:relative;width:100%;height:auto!important}
#mSlider .swiper-container .swiper-slide{position:relative;width:100%!important;height:auto!important}
#mSlider .swiper-wrapper{height:auto!important}
#mSlider .swiper-container .swiper-slide::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(1deg,rgb(0 0 0 / 40%) 0,transparent);z-index:2}
#mSlider .swiper-container .swiper-slide::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 49%) 0,transparent);z-index:2}
#mSlider .swiper-container img{width:100%;height:auto;object-fit:cover;object-position: left;}
#mSlider .mainSliderText{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);max-width:1200px;width:100%;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#mSlider .mainSliderText img{width:90px;height:90px}
#mSlider .mainSliderText h1{font-size:21px;color:#fff;width:100%;font-weight:600;margin:0}
#mSlider .mainSliderText h1:nth-child(2){font-weight:200}
#mSlider .mainSliderText p{font-size:15px;margin:0;font-weight:100;color:#a1aaba;text-shadow:1px 1px #000}
#mSlider .mainSliderText a{width:max-content;padding:15px;background:#e51e20;color:#fff;transition:all .3s}
#mSlider .mainSliderText a:hover{opacity:.7;transition:all .3s}
#mSlider .mainSliderText a i{color:#fff;font-size:25px}
#mSlider .swiper-pagination{text-align:right;top:50%;transform:translateY(-50%);left:24px;background:0 0;z-index:9999;display:flex;flex-direction:column;align-items:center}
#mSlider .swiper-pagination-bullet{width:5px;height:5px;background:#565a63;margin-top:3px;border-radius:100%;z-index:99999;opacity:1}
#mSlider .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#a1aaba!important;width:8px!important;height:8px!important}
#mSlider .swiperButton{position:absolute;bottom:22px;right:31px;text-align:left;z-index:999;height:auto;left:unset}
#mSlider .swiper-button-next{width:10px;height:42px;margin-right:-6px}
#mSlider .swiper-button-next img{object-fit:contain;width:100%;height:100%}
#mSlider .swiper-button-prev{width:10px;height:42px}
#mSlider .swiper-button-prev img{width:100%;height:100%;object-fit:contain}
#mSlider .sliderBottom{position:absolute;bottom:30px;z-index:9999;left:0;right:0}
#mSlider .sliderBottom .containerfg{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:80%}
#mSlider .sliderBottom .containerfg .sliderBottomLeft{display:flex;align-items:center}
#mSlider .sliderBottom .containerfg .sliderBottomLeft p{font-size:17px;color:rgb(255 255 255 / 80%);padding:0;margin:0;font-weight:700}
#mSlider .sliderBottom .containerfg .sliderTopLeftLine{flex:2;display:flex;align-items:center;padding:0 20px 0}
#mSlider .sliderBottom .containerfg .sliderTopLeftLine .line{width:100%;height:1px;background:rgb(255 255 255)}
#mSlider .sliderBottom .containerfg .sliderBottomNumber{display:flex;align-items:flex-end;flex:1;flex-direction:column;margin-top:-40px}
#mSlider .sliderBottom .containerfg .sliderBottomNumber img{margin-right:10px}
#mSlider .sliderBottom .containerfg .sliderBottomNumber p{color:hsl(0deg 0% 100% / 78%);font-weight:700;font-size:17px}
#mSlider .sliderBottom .containerfg .sliderBottomRight{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
#mSlider .sliderBottom .containerfg .sliderTopRightLine{flex:2;display:flex;align-items:center;padding:0 30px 0 00px}
#mSlider .sliderBottom .containerfg .sliderTopRightLine .line{width:100%;height:1px;background:rgb(255 255 255 / 50%)}
#mSlider .sliderBottom .containerfg .sliderTopSocial{display:flex;justify-content:flex-end}
#mSlider .sliderBottom .containerfg .sliderTopSocial .single{margin-left:5px;transition:all .3s}
#mSlider .sliderBottom .containerfg .sliderTopSocial .single img{width:35px;height:35px}
#mSlider .sliderBottom .containerfg .sliderTopSocial .single:hover{opacity:.7;transition:all .3s}
#homeCorp{display:flex;background:#1f2439;padding:50px 0;position:relative;min-height:575px;box-shadow:0 3px 10px 0 rgb(0 0 0 / 54%);z-index:99}
#homeCorp .containerfg{display:flex;flex-wrap:wrap;position:relative}
#homeCorp .containerfg .text{width:37%;display:flex;flex-direction:column;justify-content:center}
#homeCorp .containerfg .text h1{font-size:40px;color:#fff;margin:0;font-weight:600;line-height:40px;text-transform:uppercase;width:70%;font-family: 'Poppins', cursive;}
#homeCorp .containerfg .text p{padding:40px 0px;font-size:19px;margin:0;color:#fff}
#homeCorp .containerfg .text .button{position:relative;padding:0}
#homeCorp .containerfg .text .button a{font-size:17px;color:#fff;font-weight:300;transition:all .3s;width: 100%;}
#homeCorp .containerfg .text .button a:hover{opacity:.8;transition:all .3s}
/* #homeCorp .containerfg .line{position:absolute;left:181px;width:211px;height:191px;bottom:-100px;border-top:1px solid #aaaaab;border-right:1px solid #aaaaab;z-index:999999999} */
#homeCorp .image{position:absolute;right:0;top:0;bottom:0;width:50%;height:100%;display:flex;align-items:center}
#homeCorp .image img{width:100%;height:100%;object-fit:contain;object-position: top;}
#homeProject{opacity:.95;background:url('../img/home/Ayder_arkaplan.jpg');position:relative;background-size:cover;box-shadow:inset 0 20px 40px 0 rgb(0 0 0 / 17%);z-index:3;padding: 80px 0}
#homeProject .containerfg .title{position:relative;z-index:999;padding:50px 0 0 0;display: flex;justify-content: space-between;}
#homeProject .containerfg .title h1{color:#fff;margin:0;font-weight:400;text-transform:uppercase;width:fit-content;position:relative;font-size:30px;letter-spacing:1px;font-family: 'Poppins', cursive;}
#homeProject .containerfg .title h1 .return{width:100%;height:100%;position:absolute;bottom:50px}
#homeProject .content{height:475px;padding:50px;opacity:.9}
#homeProject .content .swiper-container{width:100%;height:100%}
#homeProject .content .swiper-container .swiper-slide{height:100%;margin:0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
#homeProject .content .swiper-container .swiper-slide .single{margin-right:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;overflow:hidden;height:100%}
#homeProject .content .swiper-container .swiper-slide .single:hover{transition:all .3s;transform:scale(.95)}
#homeProject .content .swiper-container .swiper-slide .single:last-child{margin-right:0}
#homeProject .content .swiper-container .swiper-slide .single .image{height:100%;width:100%;position:relative;transition:all .3s;overflow:hidden;background:#fff}
#homeProject .content .swiper-container .swiper-slide .single:hover .image img{transform:scale(1.15);transition:all .3s}
#homeProject .content .swiper-container .swiper-slide .single:before{content:'';position:absolute;transition:all .3s;bottom:0;right:0;left:0;height:100%;background:linear-gradient(191deg,rgb(0 0 0 / 32%) 0,rgb(0 0 0 / 0%));z-index:2}
#homeProject .content .swiper-container .swiper-slide .single:hover:before{transition:all .3s;background:#00000080}
#homeProject .content .swiper-container .swiper-slide .single .image .firstLetter{position:absolute;left:15px;bottom:15px}
#homeProject .content .swiper-container .swiper-slide .single .image .firstLetter h6{padding:0;margin:0;font-size:72px;color:#fff;text-shadow:0 0 11px #4f4f4f}
#homeProject .content .swiper-container .swiper-slide .single .image img{height:100%;width:100%;object-fit:contain;object-position:bottom;filter:unset;opacity:unset;transition:all .3s;padding:100px 0 0 0}
#homeProject .content .swiper-container .swiper-slide .single .projeTitle{position:absolute;padding:10px 20px;top:0px;z-index:99999;transition:all .3s;z-index:99999;width: 100%;background-color: #1d1d1d;min-height: 100px;}
/* #homeProject .content .swiper-container .swiper-slide .single:hover .projeTitle{top:50%;transition:all .3s} */
#homeProject .content .swiper-container .swiper-slide .single .projeTitle h1{margin:0;padding:0px 0 5px 0;color:#fff;font-size:21px;font-weight:500}
#homeProject .content .swiper-container .swiper-slide .single .projeTitle p{margin:0;padding:0 00px;color:rgb(255 255 255 / 87%)}
#homeProject .content .swiper-container .swiper-slide .single .projeTitle .bar{position:absolute;left:0;top:-10px;bottom:0;width:10px;background:#e1241f}
#homeProject .content .swiper-container .swiper-slide .single .newProject{position:absolute;z-index:999;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgb(6 88 56);flex-direction:column;justify-content:center;color:#fff;font-size:17px}
#homeProject .content .swiper-container .swiper-slide .single .newProject p{margin:0;padding:10px 0 0;text-align:center}
@-webkit-keyframes flash{
0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}
}
@keyframes flash{
0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}
}
#homeProject .bottom{position:relative;display:flex;flex-wrap:wrap;padding:20px 0 40px 0;align-items:center;z-index:999}
#homeProject .bottom .left{flex:2;position:relative}
#homeProject .bottom .left .bottomLine{position:absolute;right:0;width:51px;height:124px;top:0;border-right:1px solid #ddd;z-index:9999}
#homeProject .bottom .left .line{width:100%;height:1px;background:#ddd}
#homeProject .bottom .left .swiper-pagination{text-align:right;left:unset;z-index:99;display:flex;flex-direction:row;background:0 0;align-items:center;left:0;border-radius:0;transform:translateY(-50%)}
#homeProject .bottom .left .swiper-pagination-bullet{width:48px;height:1px;background:0 0;opacity:1;z-index:99;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-top:0;border-radius:unset}
#homeProject .bottom .left .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#2ba8f9;height:1px}
#homeProject .bottom .mid{padding:0 26px}
#homeProject .bottom .mid .buttonSwiper{position:relative;flex:0.2;margin-left:20px;font-size:18px}
#homeProject .bottom .mid .arrowLeft{flex:2;display:flex;justify-content:center}
#homeProject .bottom .mid .arrowLeft .swiper-button-prev{background-image:unset!important;width:auto!important;height:auto!important;margin-top:unset!important;transform:translateY(-50%)}
#homeProject .bottom .mid .arrowLeft .swiper-button-prev i{color:rgb(255 255 255 / 72%)}
#homeProject .bottom .mid .arrowRight .swiper-button-next{background-image:unset!important;width:auto!important;height:auto!important;margin-top:unset!important;transform:translateY(-50%);right:0}
#homeProject .bottom .mid .arrowRight .swiper-button-next i{color:rgb(255 255 255 / 80%)}
#homeProject .bottom .right{display:flex;align-items:center;justify-content:end}
#homeProject .bottom .right .button{width:100%;text-align:end;transition:all .2s}
#homeProject .bottom .right .button a{width:100%;color:rgb(255 255 255 / 80%);padding:15px 40px;border:1px solid #aaaaab;transition:all .2s}



#blogs {
    padding: 100px 0;
    text-align: center;
    /* background-color: #f9f7f6; */
    overflow: hidden;
}
#blogs .tp-section-title{font-size:48px;font-family: 'Poppins', cursive;}
#blogs .blog-item {
    margin-bottom: 30px;
}

#blogs .blog-item__img {
    /* margin-bottom: 20px; */
}

#blogs .blog-item__img img {
    height: 270px;
    object-fit: cover;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#blogs .blog-item__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

#blogs .blog-item__excerpt {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

#blogs .blog-item__title a {
    color: #333;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#blogs .blog-item__content {
    position: relative;
    padding: 35px 15px;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    text-align: left;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 300px;
}

#blogs .blog-item__date span {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px
}

#homeContact{background:#243340;display:flex;height:400px;align-items:center;position:relative;z-index:1}
#homeContact img{height:100%;object-fit:contain;width:30%;margin-left:36px}
#homeContact .textContact{position:relative;width:48%;padding-left:7%}
#homeContact .textContact:before{content:"";position:absolute;left:6.5%;top:0;bottom:0;width:2px;height:100%;background:rgb(245 245 245 / 55%)}
#homeContact .textContact .top h1{font-size:35px;color:#fff;margin:0;font-weight:400;text-transform:uppercase}
#homeContact .textContact .top p{font-size:20px;margin:0;font-weight:300;padding:30px 0;color:rgb(255 255 255 / 67%)}
#homeContact .textContact .social{display:flex;margin-top:17px}
#homeContact .textContact .social a{height:50px;width:50px;background:rgb(255 255 255 / 21%);display:flex;align-items:center;justify-content:center;color:#fff;margin-right:10px;transition:all .3s}
#homeContact .textContact .social a:hover{transition:all .3s;opacity:.7}
/* Footer */
#footer {
    width: 100%;
    background: #24282e;
    overflow: hidden;
    padding: 0
}

#footer .container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#footer .container .fTop {
    width: 100%;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #3d424a;
    font-family: 'Montserrat', sans-serif;
}

#footer .container .fTop .fLeft {
    display: flex;
	width: 100%;
	justify-content: space-between;
}

#footer .container .fTop .fLeft .single {
    display: flex;
    align-items: center;
    font-weight: 600;
}

#footer .container .fTop .fLeft .single img {
    margin-right: 10px;
}

#footer .container .fTop .fLeft .single p {
    color: #fff;
    margin: 0;
    padding: 0;
}

#footer .container .fTop .fLeft .fPhone {
    /* margin-left: 35px; */
}

#footer .container .fTop .fLeft .fSocials {
    display: flex;
    align-items: center;
    margin-left: 35px;
}

#footer .container .fTop .fLeft .fSocials a {
    padding: 4px 10px;
    border-left: 1px solid #4a4f58;
}

#footer .container .fTop .fLeft .fSocials a i {
    color: #848c9a;
    font-size: 20px;
}

#footer .container .fTop .fLeft .fSocials a:first-child {
    border-left: unset;
}

#footer .container .fTop .fRight {
    position: relative;
}

#footer .fBayi i {
    color: #848c9a;
    font-size: 22px;
    margin-right: 10px;
}

#footer .fPhone i {
    color: #848c9a;
    font-size: 22px;
    margin-right: 10px;
    transform: rotate(95deg);
}

#footer .container .fTop .fRight img {
    position: absolute;
    right: 0;
    top: -57px;
}

#footer .container .fContent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 45px 0 110px 0;
}

#footer .container .fContent .fMenu {
    display: flex;
    flex: 3;
    flex-wrap: wrap;
}

#footer .container .fContent .fMenu .single {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 55px;
}

#footer .container .fContent .fMenu .single h1 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

#footer .container .fContent .fMenu .single a {
    color: rgb(161 170 186 / 78%);
    font-size: 15px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-weight: 300;
}

#footer .container .fContent .fMenu .single .two-h1 {
    margin-top: 30px;
}

#footer .container .fContent .fMenu #accordionF {
    display: none;
    flex-direction: column;
    /* max-width:40%; */
    margin: .5rem 0;
    width: 100%;
}

#footer .container .fContent .fMenu #accordionF .single-accordion {
    display: flex;
    flex-direction: column;
    margin: .4rem 0;
    /* box-shadow:0 0 .2em .1em rgba(0,0,0,0.1); */
    border-radius: .2rem;
    overflow: hidden;
    width: 100%;
    color: #8895aa;
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header {
    /* background-color: #edf4f7; */
    width: 100%;
    margin: 0;
    padding: 4px 0;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 700;
    border-bottom: 1px solid #a1aaba;
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header h1 {
    font-weight: 500;
    margin: 0;
    font-size: 11px;
    display: inline;
    color: #ffffff;
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header i {
    transform: rotate(0deg) !important;
    transition: all .3s;
    color: #a1aaba;
    font-size: 14px;
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header__title {
    padding: 1rem 1.5rem;
    text-transform: capitalize;
    color: #fff
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header__caret {
    padding: 1rem 1.5rem;
    margin-left: auto;
    border-left: 1px solid;
    position: relative
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-header__caret::before {
    content: "+";
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-text {
    margin: 0 auto;
    padding: 0 0 0 00px;
    min-width: 95%;
    max-width: 95%;
    display: flex;
    flex-direction: column;
}

#footer .container .fContent .fMenu #accordionF .single-accordion .accordion-text a {
    margin-top: 8px;
    /* padding: 5px 0; */
    font-size: 12px;
    color: #a1aaba;
}

#footer .container .fContent .fMenu #accordionF .single-accordion[data-opened="true"] .accordion-header__caret::before {
    content: "-"
}

#footer .container .fContent .fMenu #accordionF .single-accordion[data-opened="true"] .accordion-header i {
    transform: rotate(180deg) !important;
    transition: all .3s;
    color: #fff;
}

#footer .container .fContent .fContact {
    display: flex;
    flex: 2;
    flex-direction: column;
    align-items: end;
}

#footer .container .fContent .fContact .logo {
    max-width: 100%;
    gap:10px;
}

#footer .container .fContent .fContact .logo img {
    width: 150px;
    object-position: center;
    object-fit: contain;
}

#footer .container .fContent .fContact p {
    font-size: 13px;
    color: #a1aaba;
    text-align: end;
    padding: 0;
    margin: 0;
    padding: 30px 0 20px 0;
}

#footer .container .fContent .fContact .ugrlogo {
    font-weight: 100;
    margin: 0;
    padding: 0;
    color: rgb(161 170 186 / 72%);
}

@keyframes pulse{
0%{transform:scale(0);opacity:0;box-shadow:0 0 #61ef61}
50%{opacity:1;transform:rotate(45deg)}
100%{transform:scale(1.8);opacity:0;box-shadow:0 0 10px 8px transparent;border-radius:100%}
}
@keyframes flash{
0%{opacity:1}
50%{opacity:.3}
100%{opacity:1}
}
@keyframes DownUp{
0%{top:50%}
50%{top:55%}
100%{top:50%}
}
@keyframes swing{
0%{-webkit-clip-path:ellipse(30px 30px at -2.54% -30.25%);clip-path:ellipse(30px 30px at -2.54% -30.25%)}
50%{-webkit-clip-path:ellipse(30px 30px at 30.66% 50.36%);clip-path:ellipse(30px 30px at 30.66% 50.36%)}
100%{-webkit-clip-path:ellipse(30px 30px at 80.62% -5.61%);clip-path:ellipse(30px 30px at 80.62% -5.61%)}
}
@keyframes goRight{
from{left:0;right:100%}
40%{left:0;right:0}
60%{left:0;right:0}
to{left:100%;right:0}
}
@keyframes goLeft{
from{left:100%;right:0}
40%{left:0;right:0}
60%{left:0;right:0}
to{left:0;right:100%}
}
@keyframes goTop{
from{top:100%;bottom:0}
40%{top:0;bottom:0}
60%{top:0;bottom:0}
to{top:0;bottom:100%}
}
@keyframes goBottom{
from{top:0;bottom:100%}
40%{top:0;bottom:0}
60%{top:0;bottom:0}
to{top:100%;bottom:0}
}
@keyframes backRight{
from{left:0;right:100%}
40%{left:0;right:0}
60%{left:0;right:0}
to{left:0;right:100%}
}
@keyframes backLeft{
from{left:100%;right:0}
40%{left:0;right:0}
60%{left:0;right:0}
to{left:100%;right:0}
}
@keyframes backTop{
from{top:100%;bottom:0}
40%{top:0;bottom:0}
60%{top:0;bottom:0}
to{top:100%;bottom:0}
}
@keyframes backBottom{
from{top:0;bottom:100%}
40%{top:0;bottom:0}
60%{top:0;bottom:0}
to{top:0;bottom:100%}
}
.revealedBox-in.backLeft>span,.revealedBox-in.backRight>span,.revealedBox-in.goLeft>span,.revealedBox-in.goRight>span{height:100%;top:0}
.revealedBox-in.backLeft.childrenSpan-2>span,.revealedBox-in.backRight.childrenSpan-2>span,.revealedBox-in.goLeft.childrenSpan-2>span,.revealedBox-in.goRight.childrenSpan-2>span{height:50%}
.revealedBox-in.backLeft.childrenSpan-2>span:nth-child(2),.revealedBox-in.backRight.childrenSpan-2>span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-2>span:nth-child(2),.revealedBox-in.goRight.childrenSpan-2>span:nth-child(2){top:50%}
.revealedBox-in.backLeft.childrenSpan-3>span,.revealedBox-in.backRight.childrenSpan-3>span,.revealedBox-in.goLeft.childrenSpan-3>span,.revealedBox-in.goRight.childrenSpan-3>span{height:33.33333%}
.revealedBox-in.backLeft.childrenSpan-3>span:nth-child(2),.revealedBox-in.backRight.childrenSpan-3>span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-3>span:nth-child(2),.revealedBox-in.goRight.childrenSpan-3>span:nth-child(2){top:33.33333%}
.revealedBox-in.backLeft.childrenSpan-3>span:nth-child(3),.revealedBox-in.backRight.childrenSpan-3>span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-3>span:nth-child(3),.revealedBox-in.goRight.childrenSpan-3>span:nth-child(3){top:66.66666%}
.revealedBox-in.backLeft.childrenSpan-4>span,.revealedBox-in.backRight.childrenSpan-4>span,.revealedBox-in.goLeft.childrenSpan-4>span,.revealedBox-in.goRight.childrenSpan-4>span{height:25%}
.revealedBox-in.backLeft.childrenSpan-4>span:nth-child(2),.revealedBox-in.backRight.childrenSpan-4>span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-4>span:nth-child(2),.revealedBox-in.goRight.childrenSpan-4>span:nth-child(2){top:25%}
.revealedBox-in.backLeft.childrenSpan-4>span:nth-child(3),.revealedBox-in.backRight.childrenSpan-4>span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-4>span:nth-child(3),.revealedBox-in.goRight.childrenSpan-4>span:nth-child(3){top:50%}
.revealedBox-in.backLeft.childrenSpan-4>span:nth-child(4),.revealedBox-in.backRight.childrenSpan-4>span:nth-child(4),.revealedBox-in.goLeft.childrenSpan-4>span:nth-child(4),.revealedBox-in.goRight.childrenSpan-4>span:nth-child(4){top:75%}
.revealedBox-in.backLeft.childrenSpan-5>span,.revealedBox-in.backRight.childrenSpan-5>span,.revealedBox-in.goLeft.childrenSpan-5>span,.revealedBox-in.goRight.childrenSpan-5>span{height:20%}
.revealedBox-in.backLeft.childrenSpan-5>span:nth-child(2),.revealedBox-in.backRight.childrenSpan-5>span:nth-child(2),.revealedBox-in.goLeft.childrenSpan-5>span:nth-child(2),.revealedBox-in.goRight.childrenSpan-5>span:nth-child(2){top:20%}
.revealedBox-in.backLeft.childrenSpan-5>span:nth-child(3),.revealedBox-in.backRight.childrenSpan-5>span:nth-child(3),.revealedBox-in.goLeft.childrenSpan-5>span:nth-child(3),.revealedBox-in.goRight.childrenSpan-5>span:nth-child(3){top:40%}
.revealedBox-in.backLeft.childrenSpan-5>span:nth-child(4),.revealedBox-in.backRight.childrenSpan-5>span:nth-child(4),.revealedBox-in.goLeft.childrenSpan-5>span:nth-child(4),.revealedBox-in.goRight.childrenSpan-5>span:nth-child(4){top:60%}
.revealedBox-in.backLeft.childrenSpan-5>span:nth-child(5),.revealedBox-in.backRight.childrenSpan-5>span:nth-child(5),.revealedBox-in.goLeft.childrenSpan-5>span:nth-child(5),.revealedBox-in.goRight.childrenSpan-5>span:nth-child(5){top:80%}
.revealedBox-in.backBottom>span,.revealedBox-in.backTop>span,.revealedBox-in.goBottom>span,.revealedBox-in.goTop>span{width:100%}
.revealedBox-in.backBottom.childrenSpan-2>span,.revealedBox-in.backTop.childrenSpan-2>span,.revealedBox-in.goBottom.childrenSpan-2>span,.revealedBox-in.goTop.childrenSpan-2>span{width:50%}
.revealedBox-in.backBottom.childrenSpan-2>span:nth-child(2),.revealedBox-in.backTop.childrenSpan-2>span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-2>span:nth-child(2),.revealedBox-in.goTop.childrenSpan-2>span:nth-child(2){left:50%}
.revealedBox-in.backBottom.childrenSpan-3>span,.revealedBox-in.backTop.childrenSpan-3>span,.revealedBox-in.goBottom.childrenSpan-3>span,.revealedBox-in.goTop.childrenSpan-3>span{width:33.33333%}
.revealedBox-in.backBottom.childrenSpan-3>span:nth-child(2),.revealedBox-in.backTop.childrenSpan-3>span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-3>span:nth-child(2),.revealedBox-in.goTop.childrenSpan-3>span:nth-child(2){left:33.33333%}
.revealedBox-in.backBottom.childrenSpan-3>span:nth-child(3),.revealedBox-in.backTop.childrenSpan-3>span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-3>span:nth-child(3),.revealedBox-in.goTop.childrenSpan-3>span:nth-child(3){left:66.66666%}
.revealedBox-in.backBottom.childrenSpan-4>span,.revealedBox-in.backTop.childrenSpan-4>span,.revealedBox-in.goBottom.childrenSpan-4>span,.revealedBox-in.goTop.childrenSpan-4>span{width:25%}
.revealedBox-in.backBottom.childrenSpan-4>span:nth-child(2),.revealedBox-in.backTop.childrenSpan-4>span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-4>span:nth-child(2),.revealedBox-in.goTop.childrenSpan-4>span:nth-child(2){left:25%}
.revealedBox-in.backBottom.childrenSpan-4>span:nth-child(3),.revealedBox-in.backTop.childrenSpan-4>span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-4>span:nth-child(3),.revealedBox-in.goTop.childrenSpan-4>span:nth-child(3){left:50%}
.revealedBox-in.backBottom.childrenSpan-4>span:nth-child(4),.revealedBox-in.backTop.childrenSpan-4>span:nth-child(4),.revealedBox-in.goBottom.childrenSpan-4>span:nth-child(4),.revealedBox-in.goTop.childrenSpan-4>span:nth-child(4){left:75%}
.revealedBox-in.backBottom.childrenSpan-5>span,.revealedBox-in.backTop.childrenSpan-5>span,.revealedBox-in.goBottom.childrenSpan-5>span,.revealedBox-in.goTop.childrenSpan-5>span{width:20%}
.revealedBox-in.backBottom.childrenSpan-5>span:nth-child(2),.revealedBox-in.backTop.childrenSpan-5>span:nth-child(2),.revealedBox-in.goBottom.childrenSpan-5>span:nth-child(2),.revealedBox-in.goTop.childrenSpan-5>span:nth-child(2){left:20%}
.revealedBox-in.backBottom.childrenSpan-5>span:nth-child(3),.revealedBox-in.backTop.childrenSpan-5>span:nth-child(3),.revealedBox-in.goBottom.childrenSpan-5>span:nth-child(3),.revealedBox-in.goTop.childrenSpan-5>span:nth-child(3){left:40%}
.revealedBox-in.backBottom.childrenSpan-5>span:nth-child(4),.revealedBox-in.backTop.childrenSpan-5>span:nth-child(4),.revealedBox-in.goBottom.childrenSpan-5>span:nth-child(4),.revealedBox-in.goTop.childrenSpan-5>span:nth-child(4){left:60%}
.revealedBox-in.backBottom.childrenSpan-5>span:nth-child(5),.revealedBox-in.backTop.childrenSpan-5>span:nth-child(5),.revealedBox-in.goBottom.childrenSpan-5>span:nth-child(5),.revealedBox-in.goTop.childrenSpan-5>span:nth-child(5){left:80%}
.revealedBox .contentBox{opacity:0}
.revealedBox>span{position:absolute;display:block;background:#393939}
.revealedBox-in>.contentBox{opacity:1;transition-delay:1.05s}
.revealedBox-in.goRight>span{animation:goRight 1.5s}
.revealedBox-in.goLeft>span{animation:goLeft 1.5s}
.revealedBox-in.backRight>span{animation:backRight 1.5s}
.revealedBox-in.backLeft>span{animation:backLeft 1.5s}
.revealedBox-in.goTop>span{animation:goTop 1.5s}
.revealedBox-in.goBottom>span{animation:goBottom 1.5s}
.revealedBox-in.backTop>span{animation:backTop 1.5s}
.revealedBox-in.backBottom>span{animation:backBottom 1.5s}
.revealedBox-in>span{animation-delay:.1s}
.revealedBox-in>span:nth-child(2){animation-delay:.2s}
.revealedBox-in>span:nth-child(3){animation-delay:.3s}
.revealedBox-in>span:nth-child(4){animation-delay:.4s}
.revealedBox-in>span:nth-child(5){animation-delay:.5s}
.pageImage{width:100%;height:42vh;position:relative}
.pageImage img{width:100%;height:100%;object-fit:cover}
.pageImage::after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.36)}
.pageImage .containerfg{position:relative}
.pageImage .containerfg h1{padding:0;margin:0;color:#fff;font-size:20px;position:absolute;left:0;bottom:25px;z-index:9999}
.pageTitle{width:100%;padding:30px 0;background:#00a3c0;display:flex;align-items:center}
.pageTitle h1{padding:0;margin:0;color:#fff;font-size:20px}
.pageInfo{width:100%;height:50px;background:#484848}
.pageInfo .containerfg{display:flex;flex-direction:row;justify-content:space-between;height:100%}
.pageInfo .containerfg .nextPrev{display:flex;color:#fff;align-items:center;justify-content:center;height:100%}
.pageInfo .containerfg .nextPrev a{color:#fff;text-decoration:none;font-size:15px;margin:0 20px}
.pageInfo .containerfg .nextPrev a:first-child{margin-left:0}
.pageInfo .containerfg .nextPrev a p{margin:0;padding:0}
.pageInfo .containerfg .productNavigation{display:flex;color:#fff;align-items:center;justify-content:center;height:100%}
.pageInfo .containerfg .productNavigation a{color:#fff;text-decoration:none;font-size:13px;padding:0 2px}
.pageContent{padding:20px 0;display:flex}
.pageContent h2{margin:0;padding:5px 0;font-size:21px;color:#db5e32;font-weight:400;position:relative}
.pageContent h2::after{position:absolute;content:"";left:0;bottom:-6px;width:50px;height:5px;background:#274185;border-top-right-radius:5px}
.pageContent img{margin-right:20px;width:500px}
.pageContent p{margin:0;padding:10px 0 0 0;color:#000d;line-height:1.7}
.docsTitle{margin:0;padding:0;font-size:20px;color:#f3a45f;margin-bottom:10px;display:flex;align-items:center}
.docs{display:flex;flex-wrap:wrap}
.docs a{display:flex;width:100%;flex:1 0 25%;margin:10px;height:270px;padding:10px;border:1px dashed #94dbe9}
.docs a img{width:100%;height:100%;object-fit:contain}
.kadromuz{flex-wrap:wrap;display:flex;align-items:center;padding:15px 0}
.kadromuz .single{flex-basis:23%;display:flex;flex-direction:column;margin:10px;height:300px;margin-top:15px;border-bottom:1px solid #dddd}
.kadromuz .single .image{display:flex;align-items:center;justify-content:center;height:177px}
.kadromuz .single .image img{height:100%;object-fit:contain;width:100%}
.kadromuz .single .title{padding:14px 0 0}
.kadromuz .single .title h1{margin:0;padding:0;font-size:23px;color:#e51e20}
.kadromuz .single .title p{padding:0;margin:0;font-size:13px;padding-top:5px}
#productsList .list{width:100%;margin:0;padding:20px 0;list-style:none;display:flex;flex-wrap:wrap}
#productsList .list li{flex-basis:47%;width:100%;margin:0 15px 15px 0;position:relative;overflow:hidden;transition:all .4s;background:#fff}
#productsList .list li:hover{transform:scale(.8);transition:all .4s}
#productsList .list li .katImage{width:100%;height:300px;transition:all .4s;object-fit:contain}
#productsList .list li .katImage img{width:100%;height:100%;object-fit:contain;display:block}
#productsList .list li .katTitle{width:100%;z-index:100;background:rgb(36 51 64);padding:11px 0 15px 15px;transition:all .4s}
#productsList .list li:hover .katTitle{transition:all .8s;letter-spacing:1px;padding:15px 0 15px 20px}
#productsList .list li .katTitle h2{font-size:17px;margin:0;padding:0;color:#fff}
#productsList .list li .katTitle p{font-size:12px!important;margin:0!important;padding:5px 0 0 0!important;color:rgb(255 255 255 / 96%)!important}
#productsList .list li::after{width:100%;height:5px;background:#4e4e4e;position:absolute;content:"";bottom:0;left:0;right:0;z-index:998}
#productsList .list li::before{position:absolute;content:"";left:0;bottom:0;height:5px;width:20%;z-index:999;transition:all .3s}
#productsList .list li:hover::before{width:30%;transition:all .3s}
#productContent{padding:0;background:#fff;display:flex;flex-direction:column;position:relative;padding:15px 0}
#productContent .left{float:none!important;width:100%!important}
#productContent .left .image{width:100%;overflow:hidden}
#productContent .right{width:100%;padding:1%;display:flex;border-right:unset;flex-direction:column;justify-content:center;background:#fff;z-index:2;margin-top:15px}
#productContent .right h2{margin:0;padding:5px 0;font-size:21px;color:#000;font-weight:400;position:relative}
#productContent .right h2::after{position:absolute;content:"";left:0;bottom:-6px;width:50px;height:5px;border-top-right-radius:5px}
#productContent .right strong{margin:0;padding:10px 0;font-size:17px;color:#484848;font-weight:700;position:relative}
#productContent .right strong::after{position:absolute;content:"";left:0;bottom:3px;width:50px;height:3px;border-top-right-radius:5px}
#productContent .right p{margin:2px 0;padding:5px 0;font-size:16px;color:#232323dd;line-height:1.7}
#productContent .fotorama__thumb-border{border-color:#ec6707!important;background-image:linear-gradient(to bottom right,rgba(12,77,162,.34),rgba(236,103,7,.13))!important}
#teamList .list{width:100%;margin:0;padding:20px 0;list-style:none;display:flex;flex-wrap:wrap}
#teamList .list li{flex:1 0 100%;width:100%;margin:0 15px 15px 0;position:relative;overflow:hidden;transition:all .4s;border:1px solid #e8e9ed}
#teamList .list li:hover .katImage{transform:scale(1.2);transition:all .4s}
#teamList .list li .katImage{width:100%;height:100%;transition:all .4s}
#teamList .list li .katImage img{width:100%;height:100%;object-fit:contain;display:block}
#teamList .list li .katTitle{width:100%;position:absolute;bottom:0;z-index:100;background:#fff;padding:11px 0 15px 15px;transition:all .4s}
#teamList .list li:hover .katTitle{transition:all .8s;letter-spacing:1px}
#teamList .list li .katTitle h2{font-size:14px;margin:0;padding:0;color:#484848}
#teamList .list li::after{width:100%;height:5px;background:#e8e9ed;position:absolute;content:"";bottom:0;left:0;right:0;z-index:998}
#teamList .list li::before{position:absolute;content:"";left:0;bottom:0;height:5px;width:20%;background:#00a3c0;z-index:999;transition:all .4s}
#teamList .list li:hover::before{width:25%;transition:all .4s}
#teamContent{padding:27px 0;background:#fff}
#teamContent .containerfg{display:flex;flex-direction:row;position:relative;flex-wrap:wrap}
#teamContent .containerfg .left{float:none!important;width:30%!important;flex:1 0 27%}
#teamContent .containerfg .right{width:100%;padding:0 4%;display:flex;border-right:unset;flex-direction:column;margin-bottom:15px;background:rgba(255,255,255,.58);z-index:2;color:#000;flex:1 0 40%}
#teamContent .containerfg .right p{margin:0;padding:0;font-size:15px;line-height:1.7}
#teamContent .containerfg .left .fotorama__thumb-border{border-color:#4db848;background-color:rgba(0,0,0,.5)}
#teamContent .containerfg .right h1{margin:10px 0;padding:5px 0;font-size:20px;color:#009bdf;position:relative}
#teamContent .containerfg .right h1:after{position:absolute;content:"";left:0;bottom:-3px;width:50px;height:5px;background:#a1a8b8}
#teamContent .containerfg .right h2{font-size:15px;color:#102a60;margin:0 0 2px 0;padding:0}
#teamContent .containerfg .right h2 span{font-weight:500;font-size:15px;color:#102a60}
#teamContent .containerfg .right h3{margin:0 0 2px 0;padding:0;font-size:16px;color:#102a60}
#teamContent .containerfg .right p{margin:0 0 10px 0;padding:0}
#teamContent .containerfg .right span{font-size:10px;color:#000}
#teamContent .containerfg .content .text{flex:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin-left:5%}
#teamContent .fotorama{max-width:800px;width:100%;margin:0 auto;border:1px solid #dee1e6;border-bottom:5px solid #dee1e6;padding-bottom:10px}
#teamContent .fotorama__nav{border-top:1px solid #dee1e6;padding-top:10px;width:90%!important}
#newsList .containerfg{display:flex;flex-wrap:wrap;padding:0 0 17px 0}
#newsList .single{flex:1 0 48%;padding:10px}
#newsList .single .catSingle{width:100%;height:240px;margin:20px 0 0;transition:all 1s ease 8ms;border:1px solid #e6e6e6;box-shadow:0 0 5px 0 rgba(221,221,221,.6196078431372549);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px}
#newsList .single .catSingle .top{position:relative;height:45px;width:100%}
#newsList .single .catSingle .top:after{position:absolute;content:"";width:100%;height:2px;background:#ddd;right:0;top:50%;transform:translateY(-50%);z-index:-1}
#newsList .single .catSingle .midle h1{color:#102a60;font-size:23px;font-weight:500;text-align:center}
#newsList .single .catSingle .bottom{width:50px;height:50px;font-size:18px;border-radius:100%;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;transition:all.3s;color:#bc4f19}
#newsList .single:hover .catSingle .bottom{transform:rotate(360deg)}
.pdTitle{padding-top:30px}
.pdTitle h1{margin:0;padding:0;font-weight:300;font-size:35px}
.productsDetail .containerfg{display:-ms-grid;display:grid;-ms-grid-columns:69% 27%;grid-template-columns:27% 69%;grid-gap:0 50px;padding:30px 0}
.productsDetail .containerfg .detaiilP{width:100%;background:#e0e6eb;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:30px 0}
.productsDetail .containerfg .detaiilP .single{display:flex;padding:30px}
.productsDetail .containerfg .detaiilP .single .image{margin-right:5px;padding-right:5px;border-right:1px solid #ddd}
.productsDetail .containerfg .detaiilP .single .image img{width:70px;height:70px;object-fit:contain}
.productsDetail .containerfg .detaiilP .text{padding-left:5px;display:flex;flex-direction:column;justify-content:center}
.productsDetail .containerfg .detaiilP .text h1{margin:0;padding:0;font-weight:300;font-size:29px}
.productsDetail .containerfg .detaiilP .text p{padding:0;margin:0;font-size:20px;font-weight:200}
.productsDetail .containerfg .fImage{width:100%}
.productsDetail .containerfg .fImage .pContText strong{font-size:18px}
.productsDetail .containerfg .fImage .pContText p{font-size:17px;line-height:1.5;width:94%;margin:0;padding:0;margin-top:10px;text-align:justify}
#news-list{background:#fff}
#news-list .list{display:flex;flex-direction:row;flex-wrap:wrap;padding:15px}
#news-list .list .inner-container{width:100%;height:auto;position:relative;margin:15px;box-shadow:0 0 15px rgba(0,0,0,.06);flex-basis:42%}
#news-list .list .inner-container .date{position:absolute;top:0;left:0;width:80px;height:auto;background-color:#456aa4;z-index:2;padding:18px 19px 10px 19px}
#news-list .list .inner-container .date:before{position:absolute;content:'';left:0;bottom:-13px;border-top:15px solid #456aa4;border-right:80px solid transparent;z-index:-1}
#news-list .list .inner-container .date h3{font-size:36px!important;font-weight:300;margin-top:10px!important;margin-bottom:4px}
#news-list .list .inner-container .date h3 span{position:relative;color:#fff}
#news-list .list .inner-container .date h3 span:before{position:absolute;content:"";width:100%;height:1px;background-color:#fff3db;left:0;bottom:3px}
#news-list .list .inner-container .date h5{margin:0;padding:0;color:#fff;letter-spacing:0;font-size:14px;line-height:14px;font-weight:400;text-transform:uppercase}
#news-list .list .inner-container .date h5:first-child{padding:10px 0 0 0}
#news-list .list .inner-container .image img{width:100%;height:250px;object-fit:cover;filter:grayscale(1);transition:1s linear}
#news-list .list .inner-container:hover .image img{filter:unset;transition:1s linear}
#news-list .list .inner-container .desc{width:100%;height:auto;padding:0 20px 30px 30px}
#news-list .list .inner-container .desc .title h3{font-size:21px;line-height:1;font-weight:400;color:#14141c;margin-bottom:10px;text-transform:capitalize}
#news-list .list .inner-container .desc .title h3 a{text-decoration:none;color:#181a2f;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .title h3 a:hover{color:#274185}
#news-list .list .inner-container .desc .info{width:100%;margin-bottom:24px;border-bottom:1px solid #ccc;padding-bottom:4px}
#news-list .list .inner-container .desc .info span{position:relative;color:#000;font-size:12px;padding-right:22px;font-style:italic;font-weight:400}
#news-list .list .inner-container .desc .info span:last-child{position:unset}
#news-list .list .inner-container .desc .info a{text-decoration:none;color:#666;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .info a:hover{color:#274185}
#news-list .list .inner-container .desc .explanation{margin-bottom:17px}
#news-list .list .inner-container .desc .explanation p{font-size:15px;color:#3b3b3b;line-height:1.6}
#news-list .list .inner-container .desc .readmore{width:100%}
#news-list .list .inner-container .desc .readmore a{text-decoration:none;background-color:#505050;color:#fff;line-height:1.6;font-weight:600;padding:10px 20px;border-radius:3px;display:inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#news-list .list .inner-container .desc .readmore a:hover{opacity:.7}

#videoList .containerfg .list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
#videoList a{display:flex;flex:1 0 47%;width:100%;height:300px;margin:10px;position:relative;transition:all .4s}
#videoList a img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
#videoList a p{position:absolute;bottom:0;left:0;width:100%;background:#3b3b3b7a;color:#fff;padding:11px;margin:0}
#videoList a:hover{opacity:.7}
#videoList a:hover img{filter:unset}
.form{flex:1 0 45%}
.page-contact .boxes{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:50%;padding:0 50px 0 0}
.page-contact .boxe{display:flex;flex-direction:column}
.page-contact .boxe h1{margin:0;padding:17px 0;font-size:16px;color:#519fd7;border-bottom:1px solid #ddd}
.page-contact .box{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid #d1287917;padding:15px 0}
.page-contact .box .icon{text-align:center;height:100%;min-width:70px;display:flex;align-items:center}
.page-contact .box .icon i{font-size:29px;color:#002a57}
.page-contact .box .tel{font-size:18px!important}
.page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height:100%;width:100%}
.page-contact .box:first-child .ctitle{justify-content:center}
.page-contact .box .ctitle a{font-weight:400;letter-spacing:1px;color:#8c8c8c}
.page-contact .box .ctitle p{color:#8c8c8c;margin:0;font-size:14px!important;line-height:1!important;text-align:start!important}
.page-contact .contact-top{display:flex;flex:1;margin:20px 0}
.cookie-banner{position:fixed;bottom:50px;left:10%;right:10%;width:80%;padding:5px 14px;display:flex;align-items:center;justify-content:space-between;background-color:#1b2650;color:#fff;border-radius:5px;box-shadow:0 0 2px 1px rgba(0,0,0,.2);z-index:99999;flex-direction:column}
.cookie-banner p{margin:0;padding:10px}
.cookie-banner a:hover{text-decoration:underline}
.cookie-close{background-color:#bc4f19;border:none;color:#fff;border-radius:2px;cursor:pointer;padding:10px;font-size:14px}
ul.pagination{display:flex;flex-direction:row;width:100%;list-style:none;margin:0;flex-wrap:wrap;padding:10px 0;margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
ul.pagination li:first-child{border-left:unset}
ul.pagination li{display:flex;align-items:center;justify-content:center;list-style:unset;width:100%;flex:1;border-left:1px solid #ddd}
ul.pagination li a{width:100%;display:flex;align-items:center;justify-content:center}
li.active{color:#d75322}
#pageNavigation{background:#b8b8b8;padding:30px 0}
#pageNavigation .containerfg a{font-size:20px;color:#fff;font-weight:400}
#pageNavigation .containerfg a:last-child{font-weight:500}
#pageNavigationImg{width:100%;height:375px;position:relative;margin-top:0}
#pageNavigationImg .containerfg{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}
#pageNavigationImg::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(19deg,rgb(0 0 0 / 55%) 0,transparent);z-index:2}
#pageNavigationImg::after{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;background:linear-gradient(0deg,rgb(0 0 0 / 53%) 0,transparent);z-index:2}
#pageNavigationImg img{width:100%;height:100%;object-fit:cover}
#pageNavigationImg .containerfg .text{position:absolute;bottom:20px;left:0;z-index:999999;color:#d9d9d9;font-style:italic}
#pageNavigationImg .containerfg .text h1{margin:0;font-weight:300;line-height:1.1;font-size:45px}
#pageNavigationImg .containerfg .text a{font-size:21px;color:#fff}
#pageNavigationImg .containerfg .text a:last-child{color:#002a57}
#pageNavigationImg .containerfg .text p{margin:0;font-weight:700}
#pageNavigationImg .containerfg .image{position:absolute;bottom:40px;right:-25px;z-index:999999;width:200px;height:175px}
#pageNavigationImg .containerfg .image img{object-fit:contain}
.fglangdropdown{position:relative;display: flex;align-items: center;}
.fglangdropdown img{width: 32px;}
.fglangbutton{font-family:inherit;font-size:18px;line-height:1.5;cursor:pointer;display:inline-flex;padding:5px 0 5px 10px;border:1px solid transparent;font-weight:700;text-align:right;white-space:nowrap;vertical-align:middle;user-select:none;background-color:transparent;border-radius:.25rem;transition:all .2s ease-in-out;color:#fff;touch-action:manipulation;align-items: center;justify-content: center;}
.fglangbutton:hover,.fglangbutton:focus{text-decoration:none;color:#fff;background-color:rgba(0,0,0,0.05);border-color:transparent}
.fglangdropdown-toggle{position:relative}
.fglangdropdown-menu{display:none;position:absolute;top:70px;right:0;background-color:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.3);min-width:140px;z-index:9999}
.fglangdropdown-menu a{display:flex;width:100%;align-items:center;justify-content:flex-start;color:#000}
.fglangdropdown-menu img{margin-right:5px}
.fgsingle-product .fgproduct-content .fgproduct-details .table{width: 100%!important;}
.fglangdropdown-menu > *{padding:.5rem 1rem;display:block;font-size:16px;color:#333;text-decoration:none}
.fglangdropdown-menu > :hover,.fglangdropdown-menu > :focus{background-color:rgba(0,0,0,0.05)}
.fglangdropdown-on > .fglangdropdown-menu{display:block}
.triangle-down1{position:relative;top:-2px;content:"";display:inline-block;width:10px;height:10px;border-right:.2em solid #fff;border-top:.2em solid #fff;transform:rotate(135deg);margin-left:5px}
.contact__input.hfg40{height: 40px;}
.menuIcon i {color:#fff;font-size:26px;}
@media (max-width:992px) {
.fglangdropdown-menu{right:0;left:auto}
}

@media screen and (min-width: 1900px)
{	
	.containerfg{max-width: 1400px;}
}
@media screen and (min-width: 1450px)
{	
	.containerfg{max-width: 1400px;}


}
@media screen and (max-width: 1400px)
{
	.containerfg{padding: 0 20px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 15px;}
	.overlay-active{top: 100px;}
	.mobile-menu.sticky.overlay-active{top: 79px;}
	#tamMenu .containerfg{max-width: 97%;}
	#header{height: 100px;}
	#header.sticky{height: 80px;}
	#header .containerfg{max-width: 1200px;padding: 0 20px;}
	#header .containerfg .headerMenu ul li a{font-size: 14px;padding: 0 10px;}
	#header .containerfg .headerLeft img{max-width: 200px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 99px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 79px!important;}
	#slider .mainSliderText{right: 4%;}
	#slider .mainSliderText h1{font-size: 35px;}
	#slider .sliderBottom .containerfg .sliderTopSocial .single img{width: 25px;height: 25px;}
	#slider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 14px;}
	#slider .swiper-pagination{left: 4%;}
	#slider .swiper-pagination-bullet{left: 20px;}
	#slider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#homeCorp{height: 400px;min-height:auto}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 32px;}
	#homeCorp .containerfg .text p {padding: 34px 50px;font-size: 17px;}
	#homeCorp .containerfg .text .button a{font-size: 15px;}
	#homeCorp .containerfg .line{height: 115px;bottom: -85px;}
	#homeProject .containerfg .title{padding: 35px 0 0 263px;}
	#homeProject .containerfg .title h1{font-size: 25px; }
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle h1{font-size: 17px;}
	#homeProject .content .swiper-container .swiper-slide .single .newProject{font-size: 14px;padding: 15px;}
	#homeProject .content {height: 375px;padding: 30px;opacity: .9;}
	#homeNews{height: 575px;}
	#homeNews .textNews{padding: 50px 125px 50px 50px}
	#homeNews .textNews h3{font-size: 25px;left: 206px;}
	#homeNews .swiperButton{left: unset;right: 0;}
	#homeNews .textNews h1{font-size: 25px;}
	#homeNews .textNews p{font-size: 15px;padding: 45px 0;}
	#homeContact{height: 350px;}
	#homeContact .textContact .top h1{font-size: 30px;}
	#homeContact .textContact .top p{font-size: 15px;}
	#homeContact .textContact .social a{width: 35px;height: 35px;font-size: 14px;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 18px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 15px;}
	#footer .containerfg .fContent .fContact p{font-size: 15px;}

	#pageNavigationImg{height: 300px;}
	#pageNavigationImg .containerfg .text{left: 10px;}
	#pageDetailContent .containerfg{grid-template-columns: 23%  70%;}
	#pageDetailContent .containerfg .pageRight .content{padding: 0 20px;}
	#pageDetailContent .containerfg .pageRight .content p{width: 95%;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single{flex:1 0 40%}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single img{height: 150px;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single h1{font-size: 15px;text-align: center;}

	#pageNavigation{padding: 25px 0;}
	#pageNavigation .containerfg a{font-size: 17px;}

	#pageDetailContent .containerfg .pageRight .content .ourTeams .single{flex:1 0 40%}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single img{height: 150px;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single h1{font-size: 15px;text-align: center;}
	.productsDetail .containerfg{grid-template-columns: 27% 66%;padding: 20px;}
	.pdTitle h1{font-size: 32px;}
	.productsDetail .containerfg .detaiilP .single{padding: 20px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 50px;height: 50px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 27px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 18px;}

	#pageDetailContent .containerfg .pageRight .uygulamaTitleList{align-items: center;}
	#pageDetailContent .containerfg .pageRight .uygulamaTitleList a{margin-left: 10px;font-size: 15px;}

	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 175px;}
	#pageDetailContent .containerfg .pageRight #productSlider{height: 40vh;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-pagination-bullet{width: 15px;}
	#pageDetailContent .containerfg .pageRight .pDetailInfo a{font-size: 14px;}
	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 15px;padding: 13px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 25px 0;}

	#pageDetailContent .containerfg .pageRight .pageCatalogues .single{height: 325px;}
	#pageDetailContent .containerfg .pageRight .pageCatalogues .single h1{font-size: 15px;}

	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 220px;padding: 8px;}
	#pageNavigationImg .containerfg .text a{font-size: 19px;}

}
@media screen and (max-width: 1200px) 
{
	.containerfg{padding: 0 20px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 15px;}

	.overlay-active{top: 83px;}
	.mobile-menu.sticky.overlay-active{top: 75px;}
	#header{height: 100px;}
	#header.sticky{height: 90px;}
	#header .containerfg{max-width: 1200px;padding: 0 20px;}
	#header .containerfg .headerMenu ul li a{font-size: 12px;padding: 0 10px;}
	#header .containerfg .headerLeft img{max-width: 170px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 85px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 73px!important;}
	#slider .mainSliderText{right: 4%;}
	#slider .mainSliderText h1{font-size: 30px;}
	#slider .sliderBottom .containerfg .sliderTopSocial .single img{width: 23px;height: 23px;}
	#slider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 14px;}
	#slider .swiper-pagination{left: 4%;}
	#slider .swiper-pagination-bullet{left: 20px;}
	#slider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#homeCorp{height: 375px;min-height:auto;padding: 30px 0;}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 30px;}
	#homeCorp .containerfg .text p {padding: 20px 30px;font-size: 15px;}
	#homeCorp .containerfg .text .button a{font-size: 14px;}
	#homeCorp .containerfg .line{height: 110px;bottom: -51px;}
	#homeProject .containerfg .title{padding: 20px 0 0 290px;}
	#homeProject .containerfg .title h1{font-size: 22px;padding: 15px;}
	#homeProject .content {height: 334px;padding: 25px;opacity: .9;}
	#homeProject .bottom .right .button a{font-size: 14px;}
	#homeNews{height: 515px;}
	#homeNews .textNews{padding: 50px 125px 50px 50px}
	#homeNews .textNews h3{font-size: 22px;left: 134px;padding: 15px;}
	#homeNews .swiperButton{left: unset;right: 0;}
	#homeNews .textNews h1{font-size: 22px;}
	#homeNews .textNews p{font-size: 14px;padding: 39px 0;}
	#homeNews .textNews .button a{font-size: 14px;}
	#homeNews .swiper-pagination{top: unset;left: 10px;bottom: 18px;}
	#homeContact{height: 325px;}
	#homeContact .textContact .top h1{font-size: 26px;}
	#homeContact .textContact .top p{font-size: 14px;}
	#homeContact .textContact .social a{width: 30px;height: 30px;font-size: 12px;}
	#footer .containerfg .fContent{padding: 50px 0;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 16px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 14px;}
	#footer .containerfg .fContent .fContact p{font-size: 14px;}
    #tamMenu .containerfg .content .mobilMidMenu .content .single {
        flex: 1 0 45%;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single img {
        height: 88px;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single h1 {
        padding: 10px;
        font-size: 14px;
    }

	#pageDetailContent .containerfg .pageRight .pageCatalogues .single{height: 300px;}
	#pageDetailContent .containerfg .pageRight .pageCatalogues .single h1{font-size: 14px;}


	#pageDetailContent .containerfg .pageRight .referanceList .single img{height: 140px;}
	#pageDetailContent .containerfg .pageRight .referanceList .single h1{font-size: 15px;}

	.pdTitle h1{font-size: 30px;}
	.productsDetail .containerfg .detaiilP .single{padding: 18px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 45px;height: 45px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 25px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 16px;}
 
	#productsList .list li .katImage{height: 250px;/* padding: 10px; */}
	#productsList .list li .katTitle h2{font-size: 14px;}
	#productsList .list li .katTitle p{font-size: 11px!important;}

	#pageDetailContent .containerfg .pageRight .uygulamaTitleList{align-items: center;}
	#pageDetailContent .containerfg .pageRight .uygulamaTitleList a{margin-left: 10px;font-size: 14px;}

	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 150px;}

	#pageDetailContent .containerfg .pageRight #productSlider{height: 37vh;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-pagination-bullet{width: 10px;}

	#pageDetailContent .containerfg .pageRight .pDetailInfo a{font-size: 12px;}

	

	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 14px;padding: 10px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 25px 0;}

	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 200px;padding: 5px;}
	#pageNavigationImg .containerfg .text a{font-size: 18px;}

}
@media screen and (max-width: 1024px) 
{
    #blogs {
        padding: 50px 0;
    }
	#tamMenu .flags img{height: 64px;}
    #blogs .tp-section-title{font-size:40px;}
	#tamMenu .containerfg{grid-template-rows: 80px 1fr 70px;}
    #tamMenu .containerfg .content ul li{padding: 6px 0}
	#tamMenu .containerfg .content ul li a{font-size: 15px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 17px;}
	#tamMenu .containerfg .content .info > div::before{top: 30px;}
	#tamMenu .containerfg .content .info i{font-size: 22px;margin-bottom: 5px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 17px;}
	#tamMenu .footerNav-social span{font-size: 12px;}
	.containerfg{padding: 0 15px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 15px;}
	.overlay-active{top: 83px;}
	.mobile-menu.sticky.overlay-active{top: 75px;}
    #tamMenu .containerfg .content .mobilMidMenu {
        margin-left: 30px;
        padding-left: 30px;
    }

    #tamMenu .containerfg .footerNav {
        /* flex-direction: column; */
    }

    #tamMenu .containerfg .content .mobilMidMenu .content {
        padding-top: 15px;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single {
        flex: 1 0 45%;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single img {
        height: 88px;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single h1 {
        padding: 9px;
        font-size: 12px;
        font-weight: 400;
    }
	#header{height: 100px;}
	#header.sticky{height: 90px;}
	#header .containerfg{max-width: 1200px;padding: 0 20px;}
	#header .containerfg .headerMenu{padding: 0 25px;}
	#header .containerfg .headerMenu ul li a{font-size: 11px;padding: 0 8px;}
	#header .containerfg .headerLeft img{max-width: 160px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 71px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 59px!important;}
	#slider .mainSliderText{right: 4%;}
	#slider .mainSliderText h1{font-size: 26px;}
	#slider .sliderBottom .containerfg .sliderTopSocial .single img{width: 23px;height: 23px;}
	#slider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 14px;}
	#slider .swiper-pagination{left: 4%;}
	#slider .swiper-pagination-bullet{left: 20px;}
	#slider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#homeCorp{height: 325px;min-height:auto;padding: 30px 0;}
	#homeCorp .containerfg .text{width: 40%;}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 26px;}
	#homeCorp .containerfg .text p {padding: 17px;font-size: 14px;}
	#homeCorp .containerfg .text .button a{font-size: 14px;}
	#homeCorp .containerfg .line{height: 89px;bottom: -51px;}
	#homeProject .containerfg .title{padding: 20px 0 0 303px;}
	#homeProject .containerfg .title h1{font-size: 18px;padding: 15px;}
	#homeProject .content {height: 294px;padding: 25px;opacity: .9;}
	#homeProject .bottom .right .button a{font-size: 14px;}
	#homeNews{height: 436px;}
	#homeNews .textNews{padding: 50px 67px 20px 28px;}
	#homeNews .textNews h3{font-size: 18px;left: 43px;padding: 15px;}
	#homeNews .swiperButton{left: unset;right: 0;}
	#homeNews .textNews h1{width: 100%;font-size: 19px;}
	#homeNews .textNews p{font-size: 14px;padding: 32px 0;}
	#homeNews .textNews .button a{font-size: 14px;}
	#homeContact{height: 282px;}
	#homeContact .textContact .top h1{font-size: 22px;}
	#homeContact .textContact .top p{font-size: 12px;}
	#homeContact .textContact .social a{width: 30px;height: 30px;font-size: 12px;}
	#footer .containerfg .fContent{padding: 40px 0;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 14px;margin-bottom: 8px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 12px;margin-bottom: 2px;padding-bottom: 2px;}
	#footer .containerfg .fContent .fContact p{font-size: 12px;}

	/*Haber List*/
	#news-list .list .inner-container{flex-basis: 45%;}

	#pageDetailContent .containerfg .pageRight .pageCatalogues .single{height: 240px;padding: 8px;flex: 1 0 45%;}
	#pageDetailContent .containerfg .pageRight .pageCatalogues .single h1{font-size: 14px;padding: 10px;}

	#pageDetailContent .containerfg .pageLeft .detailMenu li a{padding: 9px 0;font-size: 14px;}
	#pageDetailContent .containerfg .pageLeft .detailMenu li:hover a{padding: 9px 0;}

	#pageNavigation{padding: 20px 0;}
	#pageNavigation .containerfg a{font-size: 15px;}

	#pageDetailContent .containerfg .pageRight .newsContent .image{width: 100%;height: auto;margin-bottom: 20px;max-height: 480px;}
	#pageDetailContent .containerfg .pageRight .referanceList .single img{height: 120px;}

	.pdTitle h1{font-size: 26px;}
	.productsDetail .containerfg{grid-template-columns: 33% 63%;padding: 15px;grid-gap: 15px;}
	.productsDetail .containerfg .detaiilP .single{padding: 15px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 35px;height: 35px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 23px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 14px;}

	#productsList .list li{flex-basis: 45%;}
	#productsList .list li .katImage{height: 210px;}
	#productsList .list li .katTitle{padding: 10px 8px;min-height: 65px;}

	#pageDetailContent .containerfg .pageRight .uygulamaTitleList{align-items: center;}
	#pageDetailContent .containerfg .pageRight .uygulamaTitleList a{margin-left: 8px;font-size: 14px;}

	#pageDetailContent .containerfg .pageRight .pageListK .singleT{padding: 10px;flex: 1 0 40%;margin-left: 10px;min-height: 65px;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT h1{font-size: 15px;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT img{height: 26px;}

	#pageDetailContent .containerfg .pageRight .content .singleU{margin-right: 14px;flex: 0 0 45%;}
	#pageDetailContent .containerfg .pageRight .content .singleU h1{font-size: 12px;padding: 13px;}
	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 150px;}

	#pageDetailContent .containerfg .pageRight #productSlider .swiper-pagination-bullet{width: 8px;height: 2px;}
	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 12px;padding: 8px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 20px 0;}

	#pageNavigationImg .containerfg .text a{font-size: 16px;}
	#pageDetailContent .containerfg{grid-template-columns:100%}
	#pageDetailContent .containerfg .pageLeft .detailMenu{display: none;}
	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 190px;padding: 5px;}


}
@media screen and (max-width: 768px) 
{
	.containerfg{padding: 0 15px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 14px;}
	.overlay-active{top: 83px;}
	.mobile-menu.sticky.overlay-active{top: 75px;}
	#tamMenu .containerfg{grid-template-rows: 80px 1fr 70px;}
	#tamMenu .containerfg .content ul li a{font-size: 15px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 17px;}
	#tamMenu .containerfg .content .info > div::before{top: 30px;}
	#tamMenu .containerfg .content .info i{font-size: 22px;margin-bottom: 5px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 17px;}
	#tamMenu .footerNav-social span{font-size: 12px;}
	#header{height: 100px;}
	#header.sticky{height: 90px;}
	#header .containerfg{max-width: 1200px;padding: 0 20px;}
	#header .containerfg .headerMenu{padding: 0 25px;}
	#header .containerfg .headerMenu ul li a{font-size: 12px;padding: 0 5px;}
    #blogs .tp-section-title{font-size:34px;}
	#header .containerfg .headerLeft img{max-width: 160px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 71px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header .containerfg .menuIcon{width: 25px;}
    #tamMenu .containerfg .content .mobilMidMenu .content .single {
        flex: 1 0 28%;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single img {
        height: 88px;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single h1 {
        padding: 8px;
        font-size: 11px;
    }

	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 59px!important;}
	#slider{height: 62vh;}
	#slider .mainSliderText{right: 4%;bottom: 79px;}
	#slider .mainSliderText h1{font-size: 22px;}
	#slider .sliderBottom .containerfg .sliderTopSocial .single img{width: 20px;height: 20px;}
	#slider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 11px;}
	#slider .swiper-pagination{left: 4%;}
	#slider .swiper-pagination-bullet{left: 20px;width: 10px;height: 10px;margin: 3px 0 0 0;}
	#slider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#homeCorp{height: 300px;min-height:auto;padding: 30px 0;}
	#homeCorp .containerfg .text{width: 50%;}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 24px;}
	#homeCorp .containerfg .text p {padding: 17px;font-size: 14px;}
	#homeCorp .containerfg .text .button a{font-size: 14px;}
	#homeCorp .containerfg .line{height: 85px;bottom: -47px;width: 85px;}
	#homeProject:after{bottom: 46px;}
	#homeProject .containerfg .title{padding: 17px 0 0 182px;}
	#homeProject .containerfg .title h1{font-size: 17px;padding: 12px;}
	#homeProject .content {height: 335px;padding: 15px;opacity: .9;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle{top: 9px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle h1{font-size: 16px;padding: 10px 0 5px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle p{font-size: 11px;}
	#homeProject .content .swiper-container .swiper-slide .single .newProject{font-size: 14px;padding: 13px;}

	#homeProject .bottom .right .button a{font-size: 12px;}
	#homeProject .bottom .left .bottomLine{height: 77px;}
	#homeNews{height: 375px;}
	#homeNews .textNews{width: 55%;padding: 50px 67px 20px 28px;}
	#homeNews .textNews h3{top: 30px;font-size: 17px;left: 29px;padding: 12px;}
	#homeNews .swiperButton{left: unset;right: 0;}
	#homeNews .textNews h1{width: 100%;font-size: 17px;}
	#homeNews .textNews p{font-size: 12px;padding: 25px 0;}
	#homeNews .textNews .button a{font-size: 12px;}
	#homeNews .swiper-pagination-bullet{width: 5px;height: 5px;}
	#homeNews .swiper-pagination-bullet::before{width: 5px;height: 5px;}
	#homeContact{height: 250px;}
	#homeContact .textContact .top h1{font-size: 19px;}
	#homeContact .textContact .top p{font-size: 12px;}
	#homeContact img{margin-left: 20px;width: 38%;}
	#homeContact .textContact .social a{width: 30px;height: 30px;font-size: 12px;}
	#footer .containerfg .fContent{padding: 40px 0;}
	#footer .containerfg .fContent .fMenu{flex-direction: column-reverse;}
	#footer .containerfg .fContent .fMenu .single{display: none;}
	#footer .containerfg .fContent .fMenu #accordionF{display: block;margin: 0;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 14px;margin-bottom: 8px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 12px;margin-bottom: 2px;padding-bottom: 2px;}
	#footer .containerfg .fContent .fContact{align-items: center;}
	#footer .containerfg .fContent .fContact p{font-size: 12px;text-align: center;}

   /*Page Title*/
	.pageTitle{padding: 15px;background: #3d3d3d;}
	.pageTitle h1{font-size: 17px;}
	.pageImage{height: 200px;}
	.pageImage .containerfg h1{font-size: 17px;}

	/*sayfa*/
	.pageContent{flex-direction: column;}
	.pageContent h2{font-size: 18px;}
	.pageContent p{font-size: 15px;}
	.pageContent img{width: 100%;height: 250px;object-fit: contain;}
	.docs a{height: 150px;}
	/*Urun List*/
	#productsList .containerfg .list li{flex-basis: 46%;}

	/*ekip List*/
	#teamList .list li{flex-basis: 46%;}

	/*Sayfa Info*/
	.pageInfo{height: auto;}
	.pageInfo .containerfg{flex-direction: column; padding: 13px;}
	.pageInfo .containerfg .nextPrev{margin-bottom: 8px;}
	.pageInfo .containerfg .productNavigation{display: block;text-align: center;}

	/*ekip detay*/
	#teamContent .containerfg{flex-direction: column;}
	#teamContent .containerfg .left{flex: 1 0 100%;width: 100%!important;}
	#teamContent .containerfg .right{flex: 1 0 100%;padding: 0;}

	/*Haber List*/
	#news-list .list .inner-container{flex-basis: 100%;}

	/*Haber Detay*/
	#pageDetailContent .containerfg .pageRight .newsContent .group1{height: 200px;}
	
	#newsList .single{padding: 0 5px;}

	/*Iletisim*/
	.page-contact .contact-top{flex-direction: column;}

	.kadromuz .single{height: 250px;}
	.kadromuz .single .image{height: 150px;}
	.kadromuz .single .title h1{font-size: 17px;}
	.kadromuz .single .title p{font-size: 12px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle{background-color: transparent;}
	#pageNavigationImg{height: 225px;}
	#pageNavigationImg .containerfg .text a{font-size: 17px;}
	#pageDetailContent .containerfg{grid-template-columns: 100%;padding:0 0 20px 0}
	
	#pageDetailContent .containerfg .pageLeft .filter{display: flex;}
	#pageDetailContent .containerfg .pageLeft .detailMenu{display: none;}
	#pageDetailContent .containerfg .pageLeft .pageDetailSlider{display: none;}
	#pageDetailContent .containerfg .pageLeft #filter .detailMenu{display: flex;border-left: unset;}
	#pageDetailContent .containerfg .pageLeft #filter .pageDetailSlider{display: flex;}
	#pageDetailContent .containerfg .pageRight .content{padding: 10px;}
	#pageDetailContent .containerfg .pageRight .content p{width: 100%;line-height: 1.5;}
	.productsDetail .containerfg .fImage .pContText p{width: 100%;line-height: 1.5;}
	#pageDetailContent .containerfg .pageRight .referanceList .single img{height: 90px;}
	#pageDetailContent .containerfg .pageRight .referanceList .single h1{font-size: 15px;}

	#homeBrands .containerfg .icons i{font-size: 23px!important;}

	.pdTitle h1{font-size: 26px;}
	.productsDetail .containerfg{grid-template-columns:33%  63% ;padding: 15px;grid-gap: 15px;}
	.productsDetail .containerfg .detaiilP .single{padding: 15px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 30px;height: 30px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 20px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 14px;}

	#pageDetailContent .containerfg .pageRight .uygulamaTitleList{align-items: center;flex-wrap: wrap;}
	#pageDetailContent .containerfg .pageRight .uygulamaTitleList a{margin-left: 7px;font-size: 14px;}

	#pageDetailContent .containerfg .pageRight .pageListK .singleT{padding: 10px;flex: 1 0 29%;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT h1{font-size: 14px;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT img{height: 27px;}

	#pageDetailContent .containerfg .pageRight .content .singleU{flex: 0 0 30%;}
	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 180px;}

	
	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 12px;padding: 8px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 20px 0;}

	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 170px;padding: 5px;}
}
@media screen and (max-width: 640px) 
{
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle {padding-top: 0;}
	#homeProject .content .swiper-container .swiper-slide .single .image img{padding-top: 30px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle p{display: none;}
    #tamMenu .containerfg .content .leftMenu{flex-direction: row;padding: 20px 0;}
	.containerfg{padding: 0 10px;}
	.mobile-menu .nav ul li{height: 34%;}
	.mobile-menu .nav li a{font-size: 14px;}
	.mobile-menu .nav li a:before{top: 15px;}
	.mobile-menu .nav li a:after{font-size: 11px;}
	.overlay-active{top: 64px;}
	.mobile-menu.sticky.overlay-active{top: 49px;}
	#tamMenu .containerfg{grid-template-rows: 80px 1fr 70px;}
	#tamMenu .containerfg .content{flex-direction: column;align-items: unset;}
	#tamMenu .containerfg .content ul{display: flex;flex-direction: column;justify-content: center;padding-left: 0;}
	#tamMenu .containerfg .content ul li a{font-size: 12px;}
	#tamMenu .containerfg .content .info{display: flex;flex-direction: column;text-align: right;padding-right: 0;justify-content: center;flex: unset;margin: 20px 0;}
	#tamMenu .containerfg .content .info::after{display: none;}
	#tamMenu .containerfg .content .info .phone{    display: flex;flex-direction: column;align-items: flex-start;}
	#tamMenu .containerfg .content .info .phone a{font-size: 12px;}
	#tamMenu .containerfg .content .info > div::before{top: 21px;right: unset;left: 0;}
	#tamMenu .containerfg .content .info i{font-size: 14px;margin-bottom: 5px;}
	#tamMenu .containerfg .content .info a{font-size: 12px;}
	#tamMenu .containerfg .content .info .mail{    display: flex;flex-direction: column;align-items: flex-start;}
	#tamMenu .footerNav-social span{font-size: 11px;}
	#header{height: 100px;}
	#header.sticky{height: 90px;}
	#header .containerfg{max-width: 1200px;padding: 0 20px;}
	#header .containerfg .headerMenu{padding: 0 25px;display: none;}
	#header .containerfg .headerMenu ul li a{font-size: 12px;padding: 0 5px;}
	#header .containerfg .headerLeft img{max-width: 160px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 71px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header .containerfg .menuIcon{width: 25px;}
	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 59px!important;}
    #tamMenu .containerfg .content .mobilMidMenu {
        margin-left: 0;
        padding-left: 0;
        border-left: unset;
        width: 100%;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content {
        flex-direction: unset;
    }

    #tamMenu .containerfg .content .mobilLeftMenu {
        width: 100%;
    }

    #tamMenu .containerfg .footerNav {
        margin-top: 12px;
        /* padding-top: 30px; */
    }

    #tamMenu .containerfg .footerNav .footerNav-social span {
        /* margin-top: 15px; */
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single {
        flex: 1 0 43%;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single img {
        height: 75px;
    }

    #tamMenu .containerfg .content .mobilMidMenu .content .single h1 {
        padding: 10px 8px;
        font-size: 11px;
    }
	#slider {display: none;}
	#mSlider{display: block;}
	#mSlider .swiper-button-next{background: unset;}
	#mSlider .swiper-button-prev{background: unset;}
	#mSlider .mainSliderText{padding: 0 25px;text-align: right;top: unset;bottom: 52px;}
	#mSlider .mainSliderText img{width: 40px;height: 40px;}
	#mSlider .mainSliderText a{padding: 9px;font-size: 14px;}
	#mSlider .sliderBottom .containerfg .sliderTopSocial .single img{width: 20px;height: 20px;}
	#mSlider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 11px;}
	#mSlider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#mSlider .swiper-container img{height: 500px;}
	#homeCorp{height: 300px;min-height:auto;padding: 30px 0;}
	#homeCorp .containerfg .text{width: 50%;}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 24px;}
	#homeCorp .containerfg .text p {padding: 17px;font-size: 14px;}
	#homeCorp .containerfg .text .button a{font-size: 14px;}
	#homeCorp .containerfg .line{height: 85px;bottom: -47px;width: 85px;}
	#homeProject .containerfg .title{padding: 17px 0 0 182px;}
	#homeProject .containerfg .title h1{font-size: 17px;padding: 12px;}
	#homeProject .content {height: 345px;padding: 15px;opacity: .9;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle{top: 9px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle h1{font-size: 16px;padding: 0px 0 5px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle p{font-size: 11px;}
	#homeProject .content .swiper-container .swiper-slide .single .newProject{font-size: 12px;padding: 9px;}

	#homeProject .bottom .right .button a{font-size: 12px;}
	#homeProject .bottom .left .bottomLine{height: 77px;}
	#homeNews{height: 375px;}
	#homeNews .textNews{width: 55%;padding: 50px 67px 20px 28px;}
	#homeNews .textNews h3{top: 30px;font-size: 17px;left: 29px;padding: 12px;}
	#homeNews .swiperButton{left: unset;right: 0;}
	#homeNews .textNews h1{width: 100%;font-size: 17px;}
	#homeNews .textNews p{font-size: 12px;padding: 25px 0;}
	#homeNews .textNews .button a{font-size: 12px;}
	#homeNews .swiper-pagination-bullet{width: 5px;height: 5px;}
	#homeNews .swiper-pagination-bullet::before{width: 5px;height: 5px;}
	#homeContact{height: 250px;}
	#homeContact .textContact .top h1{font-size: 19px;}
	#homeContact .textContact .top p{font-size: 12px;}
	#homeContact img{margin-left: 20px;width: 38%;}
	#homeContact .textContact .social a{width: 30px;height: 30px;font-size: 12px;}
	#footer .containerfg .fContent{padding: 40px 0;}
	#footer .containerfg .fContent .fMenu{flex-direction: column-reverse;}
	#footer .containerfg .fContent .fMenu .single{display: none;}
	#footer .containerfg .fContent .fMenu #accordionF{display: block;margin: 0;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 14px;margin-bottom: 8px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 12px;margin-bottom: 2px;padding-bottom: 2px;}
	#footer .containerfg .fContent .fContact{align-items: center;}
	#footer .containerfg .fContent .fContact p{font-size: 12px;}

	.pdTitle h1{font-size: 26px;}
	.productsDetail .containerfg{display: flex;flex-direction: column-reverse; grid-template-columns:unset ;padding: 15px;grid-gap: unset;}
	.productsDetail .containerfg .detaiilP{margin-top: 15px;}
	.productsDetail .containerfg .detaiilP .single{padding: 15px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 30px;height: 30px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 20px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 14px;}

	#pageDetailContent .containerfg .pageRight .uygulamaTitleList{align-items: center;flex-wrap: wrap;}
	#pageDetailContent .containerfg .pageRight .uygulamaTitleList a{margin-left: 5px;font-size: 12px;flex: 1 0 30%;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT{padding: 13px;flex: 1 0 40%;}
	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 140px;}

	#pageDetailContent .containerfg .pageRight .pInfos .single{flex: 1 0 100%; margin: 5px 0 0 0 ;padding: 10px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 10px 0;}
	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 9px;padding: 7px;}
	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 150px;padding: 5px;}

}
@media screen and (max-width: 480px)
{
	.mobile-menu .nav ul li{flex: 1 0 100%;height: 66px;}
	.mobile-menu .nav li a{font-size: 11px;}
	.mobile-menu .nav li a:before{top: 16px;}
	.mobile-menu .nav li a:after{font-size: 9px;}
	/* .mobile-menu.overlay-active .nav ul li{height: 20%;} */
	.mobile-menu{opacity: 0;top: -100%;}
	.overlay-active{top: 50px;opacity: 1;}
	.mobile-menu.sticky.overlay-active{top: 42px;}
	#tamMenu .containerfg{grid-template-rows: 80px 1fr 70px;}
	#tamMenu .containerfg .content ul li a{font-size: 13px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 17px;}
	#tamMenu .containerfg .content .info > div::before{top: 28px;}
	#tamMenu .containerfg .content .info i{font-size: 17px;margin-bottom: 11px;}
	#tamMenu .containerfg .content .info .phone a{font-size: 11px;}
	#tamMenu .footerNav-social span{font-size: 12px;}
	#header{height: 100px;}
	#header.sticky{height: 90px;}
	#header .containerfg{max-width: 1200px;padding: 0 10px;}
	#header .containerfg .headerMenu{padding: 0 25px;display: none;}
	#header .containerfg .headerMenu ul li a{font-size: 12px;padding: 0 5px;}
	#header .containerfg .headerLeft img{max-width: 150px;}
	#header .containerfg .headerMenu ul li:hover .altMenu{top: 71px;}
	#header .containerfg .menuIcon img{width: 20px;}
	#header .containerfg .menuIcon{width: 25px;}
	#header.sticky .containerfg .headerMenu ul li:hover .altMenu{top: 59px!important;}
	#slider {display: none;}
	#mSlider{display: block;}
	#mSlider .swiper-button-next{background: unset;}
	#mSlider .swiper-button-prev{background: unset;}
	#mSlider .mainSliderText{padding: 0 10px;text-align: right;top: unset;bottom: 60px;}
	#mSlider .mainSliderText img{width: 40px;height: 40px;}
	#mSlider .mainSliderText a{padding: 9px;font-size: 16px;}
	#mSlider .swiper-pagination {left: 10px;}
	#mSlider .sliderBottom .containerfg .sliderTopSocial .single img{width: 20px;height: 20px;}
	#mSlider .sliderBottom .containerfg .sliderBottomLeft p{font-size: 11px;}
	#mSlider .sliderBottom .containerfg{max-width: 1200px;padding: 0 20px;}
	#mSlider .mainSliderText h1{font-size: 22px;}
	#mSlider .sliderBottom{bottom: 10px;}
	#mSlider .sliderBottom .containerfg {padding: 0 10px;}
	#mSlider .sliderBottom .containerfg .sliderTopSocial .single{margin-left: 3px;}
	#mSlider .sliderBottom .containerfg .sliderTopSocial .single img{width: 17px;height: 17px;}
	#mSlider .sliderBottom .containerfg .sliderTopLeftLine{flex: 1 ;padding: 0 8px;}
	#homeCorp{height: 275px;min-height:auto;padding: 30px 0;}
	#homeCorp::before{content:'';position:absolute;bottom:0;right:0;left:0;height:100%;/* background: linear-gradient(92deg,rgb(255 255 255 / 58%) 0,transparent); */z-index:2;}
	#homeCorp .containerfg{z-index: 3;}
	#homeCorp .containerfg .text{width: 100%;}
	#homeCorp .containerfg .text h1{line-height: unset;font-size: 20px;}
	#homeCorp .containerfg .text p {padding: 10px 50px 10px 0;font-size: 12px;}
	#homeCorp .containerfg .text .button a{font-size: 12px;}
	#homeCorp .containerfg .line{height: 57px;bottom: -45px;width: 44px;left: 120px;}
	#homeCorp .image{width: 40%;}
	#homeCorp .containerfg .text .button{padding: 0 25px;}
	#homeProject .containerfg .title{padding: 15px 0 0 0px;margin-bottom: 50px;}
	#homeProject .containerfg .title h1{font-size: 14px;padding: 9px;}
	#homeProject .content {height: 300px;padding: 10px;opacity: .9;}
	#homeProject .bottom .left .swiper-pagination{display: none;}
	#homeProject .bottom{padding: 20px 0;}
	#homeProject .bottom .mid .buttonSwiper{margin-left: 15px;font-size: 14px;}
	#homeProject:after{bottom: 26px;}
	#homeProject .bottom .mid{padding: 0 15px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle{top: 9px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle h1{font-size: 16px;padding: 3px 0 4px;}
	#homeProject .content .swiper-container .swiper-slide .single .projeTitle p{font-size: 11px;}
	#homeProject .bottom .right .button a{font-size: 12px;padding: 9px;}
	#homeProject .bottom .left .bottomLine{height: 47px;}
	#homeNews{height: 425px;}
	#homeNews .textNews{width: 100%;height: 50%;padding: 9px;}
	#homeNews .textNews h3{top: 19px;font-size: 14px;right: 70px;padding: 12px;left: unset;}
	#homeNews .swiperButton{left: unset;right: 0;width: 30px;height: 64px;bottom: 0;}
	#homeNews .textNews h1{width: 100%;font-size: 14px;}
	#homeNews .textNews p{font-size: 12px;padding: 15px 0;}
	#homeNews .textNews .button a{font-size: 11px;}
	#homeNews .swiper-pagination-bullet{width: 5px;height: 5px;}
	#homeNews .swiper-pagination-bullet::before{width: 5px;height: 5px;}
	#homeNews .swiper-button-prev i{font-size: 14px;}
	#homeNews .swiper-button-next i{font-size: 14px;}
	#homeNews .swiper-container .swiper-slide::after{width: 100%;height: 50%;background: linear-gradient(1deg,rgb(0 0 0 / 58%) 0,transparent);}
	#homeNews .swiper-container img{width: 100%;height: 50%;}
	#homeNews .swiper-button-next{margin-top: -30px;}
	#homeContact{height: auto;display: flex;flex-direction: column-reverse;padding: 14px;position: relative;}
	#homeContact .textContact{width: 100%;padding: 0;position: unset;}
	#homeContact .textContact:before{background: linear-gradient(182deg,rgb(42 42 42) 0,transparent);left: 0;top: 0;width: 100%;z-index: -1;}
	#homeContact .textContact .top h1{font-size: 19px;}
	#homeContact .textContact .top p{font-size: 12px;padding: 15px 0;}
	#homeContact img{margin-left: 0;width: 95%;height: 200px;/* position: absolute; */}
	#homeContact .textContact .social{margin-top: 0%;}
	#homeContact .textContact .social a{width: 30px;height: 30px;font-size: 12px;}
	#footer .containerfg .fContent{padding: 20px 0;}
	#footer .containerfg .fContent .fContact .logo img{height: 25px;}
	#footer .containerfg .fContent .fMenu{flex-direction: column-reverse;}
	#footer .containerfg .fContent .fMenu .single{display: none;}
	#footer .containerfg .fContent .fMenu #accordionF{display: block;margin: 0;}
	#footer .containerfg .fContent .fMenu .single h1{font-size: 14px;margin-bottom: 8px;}
	#footer .containerfg .fContent .fMenu .single a{font-size: 12px;margin-bottom: 2px;padding-bottom: 2px;}
	#footer .containerfg .fContent .fContact{align-items: center;}
	#footer .containerfg .fContent .fContact p{font-size: 12px;}

    /*Page Title*/
	.pageTitle h1{font-size: 15px;}
	.pageImage{height: 120px;}
	.pageImage .containerfg h1{font-size: 15px;bottom: 10px;left: 11px;}

	/*sayfa*/
	.pageContent h2{font-size: 15px;}
	.pageContent p{font-size: 14px;}
	.docs a{flex:1 0 45%}

	 /*Urun List*/

	/*Urun List*/
	#teamList .list li{flex-basis: 100%;}
	
	/*Urun Detay*/
	 #productContent .right p{font-size: 14px;}
	 
	 /*Sayfa Info*/
	 .pageInfo .containerfg .nextPrev{flex-direction: column;}

	/*Haber List*/
	#news-list .list{padding: 0;}
	#news-list .list .inner-container .desc .title h3{font-size: 18px;}
	#news-list .list .inner-container .desc .info{margin-bottom: 5px;}
	#news-list .list .inner-container .desc .explanation p{font-size: 14px;margin: 0;}
	#news-list .list .inner-container .desc .explanation{margin-bottom: 10px;}
	#news-list .list .inner-container .desc .readmore a{padding: 10px;font-size: 14px;}
	 
	/*Haber Detay*/
	#newsList .single{padding: 0;flex:1 0 100%}
	#newsList .single .catSingle{padding: 15px;}

	.cookie-banner{padding: 0 14px 25px 14px;}

	.kadromuz .single{height: 190px;}
	.kadromuz .single .image{height: 105px;}
	.kadromuz .single .title h1{font-size: 12px;}
	.kadromuz .single .title p{font-size: 11px;}


	#accordion .single-accordion .accordion-header h1{font-size: 12px;}
	#accordion .single-accordion .accordion-text{padding: 8px;}
	#accordion .single-accordion .accordion-text p{font-size: 11px;}
	#SS-information .containerfg .information .image{height: 134px;}

	#SS-information .containerfg .information .desc h1{font-size: 12px;}

	#pageNavigationImg{height: 200px;}
	#pageNavigationImg .containerfg .text{bottom: 10px;}
	#pageNavigationImg .containerfg .text a{font-size: 12px;}
	#pageDetailContent .containerfg .pageLeft .filter{padding: 8px 0;font-size: 12px;margin-bottom: 2px;}
	#pageDetailContent .containerfg .pageRight .content p{font-size: 9px!important;padding: 0!important;}
	.productsDetail .containerfg .fImage .pContText strong{font-size: 12px!important;padding: 0!important;}

	.productsDetail .containerfg .fImage .pContText p{font-size: 9px!important;padding: 0!important;}
	.productsDetail .containerfg .fImage p{font-size: 9px!important;padding: 0!important;}


	#pageNavigation .containerfg a{font-size: 12px;}

	#pageDetailContent .containerfg .pageRight .content .ourTeams .single{flex:1 0 40%;margin: 7px;min-height: auto;height: 185px;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single img{height: 131px;padding: 5px;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single h1{font-size: 11px;text-align: center;padding: 5px 0 0;margin-bottom: 0;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single p{font-size: 9px;text-align: center;padding: 5px;margin-bottom: 0;}

	#pageDetailContent .containerfg .pageRight .referanceList .single h1{font-size: 14px;}

	#homeBrands .containerfg .icons i{font-size: 20px!important;}

	.pdTitle{padding-top: 20px;}
	.pdTitle h1{font-size: 20px;}
	.productsDetail .containerfg{display: flex;flex-direction: column-reverse; grid-template-columns:unset ;padding: 10px;grid-gap: unset;}
	.productsDetail .containerfg .detaiilP{margin-top: 10px;}
	.productsDetail .containerfg .detaiilP .single{padding: 10px;}
	.productsDetail .containerfg .detaiilP .single .image img{width: 30px;height: 30px;}
	.productsDetail .containerfg .detaiilP .text h1{font-size: 18px;}
	.productsDetail .containerfg .detaiilP .text p{font-size: 14px;}

	#productsList .list li{flex-basis: 44%;}
	#productsList .list li .katImage{height: 115px;}
	
	#pageDetailContent .containerfg .pageRight .pageListK .singleT{padding: 15px;flex: 1 0 40%;min-height: 50px;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT h1{font-size: 12px;padding: 0 5px;}
	#pageDetailContent .containerfg .pageRight .pageListK .singleT img{height: 26px;}

	#pageDetailContent .containerfg .pageRight .content .singleU{margin-right: 10px;flex: 0 0 45%;}
	#pageDetailContent .containerfg .pageRight .content .singleU h1 {font-size: 12px;padding: 15px 10px;min-height: 75px;}
	#pageDetailContent .containerfg .pageRight .content .singleU img{height: 150px;}

	#pageDetailContent .containerfg .pageRight #productSlider{height: 40vh;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-button-next, .swiper-button-prev{top: 57%;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-button-next i{font-size: 20px;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-button-prev i{font-size: 20px;}
	#pageDetailContent .containerfg .pageRight #productSlider .swiper-pagination-bullet{width: 5px;height: 2px;}

	#pageDetailContent .containerfg .pageRight .pInfos .single{flex: 1 0 100%; margin: 5px 0 0 0 ;padding: 10px;}
	#pageDetailContent .containerfg .pageRight .pInfos .single p{font-size: 14px;}
	#pageDetailContent .containerfg .pageRight .table{margin: 10px 0;}
	#pageDetailContent .containerfg .pageRight .table table td, th{font-size: 9px;padding: 7px;}
	#pageDetailContent .containerfg .pageRight .pDetailInfo{margin-top: 7px;}
	#pageDetailContent .containerfg .pageRight .pDetailInfo a{font-size: 11px;margin-right: 7px;}

	#pageDetailContent .containerfg .pageRight .pageCatalogues .single{height: 205px;}
	#pageDetailContent .containerfg .pageRight .pageCatalogues .single img{padding: 7px;}
	#pageDetailContent .containerfg .pageRight .pageCatalogues .single h1{font-size: 12px;padding: 8px;}

	#pageDetailContent .containerfg .pageRight .imageBoxDetails .single{height: 130px;padding: 5px;}

}
@media screen and (max-width: 350px){
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single{padding: 0;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single h1{font-size: 12px;text-align: center;padding: 0px 0 0;margin-bottom: 0;}
	#pageDetailContent .containerfg .pageRight .content .ourTeams .single p{font-size: 11px;text-align: center;padding: 3px;margin-bottom: 0;}
}