html {
  position: relative;
  min-height: 100%;
}


body {
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*font-size:12px;*/
    background-color:#e3e3e3;


        background: #e3e3e3 url('../pictures/bg/bg.jpg') no-repeat no-repeat fixed 50% 0;

    /*background: url(../images/bg.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

    /* Margin bottom by footer height */
  margin-bottom: 350px;
  /*margin-top: 60px;*/
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}

.preloader {
    position:fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color:rgba(255, 255, 255, 0.5); /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

.spin {
    width: 150px;
    height: 150px;
    top: 25%;
    left: 50%;
    margin-left: -75px;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top-color: #000;
    position: absolute;
    animation: spin 1500ms infinite linear;
}

.spin:before {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: 3px solid transparent;
    border-top-color: #000;
    animation: antispin 700ms infinite linear;
    content: "";
    position: absolute;
    border-radius: 60%;
}

@keyframes spin { 100% {transform:rotate(360deg);} }
@keyframes antispin {
  from {transform: rotate}
  to {transform: rotate(-360deg);}
}

.preloader svg {
    width: 112px;
    top: 25%;
    left: 50%;
    margin-top: 23px;
    margin-left: -56px;
    position: relative;
}


/* yardımcı classlar */
.nopadding {padding:0 !important;}
.noborder {border:none;}
.nomargin {margin:0;}

.row.no-gutters{margin-right:0;margin-left:0}
.row.no-gutters>[class^="col-"],.row.no-gutters>[class*=" col-"]{padding-right:0;padding-left:0}

.tz, .clear{clear:both;display:block;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.db{display:block;}
.dib{display:inline-block;}
.fw{width:100%}
.bold{ font-weight: bold;}
.tj{text-align: justify;}

.boxshadow{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.29);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.29);box-shadow:0 0 10px 0 rgba(0,0,0,.29)}

.mrgray {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
}
.mrgray:hover {
	 /*-webkit-filter: grayscale(100%);*/
     filter:gray;filter:grayscale(1);-webkit-filter:grayscale(1)
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



/* site classları */



.input-group-addon { width: 30px; }
.input-group { width: 100%; }

.input-daterange .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/

         width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.mywidget {position:relative;margin-top:-30px; z-index:2}
.mywidget .mywidgetbody{position:relative;margin-top:-18px; margin-bottom:0;}

.boxdetay{background-color:#fff;-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .29) -moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, .29) box-shadow:0 0 10px 0 rgba(0, 0, 0, .29);}


.btn-orange {
background-color: #fc993e;
border-color: #ee6f50;
box-shadow: 0 12px 4px -12px rgba(0, 0, 0, 0.3);
color: #fff; text-shadow:none
}
.btn-orange:hover {
    color: #fff;
    background-color: #ee6f50;
    border-color: #ee6f50;
    /*background-color: #449d44;
    border-color: #398439;*/
}

.img-room{max-width:280px;}

.oda-yeni-fiyat {

    font-size:20px;
    font-weight:bold;
    color:#f00;
    text-shadow: 1px 1px 1px #000;
}

.indirim {
    font-size:15px;
    font-weight:bold;
    color:#6C3;
    text-shadow: 1px 1px 1px #000;
}




/*.carousel-inner {
    height: 100px;
    display: table;
}

.carousel-inner img {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}*/


/*.slider-size {
  height: 200px;
}*/

.lng-btn{margin-top:8px;}

.logo {
    max-height: 100px;
    border: 0;
}
.navbar-brand{padding-top:0}

#rez2{ display: none;}

.sc200{border: 1px solid #e5e5e5; height: 200px; overflow: auto; padding: 10px;text-align: justify;}

fieldset {
            /*border: 1px groove #ddd !important;*/
            border: 1px groove #e3e3e3 !important;
            padding: 0 1.4em 0.4em 1.4em !important;
            margin: 0 0 1.5em 0 !important;
            -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
                border-radius: 4px;
        }

      fieldset  legend {
            font-size: 1.2em !important;
            font-weight: bold !important;
            text-align: left !important;
            width:auto;
            margin-bottom:10px;
            padding:0 10px;
            border-bottom:none;
        }

#OtherInvoiceBox{display: none;}
.bankaimg{width:110px; height:38px;text-align: center;vertical-align: middle;display: table-cell;}




.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 300px;
  /*background-color: #f5f5f5;*/
  background-color:rgb(245, 245, 245)

}


body > .container {
  padding: 60px 15px 0;
}
/*.container .text-muted {
  margin: 20px 0;
}*/

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
    border-radius: 4px;
    overflow: hidden;
}

.header { background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.7) 100%); }