body {margin:0; font-family:'Roboto'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top:100px; color:#212721
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration:none !important;}
.img img {width:100%}
ul {margin:0; padding:0; list-style:none}
:focus {
outline: 0;
}

:root {
  --sienna: #be531c;
}
:root {
  --renk2: #212721;
}

.container2 {width:600px}
.container3 {width:250px}

input[type="button"],input[type="submit"],a,.transition,li { -webkit-transition: background-color 0.3s linear,color 0.3s linear,opacity 0.3s linear ;-moz-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ; -ms-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ;-o-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ; transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear ;}

header {background-color:var(--renk2); color:#FFF; text-align:center; height:100px; padding-top:32px; position:fixed; top:0; left:0; width:100%;  z-index: 9999;}
header .nav > ul > li  {display:inline-block;position:relative}
header .nav > ul > li > a {color:#FFF;font-size: 23px;
padding:0 14px;
  line-height: 1.22;
  color: #ffffff;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  }
header .nav > ul > li > a:hover {color:#be531c}
  
 
header .nav > ul > li:first-child  {position:relative; top:-3px}
header .nav > ul > li:first-child a {padding: 0 10px 0 0}
header .nav > ul > li:last-child a {padding: 0 0 0 20px}
header .nav > ul > li .sub {display:inline-block; text-align:left; position:absolute; min-width:320px; width:auto;  left: 0; display:none; z-index:101; padding:45px 20px 0; }
header .nav > ul > li .sub > ul {background-color:var(--renk2); padding:10px 0}
header .nav > ul > li .sub li {display:block}
header .nav > ul > li .sub li a {display:inline-block; width:100%; color:#FFF; padding:10px 20px;
font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;

}
header .nav > ul > li .sub li a:hover {color:var(--sienna)}
 .mobil-header {display:none}

.style1 { border-top:solid 5px var(--sienna); text-align:center; background-position:center; background-size:100%}
.style1 .sec1 {float:left; width:50%}
.style1 .sec2 {float:left; width:50%}
.style1 .caption {
    display: inline-block;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    color: #FFF;
}
.style1 h1 {
  font-size: 47px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #ffffff;
  margin:0 0 13px
}

.style1 h2 {
	
 font-size: 47px;
  font-weight: bold;
  
  line-height: 1.21;
  color: #2c2b2b;
  margin:0 0 20px
}
.style1 h2 a{ color: #2c2b2b;
}
.style1 h3 {
  font-size: 23px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: 0.55px;
  color: #2c2b2b;
  margin:0 0 8px;
   margin:0 0 28px 
}
.style1 h4 {
  font-size: 23px;
 
  line-height: 1.22;
  color: #2c2b2b;
  margin-bottom:15px
  }
/*
.style1 p {
	font-size: 22px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: 0.55px;
  color: #ffffff;
}
*/
.style3.style3-1 .txt {padding-bottom:20px}
.style1  .sec2 .caption {padding-bottom:35%}
.style1  .sec2 .caption.caption2 {padding-bottom:38%}
.style1  .sec1 .caption .img img {width:80%}
.style1 .btn1 {
  margin:0 0 32px }
.btn1 {
  width: 230px;
  height: 65px;
  border-radius: 10px;
  display:inline-block;
  background-color: var(--sienna);
	font-size: 30px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
      padding-top: 15px;
	  
}
.style3-1 ul {    list-style: disc;
    list-style-position: inside;}
.style3.style3-1 .img {padding:30px 0 0 0}
.style3.style3-1 table tr td{padding:15px 0}
.style3.style3-1 table tr td:first-child {width:150px}
.style3.style3-1 table tr td:nth-child(2) {width:30px}
.style3.style3-1 table {
	width:100;
	font-size: 16px;
  font-weight: 500;
  line-height: 1.19;
  letter-spacing: 0.4px;
  color: #747474;
}
.style3.style3-1 h3 { font-size: 23px;
  font-weight: 500;
 
  color: #2c2b2b;
  border-bottom:solid 1px var(--sienna);
  padding-bottom:10px;
  margin:0
  }
.style3.style3-1 .item {margin-top:30px}

.btn1:hover {
background-color:#FFF;
color:var(--sienna)
}
.btn1:active { 
  color: #ffffff !important;
  background-color: var(--sienna) !important;
}
.btn1:focus { 
  color: #ffffff !important;
}
footer {background-color:var(--renk2); padding:15px 0; color:#FFF;  border-top:solid 5px var(--sienna);}
footer .sec1 {}


footer .sec1 li:first-child  {
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: 0.48px;
  margin-bottom:10px
}
footer .sec1 li:nth-child(2)  {
	
	font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: 0.4px;
  margin-bottom:20px
}
footer .sec1 li:nth-child(3)  {
	
	font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: 0.4px;
  margin-bottom:5px
}

footer .sec1 li:nth-child(4) a:hover { text-decoration:underline}
footer .sec1 li:nth-child(4) a {
	
	font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: 0.35px;
  text-align: left;
  color: #ffffff;
  margin-bottom:5px
}

footer .sec2 { text-align:center}
footer .sec2 h6 {font-size: 16px;color: #ffffff; margin-top:0}
footer .sec2 p {
  font-size: 16px;
}
footer .sec2 img { width:120px; margin-bottom:5px}
footer .sec2 p {
  font-size: 16px;
  color: #ffffff;
}
footer .sec3 {text-align:right}
footer .sec3 li {display:inline-block}
footer .sec3 li a {color:#fff}
footer .sec3 ul {margin:0 10px 70px 0}
footer .sec3 i:before {margin:0 7px !important}
footer .sec3 p, footer .sec3 a {
  font-size: 16px;
  color: #ffffff;
}
footer.fixed {position: fixed;
    width: 100%;
    bottom: 0;}

.modal-home .modal-content .sec {float:left; display:inline-block; width:50%}
.modal-home .modal-content .sec {float:left; display:inline-block; width:50%}
.modal-home .modal-content .sec1 a span { display: inline-block;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;}
.modal-home .modal-content .sec1 a { width:100%;height: 115px;
  background-color: var(--sienna); display:inline-block; font-size: 25px;
  font-weight: normal;
  font-style: normal;
  color: #ffffff;}
 
.modal-home .modal-content .sec1 a:hover { color: var(--sienna); background-color: #ffffff}

.modal-home .modal-content .sec2 select { width:100%;height: 115px; border:none;font-size: 25px;
 padding:10px;
  color: var(--sienna);}
.modal-home .modal-content h4 {
 
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom:15px
}
.modal-home .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
	background-color:transparent;
	border:none;
	text-align:center;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
 max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

.modal-backdrop.in {
    filter: alpha(opacity=70);
    opacity: .7;
	background-color: var(--renk2)
}


.animated-arrow span:before {
	content: '';
}

.opener-arrow {
	color: #fff;
}
.animated-arrow {
    top: 14px;
	width: 30px;
}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
	background-color: #fff;
	width: 40px;
	height: 3px;
}
.animated-arrow span:after {
    top: 18px;
}
.animated-arrow span {
    margin-top: 9px;
}


 .mobil-header .sosyal li {display:inline-block}
 .mobil-header .sosyal li i:before {margin-left:0; font-size: 18px}
 .mobil-header .sosyal li a {color:#FFF; border: solid 1px #707070; text-align:center; padding:5px; display:inline-block}

.wsmenucontainer {z-index:10001; }

.animated-arrow:hover span:after {
    top: 18px;
}
.wsmenu {
    width: 300px;
	    left: -300px;
    background-color: #000000 !important;
}
.wsmenu .cont {
	text-align:left;
	 padding: 30px 10px 6px 40px;
	 font-size:16px;
}
.wsmenu .cont a { font-size:14px; color:#fff}
.wsmenu .cont h5 { font-size:19px}

.wsmenu > .wsmenu-list > li > a {
    padding: 6px 10px 6px 40px;
    font-size: 20px;
    border-right: none;
    color: #fff;
   
    border-bottom: none;
}
.wsmenu .wsmenu-list {
    padding: 50px 0 0 0;
}
.wsoffcanvasopener .animated-arrow {
    left: 260px;
   z-index:1001;
       background: #FFF;
    height: 28px;
    width: 28px;
}
 .wsoffcanvasopener .animated-arrow span,  .wsoffcanvasopener .animated-arrow span:before,  .wsoffcanvasopener .animated-arrow span:after {
    background-color: red;
	     top: 13px;
	 
 }
 .wsoffcanvasopener .animated-arrow span:after {
    width: 100%;
    top: 13px;
	    background-color: red;
 }
#sayfa_yukleniyor {
    background: black;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10051;
    text-align: center;
    background-image: url('../img/spinner.gif');
    background-position: center;
    background-repeat: no-repeat;
	background-size:100px
}

.style2 {background-color: var(--sienna); height:130px; padding-top:25px}
.style2 h1 {margin:0;  font-size: 45px;
  font-weight: bold;
  
  color: #ffffff;}
.style2 .bcrumb {margin-top:12px}
.style2 .bcrumb li {display:inline-block;color:#fff;font-size: 14px;
  font-weight: 300;}
.style2 .bcrumb li a{color:#fff}
.style2 .bcrumb li a:after{content:'\00a0\00a0\003e\00a0'}

.style3 { padding:40px 0;

  line-height: 2;
  font-size: 16px;
  font-weight: 300;
 
  color: #2c2b2b;
}
.style3 a {color: var(--sienna); font-weight:600}

.style3-1 h2 {color:var(--sienna);
font-size: 25px;
  font-weight: normal;
}

.style3-1 { font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  color: #2c2b2b;}
  .style3-1 .form {margin-top:80px}
  
 .style3-1 .form select { border: solid 1px #dedede;

  padding:10px;
   font-size: 16px;
  color: #2c2b2b;
  }
  
 .style3-1 .form select option:checked {
 font-size: 16px;
  color: #2c2b2b;
}

 .style3-1 .form select option {
font-size: 20px;

  color: #707070;
}

.style4 .tab-head {background-color:#000;}

.style4 .nav-tabs>li.active>a, .style4 .nav-tabs>li.active>a:focus, .style4 .nav-tabs>li.active>a:hover {
    color: var(--sienna);
    cursor: default;
    background-color: transparent;
    border: none;
    border-bottom-color: transparent;
	
  font-weight: bold;
}
.style4 .nav-tabs {
    border-bottom: none;
}
.style4 .nav-tabs>li {margin-right:34px}
.style4 .nav-tabs>li>a {
    border: none;
    border-radius: 0;
	color:#FFF;
	font-size: 18px;
	    padding: 18px 0;
}
.style4 .nav-tabs>li>a:hover { background-color:transparent; color:var(--sienna)}

.style4 .content {padding:40px 0 ;font-size: 16px;
  font-weight: 300;
  line-height: 2;
  color: #2c2b2b;}
.style4 .content h2 {margin:0 0 20px;

  font-size: 25px;

  line-height: 1.28;
  color: var(--sienna);
}
.style4 .content p {margin-bottom:0}
.style4 .content a {color:var(--sienna); font-weight:600}

.style5 {padding:75px 0 125px}
.style5 .side-menu li {padding:20px 0; border-bottom:solid 1px #ccc; padding-left:15px; background-image:url('../img/Group-43.png'); background-repeat:no-repeat; background-position: 0 20px}

.style5 .side-menu li:first-child {padding-top:0; background-position: top 0 left 0 }
.style5 .side-menu li a {font-size: 16px;
 
  line-height: 1.19;
  letter-spacing: 0.4px;
  color: #000000;
  }
  
.style5 .side-menu li a:hover {color:var(--sienna)}
.style5 .side-menu select {padding:10px; max-width:100%; display:none; }
.style5 .list .tarih { font-size: 16px;
 
  font-style: italic;
 
  line-height: 2;
  color: #000000;}
.style5 .list h3 {  font-size: 25px;
 
  line-height: 1.28;
  color: #000000;
  margin-top:0;
  font-weight:normal
  }
 
 .style5 .img img{border-radius: 10px;
  }
  
 .style5 .item  {margin-bottom:40px}
 .style5 .item .button  {
  width: 113px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--sienna);
  display:inline-block;
  font-size: 16px;
  font-weight: bold;
 
  line-height: 2;
  color: #ffffff;
  text-align:center;
  padding-top:5px;
}

.style5 .content .tarih {font-size: 16px;
 
  font-style: italic;
 
  line-height: 2;
 
margin-bottom:45px;
  color: #000000;}
.style5 .content h2 {margin:0 0 15px;font-size: 33px;
  font-weight: 300;
  line-height: 1.21;
  color: #000000;}
.style5 .content {
 
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  color: #2c2b2b;
}
.style5 .content p {margin-bottom:30px}
.style5 .content a {color:var(--sienna); font-weight:600}
.style5 .sosyal span {margin-right:10px}
.style5 .sosyal ul {display:inline-block}
.style5 .sosyal li {display:inline-block; margin-right:5px}
.style5 .sosyal  {font-size: 16px;
 
  line-height: 2;
  color: #808080;
  margin-top:20px
  }
  
.style5  .imgs  {margin-top:40px}
.style5  .imgs img {border-radius:0}
.style5 .imgs  .row {
    margin-right: -30px;
    margin-left: -30px;
}
.style5 .imgs .sec {    padding-right: 30px;
    padding-left: 30px;
	margin-bottom:30px
	}
.style5 .video {margin-top:20px}	
	
.style6 {padding:50px 0}
.style6 .panel-body a {color:var(--sienna); font-weight:600}
.panel-heading {
padding: 0;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
display:block;
padding:18px 0;
font-weight:500
}
.panel-default .in {padding:0}
.panel-default>.panel-heading {
font-size: 25px;
color: #000000;
background-color: transparent;
border:none;
}
.panel-default>.panel-heading a {font-size: 25px;
color: #000000; font-weight: normal;line-height:34px}
.panel {border:none;box-shadow: none;     margin-bottom: 0;

}

.panel-default>.panel-heading.active a {color:var(--sienna)}
.panel-default>.panel-heading a span { display:block; padding-left:20px}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
 font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  color: #2c2b2b;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border: none;
}
/*
.panel-heading  a:before {

background-image:url('../img/Group-43.png');
background-repeat:no-repeat;
background-position:top 22px left;
padding-left:15px
}
*/
.panel-heading  a:before {
font-family: 'Glyphicons Halflings';
content: "\e080";
/*content:"\00a0\00a0";
background-image:url('../img/Group-43.png');*/
background-repeat:no-repeat;
float: left;
transition: all 0.5s;
color:var(--sienna);
font-size:16px;
/*margin-top:5px*/
}

.panel-heading.active a:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
} 

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted rgba(0,0,0,0.57);
  opacity:1;
  width:14px;
  height:14px;
  background-color:var(--sienna);
  color:#FFF;
  text-align:center;
  border-radius:7px;
  cursor:pointer;
  z-index:1
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: rgba(0,0,0,0.57);
  color: #fff;
  text-align: center;
  padding: 5px ;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -100px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0,0,0,0.57) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


.style7  { text-align:center}
.style7 .logo-img img { max-width:250px}
.style7 h2 {
 
 font-size: 18px;
    font-weight: 600;
  line-height: 2;
  color: var(--sienna);
}

.m_settings_label .yesil {color:#1ed671}
.m_settings_label {text-align:center; position:absolute; bottom:0; text-align:center; display:inline-block;    margin-left: -18px}
.m_settings_cell {position:relative; padding-bottom:20px; display: inline-block;
    text-align: center;
    }


 .checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }



.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: var(--sienna);
  border-color: var(--sienna); }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.style8 .inc2 label {font-weight: 500; color: var(--sienna);
  font-size: 16px;
 }

.style7 {padding-top:50px}
.style8 {padding:20px 0 70px}
.style8 .inc1 {text-align:center}
.style8 .inc2 {width:400px; text-align:left; display:inline-block; margin-top:40px}
.style8 .inc2 .checkbox span {text-decoration:underline}
  
.btn2 {background-color:var(--sienna); width:298px; height:38px; color:#FFF; border:none; font-size: 20px;font-weight: bold; color: #ffffff;   border-radius: 3px;}
.btn2:hover {background-color:var(--renk2)}
.style8 .btn2 {margin-top:40px}
.col-form-label  {
 
 
  font-size: 16px;
  font-weight: normal;
  color: #747474;
}

.style8 .form-control {
  height: 38px;
  border-radius: 3px;
  border: solid 1px #c7c7c7;
  background-color: #ffffff;
  color:var(--sienna);
  padding:0 20px
}
.style8 textarea.form-control { height:auto; padding:10px 20px}

.tarih .form-control {padding:10px}

.style8 .form-control::-webkit-input-placeholder { color: #aaa;}
.style8 .form-control:-moz-placeholder {color: #aaa;}
.style8 .form-control::-moz-placeholder {color: #aaa;}
.style8 .form-control:-ms-input-placeholder {color: #aaa;}

.style8 select  {
  color: #aaa !important;
}

.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-content .fileuploader-popup-button.button-success {
    background: var(--sienna) !important;
   
}
.fileuploader-input .fileuploader-input-caption {

    color: var(--sienna) !important;
}
.fileuploader {
    padding: 0;
    margin: 0;
    background: #fff;
}

.modal-2 .modal-content {
    background-color: transparent;
	box-shadow:none;
	border:none;
	border-radius:0
}
.modal-2 .modal-body {background:#FFF; padding:40px 82px 82px}
.modal-2 .modal-body .cont{
 
  font-size: 16px;
  font-weight: normal;
  line-height: 22px;
  color: #000000;
}
.modal-2 .modal-body h3 {
  
  font-size: 35px;
  font-weight: normal;
  text-align: center;
  color: #000000;
  padding-bottom:30px
}
.modal-2 .modal-header .close:before {
    content:'KAPAT';
	color:#FFF;
	 font-size: 22px;
  font-weight: bold;
  margin-right:10px;
      top: -8px;
    position: relative;
}
.modal-2 .close span {    background-color: #FFF;
    padding: 0px 10px 10px;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 51px;
	color:var(--sienna)}
.modal-2 .close {
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    color: var(--sienna);
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
	
    margin: 0 0 1px;
}
.modal-2 .modal-header {
    padding: 0;
    border-bottom: none;
}

.modal-2 .hata {text-align:center}
.modal-2 .hata i {font-size:100px; color: #d61e1e; margin-bottom:20px}
.modal-2 p {  font-size: 45px;color: #d61e1e;line-height:45px}

.modal-2 .basarili {text-align:center}
.modal-2 .basarili i {font-size:100px; color: #1ed671; margin-bottom:20px}
.modal-2 h4 {
  font-size: 45px;
  font-weight: normal;
  color: var(--sienna);
}
.modal-2 p {  font-size: 22px;
  font-weight: 300;
  line-height: 1.45;
  color: #2c2b2b;}
.modal-2 a {color:#000; font-weight:500}

.duyuru_scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 350px;
    width: 80%;
}
.duyuru_scroll {overflow-y: scroll; overflow-x: hidden; height:350px; width:80%;}
.duyuru_scroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.duyuru_scroll::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.duyuru_scroll::-webkit-scrollbar-thumb{background-color: #bbb;}
.duyuru_scroll li {width: 95% !important;}

#myModalStart .modal-body iframe {width:100%; height:600px}
#myModalStart .modal-body {
    padding: 0;
	
} 
#myModalStart .modal-content {
    border: 0 !important;
	background: black !important;
	border-radius:0
}
#myModalStart .close {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

.alert-1 {background-color:var(--sienna); font-size: 16px;
  
  line-height: 1.19;
  
  color: #ffffff;
  padding:15px;
  text-align:center; margin-bottom:10px
  }
  
.alert-2 {

  font-size: 16px;
  font-weight: 300;

  line-height: 2;
 
  color: #be531c;
  margin-top:40px
}
.wsmenu .wsmenu-list > li {
    width: 100%;
}
.mobile-sub .wsmenu-submenu li a {
    line-height: 20px;
    font-size: 16px !important;
    padding: 8px 0px 8px 40px;
    text-align: left;
}

.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {

    display: none;
}
/* max */
@media (max-width: 1650px) {
	.style1 .sec2 .caption {
    padding-bottom: 20%;
}
}

@media (max-width: 1440px) {
	
	.style1 {
    background-size: 110%;
	}
	
	.style1 .sec2 .caption {
		padding-bottom: 0;
	}
	.style1 .sec1 .caption .img img {
		width: 70%;
	}
}
@media (max-width: 1279px) {
	header .nav > ul > li > a {
    font-size: 18px;
    padding: 0 15px;
	}
	header {
		height: 86px;
	}
	body {padding-top:86px}
	.style1 h1 {
		font-size: 37px;
		margin: 0 0 22px;
	}
	.style1 h2 {
		font-size: 24px;
		margin: 0 0 32px;
	}
	.btn1 {
		font-size: 25px;
		height:56px;
		padding-top: 13px;
		width:200px
	}
	.style1 .btn1 {
		margin: 0 0 24px;
		
	}
	.style1 h3 {
		font-size: 19px;
	}
	.style1 p {
		font-size: 19px;
	}
	footer .sec1 li:first-child {
		font-size: 16px;
		margin-bottom: 7px;
	}
	footer .sec1 li:nth-child(2) {
		font-size: 15px;
		margin-bottom: 15px;
	}
	footer .sec1 li:nth-child(3) {
		font-size: 15px;
		margin-bottom: 5px;
	}
	footer .sec1 li:nth-child(4) a {
		font-size: 13px;
	}
	footer .sec2 h6 {font-size: 15px}
	footer .sec2 p {
		font-size: 15px;
	}
	footer .sec3 ul {
		margin: 0 10px 50px 0;
	}
	footer .sec3 p {
		font-size: 15px;
	}
}
@media (max-width: 1024px) {
	
	header .nav {display:none}
	 .mobil-header {display:inline-block}
	 body {padding-top:0}
	header {
		height: 50px;
	}
	header {
		padding-top: 9px;
		position:relative;
	}
	 .mobil-header .sosyal {position:absolute; right:20px ;top:10px}
	footer .sec1, footer .sec3 {display:none}
	.style2 h1 {
    font-size: 32px;
}
.modal-2 .hata i {font-size:40px; margin-bottom:10px}
.modal-2 p {
  
  font-size: 25px;
  line-height:25px
}
.modal-2 .modal-body {
    background: #FFF;
    padding: 20px;
}

.modal-2 .basarili i {font-size:40px; margin-bottom:10px}
.modal-2 h4 {font-size: 25px;line-height:25px}
.modal-2 p {  font-size: 16px;line-height: 16px}
}
@media (max-width: 980px) {
	
	.style1 .sec1 {display:none}
	.style1 .sec2 {float:left; width:100%}
	.style1  .sec2 .caption {padding-bottom:0}
	#myModalStart .modal-body iframe {height:500px}
}
@media (max-width: 768px) {

	
	.style1 {  background-size: 210%;background-position-x:20%}

.style5 .side-menu .duyuru_scroll {display:none}
.style5 .side-menu select {display:inline-block}

.style5  {padding:25px 0}
.style5 .side-menu {margin-bottom:25px}

.style5 .list h3 {  font-size: 18px;
 
 
  }
 .style5 .imgs  .row {
    margin-right: -15px;
    margin-left: -15px;
}
.style5 .imgs .sec {    padding-right: 15px;
    padding-left: 15px}
	
	.style5 .imgs .sec {margin-bottom:30px}
	
	.style5 .content h2 {
		font-size: 24px;
	}
	
	.style5 .content .tarih {
		margin-bottom: 20px
	}
	
	.panel-default>.panel-heading a {font-size: 18px;line-height:22px}
		.style3-1 .form {
		margin-top: 30px;
	}
}
@media (max-width: 640px) {
/*	.style1 {background-size:230%}*/
	.container2 {width:100%}
	
	#myModalStart .modal-body iframe {height:300px}
}
@media (max-width: 500px) {
	/*.style1 h2, .style1 h2  a,.style1 h4  ,.style1 h3 {
    color: #FFF;
}*/
}
@media (max-width: 480px) {
	.style8 .inc2 {width:100%}
	.style1 {
    background-size: 100%;
	}
}
@media (max-width: 320px) {

}
/* min */
@media (min-width: 768px){
.modal-home .modal-dialog {
    width: 380px;
	
}
}
@media (min-width: 992px){
	.modal-lg {
		width: 1200px;
	}
}
.modal {
  
    z-index: 10050;
}