@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,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
blockquote,q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
h1,h2,h3,h4,h5{font-weight:400;}
i,em{font-style:normal}
button,select{border:none;margin:0;padding:0;background:transparent}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}


html, body {height:100%;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
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: 0ms;	-moz-transition: 0ms;	-o-transition: 0ms;	transition: 0ms; }
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 *****/

body{margin:0; font-weight:400 !important; font-size:14px !important;font-family: 'Nunito Sans', sans-serif;
 }


#loader{transition:all .3s ease-in-out;opacity:1;visibility:visible;position:fixed;height:100vh;width:100%;background:#fff;z-index:90000;}
#loader.fadeOut{opacity:0;visibility:hidden}
.spinner{width:199px;height:115px;position:absolute;top:calc(50% - 67px);left:calc(50% - 100px); background:url(../images/logolar/logo.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;}

.mt60{ margin-top:60px;}
.mb60{ margin-bottom:60px;}

.mt40{ margin-top:40px;}
.mb40{ margin-bottom:40px;}

.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}

label{ float:left; width:100%; padding-bottom:10px; padding-top:30px;}
.opact{opacity:1;}
.opact:hover{opacity:0.7;}


.shdow1{
-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.24); 
box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.24);	
	}
	
.shdow2{
-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
}



@media (max-width:1199px) {
	.container{ width:100% !important;}
	.md{ display:none;}
	.xs{ display:block;}

body{ overflow-x:hidden;}
.amn{ padding-left: 0px !important;}

.smenu{ float: left; width:100%;  background-color:#FFF;}

.smenu .logo{ float:left; width:100%; height:115px; text-align:center; margin-top:5px; background-image:url(../images/logolar/logo.png); background-position:center; background-repeat:no-repeat; margin-bottom: 10px;}

.smenu .harita{ float: left; width: 50%; line-height: 40px; font-size:18px; color: #000000; text-align: center; background:#fee123; }
.smenu .menubtn{ float: right; width: 50%; line-height: 40px; font-size:18px; color: #ffffff; text-align: center; background:#1F3664; }


.mmenu{ float:left; width:100%; padding-right:20px; padding-top:10px; padding-left: 10px;}
.mmenu li{ float:left; width:100%; border-bottom:1px solid #CCC; padding-left:5px;}
.mmenu a{ float:left; width:100%; color:#091f49; font-weight:700; font-size:16px; line-height: 40px;}
.mmenu a i{ float:right; line-height: 40px; }
.aax a{padding-left: 20px;}
.aay a{padding-left: 20px;}

.socx{ float:left;  margin-left:10px; width:30px; height:30px;}
.socx svg{width:30px; height:30px;}
.socx svg path{fill:#acacab; }
.socx svg:hover path{ fill:#8dc7e9;}

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


.tsp{ float:left; width:100%; line-height:35px; background:url(../images/site/altcizgi1.jpg) left bottom no-repeat; font-size:18px;}


.icerik{ float:left; width:100%; font-size:15px; line-height:38px;  background:#FFF; padding-top:20px; padding-bottom:50px; }


.aim{display: none;}


.flex-container{
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.flex-container div{
  background-color: #f1f1f1;
  text-align: center;
  padding: 20px;
  border:1px solid rgb(187, 185, 185,0.7);
  line-height: 30px;
  margin-top: 5px;
  width: 100%;
}


}


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

  body{ overflow-x:hidden;}

.amn{ padding-left: 315px !important;}

  .smenu{ position:absolute; width:315px; padding-left:60px; background-color:#FFF;}
  
  .smenu .logo{ float:left; width:100%; height:115px; text-align:center; margin-top:35px; background-image:url(../images/logolar/logo.png); background-position:left; background-repeat:no-repeat;}
  
  .smenu .menu{ float:left; width:100%; padding-right:20px; padding-top:30px;}
  .smenu .menu li{ float:left; width:100%; border-bottom:1px solid #CCC; padding-left:5px;}
  .smenu .menu a{ float:left; width:100%; color:#091f49; font-weight:700; font-size:16px;}
  .smenu .menu a:hover{ color:#9f187e;}
  .smenu .menu a i{ float:right;}
  
  .altmenu{position: absolute; left: 295px; margin-top: 0px;
    display: block;
    z-index: 10;
    background: #fff;
    width: 315px;
    padding-left: 20px;
  }
  
  
  .socx{ float:left;  margin-left:10px; width:30px; height:30px;}
  .socx svg{width:30px; height:30px;}
  .socx svg path{fill:#acacab; }
  .socx svg:hover path{ fill:#8dc7e9;}
  
  
  
  .tsp{ float:left; width:100%; color: #1f3765; margin-top: 40px; line-height:32px; background:url(../images/site/ciz.jpg) left bottom no-repeat; font-size:19px; padding-left: 10px;}
  
  
  .icerik{ float:left; width:100%; font-size:15px; line-height:38px;  background:#FFF; padding-top:20px; padding-bottom:50px; }
  
  .hbr{float: left; width:46%; margin-left: 2%; margin-top: 20px; }
  .hbrb{float:left; width:100%; line-height:35px; height:35px; overflow:hidden; font-weight:700; font-size:18px; color:#616161; padding:5px;}
  
  .hbr:hover .hbrb{ color:#da2222;}
  
  .aim{position: absolute; margin-top: -30px; z-index: 1000; left: calc(100% - 350px); display: block; }



  .flex-container{
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  
  .flex-container div{
    background-color: #f1f1f1;
    text-align: center;
    padding: 20px;
    border:1px solid rgb(187, 185, 185,0.7);
    line-height: 30px;
    margin-left: 20px;
    width: 200px;
  }
  
}  


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

body{ overflow-x:hidden;}
.amn{ padding-left: 0px !important;}

.smenu{ position:absolute; width:315px; padding-left:60px; background-color:#FFF;}

.smenu .logo{ float:left; width:100%; height:115px; text-align:center; margin-top:35px; background-image:url(../images/logolar/logo.png); background-position:left; background-repeat:no-repeat;}

.smenu .menu{ float:left; width:100%; padding-right:20px; padding-top:30px;}
.smenu .menu li{ float:left; width:100%; border-bottom:1px solid #CCC; padding-left:5px;}
.smenu .menu a{ float:left; width:100%; color:#091f49; font-weight:700; font-size:16px;}
.smenu .menu a:hover{ color:#9f187e;}
.smenu .menu a i{ float:right;}

.altmenu{position: absolute; left: 295px; margin-top: 0px;
  display: block;
  z-index: 10;
  background: #fff;
  width: 315px;
  padding-left: 20px;
}


.socx{ float:left;  margin-left:10px; width:30px; height:30px;}
.socx svg{width:30px; height:30px;}
.socx svg path{fill:#acacab; }
.socx svg:hover path{ fill:#8dc7e9;}



.tsp{ float:left; width:100%; color: #1f3765; margin-top: 40px; line-height:32px; background:url(../images/site/ciz.jpg) left bottom no-repeat; font-size:19px; padding-left: 10px;}


.icerik{ float:left; width:100%; font-size:15px; line-height:38px;  background:#FFF; padding-top:20px; padding-bottom:50px; }

.hbr{float: left; width:30%; margin-left: 1%; margin-top: 20px; }
.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 img{width: 100%; float: left; }

.hbr:hover .hbrb{ color:#da2222;}
.hbr:hover .hbri{ color:#da2222;}
.aim{position: absolute; margin-top: -30px; z-index: 1000; left: calc(50% - 100px); display: block; }

.flex-container{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.flex-container div{
  background-color: #f1f1f1;
  text-align: center;
  padding: 20px;
  border:1px solid rgb(187, 185, 185,0.7);
  line-height: 30px;
  margin-left: 20px;
  width: 200px;
}


}