header.fixed {position: fixed;width: 100%;top: 0px;z-index: 9;}
header{background-color:rgba(255, 255, 255, 0.98);-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.65);}
.topbar{height:auto;padding:8px 0px 8px 0px;background-color:rgba(0, 0, 0, 0.99);color:rgba(255, 255, 255, 1);font-size:13px;}
.topbar a,.topbar a:hover{color:rgba(255, 255, 255, 1);font-size:13px;}span.topicon {font-size:16px;}
.topbar-sol {width: 385px;}.topbar-sag {width: 775px;}
header .topbar-sol .sociallist a {color: rgba(255, 255, 255, 1);font-size: 22px;}

.topbar-sag .sociallist a {color: rgba(18, 18, 18, 1);font-size: 20px;}

.logo a img{width:auto;height:auto;}
.logo{max-width:350px;}
ul.mainmenulist > li  >a {color: rgba(77, 77, 77, 1);font-size:15px}ul.mainmenulist > li > a:hover,ul.mainmenulist> li:hover >a, ul.mainmenulist > li >.active_menu {color: rgba(255, 203, 0, 1)}
ul.mainmenulist > li.extralink > a{color: rgba(36, 36, 36, 1) !important;font-size:15px;background-color:rgba(255, 255, 1, 1) !important;border:1px solid rgba(0, 131, 207, 0) !important;padding: 12px 12px !important;margin-top: -5px !important;}
.mobil-icon{color: rgba(255, 203, 0, 1);border: 1px solid rgba(255, 203, 0, 1);}
header.transparan {position: absolute;width: 100%;top: 0px;z-index: 2;background-color:rgba(255, 255, 255, 0);color:rgba(255, 255, 255, 1); -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
header.transparan .topbar{background-color:rgba(0, 0, 0, 0.99);color:rgba(255, 255, 255, 1);}
header.transparan .topbar a, header.transparan a, header.transparan ul.mainmenulist > li > a{color:rgba(255, 255, 255, 1);}
header.transparan .topbar a:hover, header.transparan a:hover, header.transparan ul.mainmenulist > li > a:hover, header.transparan ul.mainmenulist > li:hover > a, header.transparan ul.mainmenulist > li >.active_menu{color:rgba(255, 203, 0, 1);}
header.transparan ul.mainmenulist > li.extralink > a{color: rgba(36, 36, 36, 1) !important;font-size:15px;background-color:rgba(255, 255, 1, 1) !important;border:1px solid rgba(0, 131, 207, 0) !important;padding: 12px 12px !important;margin-top: -5px !important;}
#headermiddle .container .row{padding:0px 0px 0px 0px}
ul.submenu{background-color:rgba(0, 0, 0, 0.8);width:200px;} 
ul.submenu li a{color:rgba(240, 240, 240, 1);font-size:13px;} 
ul.submenu li a:hover{color:rgba(255, 203, 0, 1);}
header.transparan ul.submenu{background-color:rgba(0, 0, 0, 0.69);} 
header.transparan ul.submenu li a{color:rgba(240, 240, 240, 1);font-size:13px;} 
header.transparan ul.submenu li a:hover{color:rgba(255, 203, 0, 1);} 
header.transparan .mobil-icon{color: rgba(255, 255, 255, 1);border: 1px solid rgba(255, 255, 255, 1);}
.Mobil-Menu ul.m-Menu li a {color: rgba(77, 77, 77, 1);}
.Mobil-Menu ul.m-Menu li a:hover {color: rgba(255, 203, 0, 1);}

h1.heweso-icerik-sayfa-adi-new, .heweso-breadcrumb-link, .heweso-breadcrumb-link a ,.heweso-breadcrumb-link li:last-child{color:rgba(255, 255, 255, 1) !important;}

.footer__logo p,.footer_right ul li a,.footer_center ul li{font-size:16px !important;}
.footer__logo p,.footer_center ul li,footer{color:#ffffff !important;}.footer_right ul li a ,footer a{color:#ffffff !important;}
.footer_right h1{font-size:22px !important;color: #ffffff !important;}
.footer-alt{background-color:#1f1f1f;}.footer-alt a{color:#ff6600 !important;}.footer-alt a:hover{color:#ad4500 !important;}.footer-alt{color:#ffffff !important;}.sayfa-ic-bg-doygunluk{width:100%;height:100%;position:absolute;top:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.3);}
.home-slider{position:relative;margin:0 auto;}



div.mobilcontain {
	display:none;
}

@media only screen and (max-width: 600px) {
	
	.ftaltbt {
	padding-bottom: 70px;
	}

	div.mobilcontain {
	display:block;
}
	.mobilcontain{ 
	position:fixed;
	width:100%;
	bottom:0px;
	z-index:1;
}
	.nav-socials {
	height: auto;
	
}
	ul.nav-socials {
    height: auto;
    
	margin-left:-40px
}


	ul.nav-socials li {
	width: %;
	height: 60px;
	margin: 0;
	display: block;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	
	ul.nav-socials li.s-kutu1 {
    background-color: #34a3db;
	font-size: 36px;
	}
	ul.nav-socials li.s-kutu2 {
	background-color:#0047e0;
	font-size: 36px;
	}
	ul.nav-socials li.s-kutu3 {
	background-color:#ffffff;
	font-size: 36px;
	}
	ul.nav-socials li.s-kutu4 {
	background-color:#c77070;
	font-size: 36px;
	}

}


.kvk-btn{ padding: 10px; background: #b23d75; color: #fff; display: inline-block; transition: .5s; }
.kvk-btn:hover{ transition: .5s; background: #880041; color: #fff; }
.kvk-btn:focus{ transition: .5s; background: #880041; color: #fff; }
/*EK CSS*/
.single-solution-item .title-holder .border {width: 100%;}
.toplangbr {float: right; list-style-type: none; margin: 0px; padding: 0px; height: 20px; margin-left: 30px;}

/*Sosyal Medyalar*/
.dline-2 {width: 2px; height: 70px; background: #ffcb00; margin: 0px auto 35px auto; clear: both;}
.hws-icon-1 {width: 100%; display: flex; margin-left: -1px; margin-bottom: -1px; flex-wrap: wrap; border: 1px solid #ddd; padding: 70px 20px; position: relative; overflow: hidden; transition: all .25s ease-in-out;}
.hws-icon-1:hover {box-shadow: 0px 0px 10px #00000030; border-color: #ddd; transition: all .25s ease-in-out;}
.hws-icon-1:before {content: ""; width: 100%; height: 100%; position: absolute; left: -100%; bottom: -100%; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 0; z-index: 0; box-shadow: 0 30px 30px #eee;}
.hws-icon-1:nth-child(1):before {background-color: #3b5998 !important;}
.hws-icon-1:nth-child(2):before {color: transparent; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.hws-icon-1:nth-child(3):before {background-color: #ff0000 !important;}
.hws-icon-1:nth-child(4):before {background-color: #007bb6 !important;}
.hws-icon-1:hover:before {bottom: 0; left: 0; opacity: 1;}
.hws-icon-1 figure {width: 100%; font-size: 42px; display: block; z-index: 1; transition: .3s;}
.hws-icon-1:hover figure  {color: #fff; transition: .3s;}
figure {margin: 0 0 1rem;}
.hws-icon-1 h3 {width: 100%; font-size: 26px; font-weight: 700; margin: 0 0 1rem; color: #000; display: block; z-index: 1; transition: .3s;}
.hws-icon-1:hover h3 {color: #fff;}
.hws-icon-1 p {width: 100%; color: #313131; display: block; font-size: 14px; z-index: 1; transition: .3s;}
.hws-icon-1:hover p {color: #eee;}
i.detay {margin: 0 auto;}
.hws-icon-1 .detay:before {padding: 8px 16px; display: flex; justify-content: space-around; background: #fff; border: 1px solid; border-radius: 28px; content: "\f178"; font: normal normal normal 20px/1 FontAwesome; font-weight: 400; margin-top: 22px; color: #222; -webkit-transition: .5s; transition: .5s;}
.social-flex {display: flex;}

/**kurumsal-grup-sirketleri**/
.grup-sirket {padding: 25px 10px;}
.grup-orta {background-color: #f8f8f8; border-radius: 8px;}
.grup-sirket h3 {font-size: 32px; font-weight:700;}
.grup-sirket p {font-size: 21px; font-weight: 500; line-height: 136%;}

/**header-arama-bolumu**/
.header-arama-alani {display: flex;flex-wrap: wrap; align-content: center; justify-content: flex-end; align-items: center;}
.arama-cubuk {width: 30%; margin-left: 15px;}
.input-group-append-head {position: absolute; right: -2px; z-index: 3;}
.ig-head {width: 100% !important;}
.fc-head {height: 33px !important;}
.btn-dark-head {background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 4px 8px;}
.btn-dark-head:hover, .btn-dark-head:focus, .btn-dark-head:active {color: #ffcb00 !important;}
.ustaltp8 {padding: 8px 0px;}

/*arama-kutusu*/
.input-group-append-home {position: absolute; right: -2px; z-index: 3;}
.ig-home {width: 100% !important;}
.btn-dark-home {background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 7px 8px;}
.btn-dark:hover {color: #ffcb00 !important;}
.btn-dark-home:hover, .btn-dark-home:focus, .btn-dark-home:active {color: #ffcb00 !important;}
.m-2 {margin: 0.3rem !important;}
.btn-bar {display: flex; flex-direction: row; align-content: center; align-items: flex-end; flex-wrap: wrap; justify-content: flex-start;}
.aramaform-home {margin-top: 3px;}
.ustaltp30 {padding: 30px 0px;}


/*btn-shadow*/
.btn-shadow {display: inline-block; font-size: 1.1em; font-weight: 500; cursor: pointer; background-color: #ffff01; color: #000; border: none; border-radius: 5px; transition: all .4s; padding: 13px 33px; margin-top: 24px; text-align: center;}
.btn-shadow:hover {border-radius: 5px; box-shadow: 0 7px 5px -2px #ffcb00, 0 16px 10px -6px #ffcb00; color: #000;}  
.btn-shadow:active {transition: all 0.2s; transform: translateY(-5px); box-shadow: 0 2px 0 -2px #ffff01, 0 8px 0 -4px #9c9c9c54, 0 12px 10px -3px #ffff01b0; color: #000;}
.btn-shadow:focus {color: #000;}

/**more-btn-4**/
.more-btn { position: relative; display: inline-block; width: auto; height: auto; background-color: #efefef; border: none;margin: 25px 0px; cursor: pointer; min-width: 150px;}
.more-btn.hover-border::before {content: ""; position: absolute; right: 50%;}
.more-btn.hover-border::after {content: ""; position: absolute; left: 50%;}
.more-btn.hover-border::before, .more-btn.hover-border::after {content: ""; position: absolute; bottom: 0; transition: width 0.2s 0.35s ease-out;}
.more-btn-4::before, .more-btn-4::after {content: ""; position: absolute; width: 15%; height: 2px; background-color: #272829; z-index: 2;}
.more-btn-4 span {color: rgb(28, 31, 30); background-color: #efefef;}
.more-btn span {position: relative; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; top: 0; left: 0; width: 100%; padding: 15px 20px; transition: 0.3s;}
.more-btn.hover-border span::before {content: ""; position: absolute; bottom: 0; left: 0; border-left: 2px solid #272829; border-top: 2px solid #272829;}
.more-btn.hover-border span::before, .more-btn.hover-border span::after {content: ""; position: absolute; width: 0%; height: 0%; background: transparent; opacity: 0; z-index: 2; transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s;}
.more-btn.hover-border span::after {content: ""; position: absolute; bottom: 0; right: 0; border-right: 2px solid #272829; border-top: 2px solid #272829;}
.more-btn.hover-border span::before, .more-btn.hover-border span::after {content: ""; position: absolute; width: 0%; height: 0%; background: transparent; opacity: 0; z-index: 2; transition: width 0.2s ease-in, height 0.15s 0.2s linear, opacity 0s 0.35s;}
/*MORE-BTN HOVER*/
.more-btn-4 span:hover {color: #272829;}
.more-btn.hover-border:hover::before, .more-btn.hover-border:hover::after {width: 50%; transition: width 0.2s ease-in;}
.more-btn.hover-border span:hover::before, .more-btn.hover-border span:hover::after {width: 50%; height: 100%; opacity: 1; transition: height 0.2s 0.2s ease-in, width 0.2s 0.4s linear, opacity 0s 0.2s;}

.mb-10 {margin-bottom: 10px;}

body{font-family: 'Urbanist', sans-serif !important;}
/****special****/
.logo {width: 294px !important;}
.mainmenu {max-width: calc(100% - 294px) !important;}
.form-group {padding: 0 4px;}
.formContent .form-group.wf50 {width: 50% !important; float: left;}
.data-transitions {transition: opacity .6s .6s ease, transform 2s .6s ease, 1s ease-in;}
.footer_center span {font-size: 22px; font-weight: 700;}
.ustp50 {padding-top: 50px;}
.altp50 {padding-bottom: 50px;}
.altp30 {padding-bottom: 30px;}
.ust50alt25p {padding: 50px 0px 25px;}
.ustaltp75 {padding: 75px 0px;}
.ustaltp100 {padding: 100px 0px;}
.ghost-btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; z-index: 6;}
ul.submenu {padding: 10px 10px; box-shadow: 0px 0px 10px #24242424;}
ul.submenu li {border-bottom: 1px solid #ffcb0036;}
.footer__logo img {width: 165px !important;}
.kurumsal-icerik {font-size: 16px; font-weight: 400; line-height: 130%;}
.kurumsal-icerik-img {width: 100%; margin: 30px 0px; box-shadow: 0px 0px 8px #ddd; border-radius: 5px;}
.sresim-solicerik .sresimakac:before {background-color: #242424 !important;}
.sresim-solicerik .sresimakac:after {background-color: #242424 !important;}
.sresim-solicerik .sresimakac {font-size: 20px; font-weight: 400;}
.hp-hakkinda-image {position: relative; left: 40px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ffff01 !important;}

/*urunler-css*/
.hwsupr p {font-weight: 500;}
.urunAciklamasi {font-size: 15px !important; line-height: 20px !important; font-weight: 600 !important;}
.sayfa-ic-bg.oncemin.transparansbg {max-height: 300px !important;}

/*HARITA IKON*/
.hws-map{filter: brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}
.hws-mapicon {position: absolute; left: 0; right: 0; transform: translate(0%, -100%); z-index: 2;}
.hws-mapicon-table {float: left; overflow: hidden; background-color: #ffffff; position: relative; text-align: left; height: 20vh; width: 33.333%; transition: all .3s linear;}
.hws-mapicon-table:before { content: ''; width: 100%; height: 100%; left: 0; top: -100%; position: absolute; background: #ffff01; opacity: 0; z-index: 1; -webkit-transition: opacity 0.4s ease, transform .6s ease, .4s ease; transition: opacity 0.4s ease, transform .6s ease, .4s ease;}
.hws-mapicon-table:hover:before {top: 0; opacity: 1; -webkit-transition: opacity 0.4s ease, transform .6s ease, .4s ease; transition: opacity 0.4s ease, transform .6s ease, .4s ease;}
.hws-mapicon-table .content {position: relative; bottom: 0%; right: 0%; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 84%; z-index: 2;}
.hws-mapicon-table h3 {font-size: 20px; text-transform: capitalize; letter-spacing: .7px; margin-bottom: 12px; transition: all .3s linear;}
.hws-mapicon-table:hover h3 {color: #000; transition: all .3s linear;}
.hws-mapicon-table p {font-size: 14px; line-height: 1.6; transition: all .3s linear;}
.hws-mapicon-table:hover p {color: #000; transition: all .3s linear;}
.hws-mapicon-table:nth-child(1):after {content: "\f018"; position: absolute; display: inline-block; opacity: 0.08; font: normal normal normal 180px/1 FontAwesome; right: 0; top: 0; z-index: 2;}
.hws-mapicon-table:nth-child(2):after {content: "\f2a0"; position: absolute; display: inline-block; opacity: 0.08; font: normal normal normal 180px/1 FontAwesome; right: 0; top: 0; z-index: 2;}
.hws-mapicon-table:nth-child(3):after {content: "\f0e0"; position: absolute; display: inline-block; opacity: 0.08; font: normal normal normal 180px/1 FontAwesome; right: 0; top: 0; z-index: 2;}
@media (max-width:1920px){
.hws-mapicon-table {height: 15vh;}
}
@media (max-width:1440px){
.hws-mapicon-table {height: 20vh;}
}

/*anasayfa-slogan*/
.slogan-yazi {font-size: 20px; font-weight: 500; line-height: 130%;}
.dline {width: 2px; height: 70px; background: #000; margin: 0px auto 35px auto; clear: both;}
.slogan-map-image {filter: drop-shadow(5px 16px 5px #24242465); margin-bottom: 8px;}

/*ANASAYFA URUNLER*/
.hp-urunler-p {color: #f8f8f8; font-weight: 600;}
.urunler-desc {display: inline-block; font-size: 18px; line-height: 130%; margin-bottom: 15px; font-weight: 600;}
.hws-wall {overflow: hidden; background: #4040406b;}
.hws-wall-inside {min-height: 365px; position: relative;}
.hws-wall .overlay {padding: 2em; text-align: left;}
.hws-wall-inside-title {position: absolute; left: 18px; bottom: 11px; color: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: .5s ease; z-index: 2; }
.hws-wall-inside-title h2 {font-weight: 600; font-size: 20px; line-height: 130%; color: #fff; margin: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: .5s ease;}
.hws-wall-inside img {transform: scale(1.5); position: absolute; top: 16%;}
.hws-wall .hws-wall-inside-title p {font-size: 13px; opacity: 1; font-weight: 300; color: #fff; margin-top: 10px; transition: .4s ease;}
.hws-wall span {position: absolute; opacity: 0; right: 64px; top: 21px; background-color: #ffffff80; padding: 12px; border-radius: 0%; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall:hover span {position: absolute; opacity: 1; right: 32px; top: 21px; background-color: #fff; padding: 12px; border-radius: 0%; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall .fa-long-arrow-alt-right:before {content: "\f178"; padding-left: 10px; font: normal normal normal 14px/1 FontAwesome; font-weight: 400; color: #000; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall:hover .fa-long-arrow-alt-right:before {content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-weight: 400; color: #000; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall-inside-half {background-size: cover; background-position: center; min-height: 195px; position: relative;}
.hws-wall .hws-wall-inside span, .hws-wall .hws-wall-inside-half span {position: absolute; right: 64px; bottom: 32px; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall:hover .hws-wall-inside span, .hws-wall:hover .hws-wall-inside-half span {position: absolute; right: 32px; bottom: 32px; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall .hws-wall-inside .fa-long-arrow-alt-right:before, .hws-wall .hws-wall-inside-half .fa-long-arrow-alt-right:before {content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-weight: 400; color: #000; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}
.hws-wall:hover .hws-wall-inside .fa-long-arrow-alt-right:before, .hws-wall:hover .hws-wall-inside-half .fa-long-arrow-alt-right:before {content: "\f178"; font: normal normal normal 14px/1 FontAwesome; font-weight: 400; color: #000; z-index: 2; -webkit-transition: .4s ease; transition: .4s ease;}

/*EK�B�M�Z CARD CSS*/
.customer-card{
        width:100%;
        background:#fff;
        border-radius:18px;
        overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,0.12);
        transition:0.3s;
    }

    .customer-card:hover{
        transform:translateY(-5px);
    }

    .customer-image{
        width:100%;
        aspect-ratio:1/1;
        overflow:hidden;
    }

    .customer-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }

    .customer-content{
        padding:25px;
        text-align:center;
    }

    .customer-name{
        font-size:24px;
        font-weight:700;
        color:#222;
        margin-bottom:8px;
    }

    .customer-title{
        font-size:16px;
        color:#777;
        margin-bottom:20px;
    }

    .customer-phone{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        width:100%;
        padding:14px;
        background:#ffff01;
        color:#222;
        text-decoration:none;
        border-radius:12px;
        font-size:16px;
        font-weight:600;
        transition:0.3s;
        margin-bottom:18px;
    }

    .customer-phone:hover{
        background:#ffff01;
    }

    .social-buttons{
        display:flex;
        justify-content:center;
        gap:12px;
    }

    .social-buttons a{
        width:46px;
        height:46px;
        border-radius:12px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#ffff01;
        transition:0.3s;
    }

    .social-buttons a:hover{
        transform:translateY(-3px);
        background:#e5e5e5;
    }

    .social-buttons img{
        width:22px;
        height:22px;
        object-fit:contain;
    }

/**kurumsal-tab-menu**/
.kurumsal-tab {
    padding: 20px 0;
    margin-bottom: 45px;
}

.kurumsal-tab-item {
    background-color: #efefef;
    cursor: pointer;
    padding: 10px 20px;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s;
}
.kurumsal-tab-item p {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
}
.kurumsal-tab-item.active {
    border-color: #272829;
    box-shadow: 0px 0px 6px #ddd;
    background-color: #dfdedebd; 
}
.ktab-con .tab-content .tab-pane {
    display: none;
}

.ktab-con .tab-content .tab-pane.active {
    display: block;
}
.ktab-con .tab-pane h3 {
    font-size: 28px;
    text-align: center;
    margin: 30px 0px 20px 0px;
}
.ktab-con .tab-pane p {
    font-size: 17px;
    text-align: center;
}
.ktab-con .tab-pane img {
    box-shadow: 0px 0px 8px #ddd;
    border-radius: 5px;
}
.tab-content .tab-pane.active .tp-fade {
  animation: fadeIn-2 1s ease forwards;
}

@keyframes fadeIn-2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*insan-kaynaklari*/
.insanKaynaklari h2 {border-bottom: 1px solid #242424 !important; border-left: 10px solid #242424 !important;}
.ikbtn {background: #242424 !important;}

/*kutu-gorunum-3*/
.single-solution-item .title-holder .border {background: #f0f005 !important;}

/*ikon-gorunum-1*/
.heweso__icon__display__first_item {border-bottom: 3px solid #242424 !important;}
.heweso__icon__display__first_content h2:before {background-color: #242424 !important;}
.heweso__icon__display__first_content h2:after {background-color: #242424 !important;}

/*anasayfa-referanslar-slider*/
/*.hws-referansbox {box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}*/
.item-ref {padding-top: 20px; padding-bottom: 20px; margin: 0px 30px; transition: all .3s linear;}


/******BANNER-START*****/
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {font-family: 'Urbanist', sans-serif !important; max-width: 1180px !important; min-width: 1180px !important; text-align: left !important; text-shadow: 0 0 5px #222 !important;}
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered {font-family: 'Urbanist', sans-serif !important; max-width: 1180px !important; min-width: 1180px !important; text-align: left !important; text-shadow: 0 0 10px #222 !important;}
@media (max-width:1200px){
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {max-width: 98vw !important; min-width: 98vw !important; text-align: left !important;}
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered {max-width: 98vw !important; min-width: 98vw !important; text-align: left !important;}
}
@media (max-width:1028px){
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {max-width: 98vw !important; min-width: 98vw !important; text-align: left !important;}
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered {max-width: 98vw !important; min-width: 98vw !important; text-align: left !important;}
}
@media (max-width:868px){
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle {max-width: 80vw !important; min-width: 80vw !important; text-align: center !important; margin-bottom: 60px !important;}
.tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered {max-width: 80vw !important; min-width: 80vw !important; text-align: center !important;}
}
/*********BANNER-END****/

/**********Animasyon CSS***********/
.over-element {overflow:hidden;}

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom .7s ease-in;
}
.active.fade-left {
  animation: fade-left .7s ease-in;
}
.active.fade-right {
  animation: fade-right .7s ease-in;
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@media (max-width:1220px){
.hp-hakkinda-image {left: 0px;}
}
@media (max-width:1000px){
.hws-mapicon {display: none;}
}
@media (max-width:768px){
.heweso-breadcrumb-link {display: none;}
.mobil-bg-scr {background-attachment: scroll !important;}
.tp-caption.Newspaper-Button, .Newspaper-Button {display: block !important; font-size: 14px !important; padding: 10px 20px !important;}
.kurumsal-tab {margin-bottom: 2px;}
.kurumsal-tab-item {margin-bottom: 8px;}
.mob-mtop25 {margin-top: 25px;}
.urunAdi h1 {margin-top: 15px !important;}
.slogan-map-image {margin-bottom: 15px;}
.grup-sirket h3 {font-size: 25px; margin-bottom: 15px;}
.mobilde-none {display: none !important;}
.social-flex {flex-wrap: wrap;}
.hws-icon-1 {width: 50%;}
.toplangbr {float: inherit; text-align: center; list-style-type: none; margin: 0px; padding: 0px; height: 20px; margin-left: 0px;}
.toplangbr a {color: #000 !important;}
}

@media (max-width:660px){
.hws-wall-inside {min-height: 46vh;}
}
@media (max-width:440px){
.hws-wall-inside {min-height: 55vh;}
}