@font-face {
    font-family: "malloryBlack";
    src: url("MalloryBlack.ttf");
}
*:focus {
    outline: none;
}
a{
    text-decoration: none;
}
a:hover {
    text-decoration: none!important;
}
body {
    font-family: 'Martel Sans', sans-serif;
}

.container {
    max-width: 1200px;
    margin:0 auto;
}

/* NAV LOGO */
.navLogo2 {
    position:fixed;
    top:0;
    left:0;
    z-index: 37;
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all 450ms;
}
.navLogo2 img {
    width:40px;
    height:41px;
}

/* NAV MENU */
.navMenu {
    position:fixed;
    z-index:33;
    background:url("../images/navMenuBg.png");
    width:100%;
    height:100vh;
    transition:all 100ms;
    right:-500px;
    top:0;
}
.navMenuButton {
    width:80px;
    height:60px;
    background-color:#cd0d54;
    right:0;
    top:0;
    position: fixed;
    z-index:35;
    cursor: pointer;
}

/* Cizgiler */
.navMenuButton span {
    transition:all 300ms;
}
.navMenuButton span:nth-child(1){
    display:block;
    width:40px;
    height:0.5px;
    background-color:#fff;
    position: absolute;
    top:20px;
    left:20px
}
.navMenuButton span:nth-child(2){
    display:block;
    width:40px;
    height:0.5px;
    background-color:#fff;
    position: absolute;
    top:30px;
    left:20px
}
.navMenuButton span:nth-child(3){
    display:block;
    width:40px;
    height:0.5px;
    background-color:#fff;
    position: absolute;
    top:40px;
    left:20px
}

/* navMenuOpen */
.navMenuOpen span:nth-child(1){
    display:block;
    width:40px;
    height:0.5px;
    background-color:#fff;
    position: absolute;
    top:31px!important;
    left:20px;
    -webkit-transform: translateY(-1px) rotate(35deg);
    transform: translateY(-1px) rotate(35deg);
}
.navMenuOpen span:nth-child(3){
    display:block;
    width:40px;
    height:0.5px;
    background-color:#fff;
    position: absolute;
    top:31px!important;
    left:20px;
    -webkit-transform: translateY(-1px) rotate(-35deg);
    transform: translateY(-1px) rotate(-35deg);
}

/* -------------NAV MENU */
.navMenuContainer {
    display: flex;
    flex-direction: column;
    justify-content:center;
    background-color:#cd0d54;
    width: 50%;
    height:100%;
    position: absolute;
    right:0;
}
.navMenuContainer ul, .navMenuContainer p, .navMenuContainerSocial {
    margin-left:240px;
    padding:0;
    transition:250ms;
}
/*Menu*/
.navMenuContainer ul li{
    list-style:none
}
.navMenuContainer ul li a {
    display:block;
    font-size:40px;
    color:#fff;
    font-family: malloryBlack;
    line-height: 1.3;
    font-weight:800;
    transition:all 250ms;
}
.navMenuContainer ul li:nth-child(1) a {animation: fadeInToRight 400ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;}
.navMenuContainer ul li:nth-child(2) a {animation: fadeInToRight 450ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;}
.navMenuContainer ul li:nth-child(3) a {animation: fadeInToRight 500ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;}
.navMenuContainer ul li:nth-child(4) a {animation: fadeInToRight 600ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;}
.navMenuContainer ul li:nth-child(5) a {animation: fadeInToRight 650ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;}
/* Adress */
.navMenuContainer p {
    color:#fff;
    font-weight:200;
    letter-spacing: 1.98px;
    font-size:30px;
    animation: fadeInToRight 700ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;
}
/* Social */
.navMenuContainerSocial {
    animation: fadeInToRight 750ms cubic-bezier(0.12, 0.32, 0, 1.54) 400ms;
}
/* Logo */
.navMenuContainerLogo {
    position:absolute;
    right:15px;
    bottom:15px;
    z-index:37;
}
.navMenuContainerLogo img {
    width:50px;
}
/* NAV MENU ----------------*/


/* Title */
.section-1-title {
    margin-top:100px;
    max-width: 900px;
}
.section-1-title h2 {
    color:#333;
    font-weight:1000;
    letter-spacing:1.98px;
    line-height: 1.2;
    font-size:68px;
}
.section-1-title span.cizgi {
    max-width:40px;
    height:1px;
    background-color:#dfdfdf;
    display:block;
    margin-bottom:30px;
}
.section-1-title p {
    margin:0 0 20px;
    line-height:28px;
    font-size:20px;
    color:#666;
    font-weight:200;
}

/* View More */
.view-more a{
    margin-top:17px;
    display: block;
    color:#cd0d54;
    text-decoration:none;
    text-align:center;
    font-size:26.5px;
    max-width:450px;
    position: relative;
    cursor: pointer;
    transition:all 250ms;
    letter-spacing: 1.98px;
    font-weight:300;
}
.view-more a span {
    display:block;
    position: absolute;
    width:270px;
    height:2px;
    bottom:-1px;
    background-color:#cd0d54;
    z-index:0;
    transition:all 250ms;
}
.view-more a span:hover {
    height:10px;
    color:#cd0d54
}
.view-more-active {
    background-image: linear-gradient(to bottom, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54, #cd0d54);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Sub Title */
.sub-title {
    display:flex;
    justify-content:space-between;
    width:100%;
}
/* CALL */
.call h2 {
    font-size:24px;
    font-weight:200;
    margin-bottom: 10px;
}
.call b {
    font-size:30px;
    font-weight:800;
}
.adres {
    font-size:26px;
    font-weight:200;
}
.adres b {
    font-weight:500;
}

/* BUTTON */
.sub-button a {
    padding:20px 10px;
    text-align:center;
    max-width:200px;
    letter-spacing:1.98px;
    font-weight:200;
    margin-top:60px;
    display:block;
    color:#fff;
    border-radius: 3px;
    border:2px solid #cd0d54;
    background-color:#cd0d54;
    transition:all 250ms;
}
.sub-button a:hover {
    background-color:#6c1635
}

/* BORDER TEXT */
.border-text {
    color:#cd0d54;
    border:5px #cd0d54 solid;
    padding:10px 40px;
    line-height:1.3;
    font-weight:700;
    font-size:32px;
    font-family: 'DM Serif Display', serif;
    max-width:800px;
    margin:0 auto;
    margin-top:200px;
}

/* MAP */
.map {
    margin-top:100px;
    background-color:#1d1f1f;
}
.map iframe{
    width:100%;
    height:80vh;
}



/* FOOTER */
.footer {
    width:100%;
    max-height:710px;
    background-color:#1d1f1f;
    position:fixed;
    bottom:0;
    left:0;
    z-index:-22;
}

.bodyContainer {
    z-index:22;
    background-color:#fff;
    margin-bottom:710px;
}

/* FOOTER TOP */
.footerTop {
    display:flex;
    margin-top:70px;
}

/* IMG */
.footerIMG {
    margin-top:30px;
    margin-right:20px;
}
.footerIMG img {
    width:140px;
    border-radius:50%;
}

/* FOOTER BASLIK */
.footerBaslik1 {
    color:#fff
}
.footerBaslik1 h2 {
    font-size:42px;
    font-weight:900;
    margin-bottom:-28px;
    font-family:malloryBlack;
}
.footerBaslik1 h4 {
    font-size:22px;
    font-weight:200;
}

.footerBaslik2 {
    color:#fff
}
.footerBaslik2 h3 {
    font-weight:600;
    font-size:25px;
    letter-spacing:1px;
    margin-bottom:-22px;
}
.footerBaslik2 h4 a {
    display: block;
    font-weight:200;
    font-size:22px;
    letter-spacing:1px;
    color:#fff
}
.footerBaslik2 h4 a:hover {
    text-decoration: underline!important;
}

/* FOOTER FORM */
.footerForm {
    width:100%;
    padding:20px
}

/* Form 1 */
.footerForm1 {
    display:flex;
}
.footerForm1 input {
    width:100%;
    border:none;
    background:transparent;
    border-bottom:2px #fff solid;
    padding:5px 0;
    margin:5px 0;
    color:#fff;
    height:22px;
}
/* Form2 */
.footerForm2 textarea {
    width:100%;
    border:none;
    background:transparent;
    border-bottom:2px #fff solid;
    padding:5px 0;
    margin:5px 0;
    color:#fff;
    height:22px;
}
.footerForm2 textarea {
    width:calc(100% - 40px);
}

/* Form1-2*/
.footerFormName, .footerFormEmail, .footerFormDesc {
    width:100%;
    padding:20px
}
.footerFormName span, .footerFormEmail span, .footerFormDesc span{
    position:absolute;
    font-size:18px;
    font-weight:500;
    color:#fff;
    top:30px;
    left:20px;
    transition:all 250ms;
    pointer-events: none;
}
.footerFormName, .footerFormEmail, .footerFormDesc {
    position: relative
}

.footerFormName input:focus, .footerFormEmail input:focus, .footerFormDesc textarea:focus {
    border-bottom:3px #cd0d54 solid;
}
.footerFormName input:hover, .footerFormEmail input:hover, .footerFormDesc textarea:hover {
    border-bottom:2px #cd0d54 solid;
}
.footerFormName input:focus ~ span, .footerFormEmail input:focus ~ span, .footerFormDesc textarea:focus ~ span {
    top:10px;
    color:#cd0d54
}

/* Button */
.footerFormButton a{
    display:block;
    float:right;
    border:2px #143fbc solid;
    color:#fff;
    padding:0 30px;
    line-height:58px;
    font-size:16px;
    transition:all 250ms;
    background-color: #143fbc;
    letter-spacing:1.98px;
    -webkit-appearance:none;
    margin-right:20px;
}
.footerFormButton a:hover{
    background-color:#1037aa;
}

/* FOOTER BOTTOM */
.footerBottom {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:40px;
    margin-top:100px;
    color:#fff
}

/* Logo */
.footerBottomLogo a img {
    width:60px;
}

/* Adress */
.footerBottomAdress {
    display:flex;
    align-items:center;
}
.footerBottomAdress h3{
    color:#fff;
    font-weight: 200;
    letter-spacing: 1.98px;
}
.footerSocial {
    margin-left:20px;
}

.footerBottomCopyright {
    font-size:14px;
    color:#555051
}


/* ANIMATIONS */
@keyframes fadeInToRight {
    from{
        transform: translateX(-40px);
    }
    to {
        transform: translateX(0px);
    }
}