@charset "utf-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:0px;}
body img{ border:none;}
.Container{ width:100%; max-width:960px; margin:0px auto; padding:0; background:url(../images/back_desktop.jpg) no-repeat top center; min-height:661px; background-size:contain; position: relative;}
.right-popup{ max-width:413px; padding: 0; color:#5d5d5d; font-size:14px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; box-shadow: 0px 0px 50px rgba(0,0,0,.7); position: absolute; top:65%; right: 300px; z-index: 10; }
.right-popup .notch{ width: 17px; height: 12px; background: url(../images/toparrow-new.png) no-repeat left top; position: absolute; top: -10px; right: 155px; z-index: 5; }
.ProLeft{ width:49%; text-align:left; font-size:16px; color:#ea2127; font-weight:bold; display:inline-block; vertical-align:top; padding-bottom:5px; }
.ProRight{ width:49%; text-align:right;  display:inline-block; }
.ProRight ul { width:48%; float: right; padding:0px; margin:0px; }
.ProRight ul li { list-style-type:none; display:inline-block; padding:0px; }
.ProBotMain{ background:#ffffff; border: 2px #acacac solid; padding:4%; padding-bottom: 50px; }
.ProBOt{ width:100%; padding-top:3%; clear: both; }
.ProbotL{ display: inline-block; float: left; }
.ProbotL a{ display: inline-block; }
.ProbotL a.backbtn{ margin-right: 15px; }
.ProbotR{ display: inline-block; color:#dc1a22; font-size:12px; text-align:right; vertical-align:top; text-decoration:underline; padding-top:10px; float: right; }
.ProbotR a{  color:#dc1a22; font-size:12px; }

@media screen and (max-width: 992px) {
	.Container{ width:100%; max-width: 768px; margin:0px auto; padding:0; background:url(../images/back_tablet.jpg) no-repeat top center; min-height:661px; background-size:contain;}
	.right-popup{ width:100%; max-width: 413px; padding: 0; color: #5d5d5d; font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; box-shadow: 0px 0px 50px rgba(0,0,0,.7); position: absolute; top:61%; left: auto; right: 240px; }
	.right-popup .notch{ width: 17px; height: 12px; background: url(../images/toparrow-new.png) no-repeat left top; position: absolute; top: -10px; right: 168px; }
}

@media screen and (max-width: 767px) {
	.Container{ width: 100%; max-width: 375px; margin: 0px auto; padding: 0; background: url(../images/back_mobile.jpg) no-repeat top left; min-height: 667px; background-size: contain; }
	.right-popup{ left: 10px; top: 64%; max-width: 95%; font-size: 12px; line-height: 16px; }
	.right-popup .notch{ width: 17px; height: 12px; background: url(../images/toparrow-new.png) no-repeat left top; position: absolute; top: -10px; right: auto; left: 35%; }
}

@media screen and (max-width: 479px) {
.Container{ width: 100%; max-width: 375px; margin: 0px auto; padding: 0; background: url(../images/back_mobile.jpg) no-repeat top left; min-height: 667px; background-size: contain; }
	.right-popup{ left: 10px; max-width: 375px; top: 64%; max-width: 95%; font-size: 12px; line-height: 16px; }
	.right-popup .notch{ width: 17px; height: 12px; background: url(../images/toparrow-new.png) no-repeat left top; position: absolute; top: -10px; right: auto; left: 35%; }
	.ProbotL a.backbtn{ margin-right: 5px;	}
	.ProbotL a{ max-width: 30%; }
	.ProbotL a img{ width: 100%; height: auto; }
}
@media screen and (max-width: 380px) {
.Container{ width: 100%; max-width: 375px; margin: 0px auto; padding: 0; background: url(../images/back_mobile.jpg) no-repeat top left; min-height: 667px; background-size: contain; }
	.right-popup{ top: 64%; }
	.right-popup .notch{ right: 205px; left: auto; }
}
@media screen and (max-width: 340px) {
.Container{ width: 100%; max-width: 375px; margin: 0px auto; padding: 0; background: url(../images/back_mobile.jpg) no-repeat top left; min-height: 568px; background-size: contain; }
	.right-popup{ top: 64%; max-width:300px; }
	.right-popup .notch{ right: 150px; left: auto; }
	.right-popup .ProBotMain{ padding-bottom: 35px; }
	.right-popup .ProbotR{ padding-top: 0px; }
}