@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
  body {
font-family: 'Roboto', sans-serif ;
font-size: 13px;
}
a:hover{text-decoration: none;}
#Page{background: url(../image/box_bg.png) repeat;  margin-top: 24px; margin-bottom: 24px; border-radius: 15px; padding: 20px;}
.title {font-size: 32px;font-weight: normal;padding: 3px 0px 0px 0px;}
h2{font-size: 21px !important; font-weight: bold; margin-top: 15px; color:#F7842C!important;}
h4{font-size:18px !important; font-weight:400; margin-top:24px; color:#BA931E!important;}
h5{font-size:18px !important; font-weight:400; margin-top:24px; color:#5DB324!important;}

.btn-primary{}
.btn-primary:link,
.btn-primary:visited{
  text-decoration: none;
  position:relative;
  top:0;
  left:0;
  padding:20px 40px;
  border-radius:100px;
  display:inline-block;
  transition: all .5s;
}

.btn-primary{
  background:#fff;
  color:#000;
}

.btn-primary:hover{
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   transform : translateY(-3px);
   background-color: #E28E10;
}

.btn-primary:active{
  box-shadow:0px 5px 10px rgba(0,0,0,0.2)
  transform:translateY(-1px);
}

.btn-primary{
  animation:comeFromBottom 1s ease-out .8s;
}

.btn-primary::after{
  content:"";
  text-decoration: none;
  text-transform:uppercase;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:100px;
  display:inline-block;
  z-index:-1;
  transition: all .5s;
}

.btn-primary::after {
    background: #fff;
}

.btn-primary:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

@keyframes comeFromBottom{
  0%{
    opacity:0;
    transform:translateY(40px);
  } 
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.navbar-default{background-color: #F5F5F5;}
.navbar-logo {padding: 5px 0 0 0;}
.navbar-logo a span{margin:0; padding: 0; font-weight: 500; letter-spacing: -2px;color:#F7842C; font-size: 30px; }



.panel-heading{font-weight: bold; font-size: 14px; color:#3D465E!important;}
.panel-heading h2{margin:0; font-weight: bold; color:#F7842C!important; font-size: 18px!important;  letter-spacing:.030em;}
.panel-body{background: url('../image/content-header-top.png') top right no-repeat;  padding-bottom: 15px; padding-top: 0;}

.panel-body .hr{background: url('../image/content-header-layer-img.png') right no-repeat; background-position: 99%; height:220px;border-left: 1px solid rgba(213, 213, 213, 0.21);}
.panel-body .hr > img {width:100%;}

.ftopleft{min-height:580px !important;padding-top:15px;padding-bottom:15px;}
.ftopright{padding:0 0 0 15px;}
.panel-body .list{list-style: none; padding: 20px 0 10px 0; max-height: 570px;overflow-y: scroll;overflow-x: hidden;}
.panel-body .list a {display: block;
  font-size:13px;
background: url('../image/content-main-box-arrow.gif') 4px 12px no-repeat;
border-bottom: 1px solid #dddddd;
color: #666666;
line-height: 20px;
padding: 6px 0px 4px 15px;
text-decoration: none;}

.panel-body .list a:hover {color:#238EB6}

.mtop {margin-top:15px !important;}
.mtop25 {margin-top:25px !important;}


#viewContent .breadcrumb{margin-bottom:0; padding: 0;}
#viewContent .breadcrumb .sep{margin: 5px; margin-top: -3px;}
#viewContent .breadcrumb li a{font-size: 14px;}
#viewContent .breadcrumb li span{font-size: 14px;}
#viewContent .breadcrumb > li + li::before {content: none;}




#haeder {background: url('../image/footer-sign-border.gif') top left repeat-x;
font-size: 13px;
padding: 15px 0px 15px 0px;}


 footer{background: url('data:image/gif;base64,R0lGODlhAwADAIAAABqKyv9/ACH5BAAHAP8ALAAAAAADAAMAAAIEjIEWBQA7') top left repeat-x;
font-size: 13px;
margin: 0px 10px;
padding: 15px 0px 15px 0px;}

 footer .footer a{color: #fff; }
 footer .footer ul li{display: inline}
 footer .footer ul li span{ padding: 0px 5px;}

 .social ul li{margin:3px;}
  .social ul li a i{font-size:22px;}



  .panel-body {color:#444;}
  .panel-body.ftopleft {padding:24px !important;}
  .panel-body > p {line-height:1.9;font-size:14px;}
  .panel-body > p > a {color:#204D74;border-bottom:1px #204D74 dotted;}
  .panel-body > p > a:hover {color:#E39233;}
  #viewContentSubject > p.phone {color:#F7842C;font-size:18px;line-height:1.5;}
  #viewContentSubject h1{font-size: 21px !important;font-weight: bold;margin-top: 15px;color:#F7842C !important;}
.list-problems {padding-top:0;margin-top:20px;margin-bottom:16px;}
.list-problems > li {margin-top:4px;margin-bottom:12px;}
.list-problems > li > a {font-size:14px;}

  .actual-prog {
    text-align: center;
  }

  .actual-prog  li {
    list-style: none;
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 35px auto auto;
  }

  @-moz-keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
  }

  @-webkit-keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
  }

  @-o-keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
  }

  @keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
  }

  .actual-prog .round {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;    
    text-decoration: none;    
    text-align: center;
    font-size: 20px;    
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
    letter-spacing: -.065em;
    font-family: "Hammersmith One", sans-serif;   
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    box-shadow: 2px 2px 7px rgba(0,0,0,.2);
    border-radius: 300px;
    z-index: 1;
    border-width: 4px;
    border-style: solid;
  }

   .actual-prog .round:hover {
    width: 130%;
    height: 130%;
    left: -15%;
    top: -15%;
    font-size: 33px;
    padding-top: 38px;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    -o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    z-index: 2;
    border-size: 10px;
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }


  .actual-prog a.btn-orenge {
    background-color: #F7842C;
    color: #1E73BE;
    border-color: rgba(0,63,71,.2);
  }

  .actual-prog a.btn-orenge:hover {
    color: #F7842C;
    font-size: 1px;
  }

  .actual-prog .round span.round {
    display: block;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 1px;
    border: none;
    padding: 40% 20% 0 20%;
    color: #fff;
  }

  .actual-prog .round span:hover {
    font-weight: bold;
    opacity: 75;
    font-size: 17px;
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
    text-shadow: 0 1px 1px rgba(0,0,0,.5);  
  }
p, strong {
    font-weight: normal;}


 .smtp-on-kayit{ background-color:#F6842C; padding: 25px; margin-bottom:25px; color:#fff; border-radius: 5px; }
 .smtp-on-kayit h3{font-weight: bold; color:#1E73BE; border-bottom: 1px dotted #1E73BE;}
 .smtp-on-kayit button{background-color: #1E73BE; }
 .smtp-on-kayit button:hover{color: #fff;}
  .smtp-on-kayit .form-group span{color:red;}


  #lightgallery a{width: 24%;height:180px; float: left; margin-left: 8px; margin-top:4px; margin-bottom: 12px;}

  #lightgallery a img{  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;}


.demo-dersler h3{
border-bottom:1px dotted #F8842C;
padding-bottom: 15px;
}