/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}
#fee-modal-content {display:none;}


/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px;  background-color:#ffffff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/map/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}




.btn-e.btn-e-dark {
    background: #555555;
}
.btn-e {
    white-space: nowrap;
    border: 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 12px;
    position: relative;
    background: #e33334;
    display: inline-block;
    text-decoration: none;
}
.modal-backdrop.in {    filter: alpha(opacity=65);    opacity: 0.65;}

@media (min-width: 768px) {
	.modal {
		position: fixed;
		top: 1%;
		right: 2%;
		left: 2%;
		bottom: 1%;
		width: auto;
		height: auto;
		margin: 0;
		overflow: hidden;
		/* margin-left: 17px; */
	}
}
@media (max-width: 767px) {
	.modal {
		position: fixed;
		top: 2px;
		right: 0;
		left: 0;
		bottom: 0;
		width: auto;
		height: auto;
		margin: 0;
		overflow: hidden;
		/* margin-left: 17px; */
	}
}


@media (min-width: 769px) {
	.modal.fade .modal-dialog {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
		top: 0;
		/*opacity: 0;*/
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.modal.fade.in .modal-dialog {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		/*opacity: 1;*/
		top: 0;
	}
}
@media (max-width: 768px) {
	.modal {
		-webkit-transition: all ease-out !important;
		-moz-transition: all 0.4s ease-out !important;
		-o-transition: all 0.4s ease-out !important;
		transition: all 0.4s ease-out !important;
	}
	.modal.in .modal-dialog {
		-webkit-transform: scale(1, 1) !important;
		-ms-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important;
	}
	.modal.fade .modal-dialog {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}


/* .modal-open .modal {
    overflow-x: hidden !important;
	overflow-y: hidden !important;
} */

/* Large desktops and laptops */
@media (min-width: 1200px) {.modal-full {	  width: 100%;	  height: 100%;	  margin: 0px auto;	}
	.modal-lg {	  width: 95%;	  height: 100%;	  margin: 0px auto;	}
	.modal-md {		width: 85%;		height: 100%;		margin: 0px auto;	}
	.modal-custom2 {		width: 75%;		height: 100%;		margin: 0px auto;	}
	.modal-custom {		width: 70%;		height: 100%;		margin: 0px auto;	}
	.modal-sm {		width: 400px;		height: auto;	}
}
/* Landscape tablets and medium desktops */
@media (min-width: 1002px) and (max-width: 1199px) {
	.modal-full {
	  width: 100%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-lg {
	  width: 95%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-md {
		width: 90%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom2 {
		width: 80%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom {
		width: 75%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-sm {
		width: 400px;
		height: auto;
	}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 1001px) {
	.modal-full {
	  width: 100%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-lg {
	  width: 100%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-md {
		width: 95%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom2 {
		width: 85%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom {
		width: 80%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-sm {
		width: 400px;
		height: auto;
	}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.modal-full {
	  width: 100%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-lg {
	  width: 100%;
	  height: 100%;
	  margin: 0px auto;
	}
	.modal-md {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom2 {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-custom {
		width: 100%;
		height: 100%;
		margin: 0px auto;
	}
	.modal-sm {
		width: 328px;
		height: auto;
	}
}
/* .modal-dialog {
	position: relative;
	height: auto;
	min-height: calc(100vh - 124px);
	overflow: hidden;
	border: 1px solid #333;
} */
.modal-content {
	/* position: relative;
	height: auto;
	min-height: calc(100vh - 124px);
	overflow: hidden; */
	border: 3px solid rgba(150,150,150,.3);
}
@media (max-width:768px) {
	.modal-content {
		border: none;
	}
}
.modal-header {
	padding: 6px 15px 5px 15px;
	background: #428bca;	/* winter3 */
	/* background: #58646D; */	/* fall3 */
}
.modal-header .close {
	 margin-top: -3px;
    font-size: 32px;
	line-height: 28px;
    font-weight: 900;
    opacity: 0.4;
}
.modal-title {margin-top: 0px;color: #fff;}
.modal-body {/* position: relative; */	/* height: 100%; */	max-height: calc(100vh - 110px);	padding: 5px 10px;	overflow: hidden;}
.modal-footer {	text-align: center;	padding: 10px;	background: #f1f3f5;}
.modal-footer .btn-e {	padding: 2px 40px;}