body {
    font-family: "Open+Sans", Oswald;
    font-size: 14px;
    line-height: 1.42857143;
    letter-spacing: 1px;
    font-weight:300; 
    color: #333;
    background-image: url(../images/bg.jpg);
    background-attachment: fixed;
}
html{
    scroll-behavior: smooth;
}
 #g-recaptcha-response {
     display: block !important;
     position: absolute;
     margin: -78px 0 0 0 !important;
     width: 302px !important;
     height: 76px !important;
     z-index: -999999;
     opacity: 0;
 }

 .g-recaptcha {
     width: 50%;
     transform: scale(0.77);
     -webkit-transform: scale(0.77);
     transform-origin: 0 0;
     -webkit-transform-origin: 0 0;
 }
container{
	max-width:1140px;
	}
.p0{
	padding: 0px;
}
.m0{
    margin: 0px;
}
/* ÜST BANT CSS BAŞLANGIÇ */
.ustban2{
	min-height: 40px;
	background-color:#f9bc25;
}
.ustban{
	min-height: 45px;
	background-color:#f9bc25;
}
.ustsosial{
  margin-top: 12px; 
    text-align: right;
}
.usttelmob{
    padding-top: 10px;
    padding-bottom: 10px;  
}

.kod{
    font-size: 26px;
    color: #000;
    display: block;
}

.fiyat{
    font-size: 20px;
    color: rgb(73, 10, 10);
    display: block;
}

.usttelmob i{
    font-size: 26px;
    color: #fff;
    margin-right: 15px;
}
.ttel{
    font-size: 26px;
    color: #fff;
}
.ttel:hover{
    font-size: 26px;
    color: #fff;
    text-decoration: none;
}
.ustsosial i{
  margin-right: 10px;
    font-size: 16px;
    color: #fff;
    transition: all 0.4s;
}
.ustsosial i:hover{
    color: #000;
}
.usttel{
	margin-top: 12px; 
	color: #fff;
	font-size: 14px;
	font-family: Oswald;
	font-weight:300;  
}
.usttel a{
	color: #fff;
    transition: all 0.5s;
}
.usttel a:hover{
	color: #000;
	text-decoration:none;
}
.iconsize{
	color: #fff;
	font-size: 16px !important;
	margin-right:10px;
}
.ustteks{
	color: #fff;
}
/* ÜST BANT CSS BİTİŞ */
.box22{
    height: 35px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.boxadres{
        height: 120px;
    margin-bottom: 15px;
    margin-top: 10px;
}
/* MENU CSS BAŞLANGIÇ */
.menu{
	height:70px;
	background-color:#F8F8F8;
	color:#000;
    border-bottom: 2px solid rgba(135, 135, 136, 0.10);
    border-top: 1px solid #f0f1f3;
    z-index: 152;
}
.affix {
	top: 0;
	width: 100%;
	-webkit-transition: all 2s ease-in;
	transition: all 1s ease-in;
    z-index: 25;
}
.affix + .container-fluid {
	padding-top: 100px;
}
.navbar-default {
    background-color: rgba(0,0,0,.0000);
        border-color: rgba(255,255,255,.15);
    z-index: 3;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin-top: 8px;
    font-size: 17px;
    font-family: Oswald;
	font-weight:400;  
    transition: all .30s ease-in-out;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #da8b02;
    margin-top: 8px;
    font-size: 17px;
}
.telicon{
    margin-right: 30px;
    color: #F9BC25;
    font-size: 25px;
}
.telsize{
  margin-top: -23px;
    margin-left: 38px;
}
.tellink{
    color: #fff;
    background-color: #333;
    height: 70px;
    padding-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -2px;
}
.logorenk{
    font-size: 30px;
    color: #000;
    font-family: Oswald;
    margin-top: -9px;
}
.logorenk2{
    font-size: 30px;
    margin-left: 10px;
    color: #F9BC25;
    font-family: Oswald;
}
.logorenk3{
    font-size: 14px;
    color: #848484;
    font-family: Oswald;
    margin-top: -9px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f8f8f8;
}
/* MENU CSS BİTİŞ */
.owl-carousel{
    background-color: #fff;
    padding-bottom: 20px
}
/* VİDEO SLOGAN CSS BAŞLANGIÇ */
.videosize{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(51, 51, 51, 0.60); 
    z-index: -20;
}
.ytp-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10%;
    margin-left: -5%;
    z-index: -34;
    pointer-events: none;
}
.slogan{
    min-height: 124px;
    background-color:#f9bc25;
    color: #333;
}
.slogan2 h1{
    font-size: 28px;
    font-family: "Open+Sans", Oswald;
}
.slogan2{
padding-top: 22px;
}
.tirnakiconsol{
    color: #fff;
    margin-right: 15px;
}
.tirnakiconsag{
    color: #fff;
    margin-left: 15px;
}
/* VİDEO SLOGAN CSS BİTİŞ */

/* FİRMA CSS BAŞLANGIÇ */
.firma{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #ebedef;
}
.firma img{
    border: 10px solid #f3f3f3;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
}
.firma .btn-success{
   font-size: 18px;
    margin-top: 15px;
    transition: all .20s ease-in-out;
}
.firma1 .fa{
    margin-right: 12px;
}

.firma1{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}
.firma1 img{
    border: 10px solid #f3f3f3;
    margin-top: 25px;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
}
.firma1 .btn-success{
   font-size: 18px;
    margin-top: 15px;
    transition: all .20s ease-in-out;
}
.firma1 .fa{
    margin-right: 12px;
}
/* FİRMA CSS BİTİŞ */

/* DESEN CSS BAŞLANGIÇ */
.desenler{
   background-color: rgba(51, 51, 51, 0.80); 
}
.carousel-control {
    font-size: 68px;
    font-weight: bold;
    padding-top: 6%;
    width: 7%;
    color: #fff;
}
.well {

background-color: rgba(255, 255, 255, 0);
border: 1px solid rgba(227, 227, 227, 0);
margin-bottom: 0px;
}
.desenler{
    color: #fff;
}
.desenler h4{
    color: #fff;
    font-size: 28px;
    padding-top: 25px;
}
.btsuc{
   font-size: 18px;
    margin-bottom: 40px;
    transition: all .20s ease-in-out;
}
.faicon{
    margin-right: 12px;
}
.img-rounded {
    border-radius: 6px;
    margin-bottom: 15px;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 0, 0, 0)),to(rgba(0,0,0,.0001)));
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
/* DESEN CSS BİTİŞ */

/* İLETİŞİM BAŞLANGIÇ */
.iletalt{
    background-color: #F8F8F8;
   padding-top: 40px;
    padding-bottom: 40px; 
}
.iletalt h5 {
    font-size: 23px;
    color: #000;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 20px;
}
.iletalt a:hover {
    color: #000;
    text-decoration: none;
}
.tel-icon{
    background-color: #ff9600;
    border: 4px solid #ff9600;
    width: 80px;
    height: 80px;
    border-radius: 72px;
    line-height: 72px;
    color: azure;  
    cursor: pointer;
   transition: all .50s ease-in-out;
}
.tel-icon:hover{
    background-color: rgba(255, 150, 0, 0);
    border: 4px solid #ff9600;
    border-radius: 72px;
    width: 80px;
    height: 80px;   
    line-height: 72px;
    color: #ff9600;
}
.zarf-icon{
    background-color: #ff9600;
    border: 4px solid #ff9600;
    width: 80px;
    height: 80px;
    border-radius: 72px;
    line-height: 72px;
    color: azure;  
    cursor: pointer;
    transition: all .50s ease-in-out;
}
.zarf-icon:hover{
    background-color: rgba(255, 150, 0, 0);
    border: 4px solid #ff9600;
    border-radius: 72px;
    width: 80px;
    height: 80px;   
    line-height: 72px;
    color: #ff9600;
}
.clock-icon{
    background-color: #ff9600;
    border: 4px solid #ff9600;
    width: 80px;
    height: 80px;
    border-radius: 72px;
    line-height: 72px;
    color: azure;  
    cursor: pointer;
    transition: all .50s ease-in-out;
}
.clock-icon:hover{
    background-color: rgba(255, 150, 0, 0);
    border: 4px solid #ff9600;
    border-radius: 72px;
    width: 80px;
    height: 80px;   
    line-height: 72px;
    color: #ff9600;
}
/* İLETİŞİM BİTİŞ */

.linksize{
   padding-top: 30px;
   padding-bottom: 30px;
    background-color: rgba(51, 51, 51, 0.85); 
    color: #ababab;
}
.genlink{
    background-color: #CACDD0;
    padding-top: 20px;
   padding-bottom: 20px;
}
.genlink a{
    color: #3f3f3f; 
    margin-left: 8px;
    margin-right: 8px;
    font-size: 18px;
    transition: all .20s ease-in-out;
}
.genlink a:hover{
    color: #000; 
    text-decoration: none;
}
.genlink2{
    background-color: #E6E9EE;
    padding-top: 20px;
   padding-bottom: 40px;
    color: #acadad;
}
.genlink2 a{
    color: #acadad;
    text-decoration: none;
    padding-right: 10px;
    transition: all .20s ease-in-out;
}
.copy{
    font-size: 16px;
}



.uygulama{
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #fff;
}
.uygulama h1{
    color: #000;
    font-size: 24px;

}
.uyg{
    margin-top: 25px;
}
.thumbnail {
    margin-bottom: 15px;
    
}
.uyg2{
    margin-bottom: 20px;
    color: #000;
}
.uyg3{
    color: #333;
    font-size: 16px;
        font-weight: 300;
}
.label-warning {
    background-color: #fff;
    border: 1px solid #ddd;
}


.iletisim{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-family: "Open+Sans", Oswald;
}
.box22{
    font-family: Open+Sans;
    letter-spacing: 2px;
    font-size: 16px;
}

.iletisim h1{
 text-align: left;
    font-size: 18px;
}
.iletisim h2{
 text-align: left;
    font-size: 20px;
    color: #000;
}
.iletisim h3{
 text-align: left;
    font-size: 20px;
    color: #000;
}
.iletisim p{
 text-align: left;
}
.iletisim a{
 text-align: left;
    font-size: 20px;
    color: #b5b5b5;
}
.yeniiletbtn{
    margin-top: 15px;
}




/* MEDIA QUERIES CSS BAŞLANGIÇ */
@media (max-width: 1199px){
            .carousel-control {
    padding-top: 5%;
    width: 7%;
}
}
@media (max-width: 991px){

.telsize {
    margin-top: -19px;
    margin-left: 29px;
    font-size: 17px;
}
    .navbar {
    border: none ;
}
    .nav>li>a {
    position: relative;
    display: block;
    padding: 7px 7px;
}
    .navbar-default .navbar-nav>li>a {
    font-size: 15px;
    margin-top: 15px;
}
    .navbar-default .navbar-nav>li>a:hover {
   font-size: 15px;
    margin-top: 15px;
}
    .navbar-default .navbar-toggle {
    border-color: #000;
}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0,0,0,.0001);
}
        .slogan2 h1{
    font-size: 26px!important;
    font-family: "Open+Sans", Oswald;
}
        .carousel-control {
    padding-top: 2%;
    width: 7%;
}
    .genlink a{
    color: #3f3f3f; 
    margin-left: 3px;
    margin-right: 3px;
    font-size: 16px;
}
.uygulama h1{
    color: #000;
    font-size: 20px;
    

}
}


@media (max-width: 767px){

    .navbar-nav {
    margin: 5px -15px;
        background-color: #F9BC25;
}
    .navbar-default .navbar-nav>li>a {
        margin-top: 0px;
}
    .navbar-default .navbar-nav>li>a:hover {
        margin-top: 0px;
        background-color: #F8F8F8;
}
    .navbar-default .navbar-toggle {
    border-color: #ccd0d6;
}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgba(0,0,0,.0001);
}
.navbar-toggle {
    margin-top: 18px;
    margin-bottom: 10px;
}
    .slogan2 h1{
    font-size: 22px!important;
}
.slogan2{
padding-top: 22px;
}
.tirnakiconsol{
    color: #fff;
    margin-right: 15px;
}
.tirnakiconsag{
    color: #fff;
    margin-left: 15px;
}
    .firma h3{
        font-size: 17px;
    }   
    .carousel-control {
    padding-top: 12%;
    width: 15%;
}
    .uyg3{
    color: #333;
    font-size: 12px;
}
    .iletisim h1{
 text-align: center;
    font-size: 18px;
}
.iletisim h2{
 text-align: center;
    font-size: 20px;
    color: #000;
}
.iletisim a{
 text-align: center;
    font-size: 20px;
    color: #000;
}
    .iletisim h3{
 text-align: center;
    font-size: 20px;
    color: #000;
}
    .iletisim p{
text-align: center;
}

}


@media (max-width: 425px){
    
    .slogan2{
padding-top: 8px;
}
      .carousel-control {
    font-size: 68px;
    font-weight: bold;
    padding-top: 3%!important;
    width: 15%;

} 
    .iletalt h5 {
    font-size: 18px;
    color: #000;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}
}
@media (max-width: 320px){
       .carousel-control {
    font-size: 68px;
    font-weight: bold;
           margin-top: -8px;
    padding-top: 0%!important;
    width: 15%;

}   
}
/* MEDIA QUERIES CSS BİTİŞ */