/*nw Developer: Hasan Tokbas instagram: @hasan.tokbas Doctype: HTML5 IDE: Sublime Text3, Photoshop, Google Fonts */ *, *:before, *:after {box-sizing: border-box;} body {font-family: 'Titillium Web', sans-serif; background: #fff;} .container{max-width: 1280px;width: 100%;display: block;margin: 0 auto;} a{text-decoration: none;} .center {margin:0 auto;height: 100%;width: 100%;max-width: 1366px;} .fp-enabled body {overflow:hidden!important;} #fp-nav ul li a span, .fp-slidesNav ul li a span{background: #939598!important;} #header {width: 100%;height: 100px;float: left;background: #fff;text-align: center;position: fixed;z-index: 999;display: block;/* border-bottom: 5px solid #ed1746; */box-shadow: -3px 1px 2px 2px rgb(0 0 0 / 8%);} #header.active { height: 70px; -webkit-transition: height .5s; transition: height .5s;} #header.active .logo {top: 20px; -webkit-transition: top .5s; transition: top .5s;} #header.active .logo img {height: 30px; -webkit-transition: height .5s; transition: height .5s;} #header.active .menu {display: none; -webkit-transition: height .5s; transition: height .5s;} #header.active .icons {top: 22px; -webkit-transition: top .5s; transition: top .5s;} #header .center {position: relative;} #header .logo {position: absolute;left: 0;top: 27px;} #header .navbar {padding: 0;display: flex;align-items: center;height: 100%;flex-wrap: wrap;} #header .navbar-brand {flex: 0 200px;} #header .navbar-toggler {margin: 30px 0 0 0;font-size: 24px;display: none;} #header .menu {/* margin: 35px auto 0 auto; */display: inline-block;text-align: center;padding-left: 35px;} #header .menu ul {float: left;margin: 0;padding: 0;list-style: none;width: 100%;display: flex;align-items: center;} #header .menu ul li {float: left;/* margin: 0 15px; */position: relative;display: flex;align-items: center;} #header .menu ul a:hover {text-decoration: underline;cursor: pointer;} #header .menu ul a {display: flex;color: #d64901;text-decoration: none;font-weight: 600!important;font-size: 16px;margin: 0 7px;align-items: center;font-weight: 700!important;} #header .menu ul a i {font-size: 12px;float: right;display: inline-block;line-height: 27px;padding-left: 5px;} #projects.mobile {display: none;} #slider .icon {display: none;} #header .menu .altMenu {position: absolute;left: 0;top: 20px;width: 210px;padding-top: 45px;transition: opacity .25s ease-in;opacity: 0;display: none;} #header .menu ul li:hover .altMenu { opacity: 1; display: block} #header .menu .altMenu li {width: 100%;float: left;padding: 0;margin: 0;} #header .menu .altMenu li:hover a {background: #efefef;text-decoration: none;color: #000000;} #header .menu .altMenu li a {width: 100%;line-height: 40px;background: #ffffff;text-align: left;padding-left: 20px;color: #404041;} #header .icons {/* height: 22px; *//* position: absolute; *//* right: 0; *//* top: 40px; */flex: 0 150px;display: flex;justify-content: flex-end;} #header .icons span {float: left;height: 22px;border-right: 1px solid #9f9fa0;padding: 0 10px;} #header .icons span:last-child {border:none;} #header .icons span a {display: block;width: 100%;height: 100%;margin-top: 5px;} #header .icons span a.post {width: 26px;height: 12px;background: url('../img/icons/post.png') 0 0;} #header .icons span a.social {width: 10px;height: 12px;background: url('../img/icons/social.png') 0 0;} #header .navbar .menuMobil{width: 70px;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;display: none;} div#navbarNavAltMarkup{flex:1} /*Mobil Menu*/ #mFull {height: 100%;width: 0;position: fixed;z-index: 999999;top: 0;left: 0;background-color: rgb(255, 255, 255);overflow-x: hidden;transition: 0.5s;} #mFull .container {width: 80%;height: 100%;padding: 0;display: grid;grid-template-rows: 10vh 1fr 189px;margin: 0 auto;} #mFull .container .header {display: flex;justify-content: space-between;align-items: center;padding: 11px 0;border-bottom: 1px solid rgb(33 29 112);} #mFull .container .header img {max-height: 65px;padding: 11px 0;} #mFull .container .content {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: flex-start;flex-direction: column;border-bottom: 1px solid rgb(213 73 1);padding-bottom: 5px;} #mFull .container .info {/* position:relative; */display: flex;flex-direction: row;text-align: center;align-items: center;justify-content: center;padding: 1px 0;} #mFull .container .info > div {margin-bottom: 20px;padding: 15px 12px;margin: 17px;} #mFull .container .info::after {content:'';position:absolute;right:0;left: 0;top: 0;height: 1px;background: #d2d2d2;} #mFull .container .info i {font-size: 32px;color: #000000;display: block;margin-bottom: 15px;} #mFull .container .info a {font-size: 17px;display: block;line-height: 0.5;padding: 15px 0 0 0;color: #000000;} #mFull .container .info .phone {position: relative;} #mFull .container .info .phone a {font-size: 17px;} #mFull .container .info > div::before {content: '';position: absolute;top: 57px;left: 50%;width: 25px;height: 2px;background: #bbbbbb;transform: translateX(-50%);} #mFull .container .info .mail { position: relative; } #mFull .closebtn {font-size: 38px;color: rgb(147 149 152);text-align: right;width: 100%;max-width: 100px;} #mFull .container .content ul{flex: 1;list-style-type:none;margin: 0;padding: 0;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;} #mFull .container .content ul li{position:relative;padding: 12px 0;text-align: left;} #mFull .container .content ul li.nopadding{padding: 0;} #mFull .container .content ul li::before{position:absolute;content:'';width: 45px;height: 2px;bottom:0;left: 0;background-color: #d54900;transition: .4s all;/* transform: translateX(-50%); */} #mFull .container .content ul li a{text-decoration:none;/* text-transform: uppercase; */font-family: 'Raleway', sans-serif;font-size: 14px;font-weight: 600;color: #000000;} #mFull .container .content ul li a:hover{color: #6f6f6f;} #mFull .container .content ul li:hover::before{width: 90px;} #mFull .footerNav{width:100%;display:flex;flex-direction:row;align-items:center;justify-content: flex-end;padding: 20px 0;/* border-top: 1px solid rgb(206 15 27); */} #mFull .footerNav-social{display:flex} #mFull .footerNav-social span{color: #0a0a0a;font-weight: 500;font-size: 10px;} #mFull .flags img{width: 42px;height: 22px;object-fit: cover;margin: 0 5px;opacity: 0.7;} #mFull .flags img:hover{opacity: 1; filter: brightness(150%);} #mFull .flags img.aktif {opacity: 1;filter: brightness(150%);} #mFull .footerNav-social a{margin-left:5px} #mFull .footerNav-social a:first-child{margin-left:0} #mFull .footerNav-social img{width: 62px;height: 16px;} #mFull .footerNav-inviva{display:flex} #mFull .footerNav-inviva img{width:62px;height:16px} #mFull .dropdownMenu {position: relative;display: none;} #mFull .dropdownMenu .levelTwo{padding: 10px 15px;border-top: 1px solid #f5f5f5;font-weight: 500;} #mFull .dropdownMenu .levelThree{padding: 10px 0px; border-top: 1px solid #f5f5f5} #mFull .dropdownMenu .levelFour{padding: 10px 0px; border-top: 1px solid #f5f5f5} #mFull .dropdownMenu i{float:right;font-size:12px;margin-right:0;line-height:15px!important} #mFull .container .content ul li ul a{padding: 12px 0px;text-align: left;font-size: 13px;} #mFull .container .content ul li ul {padding: 0px 15px;} #mFull .social{display:flex;flex-direction: column;height:auto;border-bottom: 1px solid rgb(214 74 0);padding: 15px 0;} #mFull .social h1{font-size: 15px;margin: 0;padding: 0;color: #d64902;} #mFull .social .single{display: flex;padding: 10px 10px 0px;color: #6c6c6c;align-items: center;text-decoration: unset;} #mFull .social .single i{/* color: #6c6c6c; */font-size: 15px;} #mFull .social .single p{/* color: #000; */font-size: 14px;padding: 0;margin: 0;margin-left: 5px;} #mFull .face{color:#395b9f;font-size: 40px;margin-right: 5px;} #mFull .twitter{color:#2ca7df;font-size: 40px;margin-right: 5px;} #mFull .insta{width: 35px;height: 35px;background: #527ea2;display: flex;align-items: center;justify-content: center;border-radius: 4px;} #mFull .insta i{font-size: 20px;color:#fff;} #main {width: 100%; height: auto; float: left;} #slider {width: 100%;float: left;position: relative;} #slider .swiper-container { width: 100%; height: 100%; float: left;} #slider .swiper-container .swiper-wrapper { width: 100%; height: 100%; float: left;} #slider .swiper-container .swiper-wrapper .swiper-slide { width: 100%; height: 100%; float: left; position: relative;} #slider .swiper-container .swiper-wrapper .swiper-slide:after {content: ''; position: absolute; left: 0; bottom: 0; right: 0; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);} #slider .swiper-container .swiper-wrapper .swiper-slide span {width: 100%;height: 100%;float: left;background-position: center center;background-size: cover;} #slider .swiper-container .swiper-wrapper .swiper-slide .center {position: relative;} #slider img{height: 255px;right: 0;bottom: 0;width: 330px;z-index: 999999;/* background: #f00d; */position: absolute;} #slider .swiper-container .swiper-wrapper .swiper-slide:first-child .caption {display: block;} #slider .swiper-container .swiper-wrapper .swiper-slide .caption {position: absolute;right: 0;top: 50%;display: none;z-index: 50;text-align: end;transform: translateY(-50%);} #slider .swiper-container .swiper-wrapper .swiper-slide .caption h1 {width: 450px;text-transform: uppercase;color: #fafafa;font-size: 50px;line-height: 1;font-weight: 200;margin: 0;font-family: 'Roboto', sans-serif; } #slider .swiper-container .swiper-wrapper .swiper-slide .caption h1 strong{font-weight: 700;} #slider .swiper-pagination{text-align:right;bottom: -56px;transform: translateX(-50%);left: 50%;background:none;z-index: 9999;display:flex;/* flex-direction:column; */align-items: center;} #slider .swiper-pagination-bullet{width: 5px;height: 3px;background: #b2b2b1;margin-left: 3px;border-radius: 0%;z-index: 99999;opacity: 1;} #slider .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid #000;background: #000!important;width: 24px!important;height: 3px!important;} #footer { width: 100%; float: left;} #footer .center {height: 100%; position: relative;} #footer .copyright {float: left;line-height: 100px;position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;} #footer .copyright:after {content: '';width: 40px;height: 5px;position: absolute;left: 0;top: 0;z-index: 99;background: #939598;} #footer .copyright p {margin: 0;padding: 0;color: #939598;font-size: 15px;} #footer .copyright a{margin: 0;padding: 0;color: #d64901;font-size: 15px;text-decoration: unset;font-size: 20px;} #footer .copyright a strong{} .section {width: 100%;float: left;/* overflow: auto; */} .section.about {background: #dddedf;} .section.sectors {background: #dddedf;} .section.news {background: #dddedf;} .section.contact {position: relative;} .section.contact .content:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: -70px;bottom: 0;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);} .news .caption {padding-top: 110px !important;} .about .caption {padding-top: 100px !important;} .section.about .content { margin-top: 50px;} .section.about .center {position: relative;display: flex;flex-wrap: wrap;} .section.news .content { margin-top: 50px;} .section.about .links {float:right;} .section.about .links a {margin: 0;padding: 0;line-height: 71px;font-size: 16px;font-weight: 400;display: block;float: left;color: #ffffff;padding: 0 0 0 15px;text-decoration: none;} .section.about .links a:hover {color: #fff;} .section.contact .links {float:right;} .section.contact .links a {margin: 0;padding: 0;line-height: 70px;font-size: 16px;font-weight: 600;display: block;float: left;color: #fff;padding: 0 0 0 15px;text-decoration: none;} .section.contact .links a:hover {color: #fff;} .section.sectors .caption {padding-top: 120px !important;} .section.contact .caption {padding-top: 110px !important;} .section.sectors .featured {margin-top: 70px;} .section.about .caption h2 {color: #ffffff !important;} .section.about .title h2 {color: #ffffff !important;} .section.sectors .caption h2 {color: #00463f !important;} .section.sectors .title h2 {color: #fafafa !important;} .section.news .caption h2 {color: #fff !important;} .section.news .title h2 {color: #fafafa !important;} .section.sectors .featured .title h2 {color: #fafafa !important;} .section.contact .featured .caption h2 {color: #ffffff !important;} .section.contact .featured .title h2 {color: #ffffff !important;} #main .featured {width: 100%;height: 350px;float: left;position: relative;/* margin-bottom: 70px; */margin-top: 70px;} #main .featured span {width: 100%;height: 100%;float: left;background-position: left center;background-size: cover;} #main .featured .caption {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 60px;} #main .featured .caption h2 {margin: 0;padding: 0;color: #e7e7e7!important;font-size: 55px;font-weight: 900;line-height: 1;} #main .featured .caption h3 {margin: 0;color: #e7e7e7;font-weight: 300;font-size: 30px;line-height: .9;} #main .featured .title {width: 100%;height: 70px;position: absolute;left: 0;bottom: 0;background: #d64901;} #main .featured .title h2 {margin: 0;padding: 0;line-height: 70px;font-size: 18px;font-weight: 400;display: inline-block;} #main .content {width: 100%;float: left;position: relative;z-index: 1;} #main .content .leftContainer {/* width: 385px; *//* float: left; */position: relative;flex: 1 0 30%;} #main .content .leftContainer:after {content: '';width: 1px;height: 100px;background: #dbd9d9;position: absolute;right: 0;top: 0;margin-right: 25px;} #main .content .leftContainer h2 {color: #1f1f1f;font-size: 25px;font-weight: 200;margin: 0;padding: 0;} #main .content .rightContainer {/* width: 950px; *//* float: right; */flex: 1 0 70%;padding-left: 25px;} #main .content .rightContainer p {margin: 0 0 15px 0;padding: 0;font-size: 17px;color: #1f1f1f;text-align: justify;} #main .content .rightContainer .links { float: left;} #main .content .rightContainer .links a {display: block; font-size: 15px; color: #877672; font-weight: 600; text-decoration: none;} .section.news .content .center{display: flex;flex-wrap:wrap ;} .section.news .content .leftContainer {/* width: 385px; *//* float: left; */position: relative;flex: 1 0 30%;} .section.news .content .leftContainer:after {content: '';width: 1px;height: 100px;background: #dbd9d9;position: absolute;right: 0;top: 0;} .section.news .content .leftContainer h2 {color: #1f1f1f;font-size: 25px;font-weight: 200;margin: 0;padding: 0;} .section.news .content .rightContainer {/* width: 950px; *//* float: right; */flex: 1 0 70%;padding-left: 0!important;margin-top: 29px;} .section.news .content .rightContainer p {margin: 0 0 35px 0;padding: 0;font-size: 17px;color: #1f1f1f;text-align: justify;} .section.news .content .rightContainer .links { float: left;} .section.news .content .rightContainer .links a {display: block; font-size: 15px; color: #877672; font-weight: 600; text-decoration: none;} #main .sectorList {width: 100%;float: left;margin: 0;padding: 0;list-style: none;} #main .sectorList li {width: 33%;float: left;padding: 0 25px;padding-bottom: 60px;} #main .sectorList li a {display: block;width: 100%;height: 100%;text-decoration: none;} #main .sectorList li:hover .img img {-webkit-filter: grayscale(0%);filter: grayscale(0%);} #main .sectorList li.middle {background: #f1ead2;border: 1px solid rgba(0, 0, 0, 0.03);border-top: 0;border-bottom: 0;} #main .sectorList li:nth-child(3n +1) {padding-left: 0 !important;} #main .sectorList li:nth-child(3n) {padding-right: 0 !important;} #main .sectorList li h1 {color: #000000;margin: 0;padding: 0;margin-top: 25px;margin-bottom: 15px;} #main .sectorList li p {color: #000000;font-size: 17px;margin-bottom: 20px;margin-top: 0;} #main .sectorList li .img {width: 100%;height: 300px;float: left;overflow: hidden;} #main .sectorList li .img img {width: 100%;height: 100%;-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: filter .3s;transition: filter .3s;object-fit: cover;} #main .projeList{width:100%;padding:30px 0;position:relative} #main .projeList .swiper-container{width:100%;height:auto} #main .projeList .swiper-container .swiper-slide{height:auto;margin:0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;display: flex;} #main .projeList .swiper-container .swiper-slide .single{margin-right:20px;height: 450px;display:flex;flex-direction:column;justify-content: space-between;text-decoration: unset;} #main .projeList .swiper-container .swiper-slide .single:last-child{margin-right:0;} #main .projeList .swiper-container .swiper-slide .single .image{height: 300px;width:100%;position:relative;padding: 0;margin: 0;} #main .projeList .swiper-container .swiper-slide .single .image .firstLetter{position:absolute;left:15px;bottom:15px} #main .projeList .swiper-container .swiper-slide .single .image .firstLetter h6{padding:0;margin:0;font-size:72px;color:#fff;text-shadow:0 0 11px #4f4f4f} #main .projeList .swiper-container .swiper-slide .single .image img{height:100%;width: 100%;object-fit:cover;} #main .projeList .swiper-container .swiper-slide .single h1{margin:0;padding: 0px 0;color: #bd4406;font-size: 29px;font-weight: 600;height: 75px;} #main .projeList .swiper-container .swiper-slide .single p{margin:0;padding: 3px 0 7px 0;color: #242424;font-size: 18px;font-weight: 500;} #main .projeList .swiper-container .swiper-slide .single .bar{width:100%;height:5px;background: #939598;position:relative;} #main .projeList .swiper-container .swiper-slide .single .bar::after{position:absolute;content:"";left:0;top:0;height:5px;width:20%;background: #d64901;} .s #main .sectorList li .img span {display: block;width: 100%;height: 100%; -webkit-background-size: cover;background-size: cover; background-position: center center; background-repeat: no-repeat; } .s #main .sectorList li h2 { color: #a07b22;margin: 0;padding: 0;margin-top: 15px;margin-bottom: 25px; text-align: center; } .s #main .content .leftContainer {width: 385px; float: left; padding: 50px 50px 50px 0;flex:unset} .s #main .content .leftContainer:after {content: '';width: 1px;height: 100px;background: #dbd9d9;position: absolute;right: 0;top: 50px;} .s #main .content .leftContainer .leftMenu li a i {position: absolute;right: 0;top: 20px;} .s #main .content .rightContainer {width: 950px; float: right; flex:unset;} .s #main .content .rightContainer .fotorama {padding: 50px 0 50px 50px;} .leftContainer .leftMenu {margin: 0;padding: 0;list-style: none;width: 350px;float: left;border-top: 1px solid #dbd9d9;} .leftContainer .leftMenu li {float: left;border-bottom: 1px solid #dbd9d9;width: 100%; position: relative;} .leftContainer .leftMenu li:hover i {color: #e8af24;} .leftContainer .leftMenu li a {text-decoration: none;padding: 20px 0;font-size: 19px;display: block;color: #3b3b3b;width: 100%;height: 100%;} .leftContainer .leftMenu li a span {padding-right: 90px;display: block;text-align: left;} .leftContainer .leftMenu li a i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .newsList {margin: 0 0 50px 0;padding: 0;list-style: none;float: left;} .newsList li {width: 100%;float: left;position: relative; margin-bottom: 50px;} .newsList li > a {width: 360px;float: left;} .newsList li .image {position: relative;width: 500px;height: 375px;float: left;} .newsList li .image span {position: absolute;left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; -webkit-background-size: cover;background-size: cover;background-position: left center;} .newsList li h2 {width: 410px;float: left;padding-left: 50px;color: #404041;margin: 0;line-height: 32px;font-size: 32px;margin-top: 20px;} .newsList li p {width: 410px;float: left;font-size: 19px !important;margin: 50px 0 0 0 !important; padding-left: 50px !important;} .newsList li a {display: block;position: absolute;left: 550px;bottom: 0;height: 50px;line-height: 50px;padding-left: 70px;color: #a9a8a8;text-decoration: none;} .newsList li a:after {content: '>';width: 50px;height: 50px;position: absolute;left: 0px;top: 0;/* background: url('../img/a.jpg') no-repeat; */background: #d64901;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 30px;padding-bottom: 6px;} .singleNew { position: relative; width: 100%; height: 400px; margin: 50px 0; } .singleNew span { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: left top; } .gallery {width: 730px; margin: 20px auto; } .galleryProduct {width: 900px; margin: 20px auto; } .galleryProduct .leftContainer h2 {color: #1f1f1f;font-size: 22px;font-weight: 200;margin: 0;padding: 0;} .leftContainer a.galleryProduct {display: block;color: #333;font-size: 18px;font-weight: 700;margin-top: 50px;text-decoration: none;} .leftContainer a.galleryProduct i {font-size: 16px; display: inline-block; margin-left: 10px;} .adressIframe {width: 100%;height: 100%;position: absolute;left: 0;top: 80px;right: 0;bottom: 0;z-index: -1;} #maps {width: 100%;height: 100%;position: relative;float: left;background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);margin-top: 0px;padding-top: 100px;} #maps .address {display: block;} #maps .address h2 {font-size: 35px;font-weight: 900;color: #404041;margin: 0;padding: 0;text-decoration: unset;} #maps .address p {margin: 0 0 10px 0;padding: 0;font-size: 17px;color: #404041;} #maps .address span {margin: 0;padding: 0;font-size: 17px;color: #404041;} .contact .fp-scroller { height: 100%;} .fp-tableCell { vertical-align: unset!important; } #fp-nav.fp-right{right: unset!important;left: 6px;} .mobilMaps { width: 100%; height: 300px; margin-top: 50px; display: none; float:left; } .mobilDesc { display: none; width: 100%; height: auto; text-align: center; } .mobilDesc h2 { font-size: 18px; font-weight: 500; margin-top: 20px; } .mobilDesc a.galleryProduct {display: block;color: #333;font-size: 18px;font-weight: 700;margin-top: 50px;text-decoration: none;} .mobilDesc a.galleryProduct i {font-size: 16px; display: inline-block; margin-left: 10px;} .gallery video { max-width: 100%; } p.ssdd::before { content: ''; display: block; width: 50px; height: 4px; background: #3c3b3c; margin: 12px 0; } p.ssdd { color: #3c3b3c; } /*pageTitle*/ .pageImage{width: 100%;height: 400px;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, 0.36);} .pageImage .container{ position: relative; } .pageImage .container h1{padding: 0;margin: 0;color: #ffffff;font-size: 20px;position: absolute;left: 0;bottom: 25px;z-index: 9999;} .pageTitle{width: 100%;padding: 30px 0;background: #d64901;display: flex;align-items: center;padding-top: 123px;} .pageTitle h1{padding: 0;margin: 0;color: #fff;font-size: 20px;} .pageInfo{width: 100%;height: 50px;background: #404040;} .pageInfo .container{display: flex;flex-direction: row;justify-content: space-between;height: 100%;} .pageInfo .container .nextPrev{display: flex;color: #fff;align-items: center;justify-content: center;height: 100%;} .pageInfo .container .nextPrev a{color:#fff;text-decoration: none;font-size: 15px;margin: 0 20px;} .pageInfo .container .nextPrev a:first-child{margin-left: 0;} .pageInfo .container .nextPrev a p{margin: 0;padding: 0;} .pageInfo .container .productNavigation{display: flex;color: #fff;align-items: center;justify-content: center;height: 100%} .pageInfo .container .productNavigation a{color:#fff;text-decoration: none;font-size: 13px;padding: 0 2px;} /*Sayfa*/ .pageContent{padding: 20px 0;} .pageContent h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */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 p{margin: 0;padding: 10px 0 0 0;color: #000d;line-height: 1.7;font-weight: 100;} /*Urun List*/ #productsList .container .list {width: 100%;margin: 0;padding: 20px 0;list-style: none;display: flex;flex-wrap: wrap;} #productsList .container .list li {flex-basis: 31%;width: 100%;height: 250px;margin: 0 15px 15px 0;position: relative;overflow: hidden;transition: all .4s;} #productsList .container .list li:hover .katImage{transform: scale(1.2);transition: all .4s;} #productsList .container .list li .katImage {width: 100%;height: 100%;transition: all .4s;} #productsList .container .list li .katImage img {width: 100%;height: 100%;object-fit: cover;display: block;} #productsList .container .list li .katTitle {width: 100%;position: absolute;bottom: 0;z-index: 100;background: rgb(147 149 152 / 60%);padding: 11px 0 15px 15px;transition: all .4s;} #productsList .container .list li:hover .katTitle{transition: all .8s;letter-spacing: 1px;padding: 15px 0 15px 20px;} #productsList .container .list li .katTitle h2 {font-size: 14px;margin: 0;padding: 0;color: #ffffff;} #productsList .container .list li .katTitle p {font-size: 14px;margin: 0;padding: 0;color: #ffffff;} #productsList .container .list li::after{width:100%;height:5px;background: #292929;position: absolute;content:"";bottom: 0;left: 0;right: 0;z-index: 998;} #productsList .container .list li::before{position:absolute;content:"";left:0;bottom: 0;height:5px;width:20%;background: hsl(20deg 99% 42%);z-index: 999;} /*Urun Detay*/ #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: rgb(255, 255, 255);z-index: 2;color: #ffffff;margin-top: 15px;} #productContent .right h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #productContent .right h2::after{position: absolute;content: "";left: 0;bottom: -6px;width: 50px;height: 5px;background: #274185;border-top-right-radius: 5px;} #productContent .right strong{margin: 0;padding: 10px 0;font-size: 17px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #productContent .right strong::after{position: absolute;content: "";left: 0;bottom: 3px;width: 50px;height: 3px;background: #274185;border-top-right-radius: 5px;} #productContent .right p{margin: 2px 0px;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, 0.34),rgba(236, 103, 7, 0.13))!important;} /*ekip List*/ #teamList .container .list {width: 100%;margin: 0;padding: 20px 0;list-style: none;display: flex;flex-wrap: wrap;} #teamList .container .list li {flex-basis: 31%;width: 100%;height: 250px;margin: 0 15px 15px 0;position: relative;overflow: hidden;transition: all .4s;border: 1px solid #e8e9ed;} #teamList .container .list li:hover .katImage{transform: scale(1.2);transition: all .4s;} #teamList .container .list li .katImage {width: 100%;height: 100%;transition: all .4s;} #teamList .container .list li .katImage img {width: 100%;height: 100%;object-fit: contain;display: block;} #teamList .container .list li .katTitle {width: 100%;position: absolute;bottom: 0;z-index: 100;background: #ffffff;padding: 11px 0 15px 15px;transition: all .4s;} #teamList .container .list li:hover .katTitle{transition: all .8s;letter-spacing: 1px;padding: 15px 0 15px 20px;} #teamList .container .list li .katTitle h2 {font-size: 14px;margin: 0;padding: 0;color: #49568c;} #teamList .container .list li::after{width:100%;height:5px;background: #e8e9ed;position: absolute;content:"";bottom: 0;left: 0;right: 0;z-index: 998;} #teamList .container .list li::before{position:absolute;content:"";left:0;bottom: 0;height:5px;width:20%;background: #519fd7;z-index: 999;} /*Ekibimiz Detay*/ #teamContent{padding: 27px 0;background: #ffffff;} #teamContent .container{display: flex;flex-direction: row;position: relative;flex-wrap: wrap;} #teamContent .container .left{float: none!important;width: 30%!important;flex: 1 0 27%;} #teamContent .container .right{width: 100%;padding: 0 4%;display: flex;border-right: unset;flex-direction: column;/* justify-content: center; */margin-bottom: 15px;background: rgba(255, 255, 255, 0.58);z-index: 2;color: #000000;/* position: absolute; *//* bottom: 3%; *//* right: 3%; */flex: 1 0 40%;} #teamContent .container .right p{margin: 0px;padding: 0;font-size: 15px;line-height: 1.7;} #teamContent .container .left .fotorama__thumb-border{border-color: #4db848;background-color:rgba(0, 0, 0, 0.5);} #teamContent .container .right h1{margin: 10px 0;padding: 5px 0px;font-size: 20px;color: #009bdf;position: relative;} #teamContent .container .right h1:after{position: absolute;content: "";left: 0;bottom: -3px;width: 50px;height: 5px;background: #a1a8b8;} #teamContent .container .right h2{font-size: 15px;color: #102a60;margin: 0 0 2px 0;padding: 0;} #teamContent .container .right h2 span{font-weight: 500;font-size: 15px;color: #102a60;} #teamContent .container .right h3{margin: 0 0 2px 0;padding: 0;font-size: 16px;color: #102a60;} #teamContent .container .right p{margin: 0 0 10px 0;padding: 0;} #teamContent .container .right span{font-size: 10px;color:#000;} #teamContent .container .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;} /*Haber Categori*/ #newsList .container{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: 0px 0px 5px 0px rgba(221, 221, 221, 0.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);} /*Haberler List*/ #news-list{background: #fff;} #news-list .container .list{display: flex;flex-direction: row;flex-wrap: wrap;padding: 15px;} #news-list .container .list .inner-container {width: 100%;height: auto;position:relative;margin: 15px;box-shadow: 0px 0px 15px rgba(0,0,0,0.06);flex-basis: 30%;} #news-list .container .list .inner-container .date {position: absolute;top: 0px;left: 0px;width: 80px;height: auto;background-color: #939598;z-index: 2;padding: 18px 19px 10px 19px;} #news-list .container .list .inner-container .date:before {position: absolute;content: '';left: 0px;bottom: -13px;border-top: 15px solid #939598;border-right: 80px solid transparent;z-index: -1;} #news-list .container .list .inner-container .date h3 {font-size: 36px!important;font-weight: 300;margin-top: 10px!important;margin-bottom: 4px;} #news-list .container .list .inner-container .date h3 span {position: relative;color: #fff;} #news-list .container .list .inner-container .date h3 span:before {position: absolute;content: "";width: 100%;height: 1px;background-color: #fff3db;left: 0px;bottom: 3px;} #news-list .container .list .inner-container .date h5 {margin: 0px;padding: 0px;color: #fff;letter-spacing: 0px;font-size: 14px;line-height: 14px;font-weight: 400;text-transform: uppercase;} #news-list .container .list .inner-container .date h5:first-child {padding: 10px 0 0 0;} #news-list .container .list .inner-container .image img {width: 100%;height: 250px;object-fit: cover;filter: grayscale(1);transition: 1s linear;} #news-list .container .list .inner-container:hover .image img{filter: unset;transition: 1s linear;} #news-list .container .list .inner-container .desc {width: 100%;height: auto;padding: 0 30px 30px 30px;} #news-list .container .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 .container .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 .container .list .inner-container .desc .title h3 a:hover {color: #274185;} #news-list .container .list .inner-container .desc .info {width: 100%;margin-bottom: 24px;border-bottom: 1px solid #ccc;padding-bottom: 4px;} #news-list .container .list .inner-container .desc .info span {position: relative;color: #666666;font-size: 11px;padding-right: 22px;font-style: italic;} #news-list .container .list .inner-container .desc .info span:last-child {position:unset} #news-list .container .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 .container .list .inner-container .desc .info a:hover{color: #274185;} #news-list .container .list .inner-container .desc .explanation {margin-bottom: 17px;} #news-list .container .list .inner-container .desc .explanation p {font-size: 15px;color: #3b3b3b;line-height: 1.6;} #news-list .container .list .inner-container .desc .readmore {width: 100%} #news-list .container .list .inner-container .desc .readmore a {text-decoration: none;background-color: #939598;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 .container .list .inner-container .desc .readmore a:hover {opacity: 0.7;} /*Haber Detay*/ #Newscontent {width: 100%;padding: 20px 0;background: #fff;} #Newscontent .newsDetail {position: relative;display:grid;grid-template-columns:350px 1fr;grid-template-rows: 260px auto auto;grid-gap:0 20px;padding-top:40px;padding-bottom:40px;} #Newscontent .newsDetail .gallery-thumbs {height: 20%;margin: 20px 10px 0 10px;cursor: pointer;} #Newscontent .newsDetail .gallery-thumbs .swiper-slide {width: 20%;height: 100%;max-height:100px;opacity: 0.45;} #Newscontent .newsDetail .gallery-thumbs .swiper-slide-active { opacity: 1;} #Newscontent img {max-width: 100%;grid-column:1 / 2;grid-row:1 / 2;width:100%;height:100%;object-fit: contain;} #Newscontent .newsText{grid-column:-1 / -2;grid-row:1 / -1;line-height: 1.6;} #Newscontent .newsText h2{margin: 0;padding: 5px 0;font-size: 21px;color: #db5e32;/* border-bottom: 1px solid #19244c; */font-weight: 400;position: relative;} #Newscontent .newsText h2::after{position: absolute;content: "";left: 0;bottom: -6px;width: 50px;height: 5px;background: #274185;border-top-right-radius: 5px;} #Newscontent .page-news-detail-footer{position:relative;display:flex;flex-direction:column;justify-content: center;margin:20px 0;padding:10px 0;text-align:center;border-top: 1px solid #d8d8d7;border-bottom: 1px solid #d8d8d7;} #Newscontent .page-news-detail-footer:before{position:absolute;content:'';width:100px;height:2px;top:-1px;left:0;background-color: #d64b18;} #Newscontent .page-news-detail-footer:after{position:absolute;content:'';width:100px;height:2px;bottom:-1px;right:0;background-color: #519fd7;} #Newscontent .newsDetail-footer-share-items a {width: 70px;height: 40px;position: relative;display: inline-block;color: #fff;} #Newscontent .newsDetail-footer-share-items a:hover {opacity: .8;} #Newscontent .newsDetail-footer-share-items i {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} /*Video List*/ #videoList .container .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: 0.7;} #videoList a:hover img{filter: unset;} /*Iletisim*/ .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: #d64b18;} .page-contact .box .tel{font-size: 18px!important;} .page-contact .box .ctitle{display:flex;flex-direction:column;justify-content:center;padding:0;height: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;line-height:1} .page-contact .contact-top{display:flex;flex:1;margin: 20px 0;} /*Cerezler*/ .cookie-banner {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;padding: 5px 14px;display: flex;align-items: center;justify-content: space-between;background-color: #1b2650;color: #fff;border-radius: 0;box-shadow: 0 0 2px 1px rgba(0, 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: white;border-radius: 2px;cursor: pointer;padding: 10px;font-size:14px;} /*Sayfalama*/ 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;} .elektrikHizmet{width: 100%;/* padding: 20px 0; */} .elektrikHizmet p{line-height: 1.5;/* padding: 10px 0 0 0; */color: #6a6a6a;} .elektrikHizmet .container{display: flex;flex-wrap: wrap;width: 100%;padding: 30px 0;} .elektrikHizmet .container .single{flex: 1 0 12%;text-align: center;} .elektrikHizmet .container .single h1{position: relative;margin: 0;padding: 0;font-size: 19px;color: #d64a00;margin-bottom: 11px;} .elektrikHizmet .container .single h1::before{position: absolute;content: "";left: 50%;bottom: -5px;width: 40px;height: 3px;background: rgb(147 149 152);transform: translateX(-50%);} .elektrikHizmet .container .single p{padding: 0;margin: 0;line-height: 1.5;/* padding: 10px 0 0 0; */color: #6a6a6a;} .elektrikHizmet .container .single strong{padding: 15px 0;color: #d71921;} .elektrikHizmetContent{background: #6a6a6a;padding: 25px;} .elektrikHizmetContent p{ text-align: center;padding: 0 15px 15px;margin: 0;color: #fff;} @media screen and (max-width:1370px) { .logo { left: 20px;} .center {padding:0 20px;} #main .content .rightContainer {/* width: 830px; */} } @media screen and (max-width:1350px) { .icons { display: none; } .logo img { width: 210px;} #section .content .leftContainer {width: fit-content!important;margin: 0 auto 35px;float:none!important;position: relative;} #section .content .leftContainer:after {display: none;} #section .content .rightContainer {width: auto!important;text-align: left;padding-left: 0!important} #section .content .rightContainer p {margin-top: 0!important;} .fotorama { width: auto; margin: 0;} } @media screen and (max-width: 1200px) { .container{padding: 0 20px;} #header .menu ul a{font-size: 13px;} .logo img { width: 190px;} #main .projeList .swiper-container .swiper-slide .single h1{font-size: 26px;} #main .projeList .swiper-container .swiper-slide .single p{font-size: 18px;} #main .projeList .swiper-container .swiper-slide .single .image{height: 200px!important;} } @media screen and (max-width: 993px) { #header{height: 135px;} #header .navbar-collapse { background: #fff; } #header .navbar-collapse .menu { padding-left: 0!important; } #header .navbar-collapse li { margin: 10px 0!important; } #header .menu li:nth-child(1) a:active { pointer-events: none; } #header .menu li:nth-child(2) a:active { pointer-events: none; } #header .menu li:nth-child(5) a:active { pointer-events: none; } #header .menu .altMenu{padding-top: 25px;} #header .menu .altMenu li{margin: 0!important;} #section .sectorList li {width: auto!important;} .leftContainer .leftMenu { width: 100%; } .newsList {margin-left: 25px;} .newsList li .image {width: 100%!important;height: 200px!important;} #header .dropdown-menu { display: none; } .collapse.show { margin-top: 36px!important; padding-top: -36px!important; } .collapse.show ul { margin-top: -20px!important; } #projects.mobile { display: block;} #slider .icon {display: block;} .logo img { width: 180px;} #header .navbar-brand{flex:1 0 100%;margin-top: 15px;} #main .content .leftContainer h2{font-size: 20px;} } @media screen and (max-width: 767px) { #main .featured {margin-top: 0px;} #main .featured span { background-position: right top; } #main .featured span::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, .6); } #section .featured {display: none;} #slider .swiper-container .swiper-wrapper .swiper-slide .caption h1 {color: #fafafa;font-size: 20px;line-height: 1;font-weight: 200;max-width: 240px;text-shadow: 2px 1px rgba(0, 0, 0, .50);} .newsList li a {left: 0!important;bottom: -80px!important;} .newsList li h2 {width: 100%!important; padding: 0!important;} .newsList li p { width: 100%!important;padding: 0!important; } #section .content { margin-top: 80px; } #maps { background: none!important; } .adressIframe {display: none;} #maps .address { text-align: center; padding-top: 50px; } #maps .address h2 { color: #404041!important; font-size: 28px; } .leftContainer h2 { display: none; } .logo img { width: 140px;} .leftContainer { display: none; } .rightContainer { width: 100%!important; text-align: justify; margin-top: 120px; } .featured h2 { font-size: 28px!important; color: #fff!important; } .featured h3 { font-size: 22px!important; color: #fff!important; } .featured .title { height: auto!important; text-align: center; } .featured .title .links { display: none; } .featured .title h2 {font-size: 15px!important; } body,html {/* overflow: scroll!important; */} #main .sectorList li {width: 100%!important;padding: 0 10px!important;margin-bottom: 20px;} #main .sectorList li:nth-child(3n +1) {padding: 0 10px!important;} #main .sectorList li:nth-child(3n) {padding: 0 10px!important;} #main .content { margin-top: 130px; } .gallery {width: 100%!important; height: auto!important; margin: 20px auto; } .s #main .content .rightContainer .fotorama {padding: 25px;} .galleryProduct {width: 100%!important; height: auto!important; margin: 20px auto; } .mobilMaps { display: block; } .section {min-height: auto!important;} #main .about .content { margin-top: 0px!important;overflow: hidden;} #main .sectors .content { margin-top: 5px!important;overflow: hidden;} #main .about .content .rightContainer {/* height: 350px!important; */padding-left: 0;margin-top: 15px!important;} #main .featured { height: 240px; } .section.sectors .caption { padding-top: 60px!important } .news .caption { padding-top: 60px!important; } #maps .address { padding-top: 0px!important } .section.contact .caption { padding-top: 60px!important; } .detayFea { margin-top: 100px!important; } .mobilDesc { display: block; } .satista.rightContainer { margin-top: 0px!important; } .aboout.rightContainer { margin-top: 50px!important; } p.ssdd::before {display: none;} p.ssdd { margin-top: 20px; text-align: left; } .mobilDesc ul { text-align: left!important; } #header{height: 80px;} #header .navbar-brand{flex:1;margin-top: 0; } #header .navbar-collapse .menu{display: none;} #header .navbar .menuMobil{display: flex;justify-content: flex-end;width: 100%;} #header .icons{display: none;} #slider img{height: 140px;width: 220px;} #main .projeList .swiper-container .swiper-slide{height: 350px;display: flex;} #main .projeList .swiper-container .swiper-slide .single:last-child{height: 300px;} #main .projeList .swiper-container .swiper-slide .single .image{height: 153px!important;} #main .projeList .swiper-container .swiper-slide .single h1{font-size: 16px;height: 13px;} #main .projeList .swiper-container .swiper-slide .single p{font-size: 11px;} #main .content .rightContainer p{font-size: 15px;} } @media screen and (max-width: 500px) { .contact .title h2 {font-size: 11px!important;} .featured .title h2 { line-height: 55px!important; } .newsList li a {width: 100%!important;} .contactContainer {overflow: visible!important;} .logo img { width: 120px;} } @media screen and (max-width: 420px) { .image { width: 100%!important; height: auto!important; } #header .navbar-brand{max-width: 180px;} .navbar-brand img{width: 100%;} #footer .copyright a{font-size: 11px;} #footer .copyright p{font-size: 11px;} #slider .swiper-pagination{bottom: -83px;} #slider img{height: 70px;width: 165px;} #main .content .rightContainer p{font-size: 13px;} #main .projeList .swiper-container .swiper-slide{height: 200px;} #main .projeList .swiper-container .swiper-slide .single .image{height: 100px!important;} #main .projeList .swiper-container .swiper-slide .single h1{height: 75px;} #slider .swiper-container .swiper-wrapper .swiper-slide .caption h1{font-size: 17px;max-width: 200px;} .newsList{margin-left: 0;} #haberlerr .content{margin-top: 10px;} .newsList li h2{font-size: 19px;} #main .content .rightContainer p{margin: 10px 0 0 0!important;font-size: 15px!important;} #main .projeList .swiper-container .swiper-slide .single:last-child{height: 230px;} .newsList li a{ height: 35px;line-height: 35px;padding-left: 43px;font-size: 14px;} .newsList li a:after{width: 35px;height: 35px;} }