html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body,div {
	margin:0px;
	padding:0px;
	
}
body,div {
	font-family: arial;
}
.blue_bg {
	background-color: #01538d;
	height: 100%;
	width: 33%;
	position: absolute;
	top:0px; left:0px;
	background-image: url(../../new/lib/images/blue_shadow.png);
	background-repeat: repeat-y;
	background-position: right top;
	direction: rtl;
}
.main_blue_box {
	position: absolute;
	top: 30px;
	right: 49px;
	width: 227px;
}
.phone_box {
	position: absolute;
	height: 33px;
	width: 227px;
	top: 0px;
	right: 0px;
}

.phone_box p{color:#fff;font-size:18px;font-weight:700;text-align:center;margin:36px 0 0 77px;}
.phone_pic {
	height: 30px;
	width: 30px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.phone_num {
	font-size: 34px;
	font-weight: bold;
	color: #FFF;
	width: 197px;
	position: absolute;
	left: 38px;
	top: 0px;
}

.form_main_box {
	position: absolute;
	height: 366px;
	width: 227px;
	top: 74px;
	right: 0px;
}
.form_title {
	font-size: 24px;
	font-weight: bold;
	color: #91ca01;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 227px;
}
.thanks_title {
	font-size: 24px;
	font-weight: bold;
	color: #91ca01;
	position: absolute;
	top: 144px;
	right: 0px;
	width: 227px;
	text-align: center;
}
.form_sub_box {
	height: 304px;
	width: 227px;
	position: absolute;
	top: 67px;
	right: 0px;
}
.send {
	height: 68px;
	width: 227px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: 236px;
	right: 0px;
}

.fields_bg {
	background-color: #FFF;
	font-size: 14px;
	color: #4c4c4c;
	height: 34px;
	width: 227px;
	margin-bottom: 12px;
}
.fields_bg label {
	line-height: 34px;
	text-align: right;
	padding-right: 10px;
	float: right;
}
.field {
	background-color: transparent;
	height: 34px;
	width: 174px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	padding-left: 5px;
	line-height: 30px;
}
.field1 {
	background-color: transparent;
	height: 34px;
	width: 160px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-right:5px;
	line-height: 30px;
}
.field2 {
	background-color: transparent;
	height: 34px;
	width: 144px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-right:5px;
	line-height: 30px;
}
.check_main_box {
	position: absolute;
	width: 195px;
	top: 142px;
	right: 11px;
}
.check_text {
	font-size: 14px;
	color: #FFF;
	position: absolute;
	width: 85px;
	top: 0px;
	right: 0px;
}
.check_box1 {
	position: absolute;
	top: 0px;
	right: 87px;
	width: 108px;
}
.check_box1_text {
	font-size: 14px;
	color: #FFF;
	position: absolute;
	top: 0px;
	right: 20px;
}
.check_box2 {
	position: absolute;
	top: 22px;
	right: 87px;
	width: 108px;
}




.techni_button {
	height: auto;
	width: 227px;
	position: absolute;
	top: 490px;
	right: 0px;
	
}

textarea:focus, input:focus{
    outline: none;
}
.white_bg {
	position: absolute;
	height: 100%;
	width: 67%;
	left: 33%;
	top:0px;
	direction: rtl;
}
.main_white_box {
	position: absolute;
	width: 620px;
	left: 45px;
	top: 15px;
}
.logo {
	height: 64px;
	width: 617px;
	position: absolute;
	left: 5px;
	top: 0px;
}
.green_line {
	height: 1px;
	width: 612px;
	position: absolute;
	left: 5px;
	top: 79px;
}
.blue_title {
	font-size: 30px;
	font-weight: bold;
	color: #00548A;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 97px;
	width: 620px;
}
.blue_text {
	font-size: 18px;
	color: #00548A;
	text-align: right;
	position: absolute;
	left: 0px;
	top: 116px;
	width: 620px;
}

.blue_text p{margin:0 0 12px;}
.blue_text h2{margin:12px 0 6px;}

.gray_box1 {
	background-color: #f3f3f3;
	height: 254px;
	width: 299px;
	position: absolute;
	left: 320px;
	top: 258px;
}
.gray_blue_title {
	font-size: 22px;
	font-weight: bold;
	color: #00a1e4;
	position: absolute;
	width: 267px;
	top: 13px;
	right: 22px;
}
.gray_text {
	font-size: 16px;
	color: #2f2f2f;
	width: 267px;
	position: absolute;
	top: 48px;
	right: 22px;
}
.gray_box2 {
	background-color: #f3f3f3;
	height: 254px;
	width: 299px;
	position: absolute;
	left: 0px;
	top: 258px;
}
.gray_purple_title {
	font-size: 22px;
	font-weight: bold;
	color: #675ea9;
	position: absolute;
	width: 267px;
	top: 13px;
	right: 22px;
}
.pay_blue_text {
	font-size: 20px;
	font-weight: bold;
	color: #00548A;
	text-align: center;
	width: 620px;
	position: absolute;
	left: 0px;
	top: 535px;
}
.green_box {
	background-color: #91ca01;
	height: 68px;
	width: 620px;
	position: absolute;
	left: 0px;
	top: 594px;
}
.green_white_text {
	font-size: 34px;
	color: #FFF;
	text-align: center;
	position: absolute;
	width: 620px;
	left: 0px;
	top: 13px;
}

#share-buttons {
  height: 40px;
  left: 0;
  position: absolute;
  top: 690px;
  width: 407px;
}

.footer_box {
	position: absolute;
	width: 620px;
	left: 0px;
	top: 677px;
}
.small_logo {
	position: absolute;
	top: 0px;
	right: 108px;
}
.footer_text {
	font-size: 14px;
	color: #737373;
	text-decoration:none;
	position: absolute;
	top: 5px;
	right: 195px;
}
.footer_text a:link{
	color: #737373;
	text-decoration:none;
}
.footer_text a:visited{
	color: #737373;
	text-decoration:none;
}
.footer_text a:hover{
	color: #737373;
	text-decoration:none;
}
@media only screen and (min-width: 481px) { 
.blue_title{font-size:20px !important;}
.blue_text{font-size:16px !important;}
.blue_text{font-size:16px !important;}
.gray_purple_title,.gray_blue_title{font-size:20px !important;}
.green_white_text{font-size:30px !important;}
.fields_bg{font-size:13px !important;}
.blue_bg{min-height:800px;}
.gray_box1 {background-color: #f3f3f3;height: 276px;width: 299px;position: absolute;left: 320px;top: 258px;}
.gray_box2 {background-color: #f3f3f3;height: 276px;width: 299px;position: absolute;left: 0px;top: 258px;}
.pay_blue_text {font-size: 20px;font-weight: bold;color: #00548A;text-align: center;width: 620px;position: absolute;left: 0px;top: 557px;}
.green_box {background-color: #91ca01;height: 68px;width: 620px;position: absolute;left: 0px;top: 607px;}
.footer_box {position: absolute;width: 620px;left: 0px;top: 742px;}
.phone_num {font-size: 32px;font-weight: bold;color: #FFF;width: 197px;position: absolute;left: 38px;top: 0px;}
}





@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
.blue_title {font-size: 20px;}
.blue_text {font-size: 16px;}
	
}