.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal_pos {
  position: fixed;
  top: 20%;
  right: 40%;
  bottom: 0;
  left: 2%;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog .modal-dialog1{
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
       -o-transform: translate3d(0, -25%, 0);
          transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog .modal-dialog1{
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: 60%;
  margin: 10px;
}

.modal-dialog1{
  position: relative;
  width: 20%;;
  margin: 10px;
}

.modal-dialog2{
  position: relative;
  width: 20%;;
  margin: 10px;
}

.modal-dialog_pos {
  position: absolute;
  width: 53%;;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #474747;
/*background: linear-gradient(to right, #EBEBEB, #140000, #140000, #140000, #EBEBEB);  */
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);   /*width: 58%; */
}

.modal_online-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: transparent;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=10);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 5px;
  border-bottom: 1px solid #FFFFFF;            /*Line under header*/
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title-login {
  margin-top: 0.0%;
  margin-left: auto;
  text-align: center;
  line-height: 1.42857143;
  color: #F00D11;
/*  font-size: 240%; */
}
.modal-title {
  margin-top: 0.0%;
 /* margin-left: auto;
  text-align: center;  */
  line-height: 1.42857143;
  color: #F00D11;
/*  font-size: 240%;*/
 font-weight: normal;
}
.modal-body {
  position: relative;
  padding: 5px;
}

.modal-body_online {
/*  position: relative;   */
/*  padding: 15px;   */
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.exit_bton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to right, #CCCCCC 5%, #545454 15%, #424242 100%, #424242 100%, #545454 15%, #CCCCCC 5%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:100%;
	font-weight:bold;
	margin: 6px 6px 0 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
    text-align: center;
    width: 6%;
    margin-left: 90.0%;
}


.exit_btn {margin-top: 12%;}

@media only screen and (max-width :1080px) {
.modal-dialog {display: none;}
.modal-content {
   -webkit-box-shadow: none;
    box-shadow: none;
}
}

@media only screen and (max-width :900px) {
.modal-backdrop {position: fixed; background-color: #000;}
.modal-dialog {display: block; width: 56%; margin-top: 2%; margin-left: auto; margin-right: auto; text-align: center;}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
     box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
     width: 76%;  margin-left: auto; margin-right: auto; text-align: center;
}
.modal-title {margin-top: 0.0%; line-height: 1.42857143; color: #FFFFFF; font-size: 140%;}
.exit_bton {margin-top: 13%; width: 10%;  margin-left: 86.0%; /*margin: 6px 6px 0 20px;*/}
}

@media only screen and (max-width :850px) {
.modal-dialog {width: 58%;}
.exit_bton {margin-top: 14%;}
}

@media only screen and (max-width :800px) {
.modal-dialog {width: 68%;}
.modal-content {width: 68%;}
.modal-title {font-size: 150%;}
}

@media only screen and (max-width :768px) {
.modal-dialog {width: 98%; margin-top: 0.0%;}
.modal-content {width: 54%;}
.modal-title {font-weight: normal;}
.exit_bton {margin-top: 16%;}
}

@media only screen and (max-width : 697px) {
.modal-content {width: 62%;}
}

@media only screen and (max-width : 640px) {
.modal-content {width: 63%; font-weight: normal;}
.modal-title {font-weight: normal;}
.modal-dialog {margin-top: 1%;}
.lightbox_details {width: 100%;}
.exit_bton {margin-top: 14%; margin-left: 88%;}
}

@media only screen and (max-width : 604px) {

}

@media only screen and (max-width : 568px) {
.modal-title {font-size: 140%;}
}

@media only screen and (max-width : 551px) {
.modal-content {width: 80%;}
.modal-dialog {width: 88%;}
}

@media only screen and (max-width : 533px) {
.exit_bton {margin-top: 0.0%; margin-left: 88%;}
}

@media only screen and (max-width : 510px) {

}

@media only screen and (max-width : 480px) {
.modal-content {width: 88%;}
}

@media only screen and (max-width : 450px) {
.modal-content {width: 94%;}
}

@media only screen and (max-width : 414px) {
.modal-content {width: 98%;}
}

@media only screen and (max-width : 387px) {
.modal-content {width: 84%;}
.lightbox_details {width: 86%; margin-left: auto; margin-right: auto; text-align: center;}
.exit_bton {margin-top: 16%; margin-left: 84; width: 12%;}
}

@media only screen and (max-width :360px) {
.modal-content {width: 73%;}
.modal-title {font-size: 130%;}
.modal-dialog {width: 95%;}
.lightbox_details {width: 100%;}
.exit_bton {margin-left: 86%; width: 14%;}
}

@media only screen and (max-width :341px) {
.modal-dialog {width: 100%;}
.lightbox_details {width: 100%;}
}

@media only screen and (max-width :320px) {
.modal-content {width: 78%;}
}