/*********** MODAL BOX */
	
	
.modal-backdrop {

    background-color: #fff!important;

}

.modal-dialog.jor .modal-content {
    background-color:none !important;
	border-radius: 0px;
}

.jor-tit {
    text-align: center !important;
}
.jor-tit img {
    width: 100% !important;
}
.jor-logo img {
   width: 100% !important;
}
.modal-dialog.jor .modal-body {
    padding: 0px;
    float: left !important;
    /* width: 100% !important;
   background-color: #a7221a !important;*/
    padding-top: 0px !important;
}

.modal-dialog.jor .modal-header {
   /* border-bottom: 0px solid #e5e5e5;*/
}
.jor-logo {
    /*padding: 0px !important;
    border-right: 1px solid #fff !important;*/
}

.jor-butt {
    text-align: center !important;
}
.modal-body.jor-buttprin {
    padding: 15px 0px !important;
}
.modal-backdrop.in {
    height: 100% !important;
}

@media (min-width: 1920px) and (max-width: 2560px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 20px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 23px;
    margin: 20px 0 20px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 45% !important;
    margin: 30px auto;
}
}

@media (min-width: 1680px) and (max-width: 1919px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 18px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 21px;
    margin: 15px 0 20px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 40% !important;
    margin: 30px auto;
}
}

@media (min-width: 1600px) and (max-width: 1679px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 19px;
    margin: 15px 0 20px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 40% !important;
    margin: 30px auto;
}
}

@media (min-width: 1280px) and (max-width: 1599px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 20px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 22px;
    margin: 27px 0 26px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 45% !important;
    margin: 30px auto;
}
	.modal-header .close {
    margin-right: -35px !important;
}
}

@media (min-width: 1152px) and (max-width: 1279px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 18px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 21px;
    margin: 22px 0 15px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 55% !important;
    margin: 30px auto;
}
	.modal-header .close {
    margin-right: -50px !important;
}
}

@media (min-width: 1024px) and (max-width: 1151px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 19px;
    margin: 22px 0 15px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 60% !important;
    margin: 30px auto;
}
	.modal-header .close {
    margin-right: -79px !important;
}
}

@media (min-width: 992px)  and (max-width: 1023px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 19px;
    margin: 16px 0 15px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 80% !important;
    margin: 30px auto;
}
	.modal-header .close {
    margin-right: -103px !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 15px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 15px;
    margin: 11px 0 11px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 70% !important;
    margin: 50px auto;
}
	.modal-dialog.jor .modal-content .modal-body>div>a>img {
    width: 100% !important;
}
	.modal-header .close {
    margin-right: -82px !important;
}
}

@media (min-width: 568px) and (max-width: 767px) {
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 23px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 26px;
    margin: 11px 0 11px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 80% !important;
    margin: 100px auto;
}
.jor-butt {
    margin: 10px 0px;
}
.jor-tit img {
    width: 80% !important;
}
.jor-logo {
    padding: 0px !important;
    border-right:0px solid #fff !important;
}
	.modal-dialog.jor .modal-content .modal-body>div>a>img {
    width: 100% !important;
}
	.modal-header .close {
    margin-right: -55px !important;
}
}

@media (max-width: 567px) {
	.modal-header .close {
    margin-right: -42px !important;
}
	.modal-dialog.jor .modal-content .modal-body>div>a>img {
    width: 100% !important;
}
span.jor-subtit {
    width: 100% !important;
    float: left !important;
    font-size: 19px !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
}
.jor-text {
    font-size: 20px;
    margin: 11px 0 11px 0px;
    text-align: center !important;
}
.modal-dialog.jor {
    width: 75% !important;
  /*  margin: 30px auto;*/
	margin: 100px auto;
}
.jor-butt {
    margin: 10px 0px;
}
.jor-tit img {
    width: 94% !important;
}
.jor-logo {
    padding: 0px !important;
    border-right: 0px solid #fff !important;
}
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog.jor .modal-header {
   /* border-bottom: 0px solid #e5e5e5;*/
}


.modal-header {
    min-height: 0px;
    padding: 0px;
  border-bottom: 0px solid #e5e5e5;
      width: 100%;
}

.modal-header .close {
      font-size: 50px;
	  color:#FFF;
	  opacity: 1;
}
.modal-content {
	border: 0px solid rgba(0,0,0,.2);
    background-color: transparent!important;
    box-shadow: none;
  
}
.modal {
    top:50px;
}