@charset "utf-8";
/* CSS Document */

*{margin: 0; padding: 0; box-sizing: border-box}

/*.background{background:url(../images/bg-2.jpg) no-repeat scroll center top; height: 100%}*/

.background{background-image: url(../images/bg-2.jpg); background-repeat: no-repeat; background-size: cover; height: auto}

.container{padding: 0 6%}

.bg{background-color: rgba(255,255,255,0.90); width: 40%; padding: 30px 0; border: 8px solid rgba(193,90,0,1.00); margin-right: 3%; margin-bottom: 6%; box-shadow: -5px 10px 20px #808080}

.offer-image-2{margin: auto; width: 100%; height: auto; margin-top: 100px}


.logo{color: white; font-family: sans-serif;padding: 10px 0 10px 6%;  }

/*background-color: rgba(255,255,255,0.90); padding: 10px 0 10px 6%*/

.offer{width: 50%; margin:0  auto; text-align: center}

.offer-image{margin: auto; width: 50%; height: auto}

.line{height: 3px ; border: none; background: #b70000; margin: 20px 0}


.responsive{width: 100%; height: auto; margin-top: 50px}


.flex-item{display: flex; justify-content: space-between}

footer{padding-top: 25px ; background-color: #903A00 ; color: white}

footer h3{font-family: sans-serif; font-size: 16px ; text-align: center; padding-bottom: 10px; font-weight: 400}

hr{background-color: yellow; height: 2px; margin-bottom: 15px; border: none}

.f-flex{display: flex; justify-content: space-between; }

.data-matters{padding:10px}

footer p{text-align: center}

.modal-dialog {
  margin-top: 0rem;
  max-width: 100%;}
  

.co-btn{padding: 10px; border: none; background-color:rgba(216,106,0,0.50); color: white; font-size: 14px}

.bold{font-weight: 800; color: black}

.text-color{color: black}
	

	
.form-style-1 {
	margin:0 auto;
	max-width: 400px;
	padding: 20px 12px 10px 20px;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style-1 label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
	-moz-box-shadow: 0 0 8px #88D5E9;
	-webkit-box-shadow: 0 0 8px #88D5E9;
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
	width: 49%;
}

.form-style-1 .field-long{
	width: 100%;
}
.form-style-1 .field-select{
	width: 100%;
}
.form-style-1 .field-textarea{
	height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
	background: #4691A4;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style-1 .required{
	color:red;
}

.respo{margin-left: 10px}


@media only screen and (max-width: 768px){
	
	.bg{width: 90%; margin: 0 auto}
	.flex-item{flex-direction: column; align-items: center}
	.offer{padding: 20px 0}
	.offer-image-2{margin-top: 0px}
	.visib{display: none}
}

@media only screen and (max-width: 992px){
	
	.respo{margin-top: 10px; margin-left: 0px}

}


@media only screen and (max-width:480px){
	.logo{text-align:  center}
	.responsive{margin-top: 0px }
}
.abcd{
padding-left:300px;
}