/* Font Css Start */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i');


/* .blt700{
    font-weight: 700;
}

.fnt600{
    font-weight: 600;
}

.mdn500{
    font-weight: 500;
} */

/* Font Css End */

/* Eğitim Card Star */

body{
    margin: 0;
    padding: 0;
    font-family: "Poppins",Arial,Helvetica,sans-serif;
    background-color: #fff;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0px;
}

#nav-mobil{
    display: none;
}

h1, h2, h3, h4, h5, h6{ font-family: "Poppins",Arial,Helvetica,sans-serif; margin-bottom: 15px; font-weight: 600; color: #2b255e;}

h1 { font-size: 45px; line-height: 50px; text-transform: uppercase;}

h2 { font-size: 35px; line-height: 40px; }

h3 { font-size: 30px; line-height: 35px; }

h4 { font-size: 24px; line-height: 30px; }

h5 { font-size: 20px; line-height: 25px; }

h6 { font-size: 16px; line-height: 18px;}

ul { font-size: 17px; color: #2b255e;}

h1{
    text-align: center;
    color: #333333;
}

#card-banner-mobil{
    display: none;
}

.cardcontainer{
    width: 110%;
    height: 550px;
    background-color: #f1f1f1;
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s;
}
.cardcontainer:hover{
    box-shadow: 0 0 45px gray;
    background-color: #c72322;
}
.photo{
    height: 300px;
    width: 100%;
}
.photo img{
    height: 100%;
    width: 100%;
}

.content{
    width: 78%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -33px;
}

.content a{
    display: none;
    margin: 50px 50px 0 50px;
}

.txt4{
    font-size:27px;
    position: relative;
    top: 33px;
    
}

.txt2{
    position: relative;
    top: 10px;
    display: none;
    font-size: 13px !important;
    font-weight: 500;
    
}
.cardcontainer:hover > .photo{
    height: 200px;
    animation: move1 0.5s ease both;
}
@keyframes move1{
    0%{height: 300px}
    100%{height: 200px}
}
.cardcontainer:hover > .content{
    height: 300px;
    background-image: url(../images/menuhover.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size:cover;

    
}

.cardcontainer:hover > .content .txt2{
    height: 300px;
    display: contents;
   
}

.cardcontainer:hover > .content a {
    height: 300px;
    display:inline;
}

.cardcontainer:hover > .footer{
    display: none;
}

.footer{
    width: 100%;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    position: relative;
    background-color: #29236c !important;
    background-image: url(../images/menuhover.png) !important;
    background-position: center bottom;
    background-repeat:repeat-x;
    
}

.footer button{
    margin: 45px 85px;
    background-color: #c72322;
}


/* Eğitim Card End */

/* Button Css Start */

button{
    border:1px solid #2e3e63;
    background-color: #2e3e63;
    box-sizing: border-box;
    padding:8px 38px 8px 38px;
    box-shadow: 4px 5px; 
    border-radius: 20px;   
}

button span{
    color: #fff;
    font-weight: 500%;
}

button:hover{
    box-shadow: none;
    background-color: #393939;
    transition: 400ms;
}

#slider button{
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.modal-body button{
    border: none;
    box-shadow: none;
    background-color: transparent;
}

/* Button Css End */
/* Card Css Start */

.hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default;
    }
    
    .hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    opacity:0;
    background-color:rgba(0,0,0,0.5);
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
    }
    
    .hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .4s linear;
    transition:all .4s linear;
    }
    
    .hovereffect h2 {
    text-transform:uppercase;
    color:#fff;
    text-align:center;
    position:relative;
    font-size:17px;
    background:rgba(0,0,0,0.6);
    -webkit-transform:translatey(-100px);
    -ms-transform:translatey(-100px);
    transform:translatey(-100px);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    padding:10px;
    }
    
    .hovereffect a.info {
    text-decoration:none;
    display:inline-block;
    text-transform:uppercase;
    color:#fff;
    border:1px solid #fff;
    background-color:transparent;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    margin:50px 0 0;
    padding:7px 14px;
    }
    
    .hovereffect a.info:hover {
    box-shadow:0 0 5px #fff;
    }
    
    .hovereffect:hover img {
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.1);
    }
    
    .hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
    }
    
    .hovereffect:hover h2,.hovereffect:hover a.info {
    opacity:1;
    filter:alpha(opacity=100);
    -ms-transform:translatey(0);
    -webkit-transform:translatey(0);
    transform:translatey(0);
    }
    
    .hovereffect:hover a.info {
    -webkit-transition-delay:.0.5s;
    transition-delay:.0.5s;
    }

    .card-body .mdn-500{
        text-align: center;
    }
    
    .card-body .mdn-500 b{
        color: #0B937B;
    }
    
    .resim{
        margin: 10px 20px 0 20px;
    }
    
/* Card Hover Css End */

/* İmage Start */

ul.gallery{    
    margin-left: 3vw;     
    margin-right:3vw;  
    }    
    
.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     
    
.zoom:hover,.zoom:active,.zoom:focus{
        -ms-transform: scale(2.5);    
        -moz-transform: scale(2.5);  
        -webkit-transform: scale(2.5);  
        -o-transform: scale(2.5);  
        transform: scale(2.5);    
        position:relative;      
        z-index:100;
}  
        
     
@media only screen and (max-width: 768px){
    ul.gallery {      
        margin-left: 15vw;       
        margin-right: 15vw;
        
        }

        .zoom {      
            -webkit-transition: all 0.35s ease-in-out;    
            -moz-transition: all 0.35s ease-in-out;    
            transition: all 0.35s ease-in-out;     
            cursor: -webkit-zoom-in;      
            cursor: -moz-zoom-in;      
            cursor: zoom-in;
            }     
                
            .zoom:hover,.zoom:active,.zoom:focus{
                    -ms-transform: scale(1.6);  
                    -moz-transform: scale(1.6);  
                    -webkit-transform: scale(1.6);  
                    -o-transform: scale(1.6);  
                    transform: scale(1.6);    
                    position:relative;      
                    z-index:100;            
            }  
        
    
    .DivName {cursor: pointer}
}

#img-section li img{
    width: 100;
    height: 150px;
    /* border: 4px solid #393939; */
}

#img-section{
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat: repeat;
    background-size: 40% auto;
}

.img-box-in{
    position: relative;
    overflow: hidden;
}

.img-box-in a{
    text-decoration: none;
}

.shadow-box{
    box-shadow: 0 0 12px 0 rgba(32,46,60,.06);
}

.shadow-box:hover{
    transform: translateY(-5px);
    box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.25);
}

.img-box{
    background-color: #fff;
    padding: 0;
    margin-bottom: 20px;
    transform: translateY(0);
    transition: 0.5s;
    border: 1px solid #fff;
}

.img-box-contant a{
    color: #29236c;
    text-decoration: none;
}

.img-box-contant h5:hover{
    color: #c72322;
    transition: 0.6ms;
    
}

.img-kampanya img{
    width: 770px;
    height: 770px;
}

.img-kampanya a{
    text-decoration: none;
    color: #2b255e;
}

#img-kampanya-banner{
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat: repeat;
    background-size: 40% auto;
}

#img-section-mobil{
    display: none;
}


/* İmage End */

*{
    font-family: "Poppins",Arial,Helvetica,sans-serif;
   
}

#nav-mobil a{
    color: #29236c;
  }

#giris{
    background-color: #29236c; 
    height: 35px;
}

#giris .col-md-6{
    background-color: #29236c;
    height: 35px;
}

#giris .col-md-6 small a{
    color: #fff;
}

#giris .col-md-6 li{
    list-style: none;
    display: inline;
    margin: 0 10px;
    color: #fff;
}

#slider-mobil{
    display: none;
}

#gecis-banner-two{
    display: none;
}

.imageOne{
    width: 100%;
}

.nav-link:hover{
    color: #cc0f0f !important;
}


.imageTwo{
    width: 90%;
}

#secİletisim .col-md-6:nth-child(1){
    font-size: medium;
    background-color:#c72322;
}

#secİletisim .col-md-6:nth-child(2){
    font-size: medium;
    
}


    

#secİletisim form input{
    border-radius: 20px;
    margin-top: 8px;
    width: 180%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #e1e2e5;
}

#secİletisim .send-input{
    border-radius: 20px;
    margin-top: 8px;
    width: 53.5%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #c72322;
    color: #fff;
}





#secİki .col-md-12 h2{
    font-size: 45px;
    
}

#secİki {
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat:repeat;
    background-size: 40% auto; 
}

#gecis-banner{
   
    background-color: #29235c;
    position: relative;     
}



.gecis-banner-bg p{
    display: flex;
    background-position: center;
    justify-content: center;
    color: #e30613;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    
}

.gecis-banner-bg .container h4 h5{
    
    line-height: 1.1;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;

} 

.gecis-banner-alt:nth-child(1){
    justify-content:center;
    background-position: center;
    margin: 50px 0 0 380px;
}

.gecis-banner-alt:nth-child(2){
    justify-content:center;
    background-position: center;
    margin: 50px 0 0 10px;
}

.gecis-banner-alt button:hover{
    background-color: #c72322;
}

#hakkimizda-banner {
    background-image: url("../img/ttm-pagetitle-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px;  
}

#hakkimizda-banner h1{
    color: #fff;
    margin: 150px 1000px 0 0;
}

#hakkimizda-banner span a{
    text-decoration: none;
    color: #c72322;
}

#explanation-section p {
    color: #393939;
    font-size: medium;
    font-weight: 600;
}

.explanation-section-img{
    background-repeat: no-repeat;
    background-size:cover;
    color: #fff; 
    text-align: center;
}

#hakkimizda-contant-form{
    background-image: url(../images/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 20px;
    color: #fff;
}

#hakkimizda-contant-form p {
    color: #fff;
    font-size: large;
}

#hakkimizda-contant-form form input{
    border-radius: 20px;
    margin-top: 8px;
    width: 280%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #e1e2e5;
}

#hakkimizda-contant-form form {
    margin-right: 320px;
    margin-top: 50px;
}

#hakkimizda-contant-form .send-input{
    border-radius: 20px;
    margin-top: 8px;
    width: 80%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #c72322;
    color: #fff;
    margin-left: 268px;
}

#hakkimizda-contant-form textarea{
    border-radius: 20px;
    margin-top: 8px;
    margin-left: 23px;
    width: 160%;
    padding: 10px 0 10px 0;
    border: 1px solid #393939;
    background-color: #e1e2e5;
}

#hakkimizda-contant-form-mobil{
    display: none;
}

#onkayit-contant-form{
    background-color: #29235c;
    position: relative;
    height: 600px;
    margin: 100px 0;
}

#onkayit-contant-form p {
    color: #fff;
    font-size: large;
}

#onkayit-contant-form form input{
    border-radius: 20px;
    margin-top: 8px;
    width: 280%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #e1e2e5;
}

#onkayit-contant-form form {
    margin-right: 32%;
    margin-top: 50px;
}

#onkayit-contant-form .send-input{
    border-radius: 20px;
    margin-top: 8px;
    width: 80%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #c72322;
    color: #fff;
    margin-left: 36%;
}


#onkayit-contant-form textarea{
    border-radius: 20px;
    margin-top: 8px;
    width: 100%;
    padding: 5px;
    border: 1px solid #393939;
    background-color: #e1e2e5;
    margin-left: 32%;
}

.video-card__bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed
}

#conract-map-mobil{
    display: none;
}

#conract-map{
    width: 100%;
}





#neden-biz-banner{
    background-image: url("../images/ttm-pagetitle-bg.jpg") !important;
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px; 
}

#neden-biz-banner h1{
    color: #fff;
    width: 100;
    text-align: left;
    font-size: 37px;
    margin-top: 80px;
}

#neden-biz-banner a{
    text-decoration: none;
    color: #c72322;
}

#referanslar-banner{
    background-image: url("../img/ttm-pagetitle-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px; 
}

#referanslar-banner h1 {
    color: #fff;
    width: 100;
    text-align: left;
    font-size: 40px;
    margin-top: 80px;
}

#referanslar-banner a{
    text-decoration: none;
    color: #c72322;
}

#marka-banner .col-md-3 img{
    border: 3px solid #393939 ;
    
}

#europass-banner{
    background-image: url("../img/ttm-pagetitle-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px;
}

#europass-banner h1{
    color: #fff;
    width: 100;
    text-align: left;
    font-size: 40px;
    margin-top: 80px;
}

#europass-banner a{
    text-decoration: none;
    color: #c72322;
}

#merak-ettikleriniz-banner{
    background-image: url("../img/ttm-pagetitle-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px;
}

#merak-ettikleriniz-banner h1{
    color: #fff;
    width: 100;
    text-align: left;
    font-size: 40px;
    margin-top: 80px;
}


#merak-ettikleriniz-banner a{
    text-decoration: none;
    color: #c72322;
}

#avp-dil-banner{
    background-image: url("../img/ttm-pagetitle-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff; 
    height: 300px;
}

#avp-dil-banner h1{
    color: #fff;
    width: 100;
    text-align: left;
    font-size: 40px;
    margin-top: 80px;
}

#avp-dil-banner a{
    text-decoration: none;
    color: #c72322;
}



#education{
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat:repeat;
    background-size: 40% auto; 
}

#education .col-md-12{
    background-color: #fdfdfd;
}

#left-menu-banner{
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat: repeat;
    background-size: 40% auto;
}


.left-menu{
    position: relative;
    padding: 30px 20px;
    margin-top: 65px;
    list-style-type:none;
    background-color: #f5faff;
    width: 300px;
}



.left-menu li{
    border: 0.5px solid #fff;
    padding: 12px;
    width: 260px;
    background-color: #ffffff;
}

.left-menu li:hover{
    background-color: #c72322;
    transition: 600ms;
}

.left-menu a:hover{
    color: #ffffff;
}

.left-menu>.active{
    background-color: #c72322;
}

.left-menu>.active a{
    color: #ffffff;
}

.left-menu a{
    text-decoration: none;
    color: #2b255e;
    font-size: 15px;
    font-family: 'Poppins','Arial','Helvetical',sans-serif;
    padding: 14px 30px 14px 24px;
    font-weight:500;
}

#left-menu-banner-mobil{
    display: none;
}

#left-menu-two-banner{
    background-color: #fff;
    background-image: url(../img/bg2.png);
    background-position: center bottom;
    background-repeat: repeat;
    background-size: 40% auto;
}

#left-menu-two-banner-mobil{
    display: none;
}



.left-menu-two{
    position: relative;
    padding: 30px 20px;
    margin-top: 65px;
    list-style-type:none;
    background-color: #f5faff;
    width: 340px;
}

.left-menu-two li{
    border: 0.5px solid #fff;
    padding: 12px;
    width: 300px;
    background-color: #ffffff;
}

.left-menu-two li:hover{
    background-color: #c72322;
    transition: 600ms;
}

.left-menu-two a:hover{
    color: #ffffff;
}

.left-menu-two>.active{
    background-color: #c72322;
}

.left-menu-two>.active a{
    color: #ffffff;
}

.left-menu-two a{
    text-decoration: none;
    color: #2b255e;
    font-size: 14px;
    font-family: 'Poppins','Arial','Helvetical',sans-serif;
    padding: 14px 30px 14px 24px;
    font-weight:500;
}

tr{
    display: table-row;
    vertical-align: inherit;
    border: 1px solid #e6e6e6;
}







#footer{
    background-image: url("../images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom: 100px;
    color: #fff;
}

.social-media li {
    list-style: none;
    display: inline;
    margin: 0 10px;
}

.iletisim-fonts li a,p{
    color: #fff;
    margin: 20px 0;
}

#bottomFooter{
    background-color: #c72322;
    color: #fdfdfd;
}


#bannerBlog{
    background-image: url("../img/banner-blog-1200x624.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;    
}

#bannerBlog .col-md-12{
    margin-top: 250px;
    
}

#bannerBlog h1{
    color: #FFF1EE;
}

#bannerBlog span{
    color: #FFF1EE;
}

#bannerBlog a {
    text-decoration: none;
    color: #FFF1EE;   
}

#secBlog{
    background-color:#FFF1EE ;
    padding: 100px 0 100px 0;

}

#secBlog .col-md-3 .face{
    margin: 5px 10px 0 50px;
    font-weight: 100;
    font-size: 20px;
    width: 20%;
}

#secBlog .col-md-3 .instagram{
    margin: 5px 0 0 20px ;
    font-size: 20px;
    font-weight: 100;
    width: 20%;
}

#secBlog .col-md-3 ul>li a{
    text-decoration: none;
    color: #000;
}

#secBlog .col-md-3 ul>li a:hover{
    color: #0B937B;
}

#secBlog .col-md-3 ul>li{
    list-style-type: none;
}

#secBlog img{
    box-shadow: 2px 2px 5px #393939;
}

#secBlog main a {
    color: #0B937B;
}

#blogRoasting{
    background-color: #FFF1EE;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
}

#blogRoasting a{
   margin: 0 500px;
}

#iletisimBanner{
    background-image: url("../img/iletisim-banner-1200x500.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 1000px;
}

#iletisimBanner .form-control{
    border: none;
    background-color: transparent;
    text-shadow: 1px #393939;
    color: #393939;
}

.form-group input::placeholder{
    color: #393939;
    opacity: 1;
    font-size: large;
}

.form-group textarea::placeholder{
    color: #393939;
    opacity: 1;
    font-size: large;
}

#iletisimBanner hr{
    border-top: 1px solid #393939;
}

#iletisimBanner .col-md-6{
    margin-top: 60px;
    margin-bottom: 60px;
}

.form-group a{
    margin: 0 200px 0 200px;
}

.form-group button{
    width: 30%;
}

#iletisimBanner h2{
    margin-top: 70px;
    color: #393939;
    font-size: 40px;
}

#iletisimBanner img{
    width: 10%;
    margin: 50px 20px 0 20px;
}

.col-md-12 iframe{
    margin: 100px 20px;
}

#content img{
    border: 0,5px solid #393939;
    box-shadow: 2px 2px 5px #393939;
}

#bannerCoffee{
    background-image: url("../img/kahve-banner-1000x662.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;   
    
}

#bannerCoffee .col-md-12{
    margin-top: 450px;
    
}

#bannerCoffee h1{
    color: #FFF1EE;
}

#bannerCoffee a {
    text-decoration: none;
    color: #FFF1EE;   
}

#onkayit-contant-form-mobil{
    display: none;
}

/* Responsive Start */

/* @media(max-width:768px){

    #giris{
        padding: 15px 0 30px 0;
        font-size: x-small;
    }

    #giris .col-md-6:nth-child(1){
        margin: 0 0 0 55px ;
    }

    #giris .col-md-6:nth-child(2){
        padding: 0 80px 0 0;
    }

    #anaGiris .col-md-12{
        margin: 20px 0 0 100px;
    }

    #footer .col-md-4{
        margin: -70px 0 0 0;
    }

    #footer ul{
        margin: 0 0 0 -40px;
    }

    #bottomFooter {
        font-size: x-small;
    }

    #bottomFooter .col-md-6:nth-child(1){
        margin: 0 0 0 100px;
    }

    #bottomFooter .col-md-6:nth-child(2){
        margin: 0 50px 0 0;
    }

    #bannerCoffee{
        height: 550px;
    }

    #bannerCoffee h1{
        margin-top: -250px;
    }

    #çekirdekler1{
        margin: 50px 0 0 0; 
          
    }

    #çekirdekler2{
        margin: 0 0 50px 0;
        
    }

    #bannerBlog{
        background-size: 1000px;
        background-position:center;
        background-attachment: unset;
        height: 300px;    
    }

    #bannerBlog .col-md-12{
        margin: 100px 0 100px 0;
    }

    #secBlog .col-md-9 img:nth-child(1){
        margin: 0 0 60px 0;
    }

   #secBlog .col-md-3{
        margin: 100px 0 0 0 ;
   }

   #blogRoasting a{
        margin: 0 100px 0 120px;
   }

   #iletisimBanner h2{
        font-size: 25px;
        margin-top: -50px;
        margin-left: 35px;
        color: #FFF1EE;
   }

   #iletisimBanner img{
        margin: 10px 0 10px 40px;
   }

   #iletisimBanner iframe{
        width: 370px;
        margin: 20px 30px 0 10px;
   }

   #iletisimBanner{
        height: fit-content;
        
   }

   #iletisimBanner button{
        width: 200px;
        margin: 20px 0 0 -120px;
   }

   #iletisimBanner hr{
    border-top: 1px solid #FFF1EE;
   }

   .form-group input::placeholder{
    color: #FFF1EE;
    opacity: 1;
    font-size: large;
}

.form-group textarea::placeholder{
    color: #FFF1EE;
    opacity: 1;
    font-size: large;
}

#iletisimBanner .form-control{
    border: none;
    background-color: transparent;
    text-shadow: 1px #FFF1EE;
    color: #FFF1EE;
}

} */

/* Responsive End */