/* renk paleti
#ff7c33 turuncu
#370f78 laci
#ee3790 pembiş
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
body,html {height:100%;}
body {
    font-family: 'Raleway', sans-serif;
    background-image: url(../img/bg-yaz.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
	background-attachment: fixed;
	background-size:cover;
    }
    
@media (max-width: 2560px) and (min-width: 1400px) {
    }

@media (max-width: 1399px) and (min-width: 800px) {
    }

.whtback {
    background-color: #fff;
    }

.whtback2 {
    background-color: darkgoldenrod;
    }

.langbar {
    background-color: #ff7c33;
    color: #fff;
    background-size: 345px 345px;
    border-bottom: 5px solid #bb5b25;   
    }

.langbar ul {
    display: inline;
    left: 0;
    list-style-type: none;
    }

.langbar p {
    display: inline;
    font-size: 1.3em;
}

.langbar a {
    color: #fff;
    font-size: 1.7em;
    }

.langbar li a:hover {
    color: #fff;
    }

.navbar-light .navbar-nav .nav-link {
    font-weight: 700;
    font-size: 1.1em;
    }

.navbar-light .navbar-nav .nav-link:hover {
    color: #ff7c33;
    text-decoration: underline;
    }

.activelink {
    pointer-events: none;
    cursor: default;
    text-decoration: underline;
    }

@media (min-width: 992px) {

.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 1.16rem;
    padding-left: 1.16rem;
    border-right: 1px solid #ccc;
    }
    }

.cardv1 {
    border: 2px solid #370f78;
    padding-top: 1.1em;
    padding-bottom: 1em;
    color: #370f78;
	background-color:#ffffff;
    }

.cardv2 {
    border: 2px solid #ff7c33;
    padding-top: 1.1em;
    padding-bottom: 1em;
    color: #ff7c33;
	background-color:#ffffff;
    }

.cardv3 {
    border: 2px solid #ee3790;
    padding-top: 1.1em;
    padding-bottom: 1em;
    color: #ee3790;
	background-color:#ffffff;
    }

.cardv4 {
    border: 2px solid #37821f;
    padding-top: 1.1em;
    padding-bottom: 1em;
    color: #37821f;
	background-color:#ffffff;
    }

.cardv1:hover {
    animation: pulse 0.7s;
    }

.cardv1:hover img {
    animation: flip 1s;
    }

.cardv2:hover {
    animation: pulse 0.7s;
    }

.cardv2:hover img {
    animation: flip 1s;
    }

.cardv3:hover {
    animation: pulse 0.7s;
    }

.cardv3:hover img {
    animation: flip 1s;
    }

.cardv4:hover {
    animation: pulse 0.7s;
    }

.cardv4:hover img {
    animation: flip 1s;
    }


.threebox {
    font-size: 1.4em;
    font-weight: 800;
    }

@media (max-width: 575px) {
.threebox {
    font-size: 1em;
    }
    
.tria1 {
    position: absolute;
    z-index: 1;
    top: -0.4em;
    width: 25px;
    height: 23px;
    }

.tria2 {
    position: absolute;
    z-index: 1;
    top: -0.4em;
    text-align: center;
    width: 25px;
    height: 23px;
    }
.tria3 {
    position: absolute;
    z-index: 1;
    top: -0.4em;
    width: 25px;
    height: 23px;
}

.tria4 {
    position: absolute;
    z-index: 1;
    top: -0.4em;
    width: 25px;
    height: 23px;
    }
    }

.threebox a:hover {
    text-decoration: none;
    }

.tria1 {
    position: absolute;
    z-index: 1;
    top: -.6em;
    margin-left: -3.7em;
    }

.tria2 {
    position: absolute;
    z-index: 1;
    top: -.6em;
    text-align: center;
    margin-left: -3.8em;
    }

.tria3 {
    position: absolute;
    z-index: 1;
    top: -.6em;
    margin-left: -3.5em;
    }

.tria4 {
    position: absolute;
    z-index: 1;
    top: -.6em;
    margin-left: -2.8em;
    }

.innershade {
    /*box-shadow: inset 4px 4px 40px #2b2f37;*/
    border-top: 2px solid #333333;
	background-color: #b5b5b5;
	opacity: 0.95 !important;
    }

.innershade2 {
    box-shadow: 1px 1px 20px #000;
    }

.magaza a {
    padding-left: 1.33em;
    font-size: 1em;
    text-decoration: none;
    color: #3f3e40;
    font-weight: 600;
    display: inline-block;
    }

@media (max-width: 768px) {
    .magaza a {
    font-size: 0.9em;
}}

.magaza a:hover {
    color: #ff7c33;
    }

.boxie {
    border: 2px #929598 solid;
    }

@media (max-width: 768px) {
    .boxie {
    margin-left: 30px;
    margin-right: 30px;
}}


.media{
    height: 11em;
    }

.media h3 {
    font-weight: 700;
    color: #58585a;
    }

.cuadro_intro_hover{
    padding: 0px;
	position: relative;
	overflow: hidden;
	}

.cuadro_intro_hover:hover .caption{
    opacity: 1;
    transform: translateY(-180px);
    -webkit-transform:translateY(-180px);
    -moz-transform:translateY(-180px);
    -ms-transform:translateY(-180px);
    -o-transform:translateY(-180px);
	}

.cuadro_intro_hover img{
    z-index: 0;
    height: 85%;
	}

.cuadro_intro_hover .caption{
    position: absolute;
    top:180px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    width: 100%;
    font-size: 1.2em;
	}

.cuadro_intro_hover .caption h3{
    font-weight: 700; 
    font-size: 1.2em;
    }

.cuadro_intro_hover .blur{
    background-color: rgba(63,62,64,1);
    height: 11em;
    z-index: 5;
    position: absolute;
    width: 100%;
	}

.cuadro_intro_hover .caption-text{
    z-index: 10;
    color: #fff;
    position: absolute;
    height: 300px;
    text-align: center;
    top:0px;
    width: 100%;
	}

.cuadro_intro_hover .caption-text h4{
    margin-left: 20px;
    margin-right: 20px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-top: 7px;
    padding-bottom: 4px;
    font-weight:600;
    font-size: 1em;
	}

.etkindown:hover img {
	 filter:brightness(70%) invert(100%) sepia(100%);
}

.firsatcard {
	background-color: #fff;
	border: solid 1px #929598;
	border-radius: 0.25em;
}

.firsatcard:hover {
	background-color: #ef7c00;
	border: solid 1px #929598;
	color: #fff;
}


.hizmetcard {
	background-color: #fff;
	border: solid 1px #929598; 
}

@media (max-width: 578px) {
	.hizmetcard {
	margin-left: 30px;
	margin-right: 28px;
}
}

.hizmetcard:hover {
	background-color: #ef7c00;
	border: solid 1px #929598;
	color: #fff;
}

.hizmetcard a:hover {
    color: #fff !important;
}

.hizmetcard:hover img {
	filter: brightness(0%) invert(100%);
}

.eczy:hover .ecz {
    display: none;
}

.eczy:hover .ecz2 {
    display: initial !important;
}

.kurumsal p {
	font-size: 1.15em;
}

.galcard {
	background-color: #fff;
	border: solid 1px #929598; 
}

.galcard a {
	margin:0;
	padding:0;
}
	
.kurumsal-butonlar .active {
  color: #ef7c00;
}

.servis {
	border-right: solid 3px #ccc ;
}

.formbox {
	border: solid 2px #ccc;
	
}

.formtitle {
	border-right: solid 2px #ccc;
	
}

@media (max-width: 768px) {
.formik h3 {
    font-size: .8em;
	font-weight: 600;
	
  }
.formik h3:after {
   content: " ";
	
  }
.formik input {
   font-size: 1em !important;
  }
}

.sinema h4 {
	font-size: 1.2em;
}

.selected {
    color:#ff7c33;
}

.alerto {
    border : 1px solid #ff7c33;
}

.carousel-control-prev {
    width: 9% !important;
    opacity: 1 !important;
	height: 100%;
    
}

.carousel-control-next {
    width: 9% !important;
    opacity: 1 !important;
	height: 100%;
}

.akart {
    color: #ff7c33;
}

.akart:hover {
    color: #b56013;
}


.dropdown-item:hover {
	background: #ffb992;
}


.dradl{position:fixed;width:300px;height:250px;top:0;left:-900px;display:block;}
.dradt{position:fixed;width:728px;height:90px;top:-900px;right:0;display:block;}
.dradr{position:fixed;width:336px;height:280px;top:0;right:-900px;display:block;}