/*------ Gray Box CSS --------*/
.graybox{
	margin-bottom:10px;
	 width:98%;
	float:left;
}
 
.graybox .box_inner{
	padding:10px;float:left; 
	font-size:14px; width:100%;
}

.payment_radio {
	width:25px !important;
	height:25px !important;
}

.graybox fieldset {
	width:100% !important;
}

/*------ Gray Box CSS --------*/
.graybox1{
	margin-bottom:10px;
	 width:98%;
	float:left;
}
 h6 {
    color: #000;
  font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.graybox1 .box_inner1{
	padding:10px;float:left;border:solid 1px #9d9d9d;
	font-size:13px; width:100%;
}
.clr { clear: both; }
/*====================== 26.03.2018 payment ============================*/
.payment .graybox { background:#f6f6f6; border:1px solid #999;  margin:10px 0; padding:20px; float:left; width:100%; border-radius:5px; }
.payment .graybox h6 { font-size:26px; }
.payment .graybox .submit { background:#0f1c40; text-indent:0px;  color:#fff; border:none; font-size:18px;  min-width:auto; padding: 0 15px !important; width: auto !important; }
.payment .graybox .cancel { background:#e4434c ; text-indent:0px; color:#fff; border:none; font-size:18px; margin:0; min-width:auto; padding: 0 15px !important; width: auto !important; } 
.payment .graybox input { width:100%;
	margin-bottom:12px;
	margin-top:12px;
	text-indent:12px;
	height:46px !important;
	line-height:46px;
	border: solid 1px #b9b9b9;
	outline:none;
	background:#fff;
	border-radius:3px;
	font-size:17px; max-width:500px; }
.payment .graybox select { width:100%;
	margin-bottom:12px;
	margin-top:12px;
	text-indent:12px;
	height:46px !important;
	line-height:46px;
	border: solid 1px #b9b9b9;
	outline:none;
	background:#fff;
	border-radius:3px;
	font-size:17px; max-width:500px; }
.payment .graybox #payment_method { max-width: inherit; min-width: inherit;
width: auto; height: auto !important; }
.payment .graybox ol { padding:0; }
ul,ol{list-style-type: disc;}
.login { width:35%; margin:100px auto; background:#000d80; border-radius:5px; padding:15px 30px; text-align:center; }
.login h1 { color:#fff; font-size:30px; }
.login input { width:100%; }
.login .button, .registerform .button { background:#d90109; font-size:20px; padding:10px 0; }
.registerform ul { padding:0; }
.registerform label { font-weight:normal; font-size:16px; color:#000; min-width: 150px; }
.registerform label span { margin-left:3px; color:#ff0000; }
.registerform input , .registerform select { display:inline; width:auto; min-width:500px; margin-left:0; }
.registerform h2 { font-size:22px; color:#000; margin:30px 0 10px; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #000; }
.show{
  width: 80%;
  height: auto;
}
#show-img { width: 80%; height: auto; }
.small-img{
  width: 80%;
  height: 100px;
  margin-top: 10px;
  position: relative;
  left: 0px;
  right:0px;
}
#big-img {
	z-index:5000;
}

.small-img .icon-left, .small-img .icon-right{
  width: 12px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.small-img .icon-left{
  transform: rotate(180deg)
}
.small-img .icon-right{
  right: 0;
}
.small-img .icon-left:hover, .small-img .icon-right:hover{
  opacity: .5;
}
.small-container{
  width: 90%;
  height: 100px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.small-container div{
  width: 800%;
  position: relative;
}

.small-container .show-small-img{
  width: 100px;
  height: 100px;
  margin-right: 8px;
  cursor: pointer;
  float: left;
}
.small-container .show-small-img:last-of-type{
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
	
	.show {
		width:100%;
	}
	
	#show-img {
		width:100%;
	}
	.small-img {
		width:100%;
	}
	
	.graybox {
		width:100% !;
		margin:0px;
	}
	
	
	.payment .graybox ol li {
		width:100% !important;
		
	}
	
	.registerform input {
		min-width:100% ;
	}
	
	.registerform select {
		min-width:100% !important;
	}
	
	.payment .graybox .cancel {
		margin-top:8px;
	}
	.payment_radio {
	width:25px !important;
	height:25px !important;
	max-width:25px !important;
}
}