header.fixed {position: fixed;width: 100%;top: 0px;z-index: 9;}
header{background-color:rgba(255, 255, 255, 0.93);}
.topbar{height:auto;padding:8px 0px 8px 0px;background-color:rgba(0, 52, 92, 0.8);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: 0%;}.topbar-sag {width:  100%;}
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:70px;}
.logo{max-width:350px;}
ul.mainmenulist > li  >a {color: rgba(19, 76, 116, 1);font-size:17px}ul.mainmenulist > li > a:hover,ul.mainmenulist> li:hover >a, ul.mainmenulist > li >.active_menu {color: rgba(19, 76, 116, 1)}
ul.mainmenulist > li.extralink > a{color: rgba(255, 255, 255, 1) !important;font-size:17px;background-color:rgba(0, 132, 206, 1) !important;border:1px solid rgba(0, 132, 206, 1) !important;padding: 12px 12px !important;margin-top: -5px !important;}
.mobil-icon{color: rgba(19, 76, 116, 1);border: 1px solid rgba(19, 76, 116, 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.69);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(207, 0, 0, 1);}
header.transparan ul.mainmenulist > li.extralink > a{color: rgba(255, 255, 255, 1) !important;font-size:17px;background-color:rgba(0, 132, 206, 1) !important;border:1px solid rgba(0, 132, 206, 1) !important;padding: 12px 12px !important;margin-top: -5px !important;}
#headermiddle .container .row{padding:0px 0px 0px 0px}
ul.submenu{background-color:rgba(255, 255, 255, 1);width:200px;} 
ul.submenu li a{color:rgba(19, 76, 116, 1);font-size:15px;} 
ul.submenu li a:hover{color:rgba(19, 76, 116, 1);}
header.transparan ul.submenu{background-color:rgba(255, 255, 255, 0.39);} 
header.transparan ul.submenu li a{color:rgba(10, 10, 10, 1);font-size:15px;} 
header.transparan ul.submenu li a:hover{color:rgba(207, 0, 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(19, 76, 116, 1);}
.Mobil-Menu ul.m-Menu li a:hover {color: rgba(19, 76, 116, 1);}

.mainmenulist > li > a, .mainmenulist > li > a:hover, .mainmenulist > li:hover > a{border-left:1px dashed rgba(19, 76, 116, 1);}
header.transparan .mainmenulist > li > a, header.transparan .mainmenulist > li > a:hover, header.transparan .mainmenulist > li:hover > a, .langbar >li > a, header.transparan ul.mainmenulist > li >.active_menu{border-left:1px dashed rgba(255, 255, 255, 0.56) !important;}
.mainmenulist > li:first-child > a, header.transparan  .mainmenulist >  li:first-child > a , .langbar >li:first-child > a{border-left:0px  dashed rgba(19, 76, 116, 1) !important;}

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:#001220;}.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(19, 74, 117, 0);}
.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; }
body{}
@media (max-width:1200px){

}
@media (max-width:991px){
   .company {
      min-height: 330px !important;
   }
}

.bg-img {
   background-image: url("https://environics-global.com/uploads/images/1649241599500.jpg");
   background-size: 100% auto;
   background-size: cover;
   background-position: center;
}

.ctc-selected-button-1 button {
   border: 1px solid #c8102e;
   color: #c8102e;
   background: #FFFFFF; 
   border-radius: 3px;
   margin: 3px;
   padding: 5px;
}

.ctc-selected-button-1 button:hover,
.ctc-selected-button-1 .button-selected {
   color: #FFFFFF;
   background: #c8102e; 
}

.ctc-selected-button-2 button {
   border: 1px solid #1b365d;
   color: #1b365d;
   background: #FFFFFF; 
   border-radius: 3px;
   margin: 3px;
   padding: 5px;
}

.ctc-selected-button-2 button:hover,
.ctc-selected-button-2 .button-selected {
   color: #FFFFFF;
   background: #1b365d; 
}

.heweso-breadcrumb h1,
.heweso-breadcrumb-link,
.heweso-breadcrumb-link span {
   text-shadow: 1px 0 #5A5A5A, -1px 0 #5A5A5A, 0 1px #5A5A5A, 0 -1px #5A5A5A !important;
}

.container_horizontal_scrolling {
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   display: flex;
   cursor: grab;
}

.container_horizontal_scrolling .box {
   width: auto;
   height: 80px;
   margin: 0 25px 0 25px;
   flex-shrink: 0;
}

.ctc-table-1 th, .ctc-table-1 td,
.ctc-table-2 th, .ctc-table-2 td {
   border: 1px solid #343a40;
   text-align: center;
}

.ctc-table-1 th {
   background: #c8102e;
   color: #fff;
   padding: 20px;
   font-weight: 400;
}

.ctc-table-2 th {
   background: #1b365d;
   color: #fff;
   padding: 20px;
   font-weight: 400;
}


.ctc-table-1 .title {
   font-weight: bold;
   color: #007bff;
}

.ctc-table-1 .number {
   font-weight: bold;
   font-size: 30px;
}

.ctc-table-1 thead th,
.ctc-table-2 thead th {
   font-weight: bold;
}

.ctc-table-1 td {
   color: #c8102e;
   padding: 10px;
}

.ctc-table-2 td {
   color: #1b365d;
   padding: 10px;
}

.ctc-table-1 tbody p,
.ctc-table-2 tbody p {
   margin: 20px 0 20px 0;
   font-weight: 400;
}

.ctc-table-1 tbody ul li,
.ctc-table-2 tbody ul li {
   margin: 20px 0 20px 0;
   text-align: left;
}

.box-border, .box-border-2 { 
   border-radius: 5px;
   margin-bottom: 20px;
   border: 1px solid #dfdfdf;
}

.box-border div, .box-border-2 div {
   height: 132px;
   background: #f7f7f7;
   padding: 15px;
   overflow: hidden; 
}

.box-border div a, .box-border-2 div a {
   color: #000000;
}

.box-border div a:hover {
   color: #c8102e;
}

.box-border-2 div a:hover {
   color: #1b365d;
}

.ctc-button {
   height: 90px;
   max-height: 90px;
   background: #c8102e;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #FFF;
}

.ctc-button-2 {
   height: 90px;
   max-height: 90px;
   background: #1b365d;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #FFF;
}

.ctc-button-3 {
   height: 90px;
   max-height: 90px;
   background: #00843d;
   cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #FFF;
}

.ctc-button p,
.ctc-button-2 p,
.ctc-button-3 p {
   color: #FFF;
}

.ctc-button p a,
.ctc-button-2 p a,
.ctc-button-3 p a {
   color: #FFF;
   height: 90px;
   max-height: 90px;
   display: flex;
   justify-content: center;
   align-items: center;
}

a {
   color: #FFF;
}

a:hover {
   color: #FFF;
}

.ctc-button:hover {
   background: #702b21;
}

.ctc-button-2:hover {
   background: #0c203d;
}

.ctc-button-3:hover {
   background: #074222;
}

.item, .ctc-button, .ctc-button-2, .ctc-button-3 {
   text-align: center; 
   padding: 10px; 
   border-radius: 5px;
   margin-bottom: 20px;
   box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.item:hover {
   background: rgba(237, 237, 237, 1);
}

.item2 {
   text-align: center; 
   padding: 10px; 
   margin-bottom: 20px;
   border-bottom: solid;
}

.item3 p {
   color: red;
   font-size: 25px;
}

.item3 img {
   margin-top: 10px;
   margin-bottom: 10px;
}

.btn-more {
   border-radius: 5px; 
   border: 1px solid #1d547a; 
   color: #1d547a; 
   background: #FFFFFF;
   margin-top: 10px;
}

.btn-more:hover {
   color: #FFFFFF; 
   background: #1d547a;
}

.video-title {
   font-size: 15px;
   margin-top: 5px;
}

.company {
   text-align: center; 
   padding: 15px; 
   border-radius: 5px;
   margin-bottom: 20px;
   min-height: 430px;
   box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.company p {
   font-size: 15px;
   text-align:justify;
}

.company:hover {
   background: rgba(237, 237, 237, 1);
} 

.mainmenulist li a {
   border-left: none !important;
}
   
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, 255, 255, 1);
   border-left: none !important;
}

header.transparan .topbar a, 
header.transparan a:hover, header.transparan ul.mainmenulist li a, 
header.transparan ul.mainmenulist li, 
header.transparan ul.mainmenulist li .active_menu {
   border-left: none !important;
}

header.transparan ul.mainmenulist li:hover .submenu a {
   color: rgba(19, 76, 116, 1);
}