/*!
 * Start Bootstrap - Coming Soon v5.0.7 (https://startbootstrap.com/template-overviews/coming-soon)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-coming-soon/blob/master/LICENSE)
*/html{height:100%}body{height:100%;min-height:35rem;position:relative;font-family: 'Exo 2', sans-serif;font-weight:300;  overflow: hidden;}
h1,h2,h3,h4,h5,h6{        font-size: 5rem; font-family: 'Exo 2', sans-serif;font-weight:700; text-align: center !important;}
video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);z-index:0}
.arkaresim {
height: 100%;
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
transform: translateX(-50%) translateY(-50%);
z-index: 0;
}
 @media (pointer:coarse) and (hover:none){
 body{background:url(../img/bg-mobile-fallback.jpg) #002e66 no-repeat center center scroll;background-position:cover; overflow: hidden;}
 body video{display:none}}
 .overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color: #2d5583;opacity:.7;z-index:1}
 .masthead{position:relative;overflow:hidden;padding-bottom:3rem;z-index:2;display: inline-block;}
 .mastheadsol{position:relative;overflow:hidden;padding-bottom:3rem;z-index:2;display: inline-block;padding-top: 15%;}
 .masthead .masthead-bg{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;z-index: -1;min-height:35rem;height:100%;    background-color: rgba(0, 0, 0, 0.63); transform:skewY(4deg);transform-origin:bottom right}
 .masthead img{ margin-top: 43%; margin-left: 11%;}
 .masthead .masthead-content h1{font-size:2.5rem}
 .masthead .masthead-content p{font-size:1.2rem}
 .masthead .masthead-content p strong{font-weight:700}
.masthead .masthead-content .input-group-newsletter input{height:auto;font-size:1rem;padding:1rem}
.masthead .masthead-content .input-group-newsletter button{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:1rem}
.iletisim {
	font-weight: 500;
color:#ffffff;
font-size: 21px;
}.iletisim span{
font-weight: bold;
    display: inline-block;
    width: 86px;
}.cizgi:before {content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #e0dfdf4f;
    margin-top: 43px;
}
.mastheadsol h1 {
margin-bottom: 60px !important;
}.mastheadsol i {
	margin-right: 25px;
}
@media (max-width:768px){
	.arkaresim {
		height: auto;
	}
	h1 {
		font-size: 45px;
	}
	.pb-5, .py-5 {
   padding: 0px !important;
}
.mastheadsol h1 {
    margin-bottom: 0px !important;
}

.masthead img{ width: 80%;}
.masthead .masthead-bg {    min-height: 0;}
.masthead img {margin-top: 10%; }
body {height: 100%; overflow: hidden;}.mastheadsol {
padding: 0;
}
.masthead {
width: 100% !important;
}
.social-icons {
    position: absolute;
    margin-bottom: 2rem;
    width: 100%;
    z-index: 2;
    bottom: 0;
}
.h-100 {
 padding: 0;
 }
 }

 @media (max-width:1440px){
 	.masthead img {width: 63%;}



 }

 @media (min-width:768px){
 	
.masthead{height:100%;min-height:0;width:42%;padding-bottom:0;}
.mastheadsol{height:100%;min-height:0;width:42%;padding-bottom:0}
 .masthead .masthead-bg{min-height:0;transform:skewX(-8deg);transform-origin:top right}
 .masthead .masthead-content{padding-left:3rem;padding-right:10rem}
 .masthead .masthead-content h1{font-size:3.5rem}
 .masthead .masthead-content p{font-size:1.3rem}
}
 .social-icons{position:absolute;margin-bottom:2rem;width:100%;z-index:2}
 .social-icons ul{margin-top:2rem;width:100%;text-align:center}
 .social-icons ul>li{margin-left:1rem;margin-right:1rem;display:inline-block}
 .social-icons ul>li>a{display:block;color:#fff;background-color:rgba(0,46,102,.8);border-radius:100%;font-size:2rem;line-height:4rem;height:4rem;width:4rem}

 @media (min-width:768px){
 .social-icons{margin:0;position:absolute;right:2.5rem;bottom:2rem;width:auto}
 .social-icons ul{margin-top:0;width:auto}
 .social-icons ul>li{display:block;margin-left:0;margin-right:0;margin-bottom:2rem}
 .social-icons ul>li:last-child{margin-bottom:0}
 .social-icons ul>li>a{transition:all .2s ease-in-out;font-size:2rem;line-height:4rem;height:4rem;width:4rem}
 .social-icons ul>li>a:hover{background-color:#002e66}
}
 .btn-secondary{background-color:#cd9557;border-color:#cd9557}
 .btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#ba7c37!important;border-color:#ba7c37!important}
 .input{font-weight:300!important}