@charset "utf-8";
/* CSS Document */
	div.active{margin-top:0px;}
div.deactive{margin-top:-120px;}
	.mydiv{width:100%; height:120px; background: rgb(19,105,180); background: linear-gradient(180deg, rgba(19,105,180,1) 0%, rgba(20,29,83,1) 100%); background-size:cover; transition-property:margin-top; transition-duration:1s; -webkit-transition-property:margin-top; /* Safari */ -webkit-transition-duration:1s; /* Safari */ margin-top:-218px; position:relative;}
div.active{margin-top:0px;}
div.deactive{margin-top:-120px;}
.mydiv a.close-top{width:81px; height:37px; position:absolute; top:0; right:-74px; margin:auto; text-indent:-100%; color:#ffffff; font-size: 15px; top: -40px; font-weight: normal;}

.mydiv a.close-link{background:url(../png/alert-close.png) no-repeat 0 0; width:81px; height:37px; position:absolute; bottom:0; left:0; right:0; margin:auto; text-indent:-100%; color:#ffffff; font-size: 17px; font-weight: normal;}
.mydiv h2{font-size:20px; line-height:30px; font-weight:bold; color:#ffd211; text-transform:uppercase; text-align:center; padding:10px 0 0 0;}
.mydiv p{font-size:17px; line-height:28px; font-weight:400; color:#ffffff; text-align:center; padding-bottom:6px;}
.mydiv a{font-size:17px; line-height:20px; font-weight:600; color:#db9705; display:inline-block; position: absolute; right: 39%; bottom: 14%; font-weight: normal;}
.mydiv2{display:none; font-size: 18px;}
	.modal-header .close{margin-top:-14px; text-shadow:0 0px 0 #fff;}
.modal-header{min-height:44px; padding:5px; border-bottom:0px solid #e5e5e5;}
.close{font-size:60px; font-weight:300; line-height:60px; color:#000; opacity:1;}
.modal-content{border:0px solid #999; border:0px solid rgba(0, 0, 0, .2); border-radius:0px; outline:0; -webkit-box-shadow:0 0px 0px rgba(0, 0, 0, .5); box-shadow:0 0px 0px rgba(0, 0, 0, .5); background: rgb(19,105,180); background: linear-gradient(180deg, rgba(19,105,180,1) 0%, rgba(20,29,83,1) 100%); background-size:cover;}
.modal-body{padding:5px 15px;}
.modal-body h2{font-size:24px; line-height:30px; font-weight:bold; color:#ffffff; text-transform:uppercase; text-align:center; padding:0 0 15px 0; margin:0;}
.modal-body p{font-size:14px; line-height:20px; font-weight:400; color:#ffffff; text-align:center; padding-bottom:10px;}
a.nolink{cursor:text;}
	
@media screen and (max-width: 1366px){
	.mydiv a{right:36%; }
}
	@media screen and (max-width: 1200px){
		.mydiv{height:238px;}
		
	}
@media screen and (max-width: 1100px){
	div.deactive {margin-top: -238px;}
	.mydiv a{right:31%; }
	}
	@media screen and (max-width: 1000px){
		.mydiv{height:255px;}
	}
@media screen and (max-width: 800px){
	div.deactive {margin-top: -255px;}
	.mydiv a{right:23%; }
	}
@media screen and (max-width: 600px){
	.mydiv a{right:17%; }
}
@media screen and (max-width: 500px){
	.mydiv h2{font-size:30px;}
	.mydiv p{font-size:21px; line-height: 32px;}
	.mydiv a{right:11%; }
}
@media screen and (max-width: 400px){

	.mydiv p{line-height: 28px;}
	.mydiv a{right:4%; }
}