@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 900px) {
    .modelx{width:20%;float:left;}
    .mtext{margin-left:25%;width:30%;float:left;padding-top:150px;text-align:right;}
}
@media only screen and (max-width: 901px) {
    .modelx{width:100%;float:left;}
    .mtext{width:100%;float:left;text-align:center;}
}
  @media only screen and (max-width: 900px) and (min-width:501px) {
    .container{
      height: 150vh;
      grid-template-columns: auto auto;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .container{
      grid-template-columns: auto;
      height: 300vh;
      padding: 1rem;
    }
  }
body{ margin:0px; }
a {
    text-decoration: none;
    color:#000;
}
.headertop{
    width: 100%;
    height: auto;
    float: left;
    background-color: #3d3d3d;
}
.headertop-hiza {
    width: 1150px;
    display: table;
    margin: 10px auto;
}
.hd-adres {
    width: 60%;
    float: left;
    font-family: 'Roboto';
    color: #fff;
    font-size: 12px;
    margin-top: 3px;
}
.hd-sosyal-alan {
    width: 40%;
    height: 19px;
    float: left;
    text-align: right;
}
.hd-sos-ikon {
    width: auto;
    margin-left: 10px;
    display: inline-block;
}
.hdmenu-alan{
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    background-image: url('images/doku.png');
    background-repeat: repeat;
}
.menu-hiza{
    width: 1150px;
    margin: 0 auto;
}
.logo{
    width: 25%;
    height: auto;
    float: left;
    margin: 15px auto;
}

.menu-alan
{	width:100%;
	height:132px;

	position:absolute;
	z-index:1;
	margin-top:0px;
	}

.menu-genel-alan {
    width: 75%;
    height: auto;
	float:right;
	margin:25px 0px 0px 0px;
}
/*menu hover*/
	.menu ul.yeni {
    list-style: none;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    float: right;
}
.menu ul.yeni li {
    float: left;
    text-align: left;
    padding: 5px 0px 5px 0px;
    margin: 0px 10px;
    color: #ffffff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    height: 20px;
    background-image: url(images/menu-off.png);
    background-repeat: no-repeat;
    background-position: center;
}
    .menu ul.yeni li a{
        display: block;
        color: #000;
        text-decoration: none;
		width:auto;
		height:auto;
		
    }
	
	.menu ul.yeni li:hover{
        
		background-image:url(images/menu-on.png);	
	}

    .menu ul.yeni li ul.dropdown {
        width: 155px;
        height: auto;
        display: none;
        position: absolute;
        z-index: 999;
        color: #fff;
        margin: 0px;
        background-color: #333333;
        padding: 0px;
        background-image: none;
    }
    .menu ul.yeni li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    .menu ul.yeni li ul.dropdown li {
    display: block;
    height: auto;
    float: left;
    margin: 0px;
    width: 145px;
    height: 28px;
    color: #fff;
    background-image: none;
}
	.menu ul.yeni li ul.dropdown li a
	{	width:140px;
		height:28px;
		text-align:left;
		padding-top:5px;
		margin-left:5px;
		color:#fff;
	}
	.menu ul.yeni li ul.dropdown li a:hover{
		background-color:none;
	}
	
	.menu ul.yeni li ul.dropdown li ul.dropdown_2 {
        width: 155px;
        height: auto;
        display: none;
        position: absolute;
        z-index: 999;
        color: #fff;
        margin: -33px 0px 0px -125px;
        background-color: #1f1f1f;
        padding: 0px;
    }
		
	.menu ul.yeni li ul.dropdown li:hover ul.dropdown_2{
       display: block;	/* Display the dropdown */
    }
    .menu ul.yeni li ul.dropdown li ul.dropdown_2 li{
        display: block;
		height:auto;
		float:left;
		margin:0px;
		width:145px;
		height:28px;
		color:#fff;
    }
	.menu ul.yeni li ul.dropdown li ul.dropdown_2 li a
	{	width:140px;
		height:28px;
		text-align:left;
		padding-top:5px;
		margin-left:5px;
		color:#fff;
	}
	.menu ul.yeni li ul.dropdown li ul.dropdown_2 li a:hover{
		background-color:none;
	}

/*smenu hover*/
.menuAc
{	cursor:pointer;
	display:none;
}

.slider-alan {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -125px;
    z-index: -1;
    position: relative;
}
.orta-alan{
    width: 100%;
    background-color: #f4f4f4;
    float: left;
}
.rt-hiza{
    width: 1150px;
    margin: 0 auto;
}
.rt-kutu{
    width: 30%;
    display: inline-block;
    margin: 25px 1%;
    text-align: center;
}
.rt-ikon{
    width: 100%;
}
.rt-baslik{
    width: 100%;
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: 700;
}
.rt-icerik{
    width: 100%;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 300;
    margin-top: 5px;
}
.sistem-alan{
    width: 100%;
    float: left;
    padding: 25px 0px;
}
.sistem-hiza{
    width: 1150px;
    margin: 0 auto;
}
.sistem-kutu{
    width: 30%;
    display: inline-block;
    margin: 25px 1%;
    text-align: center;
}
.sistem-baslik{
    width: 100%;
    font-family: 'Roboto';
    font-size: 25px;
    font-weight: 700;
    text-align: center;
}
.footer-alan{
    width: 100%;
    float: left;
    background-color: #f4f4f4;
}
.ft-hiza{
    width: 1150px;
    margin: 0 auto;
}
.ft-baslik{
    width: 100%;
    font-family: 'Roboto';
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0px;
}
.ft-kutu{
    width: 50%;
    float: left;
}
.ft-satir{
    width: 90%;
    float: left;
    margin: 10px 5%;
}
.ft-ikon{
    width: 7%;
    float: left;
    margin: 10px;
}
.ft-bilgi-bas{
    width: 80%;
    float: left;
    margin: 5px 2.5% 5px 2.5%;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 700;
}
.ft-bilgi{
    width: 80%;
    float: left;
    margin: 0px 2.5%;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
}
.ft-sos-alan{
    width: 100%;
    text-align: center;
    margin: 10px 0px;
    float: left;
}
.ft-sos-ikon {
    margin: 10px 7px;
    display: inline-block;
}
.copy-alan{
    width: 100%;
    float: left;
    background-color: #3b3b3b;
    padding: 20px 0px;
}
.copy-hiza{
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 300;
    color: #bababa;
    width: 1150px;
    margin: auto;
}
.copy-kutu{
    width: 40%;
    float: left;
    margin: 0px 5%;
    text-align: center;
}
.copy-kutux{
    width: 40%;
    float: left;
    margin: 10px 5%;
    text-align: center;
}
/**//**/



@media (max-width:1170px){
    .headertop-hiza {width: 900px;}
    .menu-hiza {width: 900px;}
    .rt-hiza {width: 900px;}
    .slider-alan {margin-top: -90px;}
    .sistem-hiza{width: 900px;}
    .ft-hiza {width: 900px;}
    .copy-hiza{width: 900px;}


@media (max-width:920px){
    .headertop-hiza {width: 500px;}
    .menu-hiza {width: 500px;}
    .rt-hiza {width: 500px;}
    .rt-baslik{font-size: 18px;}
    .rt-icerik{font-size: 13px;}
    .sistem-hiza{width: 500px;}
    .ft-hiza {width: 500px;}
    .copy-hiza{width: 500px;}
    .ft-kutu {
        width: 90%;
        float: none;
        margin: 0px auto;
    }
    
.menu-genel-alan {
    width: 160px;
    height: auto;
    float: right;
    margin:0;
}
.menuAc {
    width: 100%;
    height: auto;
    cursor: pointer;
    display: block;
    text-align: right;
    margin-top: 18px;
}
.menu ul.yeni {
    width: 150px;
    background-color: #3d3d3d;
    float: none;
    position: absolute;
    padding: 7px 0px;
    text-align: left;
    display: none;
}
.menu ul.yeni li {
    float: left;
    width: 90%;
    text-align: left;
    padding: 5px 0px 5px 0px;
    margin: 0px 5%;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: 500;
    height: 20px;
}
.menu ul.yeni li a {
    display: block;
    color: #fff;
}
.menu ul.yeni li a:hover{
    color: #fff;
 }
}

@media (max-width:620px){
    .headertop-hiza {width: 90%; text-align: center;}
    .hd-adres {width: 100%}
    .hd-sosyal-alan {
        width: 100%;
        height: 19px;
        float: left;
        text-align: center;
        margin-top: 8px;
    }
    .menu-hiza {
        width: 90%;
        margin: 0px 5%;
    }
    .logo {
        width: 25%;
        height: auto;
        float: left;
        margin: 10px auto;
    }
    .slider-alan {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
        z-index: -1;
        margin-top: 0px;
    }
    .rt-icerik {font-size: 12px;}
    .rt-baslik {font-size: 14px;}
    .rt-hiza {width:90%; margin: auto auto;}
    .sistem-hiza{width: 90%;}
    .sistem-kutu {width: 70%;margin: 5px 15%;}
    .ft-hiza {width: 90%;margin:0px auto;}
    .copy-hiza{width: 90%;margin:0px auto;}
}

}
@media (min-width:921px) {
    .menu ul.yeni {display:block !important; }
    
}
  /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

         /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 032 css*/
        .jssorb032 {position:absolute;}
        .jssorb032 .i {position:absolute;cursor:pointer;}
        .jssorb032 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
        .jssorb032 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .iav .b {fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
        .jssorb032 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}