header {
	background: url('http://www.autodatz.com/wp-content/uploads/2017/05/Old-Car-Wallpapers-Hd-36-with-Old-Car-Wallpapers-Hd.jpg');
	text-align: center;
    margin-top: 100px;
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	border-radius: 0 0 85% 85% / 30%;
}
header .overlay{
	width: 100%;
	height: 100%;
	padding: 50px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
  background-image: linear-gradient( 135deg, hsla(199, 100%, 51%, 0.412) 10%, hsla(71, 98%, 51%, 0.42) 100%);
	
}

h1 {
	font-family: 'Dancing Script', cursive;
	font-size: 80px;
	margin-bottom: 30px;
}

h3, p {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 30px;
}

button {
	border: none;
	outline: none;
	padding: 10px 20px;
	border-radius: 50px;
	color: #333;
	background: #fff;
	margin-bottom: 50px;
	box-shadow: 0 3px 20px 0 #0000003b;
}
button:hover{
	cursor: pointer;
}
body {
    background: #212529;
}
.container{
    margin-top: 7%;
}

.single-team {
    position: relative;
    width: auto;
    height: 500px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.3);
}
.single-team:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #161619;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .35s ease 0s;
}
.single-team:hover:before {
    opacity: 1;
}
.single-team .content {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 5%;
}
.single-team .content:after, .single-team .content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .7s ease 0s
}
.single-team .content:before {
    border-bottom: 10px double rgba(255, 255, 255, .5);
    border-top: 10px double rgba(255, 255, 255, .5);
    transform: scale(0, 1);
    transform-origin: 0 0 0
}
.single-team .content:after {
    border-left: 10px double rgba(255, 255, 255, .5);
    border-right: 10px double rgba(255, 255, 255, .5);
    transform: scale(1, 0);
    transform-origin: 100% 0 0
}
.single-team:hover .content:after, .single-team:hover .content:before {
    opacity: 1;
    transform: scale(1);
    transition-delay: .15s
}
.single-team h3 {
    font-size: 31px;
    font-weight: 700;
    color: #fff;
    margin: 160px 0;
    opacity: 0;
    transform: translate3d(0, -50px, 0);
    transition: transform .5s ease 0s;
    text-align: center;
    line-height: 1.4;
    font-family: 'Alfa Slab One', cursive;
    text-transform: uppercase;
}
.single-team h3 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    display: block;
    letter-spacing: 5px;
    opacity: .5;
}
.single-team:hover h3 {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}
@media (max-width: 991px) {
    .single-team {
        margin-bottom: 30px;
    }
}
section {
    display: grid;
    place-items: center;
    height: 100vh;
}
.section-header{
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    font-weight: 900;
    padding-bottom: 25px;
    color: #fff;
}
.section-header:after{
    content: '';
    height: 3px;
    width: 200px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 100px);
    background: #fff;
}
.section-header span {
    display: block;
    font-size: 15px;
    font-weight: 300;
}
.testimonials{
    max-width: 1000px;
    padding: 0 15px 50px;
    margin: 0 auto 80px auto;
}
.single-item{
    background: #333335;
    color: #000;
    padding: 15px;
    margin: 50px 15px;
}
.profile{
    margin-bottom: 30px;
    text-align: center;    
}
.img-area {
    margin: 0 15px 15px 15px;
}
.img-area img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
}
.content{
    font-size: 18px;
}
.content p {
    text-align: justify;
}
.content p span {
    font-size: 48px;
    margin-right: 20px;
}
.socials i {
    margin-right: 25px;
}
.bio h4 {
    font-family: 'Berkshire Swash', cursive;
}
footer {
    background: #101010;
    padding: 86px 0;
}
.single-content {
    text-align: center;
    padding: 115px 0;
}
#basic-addon2 {
    background: #fe1e4f;
    color: #fff;
}
.socials i {
    font-size: 18px;
    margin-right: 15px;
}
.card{
    width: 300px;
}

@media (min-width: 767px) and (max-width: 991px) {
    .single-box {
    margin-bottom: 50p x;
}
    iframe{
        width: 450px;
    }
    .geoscience{
        font-size: 20px;
    }
    .single-box {
        margin-bottom: 50px;
        }
        .card{
            width: 300px;
        }
        .section-header{
            font-size: 10px;
        }
        .about-image{
            margin: 0;
        }
        .aspa{
            margin: 0;
        }
        .sekilhereket{
            justify-content: none;
        }
}
    section{
    height: calc(100% - 100px);
}
.iframe{
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
}
iframe{
    width: 100%;
    filter: invert(100%);
    padding: 20px;
}
.corusel{
    margin: 30px 40px;
}
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");
 
.sekilhereket{
    justify-content: center;
}
body
{
  font-family: 'RobotoDraft', 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.geoscience {
    font-size: 50px;
}

*
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h5
{
  margin:0px;
  font-size:1.4em;
  font-weight:700;
}

p
{
  font-size:12px;
}

.center
{
  height:100vh;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* End Non-Essential  */

.property-card
{
  height:18em;
  width:14em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  position:relative;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius:16px;
  overflow:hidden;
}

.property-image
{
  height:6em;
  width:14em;
  padding:1em 2em;
  position:Absolute;
  top:0px;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-image:url('https://cdn.photographylife.com/wp-content/uploads/2017/01/What-is-landscape-photography.jpg');
  background-size:cover;
  background-repeat:no-repeat;
}


.property-description
{
  height:12em;
  width:14em;
  position:absolute;
  bottom:0em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 0.5em 1em;
  text-align:center;
}



.property-social-icons
{
  width:1em;
  height:1em;
  background-color:black;
  position:absolute;
  bottom:1em;
  left:1em;
  -webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}



.property-card:hover .property-description
{
  height:0em;
  padding:0px 1em;
}
.property-card:hover .property-image
{
  height:18em;
}



.property-card:hover .property-social-icons:hover
{
  background-color:blue;
  cursor:pointer;
}
.nuro .card {
    margin: 10px;
    background-color: #222327;
}
.nuro img {
    width: 400px;
    height: 300px;
}
.nuro2 .card {
    margin: 10px;
    background-color: #222327;
}
.nuro2 img {
    width: 400px;
    height: 300px;
}
.card-body > p , h5{
    color: #fff;
}
*{
    margin: 0;
    padding: 0;
  }
  .img{
    width: 100%;
    height: 600px;
    margin-top: 10px;
    transform: translateY(14%);
  }

        .buton{
            margin-bottom: 420px;
         }
        .hero{
            background-image: url(sailboat.jpg);
            width: 100%;
            background-size: cover;
            background-attachment: fixed;
            z-index: 2;
            position: relative;
        }
        .hero::after{
            content: "";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: rgba(21, 20, 31, 0.8);
            position: absolute;
            z-index: -1;
        }
        .btn{
            border-radius: 0;
        }
        .frontend{
            padding: 120px 0;
        }
        .card-title{
            font-size: 18px;
            color: yellow;
            text-align: center;
        }



    .buton2 {
        position: relative;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 1em 2.5em;
        display: inline-block;
        border-radius: 6em;
        transition: all .2s;
        border: none;
        font-family: inherit;
        font-weight: 500;
        color: black;
        background-color: yellow;
       }
       
       .buton2:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
       }
       
       .buton2:active {
        transform: translateY(-1px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
       }
       
       .buton2::after {
        content: "";
        display: inline-block;
        height: 100%;
        width: 100%;
        border-radius: 100px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transition: all .4s;
       }
       
       .buton2::after {
        background-color: #fff;
       }
       
       .buton2:hover::after {
        transform: scaleX(1.4) scaleY(1.6);
        opacity: 0;
       }
       .aspa {
        margin: 50px;
       }
       .footer {
            width: 100%;
            height: 70px;
            display: flex;
            background-color: black;
            color: white;
            justify-content: center;
            align-items: center;
            text-align: center;
       }
       .footer h6 {
        letter-spacing: 2px;
       }