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

@font-face {
  font-family: 'Roboto-Bold';
  src: url('Roboto-Bold.eot');
  src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Bold.svg#Roboto-Bold') format('svg'),
       url('Roboto-Bold.ttf') format('truetype'),
       url('Roboto-Bold.woff') format('woff'),
       url('Roboto-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-Light.eot');
  src: url('Roboto-Light.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Light.svg#Roboto-Light') format('svg'),
       url('Roboto-Light.ttf') format('truetype'),
       url('Roboto-Light.woff') format('woff'),
       url('Roboto-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body { font-family: 'Roboto-Light'; font-size:22px; color:#353e07;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(207,207,207,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(207,207,207,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(207,207,207,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(207,207,207,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(207,207,207,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(207,207,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cfcfcf', GradientType=1 );}

h1, h2, h3, h4{font-family: 'Roboto-Bold';  margin:5px auto; padding: 5px 0;}


.pdng-top-btm{ padding:20px 0;}
.pdng-top{ padding-top:20px;}
.fright{ float:right;}

.container{ background:url(../images/bg-logo.png) center center no-repeat; margin: 50px auto 0 auto;}

/*.logo img{ background:#FFF; padding: 5px; border-radius: 10px; margin: 10px auto 0 auto; display: block;}*/
.logo img{ border-radius: 10px; margin-top: 15px; padding:15px 0;background: #FFF;}
h1{ color:#288ffd; font-size: 70px; line-height: 70px; margin: 30px 0 0 0; }
/*h2{ color:#57a710; font-size: 60px; line-height: 60px;}*/
h2{ color:#57a710; font-size: 35px; line-height: 40px; margin: 30px 0 0 0; }
h3{color:#ae0801; font-size: 30px; line-height: 35px;}
h4{color:#ea01d1; font-size:33px; line-height: 33px;}

ul{margin:15px auto 0 auto; padding: 0 0 0 30px;}
ul li{ margin:0; padding: 0; line-height: 35px; font-size: 22px;}

.fom-bg{ background:#ae0801; display: block; padding:15px 0; margin:15px auto;}
.fom-bg form{ margin:20px auto;}
.fom-bg h3{ color:#FFF; padding: 0px 20px;font-family: 'Roboto-Bold';}

.fom-bg form input{ background: #FFF; border: #FFF solid 1px; border-radius: 0; height: 35px; margin: 0 5px; width: 95%;}


.button{display: inline-block; cursor: pointer;  text-align: center;  text-decoration: none;  outline: none; border: none;  border-radius: 0; font-family: 'Roboto-Bold';}
.button{ padding: 8px 25px; margin:0px auto 0 5px;  font-size: 18px; text-transform: uppercase;color: #000; }
.button{ background-color: #ebc635;   box-shadow: 0 5px #b29628;}
.button:hover{ text-decoration:none; color:#000; background-color: #b29628; box-shadow: 0 5px #ebc635; }


select {color: #333; font-weight: normal; font-size: 1em; line-height:1.2em; margin: 0 0 10px; padding: 6px 0; border: 0 none; cursor: pointer; text-indent: 0.01px; text-overflow: ""; background: url('../images/arrow.png') no-repeat 100% 4px #fff!important; *background-image:none;  -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;     appearance: none; }
select{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 5px #ccc; -moz-box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc; height: 35px; background-color: #eee; }
select option {background: #FFF;/* style the dropdown bg color */}
.form-control{background: #FFF; border: #FFF solid 1px; border-radius: 0; height: 35px; margin: 0 5px ; width: 95%;}


@media (max-width:960px){
.container{ margin: 15px auto 0 auto;}
h1{ color:#288ffd; font-size: 40px; line-height: 45px; margin:20px 0 0 0; }
h2, h2, h3, h4{ font-size: 25px; line-height: 30px; margin: 0;}
ul{padding: 0 0 0 15px;}	
ul li{ margin:0; padding: 0; line-height: 25px; font-size: 16px;}
	}