/*
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Staatliches', cursive;
*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css");
html, body {height:100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;} 
textarea {overflow:auto;}


a{-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;cursor:pointer!important}
a:link{outline:none!important;text-decoration:none!important;}
a:visited{outline:none!important;text-decoration:none!important;}
a:hover{outline:none!important;text-decoration:none!important;	-webkit-transition: 100ms;	-moz-transition: 100ms;	-o-transition: 100ms;	transition: 100ms; }
a:active{outline:none!important;text-decoration:none!important; }
a:focus{outline:none!important;outline-offset:0; }
.ulli{background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;-webkit-text-size-adjust:none;list-style: none;}

/***** RESET *****/


#loader{transition:all .3s ease-in-out;opacity:1;visibility:visible;position:fixed;height:100vh;width:100vw;background:#fff;z-index:90000;}
#loader.fadeOut{opacity:0;visibility:hidden}
.spinner{width:250px;height:172px;position:absolute;top:calc(50% - 66px);left:calc(50% - 125px); background:url(../images/logolar/matris-loading.gif);}

.radus5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radus10{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.radus15{-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.radus20{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.radus30{-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.radus40{-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}


	.shdw{
		-webkit-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		-moz-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

body{margin:0; background:#FFF; font-family: 'Raleway', sans-serif !important; font-weight:400 !important; font-size:14px;}

.fgh{ float:left; width:100%; height:78px; background:url(../images/site/b1.jpg) right center repeat-y; line-height:78px; color:#FFF;font-weight:500; font-size:16px; padding-left:10px; padding-right:50px;}
.fgh:hover{ background:url(../images/site/b2.jpg) right center repeat-y; color:#FFF;}

.hbrb{float:left; width:100%; line-height:35px; height:35px; overflow:hidden; font-weight:700; font-size:18px; color:#616161; padding:5px;}
.hbri{ float:left; font-size:30px; color:#616161; padding:5px; margin-top:20px; }

.hbr:hover .hbrb{ color:#20627b;}
.hbr:hover .hbri{ color:#20627b;}

.tit{ float:left; line-height:30px; font-weight:900; font-size:20px;}

label{ float:left; line-height:30px;}


@media (min-width:1200px) {
	.container{ width:1230px !important;}
	.md{ display:block;}
	.xs{ display:none;}
	

.flc {
  display: flex;
  justify-content: center;
  height:130px;
  float:left;
  width:100%;
}

.flcli{ height:130px;}


.emll{ font-weight:700;
padding-left:15px; padding-right:15px;
color:#000;font-size:18px; cursor:pointer; line-height:130px;
}
.emll:hover{ color:#20627b;}


.snr1{ position:absolute;top:120px; background:#FFF;padding:20px;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		-moz-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
	width:175px; min-height:70px;
	z-index:1500000;	
	left:calc(50vw - 470px);
}


.snr{ position:absolute;top:120px;  background:#FFF;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
-webkit-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		-moz-box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
		box-shadow: 3px 2px 10px 3px rgba(0,0,0,0.21);
	width:900px; min-height:455px;
	background-image:url(../images/site/menualt1.jpg);background-position:right center; background-repeat:no-repeat;
	z-index:1500000;	
	left:calc(50vw - 350px);
}

span.snr ul{ float:left; width:175px; margin:30px 0px 50px 30px;}

.snrli{ border-bottom:#eeeaea 1px solid;}

.snrli .dnz{color:#7e7878; font-weight:500; font-size:16px; line-height:40px;  }
.dnz:hover{ color:#20627b !important;}
.ddh{ color:#20627b !important;}

.uruna{ float:left; line-height:40px; font-weight:500;color:#7e7878; font-size:16px; background:url(../images/site/cizgi.jpg) no-repeat bottom left;clear:left;}
.uruna:hover{color:#20627b !important;}
	.diller a{ float:left; line-height:50px; color:#FFF !important; padding-left:10px; padding-right:0px; font-weight:500; font-size:16px;}
	.diller a:Hover{color:#ff7d7d !important;}

    .slider .swiper-container {
      width: 100%;
      height: 100%;
    }
    .slider .swiper-slide {
      background-position: center;
      background-size: cover;
    }
	
	.slider{ width:100%; height:680px;}	
	
	.sly{position:absolute; left:calc(100% - 900px + 300px); width:746px; height:746px; top:-250px; background-image:url(../images/site/sliteback.png); z-index:1000;
	 padding-left:50px; padding-top:280px; padding-right:165px; text-align:right;
	}
	.sly .yaz1{ float:left; font-weight:300; font-size:82px; color:#20627b; width:100%; line-height:90px; text-align:right;font-family: 'Staatliches', cursive;}
	.sly .yaz2{ float:left; font-weight:700; font-size:18px; color:#7c6868; width:100%; line-height:25px; text-align:right;}
	
	.sly a{
		float:right;
		margin-top:20px;
		padding:15px 20px 15px 20px;
		font-size:18px;
		font-weight:900;
		background:#20627b;
		color:#fff;
		-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
	}
	.sly a:hover{ color:#FFF;}
	
	#hrl li a{ line-height:30px; width:100%; font-weight:500;color:#7e7878; font-size:16px; }
	#hrl li a:hover{ color:#20627b}
	
	.ftli{float:left; width:100%; color:#fff; line-height:25px; font-size:16px;}
	.ftli:hover{color:#fff;}

.spn1{background:url(../images/site/cizgi1.jpg) bottom left no-repeat;font-weight:600;  line-height:35px; float:left; font-size:22px;}
.basak{float:right; margin-right:0px; z-index:1; height:330px;padding:10px 0px;}
.spn2{float:left; margin-top:-10px; color:#fbcd50; font-size:18px !important;}

.dsa{ color:#20627b; font-weight:600; font-size:18px;}

.tdl table{
border:0px !important;
width:100%;
}
.tdl table tr td {
    height:50px; border:none;
	border-bottom:#CCC 1px solid;
}

.tdl table tr:first-child td ,.tdl table tr:first-child th {
    height:83px;
	color:#fff;
	background-image:url(../images/site/tabler.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding:5px;
	 border:none !important;
	 line-height:18px;
	 font-size:16px;
	 font-weight:600;
	 text-align:center;
}

.tdl table tr:first-child td strong,.tdl table tr:first-child th strong{ float:left; width:100%; text-align:center; font-weight:normal; color:#febdbf !important;}

.frt{color:#b67d35; line-height:90px; padding-left:30px; padding-right:30px; background:url(../images/site/tabler.jpg) right center no-repeat; font-size:18px; font-weight:700;}
.frt:hover{ color:#FFF;}
.frt:active{ color:#FFF}
.frt:focus{color:#b67d35; }
}
	

@media (max-width:1199px){

	.container{ width:100% !important;}
	.md{ display:none;}
	.xs{ display:block;}

	.mmenub{ position:absolute; top:95px; right:10px; color:#fff; font-size:30px;}
	.mmenub:hover{color:#fff;}
	.mmenub:active{color:#fff;}
	.mmenub:focus{color:#fff;}

.ymenu{display:none;font-size:13px; position:fixed; left:0px; top:147px; height:calc(100vh - 147px);z-index:100000; background:#FFF; overflow-y:scroll; width:100%;}
.umn{ float:left; width:100%;}
 
 .ymenu .mcd{ float:left; width:100%; padding-left:20px; display:block; font-weight:700; color:#606060;
	  line-height:58px; background-image:url(../images/site/c1.png) ; background-repeat:repeat-x; background-position:bottom; }

.ymenu::-webkit-scrollbar {
    width: 3px;
}

.ymenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.ymenu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}

.payt{ float:left; width:90%; margin-left:10%; line-height:30px;}
.paytx{ float:left; width:80%; margin-left:20%; line-height:30px;}

.paytx a{ color:#20627b;}



    .slider .swiper-container {
      width: 100%;
      height: 100%;
    }
    .slider .swiper-slide {
      background-position: center;
      background-size: cover;
    }
	
	.slider{ width:100%; height:400px;}	
	
	.sly{position:absolute; left:-270px; width:746px; height:746px; top:-100px; background-image:url(../images/site/sliteback.png); z-index:1000;
	 padding-left:290px; padding-top:280px; padding-right:175px; 
	}
	.sly .yaz1{ float:left; font-weight:300; font-size:32px; color:#20627b; width:100%; line-height:40px; text-align:left;font-family: 'Staatliches', cursive;}
	.sly .yaz2{ float:left; font-weight:700; font-size:16px; color:#7c6868; width:100%; line-height:20px; text-align:left;}
	
	.sly a{
		float:left;
		margin-top:20px;
		padding:15px 20px 15px 20px;
		font-size:14px;
		font-weight:900;
		background:#20627b;
		color:#fff;
		-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;
	}
	.sly a:hover{ color:#FFF;}
	
	#hrl li a{ line-height:30px; width:100%; font-weight:500;color:#7e7878; font-size:16px; }
	#hrl li a:hover{ color:#20627b}
	.ftli{float:left; width:100%; color:#fff; line-height:25px; font-size:16px;}
	.ftli:hover{color:#fff;}
.spn1{background:url(../images/site/cizgi1.jpg) bottom left no-repeat;font-weight:600;  line-height:20px; float:left; font-size:14px;}
	.basak{float:right; margin-right:0px; z-index:1; max-height:330px; max-width:100%;padding:10px 0px;}

.spn2{float:left; color:#fbcd50; font-size:14px !important;}



.dsa{ color:#20627b; font-weight:600; font-size:18px;}

.tdl table{
border:0px !important;
width:100%;
}
.tdl table tr td {
    height:50px; border:none;
	border-bottom:#CCC 1px solid;
}

.tdl table tr:first-child td {
    height:83px;
	color:#fff;
	background-image:url(../images/site/tabler.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding:5px;
	 border:none !important;
	 line-height:22px;
	 font-size:16px;
	 font-weight:600;
}

.frt{color:#b67d35; line-height:90px; padding-left:30px; padding-right:30px; background:url(../images/site/tabler.jpg) right center no-repeat; font-size:18px; font-weight:700;}
.frt:hover{ color:#FFF;}
.frt:active{ color:#FFF}
.frt:focus{color:#b67d35; }
}