@charset "UTF-8";

body {
    position: relative;
    width: 100%;
    margin: 0 auto;
    line-height: 25px;
}

*,
*:before,
*:after,
div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }

img { max-width: 100%; height: auto; }
b, strong { font-weight: bold; }
p { margin-bottom: 1.25em; text-align: left; }
p:last-child { margin-bottom: 0; }

header, section, footer { position: relative; max-width: 1920px; margin: 0 auto; }

/* CSS FOR WEBSITE MESSAGES -- SUCCESS|WARNING|INFO|DANGER */
/*.notice_wrapper{padding: 0 11%!important}
.notice{margin-bottom: 20px;padding: 15px;position: relative;overflow: hidden;font-weight: bold;}
.notice a.bt-inv{float: right;}
.center {text-align:center}

/*original colors*/
/*.message-error{background-color: #F9C6C5;border-color: #ebccd1;color: #a94442;}
.message-notice{background-color: #BFE7F1;border-color: #bce8f1; color: #31708f;}
.message-success{background-color: #CDEEA7;border-color: #d6e9c6;color: #3c763d;}
.message-warning{background-color: #F5E5A7;border-color: #faebcc;color: #8a6d3b;}*/

/* Popup */
.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:1000; background: rgba(0,0,0, 0.8); }
.window {
	z-index: 99999;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.window .popup_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em;
	color: #dedede;
	background: rgba(0,0,0,.3);
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	text-align: center;
}
.window img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.window .popup_next,
.window .popup_prev {
	z-index: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(0);
	-webkit-transform: translateY(-50%) rotate(0);
	width: 40px;
	height: 40px;
	background: url(../../img/icons/arrow-popup.svg) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}
.window .popup_next { right: -4em; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); }
.window .popup_prev { left: -4em; }
.window .popup_close {
	position:absolute;
	top: -50px;
	right: 0;
	cursor: pointer;
	display:block;
	width: 30px;
	height: 30px;
	background: url(../../img/icons/close.svg) no-repeat center center;
	background-size: 100%;
}
.window .popup_count {
	position: absolute;
	bottom: 1em;
	right: 1em;
	color: #dedede;
}

.center {text-align:center}

/* CSS FOR WEBSITE MESSAGES -- SUCCESS|WARNING|INFO|DANGER */
.notice_wrapper{padding: 0 11%!important}
.notice{margin-bottom: 20px;padding: 15px;position: relative;overflow: hidden;font-weight: bold;}
.notice a.bt-inv{float: right;}

/*original colors*/
.message-error{background-color: #F9C6C5;border-color: #ebccd1;color: #a94442;}
.message-notice{background-color: #BFE7F1;border-color: #bce8f1; color: #31708f;}
.message-success{background-color: #CDEEA7;border-color: #d6e9c6;color: #3c763d;}
.message-warning{background-color: #F5E5A7;border-color: #faebcc;color: #8a6d3b;}

/*.message-error-v{background-color: #F9C6C5;border-color: #ebccd1;color: #FF0000;}
.message-notice-v{background-color: #BFE7F1;border-color: #bce8f1; color: #166DBD;}
.message-success-v{background-color: #CDEEA7;border-color: #d6e9c6;color: #2AAC40;}
.message-warning-v{background-color: #F5E5A7;border-color: #faebcc;color: #DB7100;}*/

/*popup*/
/* .window {position:fixed;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:99999;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.window > img {position:absolute;bottom:-1px;left:50%;-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);transition: all 0.5s ease;-webkit-transition: all 0.5s ease; max-width: 100%;max-height:100%;}
.window > .title {display:block;position:absolute;bottom: -4px; left:-1px; right:0; height: 58px; background: rgba(0,0,0, 0.8); color: #fff; text-align: left;line-height: 58px;font-size: 1em;padding-left: 1em;}
.window .next, .window .prev {cursor: pointer;display: inline-block;width: 4em;height: 46px;margin: 0 10px;text-align: center;vertical-align: middle;line-height: 1em;background-size: 7px 16px;position: absolute;top: 45%;background-size: 44px auto;}
.window .next:hover, .window .prev:hover,.window .close:hover{opacity:0.6;}
.window .next {right: -4em;background: url(../img/icons-popup.svg) no-repeat scroll center 1px transparent;}
.window .prev {left: -4em;background: url(../img/icons-popup.svg) no-repeat scroll center -80px transparent;}
.window .close{cursor: pointer;display: inline-block;width: 44px;height: 44px;margin: 0 10px;text-align: center;vertical-align: middle;line-height: 1em;background-size: 7px 16px;background:url(../img/icons-popup.svg) no-repeat scroll center -161px transparent;position:absolute;top:-60px;right: -2em;}
.window .count{display:none;position:absolute;bottom: -58px;right:0;min-width:58px;height:58px;padding:0 8px;color:#FFF;background:#00BCD4;line-height: 58px;text-align: center}
.modal {position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000; background: rgba(0,0,0, 0.8); }
.popup-content .container{padding: 5px;} */
.window > .close {cursor:pointer;display:block;position:absolute;top:-28px; right:0; width:20px; height: 20px;background:url(../img/close.svg) no-repeat 50% 0;background-size:20px 20px}

/*POPUP ALERT*/
.window.alert { border: 5px solid #e8e9eb; box-shadow: 0 0 10px #777; }
.window.alert > div[onclick] { overflow: auto; max-height: 720px; padding: 25px; background: #fff; cursor:pointer; }
.window.alert > div[onclick] > div { margin-bottom: 3em; }
.window.alert > div[onclick] > div:last-child { margin-bottom: 0; }
.window.alert > div[onclick] > div h2 { margin-bottom: .5em; line-height: 40px;}
.window.alert > div[onclick] > div ul { padding-left: 20px; list-style-type: disc; }
.window.alert > div[onclick] img { position: inherit; top: inherit; left: inherit; transform: none; margin-bottom: 2em; }
.window.alert > div[onclick] iframe { display: block; margin: 2em auto; }
.window.alert .close {
	position:absolute;
	top: -50px;
	right: 0;
	display:block;
	width: 30px;
	height: 30px;
	background: url(../../img/icons/close.svg) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}

.display_none { display: none!important; }
.invalid_input { border-color: red!important; }