/* Genel stiller ve tipografi */
html{
	height: 100%;
}

body{
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	font-weight: 500;
	font-size:.9rem;
	color:#015e63;
	background-color:#fff;
	padding-right: 0 !important;
}

.tepe-arka-tr{
  background-image: url(../images/tepe-arka-tr.jpg);
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;


}

.tepe-arka-ic{
  background-image: url(../images/tepe-arka-ic.jpg);
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: cover;

}

.header{

padding:2rem 0;

}
	


h1{
	font-size:1.8rem;
	font-weight: 700;
	
}

.h1-tepe{
	color: #fff;
    font-size: 2rem;
    font-weight: 700;
	margin:1rem auto 0 auto;
}

.h1-tepe-sub{
	color: #fff;
    font-size: 1rem;
    font-weight: 600;
	margin-bottom: 1.8rem;
}


.h1-alt{

font-size:1.4rem;
line-height:1.5rem;
font-weight:600;
	
}

.ic-h1-alt{
	background: #fff;
    padding: .4rem;
    border-radius: .5rem;
    color: #05605d;
    font-size: .9rem;
    margin-right: .5rem;
	margin-bottom: .5rem;
}


.ic-h1-baslik{
	color:#565958;
	margin-right: 1rem;
}

.ic-h1-yan{
	
}

.h1-ust{

	font-size:2.5rem;
	line-height:2.5rem;
	font-weight:700;
	color:#fff;
	margin-bottom:.5rem;
	left:1rem;
	margin-top:6rem;
	
}


.h-20{
	height:20% !important;	
}

.h-3s0{
	height:20% !important;	
}

.h-60{
	height:60% !important;	
}


.header-ic-h1{
font-size:1.3rem;
font-weight: 500;
color:#f9f9f9;
margin:.5rem 0 .5rem 1rem;
}

.header-ic-sayfa{
	background:#f1f0f3;
}


h2{
	font-size:1.3rem;
	font-weight: 600;
	color:#015e63;
	margin-bottom:1rem;	
}


.h2-ic{
	font-size: 1.6rem;
    color: #015e63;
    margin-bottom: 1rem;
    font-weight: 700;
}

.otel-isim{
background: rgba(0,0,0,.5);
	color:#fff; 
	position: absolute;
	bottom: 0; left: 0; right: 0;
    font-size: .8rem;
	border-bottom-left-radius:.4rem;
	border-bottom-right-radius:.4rem;
	
}




.hr-ic{
	margin:3rem 0 4rem 0;	
}


.ic-sayfa-header{
	height: 350px;
}


.btn-close{
	position:absolute;
	right:.5rem;
	top:.5rem;
	background:#fff;
	border-radius:.2rem;
	padding:0 .5rem;
	font-size:1.2rem;
	color:#000;
	border:0;
}





.bosluk{
	margin-bottom: 3rem;
}



h3 {
    color: #015e63;
    font-size: 1.2rem;
    font-weight: 600;
    margin: .3rem 0;
}



h4{
	font-size:1.4rem;
	font-weight: 700;
	line-height: 1.9rem;
	
}

h5{
	font-size:1.1rem;
	font-weight: 700;
	line-height: 1.7rem;
}

.ic-h3{
	font-weight: 700;
}


 .circle {
position: relative;
border-radius: 50%;
width: 100%;
height: auto;
padding-top: 100%;
border:7px solid #bd0819;
}


.circle-text{
	position:absolute;
	top:47%;
	left: 0;
  right: 0;
  margin: 0 auto;
  
}

.circle-text-2{
	position:absolute;
	top:41%;
	left: 0;
  right: 0;
  margin: 0 auto;
  
}





.dropdown-toggle::after {
	padding: 0;
	margin: 0;
	display:none;
}




/* Header stilleri */
.header_anasayfa{
	background-image: url(../images/header_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



/* Slider stilleri */


.ikon-tepe{
	font-size:1.5rem;
}



/* Navbar stili */




.nav-link img {
    vertical-align: baseline;
}

.navbar-dark {
background:rgba(255,255,255,0);
}


.navbar-dark-2 {
background:rgba(255,255,255,1);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.03);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.03);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,.03);

-webkit-transition: background .2s, color .5s;
-moz-transition: background .2s, color .5s;
    transition: background .2s, color .5s;
}


.navbar-dark .navbar-nav .nav-link {
	
   color: #015e63;
    font-size: .95rem;
    font-weight: 600;
    border-radius: 0;
    padding: .3rem 0;
    margin-top: 4rem;
    margin-bottom: 0rem;
    margin-right: 1.4rem;

}

.navbar-dark .navbar-nav .nav-link:hover {
      color: #033a3a;
}


.navbar-dark .navbar-nav .nav-item .nav-link:focus {
	color: #033a3a;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
}


.navbar-pos{
position:absolute;
top:0rem;
z-index:1100;
}


.modal{
	z-index:1200;	
}
.top-tel{
position:absolute;
top:.1rem;
right:1rem;
font-size:1.5rem;
font-weight:700;
color:#f35a5a;

}

.dropdown-menu{
    background: #036868;
    padding: .5rem;
    border: none;
    border-radius: .4rem;
    margin-top: 0;
    margin: .5rem .5rem;
	
}

.dropdown-menu a{
	font-size: 1rem;
	color:#fff;
	padding: .1rem .4rem .1rem .4rem;
	margin: .5rem 0 .5rem 0;
	font-weight:500;
	
}

.dropdown-menu a:hover{
	background:none;
	color:#fff;
	opacity:.7;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}


.ic-h1-container{
	background: #fff;
	padding-bottom: 0;
	margin-bottom: 0;
	display: inline-block;
	-webkit-border-top-left-radius: 1rem;
	-webkit-border-top-right-radius: 1rem;
	-moz-border-radius-topleft: 1rem;
	-moz-border-radius-topright: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}



.pad-0{
	padding-bottom: 0;
	margin-bottom:0;
}

.ic-h1{
	color:#3b454b;
	font-size: 2rem;
	padding: 1rem 2rem 1rem 2rem;
	font-weight: 500;
}

.ic-h1-aciklama{
	font-size: 1.3rem;
	color:#fff;
	padding-left: 1rem;
}

.tel-alt{
	background: #00978e;
	border-radius: .2em;
	display:inline-block;
	font-size:2rem;
	font-weight:600;
	padding:.7rem 1rem .8rem 1rem;
	position:absolute;
	bottom:-4.2rem;
	z-index:100;
	color:#fff;
}

.tel-alt-con{
	margin-top:-4rem;	
}

.tel-alt-con p{
	margin:0;
	padding:0;
	line-height:1.5rem;	
	color:#fff;
	font-size:2rem;
}

.tel-alt:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #00978e;
	border-bottom: 0;
	margin-left: -12px;
	margin-bottom: -12px;
}

.tel-alt-ust{
	font-size:.9rem;
	padding:0;
	margin:0;
}

.alt_bosluk{
	margin-bottom:7rem;	
}
.orta-bosluk{
	margin-bottom:5rem;
}

button:hover, button:active, button:focus{
   outline: none;
}


/* İçerik line-height */
.content{
	color:#555;
	font-size: 1.2rem;
	
		
}

/* Section stilleri */
section{
	padding:40px 0 20px 0;
}

.section-koyu{
	background-color: #f4f4f4;


}

.section-beyaz{
	background: #fff;
}


.section-koyu-gri{
		background: #76a214;
}

.section-acik-gri{
	background: #f0f0f0;
	padding-top:0;
}


.section-ic{
	padding-top:11rem;	
}

.bg-footer{
  background-color:#0c858a;
  padding-top:3rem;
	padding-bottom:3rem;
  margin-top:2rem;
	

}

.footer-baslik{
	font-size: 1.1rem;
}

.bg-footer p{
	margin: .3rem 0;
}

.social-con{
	margin-top:3.8rem;	
}


.social{
	color:#fff;
	font-size:.8rem;
	border:2px solid #FFF;    
    height:35px;
    border-radius:.3rem;
    width:35px;
	text-align:center;
	padding-top:10px;
	margin:5px 10px 5px 0;
}



#site-nav .nav-item a {
  position: relative;
  text-decoration: none;
 
}




/* Button stilleri */
.btn {
    padding: 7px 24px;
    border: 0 none;
}

.btn-social{
	    padding-right: 1rem;
		padding-left: .1rem;
		font-size:1.2rem;
		color:#fff;
	
		
}

.btn-social:hover{

		color:#f0f0f0;
		
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/* Outlined butonlar */
.btn .fas{
	padding-right: .4rem;
}



.btn-primary {
  color: #045b59!important;
    background-color: #E9C761;
    overflow: hidden;
    border-radius: .4rem;
    border: 0px;
	font-size: 1rem !important;
	font-weight: 600;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open {
  color: #045b59!important;
    border: 0;
    font-weight: 600;
    background-color: #d6b35b;
    overflow: hidden;
}



.btn-secondary {
  color: #036868!important;
    background-color: #cfe2e1;
    overflow: hidden;
    border-radius: .4rem;
    border: 0px;
	font-size: 1rem !important;
	font-weight: 600;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open {
  color: #036868!important;
    border: 0;
    font-weight: 600;
    background-color: #e8efee;
    overflow: hidden;
}

.btn-top{
	font-size:.8rem;
	margin-left:2rem;
}


.btn-primary.disabled, .btn-primary:disabled {
    color: #333 !important;
	border: 0;
    background-color: #f0f0f0;;
}



.ikonlar{
		margin-bottom: 1.2rem;
		
	}
	
.ikonlar .cont{
	background:#fff;
	border-radius: .5rem;	
	box-shadow: 0 2px 18px 0 rgba(198,198,198,.3);
}

.ikonlar .cont:hover{
	background:#fff;
	border-radius: .5rem;	
	box-shadow: 0 2px 18px 0 rgba(198,198,198,.8);
	transition: box-shadow 0.3s ease-in-out;
}

.box:hover img {
    -webkit-animation: tada 1s;
    animation: tada 1s;
}

.box:hover a:hover{
	color:#bd0819;
	transition: color 0.3s ease-in-out;
}








.input-search{
	max-width:300px;
	border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}

@keyframes arrow-solutions {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
	padding-left:30%;
  }
  
   60% {
    opacity:0;
	padding-right:30%;
  }
  
  100% {
     opacity:1;
	 padding-right:0;
  }
}




.box a{
	color:#3b454b;
	text-decoration:none;
}

.box a:hover{
	color:#3b454b;
	text-decoration:none;
}

.box a:focus{
	color:#3b454b;
	text-decoration:none;
}


/* index2 */

@keyframes header-arrow-anim {
  0% {
    opacity:0;
	padding-right:80px;
  }

  100% {
     opacity:1;

  }
}

.anim{
	position:relative;	
}

.header-arrow{
font-size:3rem;
position:absolute;
left:0;
right:0;
margin: 0 auto;
top:30%;
display:none;
}

.entrance{
	font-size:1.4rem;	
}


.box2 {

	-webkit-transition:  top .5s ease-in-out;
    -moz-transition:  top .5s ease-in-out;
    -ms-transition:  top .5s ease-in-out;
     o-transition:  top .5s ease-in-out;
     transition:  top .5s ease-in-out;
	 bottom:1rem;
	 top:0;
	 position:absolute;
	
	 }
	 

	 
.box2:hover {
  	bottom:0;
	 top:-1rem;

	-webkit-transition:  top .2s ease-in-out;
    -moz-transition:  top .2s ease-in-out;
    -ms-transition:  top .2s ease-in-out;
     o-transition:  top .2s ease-in-out;
     transition:  top .2s ease-in-out;
	 
	 }


.rounded-white{
	border:4px solid #fff;	
}




/* Footer stili */
footer{
	color:#fff;
	font-size:.9rem;	

}
footer a{
	
}

footer a:hover{
	
}
	
	
.footer-contacts{
	margin-bottom:.6rem;
	display:inline-block;

	}
	
.footer-contacts-header{
	font-size:1rem;
	line-height:2rem;
	margin-top:.6rem;
}

.footer-address{
	margin-top:1rem;	
}

footer .fas{ 
font-size:1.2rem;
margin:0 .1rem 0 .1rem;
}

.footer-contacts .fas{
	width:20px;
	height:20px;	
}


.h-90 {
    height: 90%!important;
}

.h-80 {
    height: 80%!important;
}

.h-md-80 {
    height: 80%!important;
}

.h-70 {
    height: 70%!important;
}

.h-60 {
    height: 60%!important;
}

.h-40 {
    height: 40%!important;
}

.h-30 {
   padding: 1rem 0 2rem 0;


}

.h-20 {
    height: 20%!important;
}


.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.h3-yesil{
	color:#76A214;
	margin:2rem 0 1rem 0;	
}

.h3-yesil-2{
	color:#76A214;
}



.container-ic{
	padding:0 .95rem 0 .95rem;	
}

.section-acik-gri{
	background:#f9f9f9;	
}

.slider_v1{
background: url(../images/slider/slider1.jpg);
transform: scale(1.2);
}


.header-ic-1{
	background-image: url(../images/header-ic-1.jpg);
	background-color:#e6e4ee;
    background-position:center;
    background-repeat: no-repeat;
	background-attachment:fixed;
    background-size: cover;
	min-height: 100%;
	position:absolute;
	min-width: 100%;
	left: 0;
	top: 0;
	
}

.header-ic-2{
	background-image: url(../images/header-ic-2.jpg);
	background-color:#e6e4ee;
    background-position:center;
    background-repeat: no-repeat;
	background-attachment:fixed;
    background-size: cover;
	min-height: 100%;
	position:absolute;
	min-width: 100%;
	left: 0;
	top: 0;
	
}

.header-ic-3{
	background-image: url(../images/header-ic-3.jpg);
	background-color:#e6e4ee;
    background-position:center;
    background-repeat: no-repeat;
	background-attachment:fixed;
    background-size: cover;
	min-height: 100%;
	position:absolute;
	min-width: 100%;
	left: 0;
	top: 0;
	
}


.section-gri{

	
	background-image: url(../images/orta2.png);

	background-image: linear-gradient(#f1faf9, #fff);
    background-position:0px -10px ;
    background-repeat: no-repeat;
    background-size:contain;
	padding-top:0rem;
	padding-bottom:3rem;
	
	
}

.green{
	color:#9cbe1a;	
	font-weight:500;
}

.section-pad0{
	padding:0 0 70px 0;
}

.noanim .fas{
	padding-left: 0;
}

.noanim:hover .fas{
	-webkit-animation:none;
    
}



.navbar-dark .nav-lang {
    color: #fff;
    background: none;
    font-weight: 500;
    border-radius: .5rem;
    padding: .3rem 1rem;
}


.alt-marka{
	font-size:1.5rem;	
}

.markalar {
    background-size: 200% 100%;
    background-image: linear-gradient(to left, #3bb0b1 50%, #f0f0f0 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}

.markalar:hover {
    background-position:-100% 0;
}


.markalar2 {
    background-size: 200% 100%;
    background-image: linear-gradient(to left, #9cbe1a 50%, #f0f0f0 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}

.markalar2:hover {
    background-position:-100% 0;
}

.separator {
  border: 0;
  margin-bottom:2rem;
}

.separator--line {
  border: 0;
  border-bottom: 8px solid #fff;
  width: 0;
  
  -webkit-animation: separator-width .5s ease-out forwards;
          animation: separator-width .5s ease-out forwards;
	animation-delay: .5s;	  
}

@-webkit-keyframes separator-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes separator-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}





.particle {
  position: absolute;
  border-radius: 55%;
}

@-webkit-keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(85vw, 51vh, 45px);
            transform: translate3d(85vw, 51vh, 45px);
  }
}

@keyframes particle-animation-1 {
  100% {
    -webkit-transform: translate3d(12vw, 51vh, 45px);
            transform: translate3d(12vw, 51vh, 45px);
  }
}
.particle:nth-child(1) {
  -webkit-animation: particle-animation-1 60s infinite;
          animation: particle-animation-1 60s infinite;
  opacity: 0.33;
  height:35px;
  width: 35px;
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  -webkit-transform: translate3d(35vw, 23vh, 92px);
          transform: translate3d(35vw, 23vh, 92px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(62vw, 22vh, 4px);
            transform: translate3d(62vw, 22vh, 4px);
  }
}

@keyframes particle-animation-2 {
  100% {
    -webkit-transform: translate3d(62vw, 45vh, 4px);
            transform: translate3d(62vw, 45vh, 4px);
  }
}
.particle:nth-child(2) {
  -webkit-animation: particle-animation-2 60s infinite;
          animation: particle-animation-2 60s infinite;
  opacity: 0.6;
  height: 33px;
  width: 33px;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
  -webkit-transform: translate3d(8vw, 30vh, 7px);
          transform: translate3d(8vw, 30vh, 7px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(8vw, 4vh, 78px);
            transform: translate3d(8vw, 4vh, 78px);
  }
}

@keyframes particle-animation-3 {
  100% {
    -webkit-transform: translate3d(8vw, 4vh, 78px);
            transform: translate3d(8vw, 4vh, 78px);
  }
}
.particle:nth-child(3) {
  -webkit-animation: particle-animation-3 60s infinite;
          animation: particle-animation-3 60s infinite;
  opacity: .7;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  -webkit-transform: translate3d(34vw, 34vh, 14px);
          transform: translate3d(34vw, 34vh, 14px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(86vw, 53vh, 18px);
            transform: translate3d(86vw, 53vh, 18px);
  }
}

@keyframes particle-animation-4 {
  100% {
    -webkit-transform: translate3d(8vw, 53vh, 18px);
            transform: translate3d(8vw, 53vh, 18px);
  }
}
.particle:nth-child(4) {
  -webkit-animation: particle-animation-4 60s infinite;
          animation: particle-animation-4 60s infinite;
  opacity: 0.5;
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  -webkit-transform: translate3d(45vw, 25vh, 88px);
          transform: translate3d(45vw, 25vh, 88px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(25vw, 43vh, 88px);
            transform: translate3d(25vw, 43vh, 88px);
  }
}

@keyframes particle-animation-5 {
  100% {
    -webkit-transform: translate3d(25vw, 43vh, 88px);
            transform: translate3d(25vw, 43vh, 88px);
  }
}
.particle:nth-child(5) {
  -webkit-animation: particle-animation-5 60s infinite;
          animation: particle-animation-5 60s infinite;
  opacity: 0.34;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  -webkit-transform: translate3d(31vw, 5vh, 99px);
          transform: translate3d(31vw, 5vh, 99px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(27vw, 36vh, 46px);
            transform: translate3d(27vw, 36vh, 46px);
  }
}

@keyframes particle-animation-6 {
  100% {
    -webkit-transform: translate3d(37vw, 36vh, 46px);
            transform: translate3d(37vw, 36vh, 46px);
  }
}
.particle:nth-child(6) {
  -webkit-animation: particle-animation-6 60s infinite;
          animation: particle-animation-6 60s infinite;
  opacity: 0.45;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
  -webkit-transform: translate3d(23vw, 2vh, 99px);
          transform: translate3d(23vw, 2vh, 99px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(19vw, 22vh, 39px);
            transform: translate3d(19vw, 22vh, 39px);
  }
}

@keyframes particle-animation-7 {
  100% {
    -webkit-transform: translate3d(19vw, 22vh, 39px);
            transform: translate3d(19vw, 22vh, 39px);
  }
}
.particle:nth-child(7) {
  -webkit-animation: particle-animation-7 60s infinite;
          animation: particle-animation-7 60s infinite;
  opacity: 0.24;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
  -webkit-transform: translate3d(43vw, 33vh, 51px);
          transform: translate3d(43vw, 33vh, 51px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(7vw, 18vh, 58px);
            transform: translate3d(7vw, 18vh, 58px);
  }
}

@keyframes particle-animation-8 {
  100% {
    -webkit-transform: translate3d(7vw, 18vh, 58px);
            transform: translate3d(7vw, 18vh, 58px);
  }
}
.particle:nth-child(8) {
  -webkit-animation: particle-animation-8 60s infinite;
          animation: particle-animation-8 60s infinite;
  opacity: 0.7;
  height:35px;
  width: 35px;
  -webkit-animation-delay: -1.6s;
          animation-delay: -1.6s;
  -webkit-transform: translate3d(21vw, 38vh, 62px);
          transform: translate3d(21vw, 38vh, 62px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(8vw, 64vh, 65px);
            transform: translate3d(8vw, 64vh, 65px);
  }
}

@keyframes particle-animation-9 {
  100% {
    -webkit-transform: translate3d(8vw, 35vh, 65px);
            transform: translate3d(8vw, 35vh, 65px);
  }
}
.particle:nth-child(9) {
  -webkit-animation: particle-animation-9 60s infinite;
          animation: particle-animation-9 60s infinite;
  opacity: 0.02;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -1.8s;
          animation-delay: -1.8s;
  -webkit-transform: translate3d(30vw, 35vh, 21px);
          transform: translate3d(30vw, 35vh, 21px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(84vw, 24vh, 44px);
            transform: translate3d(84vw, 24vh, 44px);
  }
}

@keyframes particle-animation-10 {
  100% {
    -webkit-transform: translate3d(14vw, 24vh, 15px);
            transform: translate3d(14vw, 24vh, 15px);
  }
}
.particle:nth-child(10) {
  -webkit-animation: particle-animation-10 60s infinite;
          animation: particle-animation-10 60s infinite;
  opacity: 0.55;
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
  -webkit-transform: translate3d(35vw, 44vh, 30px);
          transform: translate3d(35vw, 44vh, 30px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(5vw, 46vh, 39px);
            transform: translate3d(5vw, 46vh, 39px);
  }
}

@keyframes particle-animation-11 {
  100% {
    -webkit-transform: translate3d(55vw, 79vh, 39px);
            transform: translate3d(55vw, 79vh, 39px);
  }
}
.particle:nth-child(11) {
  -webkit-animation: particle-animation-11 60s infinite;
          animation: particle-animation-11 60s infinite;
  opacity: 0.03;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -2.2s;
          animation-delay: -2.2s;
  -webkit-transform: translate3d(20vw, 27vh, 10px);
          transform: translate3d(20vw, 27vh, 10px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(3vw, 63vh, 63px);
            transform: translate3d(3vw, 63vh, 63px);
  }
}

@keyframes particle-animation-12 {
  100% {
    -webkit-transform: translate3d(3vw, 22vh, 63px);
            transform: translate3d(3vw, 22vh, 63px);
  }
}
.particle:nth-child(12) {
  -webkit-animation: particle-animation-12 60s infinite;
          animation: particle-animation-12 60s infinite;
  opacity: 0.09; height:6px;
  width: 6px;
  -webkit-animation-delay: -2.4s;
          animation-delay: -2.4s;
  -webkit-transform: translate3d(34vw, 39vh, 2px);
          transform: translate3d(34vw, 39vh, 2px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(43vw, 19vh, 95px);
            transform: translate3d(43vw, 19vh, 95px);
  }
}

@keyframes particle-animation-13 {
  100% {
    -webkit-transform: translate3d(23vw, 35vh, 95px);
            transform: translate3d(23vw, 35vh, 95px);
  }
}
.particle:nth-child(13) {
  -webkit-animation: particle-animation-13 60s infinite;
          animation: particle-animation-13 60s infinite;
  opacity: 0.09;
  height:35px;
  width: 35px;
  -webkit-animation-delay: -2.6s;
          animation-delay: -2.6s;
  -webkit-transform: translate3d(45vw, 20vh, 8px);
          transform: translate3d(45vw, 20vh, 8px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(78vw, 20vh, 52px);
            transform: translate3d(78vw, 20vh, 52px);
  }
}

@keyframes particle-animation-14 {
  100% {
    -webkit-transform: translate3d(78vw, 20vh, 52px);
            transform: translate3d(78vw, 20vh, 52px);
  }
}
.particle:nth-child(14) {
  -webkit-animation: particle-animation-14 60s infinite;
          animation: particle-animation-14 60s infinite;
  opacity: 0.05;
  height: 15px;
  width: 15px;
  -webkit-animation-delay: -2.8s;
          animation-delay: -2.8s;
  -webkit-transform: translate3d(60vw, 9vh, 85px);
          transform: translate3d(60vw, 9vh, 85px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(45vw, 74vh, 64px);
            transform: translate3d(45vw, 74vh, 64px);
  }
}

@keyframes particle-animation-15 {
  100% {
    -webkit-transform: translate3d(45vw, 74vh, 64px);
            transform: translate3d(45vw, 74vh, 64px);
  }
}
.particle:nth-child(15) {
  -webkit-animation: particle-animation-15 60s infinite;
          animation: particle-animation-15 60s infinite;
  opacity: 0.05; height:25px;
  width: 25px;
  -webkit-animation-delay: -3s;
          animation-delay: -3s;
  -webkit-transform: translate3d(15vw, 37vh, 70px);
          transform: translate3d(15vw, 37vh, 70px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(72vw, 21vh, 87px);
            transform: translate3d(72vw, 21vh, 87px);
  }
}

@keyframes particle-animation-16 {
  100% {
    -webkit-transform: translate3d(72vw, 21vh, 87px);
            transform: translate3d(72vw, 21vh, 87px);
  }
}
.particle:nth-child(16) {
  -webkit-animation: particle-animation-16 60s infinite;
          animation: particle-animation-16 60s infinite;
  opacity: 0.7;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -3.2s;
          animation-delay: -3.2s;
  -webkit-transform: translate3d(20vw, 20vh, 22px);
          transform: translate3d(20vw, 20vh, 22px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(57vw, 33vh, 89px);
            transform: translate3d(57vw, 33vh, 89px);
  }
}

@keyframes particle-animation-17 {
  100% {
    -webkit-transform: translate3d(57vw, 33vh, 89px);
            transform: translate3d(57vw, 33vh, 89px);
  }
}
.particle:nth-child(17) {
  -webkit-animation: particle-animation-17 60s infinite;
          animation: particle-animation-17 60s infinite;
  opacity: 0.7;
  height: 8px;
  width: 8px;
  -webkit-animation-delay: -3.4s;
          animation-delay: -3.4s;
  -webkit-transform: translate3d(45vw, 10vh, 51px);
          transform: translate3d(45vw, 10vh, 51px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(72vw, 4vh, 76px);
            transform: translate3d(72vw, 4vh, 76px);
  }
}

@keyframes particle-animation-18 {
  100% {
    -webkit-transform: translate3d(72vw, 4vh, 76px);
            transform: translate3d(72vw, 4vh, 76px);
  }
}
.particle:nth-child(18) {
  -webkit-animation: particle-animation-18 60s infinite;
          animation: particle-animation-18 60s infinite;
  opacity: 0.6;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -3.6s;
          animation-delay: -3.6s;
  -webkit-transform: translate3d(40vw, 28vh, 21px);
          transform: translate3d(40vw, 28vh, 21px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(64vw, 22vh, 9px);
            transform: translate3d(64vw, 22vh, 9px);
  }
}

@keyframes particle-animation-19 {
  100% {
    -webkit-transform: translate3d(64vw, 22vh, 9px);
            transform: translate3d(64vw, 22vh, 9px);
  }
}
.particle:nth-child(19) {
  -webkit-animation: particle-animation-19 60s infinite;
          animation: particle-animation-19 60s infinite;
  opacity: 0.8;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -3.8s;
          animation-delay: -3.8s;
  -webkit-transform: translate3d(84vw, 7vh, 68px);
          transform: translate3d(84vw, 7vh, 68px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(15vw, 55vh, 40px);
            transform: translate3d(15vw, 55vh, 40px);
  }
}

@keyframes particle-animation-20 {
  100% {
    -webkit-transform: translate3d(15vw, 55vh, 40px);
            transform: translate3d(15vw, 55vh, 40px);
  }
}
.particle:nth-child(20) {
  -webkit-animation: particle-animation-20 60s infinite;
          animation: particle-animation-20 60s infinite;
  opacity: 0.6;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -4s;
          animation-delay: -4s;
  -webkit-transform: translate3d(35vw, 15vh, 57px);
          transform: translate3d(35vw, 15vh, 57px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(53vw, 38vh, 51px);
            transform: translate3d(53vw, 38vh, 51px);
  }
}

@keyframes particle-animation-21 {
  100% {
    -webkit-transform: translate3d(53vw, 38vh, 51px);
            transform: translate3d(53vw, 38vh, 51px);
  }
}
.particle:nth-child(21) {
  -webkit-animation: particle-animation-21 60s infinite;
          animation: particle-animation-21 60s infinite;
  opacity: 0.8; height:25px;
  width: 25px;
  -webkit-animation-delay: -4.2s;
          animation-delay: -4.2s;
  -webkit-transform: translate3d(23vw, 35vh, 87px);
          transform: translate3d(23vw, 35vh, 87px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(49vw, 17vh, 17px);
            transform: translate3d(49vw, 17vh, 17px);
  }
}

@keyframes particle-animation-22 {
  100% {
    -webkit-transform: translate3d(49vw, 17vh, 17px);
            transform: translate3d(49vw, 17vh, 17px);
  }
}
.particle:nth-child(22) {
  -webkit-animation: particle-animation-22 60s infinite;
          animation: particle-animation-22 60s infinite;
  opacity: 0.9;
  height:35px;
  width: 35px;
  -webkit-animation-delay: -4.4s;
          animation-delay: -4.4s;
  -webkit-transform: translate3d(70vw, 25vh, 34px);
          transform: translate3d(70vw, 25vh, 34px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(73vw, 16vh, 39px);
            transform: translate3d(73vw, 16vh, 39px);
  }
}

@keyframes particle-animation-23 {
  100% {
    -webkit-transform: translate3d(73vw, 16vh, 39px);
            transform: translate3d(73vw, 16vh, 39px);
  }
}
.particle:nth-child(23) {
  -webkit-animation: particle-animation-23 60s infinite;
          animation: particle-animation-23 60s infinite;
  opacity: 0.22; height:25px;
  width: 25px;
  -webkit-animation-delay: -4.6s;
          animation-delay: -4.6s;
  -webkit-transform: translate3d(85vw, 55vh, 63px);
          transform: translate3d(85vw, 55vh, 63px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(75vw, 23vh, 65px);
            transform: translate3d(75vw, 23vh, 65px);
  }
}

@keyframes particle-animation-24 {
  100% {
    -webkit-transform: translate3d(75vw, 23vh, 65px);
            transform: translate3d(75vw, 23vh, 65px);
  }
}
.particle:nth-child(24) {
  -webkit-animation: particle-animation-24 60s infinite;
          animation: particle-animation-24 60s infinite;
  opacity: 0.3;
  height: 19px;
  width: 19px;
  -webkit-animation-delay: -4.8s;
          animation-delay: -4.8s;
  -webkit-transform: translate3d(80vw, 35vh, 37px);
          transform: translate3d(80vw, 35vh, 37px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(32vw, 63vh, 57px);
            transform: translate3d(32vw, 63vh, 57px);
  }
}

@keyframes particle-animation-25 {
  100% {
    -webkit-transform: translate3d(32vw, 63vh, 57px);
            transform: translate3d(32vw, 63vh, 57px);
  }
}
.particle:nth-child(25) {
  -webkit-animation: particle-animation-25 60s infinite;
          animation: particle-animation-25 60s infinite;
  opacity: 0.34; height:25px;
  width: 25px;
  -webkit-animation-delay: -5s;
          animation-delay: -5s;
  -webkit-transform: translate3d(1vw, 34vh, 47px);
          transform: translate3d(1vw, 34vh, 47px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(26vw, 7vh, 47px);
            transform: translate3d(26vw, 7vh, 47px);
  }
}

@keyframes particle-animation-26 {
  100% {
    -webkit-transform: translate3d(26vw, 7vh, 47px);
            transform: translate3d(26vw, 7vh, 47px);
  }
}
.particle:nth-child(26) {
  -webkit-animation: particle-animation-26 60s infinite;
          animation: particle-animation-26 60s infinite;
  opacity: .23;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -5.2s;
          animation-delay: -5.2s;
  -webkit-transform: translate3d(12vw, 9vh, 70px);
          transform: translate3d(12vw, 9vh, 70px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(25vw, 69vh, 78px);
            transform: translate3d(25vw, 69vh, 78px);
  }
}

@keyframes particle-animation-27 {
  100% {
    -webkit-transform: translate3d(25vw, 69vh, 78px);
            transform: translate3d(25vw, 69vh, 78px);
  }
}
.particle:nth-child(27) {
  -webkit-animation: particle-animation-27 60s infinite;
          animation: particle-animation-27 60s infinite;
  opacity: 0.3;
  height: 21px;
  width: 21px;
  -webkit-animation-delay: -5.4s;
          animation-delay: -5.4s;
  -webkit-transform: translate3d(100vw, 35vh, 51px);
          transform: translate3d(100vw, 35vh, 51px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(35vw, 34vh, 32px);
            transform: translate3d(35vw, 34vh, 32px);
  }
}

@keyframes particle-animation-28 {
  100% {
    -webkit-transform: translate3d(35vw, 34vh, 32px);
            transform: translate3d(35vw, 34vh, 32px);
  }
}
.particle:nth-child(28) {
  -webkit-animation: particle-animation-28 60s infinite;
          animation: particle-animation-28 60s infinite;
  opacity: 0.6;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -5.6s;
          animation-delay: -5.6s;
  -webkit-transform: translate3d(76vw, 5vh, 90px);
          transform: translate3d(76vw, 5vh, 90px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(62vw, 37vh, 47px);
            transform: translate3d(62vw, 37vh, 47px);
  }
}

@keyframes particle-animation-29 {
  100% {
    -webkit-transform: translate3d(62vw, 37vh, 47px);
            transform: translate3d(62vw, 37vh, 47px);
  }
}
.particle:nth-child(29) {
  -webkit-animation: particle-animation-29 60s infinite;
          animation: particle-animation-29 60s infinite;
  opacity: 0.7;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -5.8s;
          animation-delay: -5.8s;
  -webkit-transform: translate3d(54vw, 11vh, 47px);
          transform: translate3d(54vw, 11vh, 47px);
  background: #fefefe;
}

@-webkit-keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(65vw, 47vh, 35px);
            transform: translate3d(65vw, 47vh, 35px);
  }
}

@keyframes particle-animation-30 {
  100% {
    -webkit-transform: translate3d(65vw, 47vh, 35px);
            transform: translate3d(65vw, 47vh, 35px);
  }
}
.particle:nth-child(30) {
  -webkit-animation: particle-animation-30 60s infinite;
          animation: particle-animation-30 60s infinite;
  opacity: 0.26;
  height: 45px;
  width: 45px;
  -webkit-animation-delay: -6s;
          animation-delay: -6s;
  -webkit-transform: translate3d(80vw, 12vh, 91px);
          transform: translate3d(80vw, 12vh, 91px);
  background: #fefefe;
}



.top-40{
	opacity:0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.top-0{
	opacity:1;
	margin-top:0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.height-40{
	height:40px;	
}

.height-0{
	height:0;	
}

.top-bar{
background:	rgba(52,52,52,0);
top: 0rem;
font-size:.9rem;
color:#fff;
display:inline;
position: absolute;
z-index: 999;
}

.top-bar .iletisim{
	top: -.7rem;
	right: 1.5rem;
	position: absolute;
	transition: top 0.3s ease;
}

.top-bar .iletisim:hover {
 	top: -.4rem;
}




span{
	display:inline;	
}



.top-bar .top-btns a{
font-size:.7rem;
}






.top-social{
padding:0 .3rem !important;
}

.top-phone{
margin-right:1rem;
padding-left:.2rem;	
}


.top-diller{
	font-size:.7rem;
	margin-left:1rem;
	
}

.top-diller a{
	padding:.05rem .3rem;
	color:#fff;

}

.top-diller a:hover{
opacity:.5;
-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}

.top-diller .active{
	padding:.05rem .3rem;
	color:#9cbe1a ;

}

 .control {
          
            display: inline-block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px;
            padding-top: 2px;
            cursor: pointer;
			font-size:.8rem;
	color:#000;	
          
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top: 2px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #e6e6e6;
            border: 0px solid #000000;
            border-radius: 0px;
        }
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #cccccc;
        }
        
        .control input:checked ~ .control_indicator {
            background: #00a79d;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #00a79d;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 8px;
            top: 4px;
            width: 3px;
            height: 8px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #7b7b7b;
        }
        .control-checkbox .control_indicator::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4.5rem;
            height: 4.5rem;
            margin-left: -1.3rem;
            margin-top: -1.3rem;
            background: #2aa1c0;
            border-radius: 3rem;
            opacity: 0.6;
            z-index: 99999;
            transform: scale(0);
        }
        @keyframes s-ripple {
            0% {
                transform: scale(0);
            }
            20% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        @keyframes s-ripple-dup {
           0% {
               transform: scale(0);
            }
           30% {
                transform: scale(1);
            }
            60% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        .control-checkbox input + .control_indicator::before {
            animation: s-ripple 250ms ease-out;
        }
        .control-checkbox input:checked + .control_indicator::before {
            animation-name: s-ripple-dup;
        }
		
.kisisel-veri{
	font-size:.8rem;
	color:#00a79d;	
}

.kisisel-veri:hover{
	font-size:.8rem !important;
	color:#007a73;	
	text-decoration:none;
}

.controls h3{
	font-weight:500;
	color:#9cbe1a ;
	margin-top:0;	
}

.controls {
	font-size:.9rem;

}
.iletisim-fas span{
	margin:1rem;	
}


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #6a6a68;
  font-size:1rem;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #6a6a68;
   font-size:1rem;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
 color: #6a6a68;
   font-size:1rem;
}

		 


.header-h1{
opacity:0;	

}

.header-p{
opacity:0;	

}


		 
.carousel-item.active .header-h1 {
  animation: animate-carousel 1s normal forwards;
}

.carousel-item.active .header-p {
  animation: animate-carousel 1s normal forwards;
  animation-delay:.5s;
}		

@keyframes animate-carousel {

  0% {
    transform: translate(0, 5em);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}


.accordion-section .panel-default > .panel-heading {
    border: 0;
	border-bottom:2px solid #ccc;
    padding: 0;
	margin-bottom:1rem;
}

.accordion-section .panel-default > .panel-heading h3 {
    padding: .5rem;
	margin-top:0;
	
	
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 1rem;
	color:#323232;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 1rem;
    content: url("../images/yukari-ok.png");;
    color: #1f7de2;
    float: right;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: url("../images/asagi-ok-2.png");
}
.accordion-section .panel-default .panel-body {
    font-size: 1rem;
	padding:0 .5rem 1rem .5rem;
}


.navbar-dark .navbar-toggler {
    color: rgba(0,0,0,1);
    border-color: rgba(0,0,0,.0);
}

.lang-mobile{
display:none;	
}

.navbar-dark .navbar-nav .nav-active {
border-bottom: 1px solid;
	color:#000;
}



.asagi-ok-con{
	position: absolute;
	bottom: 15px;
	color:#fff;
	right:1rem;
	margin: 0 auto;
	padding-top: 4px;
	text-decoration: none;
	font-size:.9rem;
	
	
}
.asagi-ok-con a{
	color:#fff;	
}

.asagi-ok-con a:hover{
	color:#fff;	
	text-decoration:none;
}




.asagi-ok-con:hover{
	opacity:.5;
	color:#fff;
	text-decoration: none;
	-webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
     o-transition: opacity .2s ease-in-out;
     transition: opacity .2s ease-in-out;
}


#anim-ok{
	margin-left:.5rem;
	color:#af151b;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;	
}

@-webkit-keyframes float {
  0% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {

    -webkit-transform: translatey(-7px);
            transform: translatey(-7px);
  }
  100% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}

@keyframes float {
  0% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
  50% {

    -webkit-transform: translatey(-7px);
            transform: translatey(-7px);
  }
  100% {

    -webkit-transform: translatey(0px);
            transform: translatey(0px);
  }
}


.header_ic_sayfa_3{
	background-image: url(../images/ziyade-catering-3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
	background-color:#000;
	
}





.yesil-check{
	font-size:2.5rem;
	color:#70BB0E;	
}

.bg-footer p{
color:#fff;
font-size:1rem !important;	
}



.footer-contacts{
	color:#004f57;
	font-size:1.3rem;
}

.footer-contacts .fas{
	color:#f35a5a;
	font-size:2rem;
	
}

.logo-m{
	display:none;	
}

.mavi-check{
	font-size:1.5rem !important;
	color:#606e6d;	
	margin-bottom:0;
}

.iletisim p{
	font-size:1.25rem;	
}

.iletisim .fas{
	color:#db0d15;
}

.katkisiz{
position:absolute; 
bottom:2rem; 
padding-left:1rem;
left:0;
right:0;
margin:0 auto;	
}

.p-alt-bosluk{
	padding-bottom:2rem;	
}
.p-ust-bosluk{
	padding-top:0;	
}


.top-show{
opacity:1;	
}

.top-hide{
opacity:0;	
}

.m-dil a{
	font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    padding-left: 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    line-height: 4rem;
}

.m-dil a:hover{
	font-size:.9rem;
	color:#fff;
	text-decoration:none;
}




.anasayfa-box1{
	background-color: #3c3c3b;
    color: #fff;
    min-height: 150px;
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 600;
	border-radius:.2rem;
}

.text-link{
	font-size:1rem !important;	
}

.slogan{
	font-size:1.3rem;
	font-weight:500;	
}


.accordion-section .panel-default > .panel-heading {
    border: 0;
	border-bottom:1px solid #f0f0f0;
    padding: 0;
	margin-bottom:1rem;
}

.accordion-section .panel-default > .panel-heading h3 {
    padding: .5rem;
	margin-top:0;
	margin-right:2rem;
	
	
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 1.2rem;
	color:#e30613;
	font-weight:500;
}


.accordion-section .panel-default .panel-title a:active {
    display: block;
    font-size: 1.2rem !important;
	color:#e30613;
	font-weight:500;
}

.accordion-section .panel-default .panel-title a:focus {
    display: block;
    font-size: 1.2rem !important;
	color:#e30613;
	font-weight:500;
}

.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    content: url("../images/yukari-ok.png");;
    color: #1f7de2;
    float: right;
	position: absolute;
    right: 2rem;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: url("../images/asagi-ok-2.png");
}
.accordion-section .panel-default .panel-body {
    font-size: 1rem;
	padding:0 .5rem 1rem .5rem;
}

.text-q{
	font-weight:600;	
}

.fa-check-circle{
	color:#999fa2;	
}


.golgeler{

-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);
box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);	
}

.bloklar{
	background-color:#333333;
	border-radius:.5rem;
	padding-bottom:.1rem;
	min-height: 260px !important;
	margin-bottom:1.5rem;
	
}


.bloklar img{
border-top-left-radius: .5rem;	
border-top-right-radius: .5rem;	
}

.bloklar a{
	color:#fff;	
}

.sponsor{
-webkit-box-shadow: 0px 0px 15px 0px rgba(240,240,240,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(240,240,240,1);
box-shadow: 0px 0px 15px 0px rgba(240,240,240,1);
border-radius:.7rem;
    margin-top: 1.2rem;

	
}

.carousel-ust{
	font-family: 'Rubik', sans-serif;
	font-size: 2.5rem;
	font-weight:700;
	color:#fff;
}

.carousel-orta{
	font-family: 'Rubik', sans-serif;
	font-size: 5rem;
	line-height: 5rem;
	font-weight: 700;
	color:#fff;
}

.carousel-orta-2{
	font-family: 'Rubik', sans-serif;
	font-size: 3.2rem;
	line-height: 5rem;
	font-weight: 700;
	color:#fff;
}


.header-p{
	opacity: 0;
}

 
 .h-img
{
	 opacity: 0;
	max-height: 450px;
	padding-top:2rem;
}
		 
.carousel-item.active .h-img {
  animation: animate-carousel .5s normal forwards;
}

.carousel-item.active .header-p {
  animation: animate-carousel .5s normal forwards;
  animation-delay: .1s;
}

		 
@keyframes animate-carousel {

  0% {
    transform: translate(15em, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8%;
    color: #fff;
    text-align: center;
    opacity: .5;
    background: none;
	border:none;
	z-index: 9999;
}

.arama-kutu{
	border-radius: .5rem;
	background-color: #036868;
	position: absolute;
	top:-6rem;
	left: 0;
	right: 0;
	padding: 1.5rem .3rem;
	border:0px solid #036868;
	color:#fff;
	margin: 0 .5rem;
}

.sticky-tel{
	position: absolute;
    top: -1.6rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: .5rem;
	
}
.arama-kutu-ic{
	border-radius: .5rem;
	background-color: #036868;
	padding: 1rem .3rem;
	border:0px solid #036868;
	color:#fff;
	margin: 0 .5rem;
}


.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
	font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-group label{
	color:#fff;
}

/* The container must be positioned relative: */
.custom-select {
 position: relative;
 padding: 0;
font-weight: 500;
height: 45px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #fff;

}

/* Style the arrow inside the select element: */
.select-selected:after {
   content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("../images/asagi-ok-2.png"); /* your arrow image */
  background-size: contain;
  background-repeat: no-repeat;
  background-color:#fff;
}


/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #015e63;
  padding: .5rem;
  border: 0px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #f0f0f0;;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.arama-label{
	margin-bottom: .4rem;
}

.arama-alt{
	margin-top: 1rem;
}

.btn-sm{
	font-size: .8rem !important;
}

.slider-container {
    position: relative;
    overflow: hidden;
}

.slider-wrapper {
    width: 100%;
}

.slider-track {
    transition: transform 0.3s ease;
	width:100%;
	height:135px;
}

.resim-item {
    min-width: 100%;
    box-sizing: border-box;
}



.slider-prev,
.slider-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background-color:#f0f0f0;
    border: none;
    padding: 5px 10px;
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0;
}
			
.baslik{
				font-size: 1.1rem;
				fotn-weight:700;
				
			}
			
			
.otel-resim{
				max-height: 130px;
				width:auto;
			}
			
.sticky-box {
      position: sticky;
      top: 20px; /* Yukarıdan boşluk */
      background: #036868;
      border: 0;
      padding: 10px;
	  border-radius: .5rem;
	  color:#fff;
    }
	
.gri-cerceve{
	
	background-color:#f0f0f0;
	border-radius: .5rem;
}

.alt-border-yesil{
	border-bottom: 1px solid #015e63;
}

.kutular{
	padding-right: 5px;
    padding-left: 5px;
}

.detay_baslik{
	background-color: #fff;
    padding: .3rem;
    border-radius: .4rem;
}


.oda-fiyat{
	font-size: 1.4rem;
	font-weight: 600;
	color:#036868;
}

.rota_table{
	color:#036868;
}

.table_thead{
	background-color: #f0f0f0 !important;
    border-bottom: 1px solid #ddd;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0;
}

.table_alt{
	background-color:#fff;
	border-top: 1px solid #dddddd;
}

.table_th {
   border-top:0 !important;
}

.gri-container{
background-color:#f0f0f0;
	border-radius: .4rem;
	color:#036868;
	padding: .8rem !important;
	
}

.otel-resim-detay{
	max-height: 120px;
	width: auto;
}

.otel-isim-alt{
	font-size: 1.2rem;
}



.bg-image-box {
  width: 100%;
 aspect-ratio: 1 / 1; /* kare format */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.5rem;
}

.bg-image-box-turlar {
  width: 100%;
  aspect-ratio: 1 / 1; /* kare format */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.5rem;
}



.tab-content{
	
	background: #fff;
    border-right: 1px solid #dee2e6 ;
    border-bottom: 1px solid #dee2e6 ;
    border-left: 1px solid #dee2e6 ;
    padding: 1rem;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: #e2e2e2;
    margin-right: .3rem;
	color:#222
}

.resim-gozat{
	position: absolute;
    margin: 0 auto;
    bottom: 15%;
    left: 10%;
    right: 10%;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
	pointer-events: none; 
	display: inline-table;
	border-radius: .3rem; 
	padding: .2rem .7rem; 
	font-size: .8rem;
	
}


.resim-gozat-a {
  opacity: 1;
  transition: opacity 0.3s ease; /* Geçiş efekti */
}

.resim-gozat-a:hover {
  opacity: 0.7; /* Hover durumunda yarı saydamlık */
}

.sag-tel{
	font-size: 1.2rem;
}

.card-header{
	line-height: 1.3rem;
}

.card-header-alt{
	font-size: .8rem;
	font-weight: 400;
}

.ana-kutu{
	background-color:#edefef;
	border-radius: .4rem;
	padding: 3rem 1rem 1rem 1rem;
}


.ana-kutu span{
	display: block;
}
.ana-kutu img{
	position: absolute;
	right: 0;
	left: 0;
	top:-2rem;
	margin: 0 auto;
	
}

.ozellikler{
	padding-left: 2rem;
}


.underline-yellow {
  display: inline-block;
  position: relative;
  padding-bottom: .2rem;
}

.underline-yellow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: #E9C761;
}


.underline-white {
  display: inline-block;
  position: relative;
  padding-bottom: .2rem;
}

.underline-white::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #13a0a0;
}

.footer-alt{
	padding: 1rem;
	background-color:#13a0a0;
	color:#fff;
}

.footer-alt a{
	color:#fff;
	text-decoration: none;
}

.footer-alt a:hover{
	color:#fff;
	text-decoration: underline;
}

.iletisim-font span{
	font-size: 1.2rem;
}

.ozellik-isim{
	font-size: .7rem;
	font-weight: 700;
}

.sonuc span {
  white-space: nowrap;
}

.head-liste{
background: #e3e3e3;
    border-radius: .4rem;
    padding: .3rem; 
	}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #036868;
    font-weight: 600;
}

.ic-kutu {
    background-color: #edefef;
    border-radius: .4rem;
    padding: 1rem;
}

.modal-tel{
	font-size: 1.8rem;
    font-weight: 700;
    color: #015e63;
}


.modal-footer {

    border-top:none;
}



.myaccordion {
  margin: .5rem auto;
  box-shadow: 0 0 1px rgba(0,0,0,0.1);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-header {
  border-bottom-color: #EDEFF0;
  background: transparent;
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: bold;
  color: #004987;
  padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}

.owl-next img{
	position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: .75rem;
}

.owl-prev img{
	position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: .75rem;
}



.acic-container{
	width: 27px;
	height:27px;
	border-radius: 6rem;
	background-color:#E9C761;
	position: relative;
}

.acic-container span{
	position: absolute;
	margin: 0 auto;
	right: 0;
	left:0;
}



.btn-link {
  
    color: #036868 !important;

}

.otel-ust{
	font-size: .8rem;
	color: #222;
}

.tur_arama_baslik{
	font-size: 1rem;
	min-height: 75px;
	
}

.fiyat_anasayfa{
	 font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 600;
}


.fiyat_arama{
	    font-size: 1.1rem;
    line-height: 1.3rem;
    font-weight: 600;
}

.fiyat_arama_alt{
	font-size: .7rem;
    margin-top: .5rem;
	color: #222;
}

.kartlar-tepe{
	font-size: 1rem;
	font-weight: 600;
}

.donus{
	background-color: #f9f9f9;
    padding: .35rem 1rem .35rem 1rem;
    color: #333;
	border-top-left-radius:.3rem;
	border-bottom-left-radius:.3rem;
	font-size: 1rem;
}

.gidis{
	background-color: #036868;
    padding: .35rem 1rem .35rem 1rem;
    color: #fff;
	border-top-left-radius:.3rem;
	border-bottom-left-radius:.3rem;
	font-size: 1rem;
}

.gidis-yan{
	background-color:#f9f9f9; 
	padding: .35rem 1rem .35rem 1rem;
	border-top-right-radius:.3rem;
	border-bottom-right-radius:.3rem;
}

.gidis-yan-2{
	background-color:#f9f9f9; 
	padding: .35rem 1rem .35rem 1rem;
	border-radius: .3rem;
}

.border-alt-gri{
	border-bottom: 1px solid #f0f0f0;
}

.border-ust-gri{
	border-top: 1px solid #f0f0f0;
}

.font-kucuk{
	font-size: .8rem;
}

.h2-detay {
  display: flex;
  align-items: center;       /* yazıyı dikey ortalar */
}

.h2-detay::after {
  content: "";
  flex: 1;                   /* kalan alanı kaplasın */
  border-bottom: 1px solid #d3d3d3; /* çizgi */
  margin-left: 10px;         /* yazı ile çizgi arası boşluk */
}

.fiyat_baslik{
	font-weight: 600;
}

.detayli-ara{
	color:#e9c761;
	font-size: .9rem;
}


@media screen and (max-width: 991px){
	
.tur_arama_baslik{
	font-size: 1rem;
	min-height: auto;
	
}
	
.ic-h1-alt{
	display: block;
}
	
	.ic-h1-baslik{
		display: inline-block;
    width: 23%;
	}
	
	.btn-mobil-margin{
		margin-top: 1.5rem;
		margin-bottom: 1rem;
	}
	
	.dropdown-menu {
    background: #fff;
    
}
	
	.dropdown-menu a{

	color:#015e63;

	
}

.dropdown-menu a:hover{

	color:#015e63;

}
	
	.btn-mobil{
		font-size: 1rem !important;
	}
	
	.btn-mobil-block{
		
    	width: 100%;
	}
	
	.accordion-mobl-btn{
		background-color:#f0f0f0;
		padding: .6rem .5rem !important;
		margin-top: .5rem;
	}
	
body{
	font-size:1.05rem;
}	
	
.kartlar-tepe{
	font-size: 1rem;
	font-weight: 600;
}
.gidis{
    padding: .35rem .4rem .35rem .4rem;
}	
	
.gidis-yan-2{
	background-color:#f9f9f9; 
	padding: .35rem .4rem .35rem .4rem;
	border-radius: .3rem;
}

	
.acic-container{   
	position: absolute;
    right: -.5rem;
}
	
.ozellikler{
	margin-top: 2rem;
	padding-left: 1rem;
}
	
	.head-liste{
		margin-top: 1.5rem;
	}
	
	.oda-fiyat-container{
		margin-top: 2rem;
	}
	
	.resim-gozat{

    bottom: 20%;

    background-color: rgba(0, 0, 0, .7);
 
	font-size: 1rem;
	
}
	
	.bg-image-box{
	margin-bottom:1.4rem;
}
	
	.footer-sag{
		margin-top:2rem;
	}
	
	.ana-kutu-margin{
		margin-bottom:4rem;
	}
	
	.bg-image-box {
  width: 100%;
  height: 220px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0.5rem;
}

	
	.nav-tabs .nav-link {
  width: 100%;
}
	
	.sticky-box {
      position:relative;
		margin-top: 3rem;

    }
	
	.header{



}
	
	.arama-kutu{
		position: relative;
		top:0;
	}
	
	.arama-label{
	margin-bottom: .4rem;
		margin-top: 1rem;
}
	
	.arama-alt{
	margin-top: 0rem;
	padding: .5rem 0 1rem 0;
}
	
	.top-bar{
		display:none;	
	}
	
	
.carousel-ust{
	font-family: 'Rubik', sans-serif;
	font-size: 1.4rem;
	font-weight:700;
	color:#fff;

}

.carousel-orta{
	font-family: 'Rubik', sans-serif;
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 700;
	color:#fff;

}
	
.carousel-orta-2{
	font-family: 'Rubik', sans-serif;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 700;
	color:#fff;
}


	.p-ust-bosluk{
	padding-top:3rem;	
}
	

.tepe-arka-tr{
 /* background-image: url(../images/tepe1-m.jpg); */
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;

}

.alt-arka{
  background-image:none;

}



.alt-arka-2{
   background-image:none;
}

.alt-arka-3{
   background-image:none;
}

.p-alt-bosluk{
	padding-bottom:0;	
}

	
.h1-slider{

	font-size:3rem;

	
}

	h1{
		margin-top:1.2rem;
	}	
	
.h1-alt{
	font-size:1.4rem;
	line-height: 1.4rem;
}

.h1-ust{
	font-size:2rem;
}



.logo-m{
	display:block;	
}
	
.logo-m img{
	max-width: 230px;
	}
.navbar-pos{
	display:none;	
}
	.top-tel{
		display:none;	
	}
	

	
	.alt-marka{
		margin-top:1rem;	
	}
	
	.navbar-dark .navbar-nav .nav-active {
border-bottom: 0;
	color:#000;
}
	


	.asagi-ok-con{
		display:none;	
	}
	
	.h-60{
		max-height:50% !important;	
	}
	.top-phone{
margin-right:0;
padding-left:0;	
}

.top-diller{
display:none;
}
	
.lang-mobile{
display:block;
padding:.5rem 0 0 .5rem;
color:#fff;
font-size:.9rem;
}

.lang-mobile a{
color:#fff;
}

.lang-mobile .active {
    padding: .05rem .3rem;
    color: #9cbe1a;
}
	

	.mobile-arayalim{
		position:fixed;
		bottom:0;	
		z-index:50;
		width:100%;
}
	
	
	
	
	.h-60 {
    height: 80%!important;
}
	
	.h-md-80 {
    height: 100%!important;
}
	





	
.social{
	color:#fff;
	font-size:.8rem;
	border:2px solid #FFF;    
    height:35px;
    border-radius:.3rem;
    width:35px;
	text-align:center;
	padding-top:10px;
	margin:5px;
}


	.header_anasayfa{
	background-image: url(../images/header_bg_2.png);
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
	
	nav a {

	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	line-height:none;

	}
	
	.navbar-collapse {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding:.5px;
		border-radius: .25rem;
		background-color: #fff;
		margin-top:1rem;
		z-index:999;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.24);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.24);
	}
	.nav-link{
		line-height:1rem;
	}
	
.navbar-dark .navbar-toggler {
    color: #000;
    border:0;
    font-size: 2rem;
}
	
	
.navbar-dark .navbar-nav .nav-link {
	font-size: 1.3rem;
        background: none;
        font-weight: 600;
        padding: .1rem 0;
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 1.2rem;
}
	
	.navbar-light .navbar-nav .nav-link {
    color: #fff;
    background: none;
	}
	

	.ikon-p{
	font-size:1rem;
	}
	
	
	/* header mobil stili*/
	
	.custom1 h2{
		font-size: 1.3rem;
		color: #fff;
	}

	.custom1 p{
	font-size: 1rem;	
	}
	
	/* h tag mobil stilleri */
	


.circle-text-2{
	position:absolute;
	top:47%;
	left: 0;
  right: 0;
  margin: 0 auto;
  
}


.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover{
	color:#015e63;
	opacity:1;	
}

.navbar-light .navbar-nav .nav-link:hover{
	opacity:1;	
}

.navbar-transparent .nav-item .dropdown-menu a {
    color: #fff;
    line-height: 1rem;
    padding: 0 .4rem .2rem 1rem;
    margin: 0 0 .6rem 0;
}

.navbar-light .nav-item .dropdown-menu a {
    color: #fff;
    line-height: 1rem;
    padding: 0 .4rem .2rem 1rem;
    margin: 0 0 .6rem 0;
}

.ikon-tepe{
	margin-top:2rem;	
}

.ikon-p{
	min-height:100px;	
}


.m-header{
padding-top:6rem;color:#fff; font-size:2rem; font-weight:600;	
}


.alt-beyaz{
	display:none;	
}

.bg-cizgi{
	display:none;	
}

.section-ic{
	padding-top:7rem;	
}

.header-h1{
font-size:2rem;
font-weight: 500;
color:#fff;

}

.header-p{
font-size:1rem;
font-weight: 500;
color:#fff;
margin-top:3rem;
}




.box2 {

	-webkit-transition:  top .5s ease-in-out;
    -moz-transition:  top .5s ease-in-out;
    -ms-transition:  top .5s ease-in-out;
     o-transition:  top .5s ease-in-out;
     transition:  top .5s ease-in-out;
	 bottom:1rem;
	 top:0;
	 position:relative;
	
	 }
	 
	 


.top-phone{
margin-right:1rem;
padding-left:0;
margin-left:0;	
}
.top-social{
	display:none;	
}

	.h1-ust{
		margin-top:8rem;
}
	
	.footer-adresler{
		padding: 1rem 1rem;
	}
	
	.footer-form {
    padding: 1rem 1rem 0rem 1rem;
}

.social-con {
    margin-top: 1rem;
}
	
	.navbar-collapse{
	position: absolute;
    top: 6rem;
    left: 0px;
    right: 0px;
	}

}