.container{width:1024px; margin:0 auto 50px; }

.head_grid{display:grid; grid-template-columns: 220px 1fr; gap:40px; margin-bottom:40px;}
.headline_image{background:#00458e; display:grid; height:220px; align-items:center;}
.headline_img{width:140px; margin: auto;}

.item_headline{border-top:3px solid #00458e; padding: 15px; text-transform:uppercase; letter-spacing:1px; font-weight:600; font-size:0.9em; cursor:pointer; color:#00458e;}

.item_content h3{font-weight: 700; color: #696969; font-style: normal; margin-bottom: 10px; font-size: 24px;}
.item_content ul{margin-left:30px;}

.accordion h3.ui-accordion-header{padding: 15px 0; border-top: 3px solid #00458e; color: #00458e; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-size: .9em; cursor: pointer; font-style:normal;}
.accordion .ui-accordion-content{padding: 40px 0; height:fit-content!important;}
.accordion .ui-accordion-content h3{font-weight: 700; color: #696969; font-style: normal; margin-bottom: 10px; font-size: 24px;}
.accordion .ui-accordion-content ul{margin-bottom:10px;}
.accordion .ui-accordion-content li{margin-left: 30px; font-weight: 300; line-height: 1.4em;}

.service-button{position:fixed; height:80px; width:80px; top:calc(50vh - 40px); right:0; background: #00458e; border:initial; transition: all 0.3s ease; cursor:pointer;}
.service-button:hover{background: rgba(0, 69, 142, 0.9);}
.service-button.active{width:940px; }
.service-form-wrap{width:800px; background: #00458e; padding: 60px 30px; color: #fff; position: fixed; /*top:calc(30vh - 40px);*/ top:0; height:calc(100vh - 120px); overflow:auto; right:0; transform: translateX(100%); transition: all 0.3s ease; z-index:999; /*box-shadow: -4px 0 10px rgba(0, 0, 0, 0.2);*/}
.service-form-wrap.active{transform: translateX(0);}
.service-form-wrap h3{color:#fff; margin-bottom:20px;}
.service-form-wrap .form-group{margin-bottom:15px;}
.service-form-wrap .control-label{color:#fff; display:block; margin-bottom: 2px;}
.service-form-wrap input[type=text],
.service-form-wrap input[type=email],
.service-form-wrap textarea{width:calc(100% - 10px); padding:5px; font-family: Courier, mono-space; font-size:18px; border:none; font-weight:bold;}
.service-form-wrap select{width:100%; padding:5px; font-family: Courier, mono-space; font-size:18px; border:none; font-weight:bold;}
.service-form-wrap .grid_twice{display:grid; grid-template-columns: repeat(2, 1fr); gap:30px;}
.service-form-wrap .subhead{color:#fff; margin-bottom:2px;}
.service-form-wrap .upload_wrapper{background: rgba(255, 255, 255, 0.1); padding:20px; margin-bottom:15px;}
.service-form-wrap input[type=file]{color: #fff; }
.service-form-wrap .checkbox label,
.service-form-wrap .checkbox label a,
.service-form-wrap p{color: #fff;}
.service-form-wrap .btn{background:#fff; padding: 5px 15px; color: #00458e; font-weight:700; font-size:22px;letter-spacing:-1px; border:none; margin-top:20px; display:block; width:fit-content; margin-left:auto;}
.service-form-wrap .success,
.service-form-wrap .alert{padding: 20px; background: rgba(255, 255, 255, 0.1); margin-bottom:20px;}
.service-form-wrap .alert-danger li{margin-left:20px; color: #fff;}

.service-button:before{font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.service-button:before{content:'\e903'; color: #fff; font-size:40px; position: absolute; top:20px; left:20px;}


.slider-wrapper{overflow:hidden; width:100%; position:relative; height:80vh;}
.slider-overlay{position:absolute; z-index:1; width:100%; top:0; left:0; right:0; bottom:0; display:grid; align-items: center; align-content:center;}
.slider{ transition: transform 3s ease; width: 100%; cursor:grab;  will-change: transform; height:100%; display:flex; position:relative;}
.slider::-webkit-scrollbar {display: none;}
.tile{width:100%; flex-shrink: 0; height:380px; background-position:50%; background-size:cover; background-repeat: no-repeat; position:relative; background-position: 50%; background-size:cover; height:100%; min-width:100%;}

.link{color: #00458e; text-decoration:none; transition: all 0.3s ease; display:block; margin-bottom: 10px;}
.link:hover{text-decoration: underline;}

td{margin-bottom: 10px; line-height: 1.4em; font-weight: 300;}

.crefozert { padding: 20px 0;  }
img.crefo-img {width: 120px!important; display: block; margin: auto;}

@media(max-width:1023px){
	.container{width:100%;}
	
	.head_grid{grid-template-columns:1fr; gap:20px;}
	.headline_image{height:260px;}
	
	.service-button.active{width:740px;}
	.service-form-wrap{width:600px;}
	.service-form-wrap .grid_twice{display:block;}
	
	.slider-wrapper{height:100vh; min-height:700px;}
	
	.crefozert img{width:70%!important;}
}

@media(max-width:768px){
	.service-button.active{width:540px;}
	.service-form-wrap{width:400px;}
	
	.slider-wrapper{height:initial; min-height:initial;}
	.slider{display:none; }
	.slider-overlay{display:none;}
}

@media (max-width:600px){
	.akkordeon_item .accordionImg{float:initial; margin-bottom:10px;}
	
}

@media(max-width:540px){
	.service-button{width:60px; height:60px;}
	.service-button:before{top:10px; left:10px;}
	.service-button.active{width:100%;}
	.service-form-wrap{width:calc(100% - 100px); padding: 60px 20px;}
	
}

@media(min-width:1024px){
	.crefozert{ width: 60%;  margin: auto;}
}