@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Armata|PT+Sans|Montserrat:700,400);

body{ margin:0; padding:0; height:100%;  font-family: 'Armata', sans-serif; background:#ffffff url(../images/homepage.jpg)center top no-repeat; }
.wraper{ max-width:1100px; min-width:300px; margin:0 auto;}
.fl{ float:left;}
.cl{ clear:both;}
a{ text-decoration:none;}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Armata', sans-serif;
}


.header{ width:100%;  padding: 75px 0 0;}
.logo{     
    text-align: center;
    width: 392px;
	height:102px;
	position:relative;
    margin: 0 auto;
}
.logo a{ display:block;}
.logo a img{
	margin-left: 3px;
	position: absolute;
	left: 0;
	max-width:100%;
	top: -58px;
	}

.section{width:100%;}
.section .sectionform{
	background:url(../images/transparentbg.png) left top repeat;
	box-shadow: 0 0 5px #ccc;
	}
.section .sectionform .secgap{ padding:30px;  padding-right:0;}
.section .sectionform .secgapright{ padding-left:30px}
.section .sectionform .secgap .sectionform_left{background:url(../images/transparentbg.png) left top repeat; border:1px solid #e6e6e6; width:46.8%; float:left; min-height:490px;} 
.section .sectionform .secgap .sectionform_left h1{ color:#383838; font-size:25px;}
.section .sectionform .secgap .sectionform_left ul{margin:0; padding:0; list-style:none;} 
.section .sectionform .secgap .sectionform_left ul .manymore{  font-size:35px; color:#7a7a7a; padding-left:25px; display:block; line-height:60px;}
.section .sectionform .secgap .sectionform_left ul .manymore strong{ color:#e05715;}
.section .sectionform .secgap .sectionform_left ul li{ font-size:15px; line-height:35px; color:#7a7a7a; background:url(../images/listarrow.png) left 7px no-repeat; padding-left:25px;}
.section .sectionform .secgap .sectionform_right{width:53%; float:left;} 
.section .sectionform .secgap .sectionform_right .sectionform_right-top{ width:100%; float:left;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom{width:100%; float:left; }
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom .innergap{padding-right:10px}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2{ font-size:30px; color:#7a7a7a; line-height:28px; font-weight:600;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span{ width:290px; height:28px; background:#f0f0f0; display:inline-block; float:right; }
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table{ width:100%;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table tr td{ padding-right:17px; padding-top:15px; position:relative;}
.error{ position:absolute; bottom:-13px; left:0px;}
.loaderimg{ position:absolute; right:130px; top:20px;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table input{ width:98%; background:transparent; border:1px solid #b0b1b2;  padding:10px 0 10px 2%;  font-family: 'Armata', sans-serif; font-size:12px; color:#7b7b7b;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table input:focus{ border:1px solid #f4ccb8;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table textarea{ width:98%; background:transparent; border:1px solid #b0b1b2;  padding:10px 0 10px 2%;  font-family: 'Armata', sans-serif; font-size:12px; color:#7b7b7b;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table textarea:focus{ border:1px solid #f4ccb8;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table input[type='submit']{ background:#e78353; color:#ffffff; width:105px; height:36px;  float:right; border:1px solid #ca4200; font-size:14px; line-height:14px;}
.selectdrop{ width:100%;  border:1px solid #b0b1b2;  height: 35px; overflow:hidden; 
background:transparent; }
.selectdrop:focus{ border:1px solid #f4ccb8;}
.selectdrop select{width:107%;   height: 36px; padding:0 0 0 2%; border:0; font-family: 'Armata', sans-serif; font-size:12px; color:#7b7b7b; background:transparent url(../images/dropimg.png) 89% 13px no-repeat;	 }
.topcontent{ font-family: 'Armata', sans-serif; font-size:18px; color:#232323; width:100%; float:left; text-align:center;}
.topcontent span{ font-family: 'Armata', sans-serif; font-size:30px; color:#232323; }
.topcontent span strong{ color:#e05715; text-transform:uppercase; }
.bottomcontent{font-family: 'Armata', sans-serif; font-size:25px; color:#3a3a3a; width:100%; float:left; text-align:center; }
.bottomcontent strong{color:#e05715; text-transform:uppercase;}
.powerby{ text-align:center;  font-family: 'Armata', sans-serif; font-size:14px; color:#000000; line-height:48px;  }
.powerby span{  color:#e05715;}
.registermessage{ text-align:center; font-family: 'Armata', sans-serif; font-size:18px; margin: 100px 0 0 0;}
.registermessage span{ color:#e05715; text-transform:uppercase; font-weight:bold;}
.registermessage p{ margin:20px 0 0 0;}







@media only screen and (max-width: 1024px){
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span {
    width: 268px;
}
}
@media only screen and (max-width: 900px){
.wraper{ padding:0 3px;}
.section .sectionform .secgap{padding: 30px 10px 30px 10px;}
.section .sectionform .secgap .sectionform_left{ width:99.5%;}
.section .sectionform .secgap .sectionform_left h1 {
    color: #383838;
    font-size: 23px;
}
.section .sectionform .secgap .sectionform_left ul .manymore {
    color: #7a7a7a;
    display: block;
    font-size: 25px;
    line-height: 60px;
    padding-left: 25px;
}
.section .sectionform .secgap .sectionform_left{
	min-height:auto;
	}
.section .sectionform .secgap .sectionform_right {
    float: left;
    width: 100%;
}	

.topcontent span {
    color: #232323;
    font-family: "Armata",sans-serif;
    font-size: 25px;
}
.section .sectionform .secgapright {
    padding:30px 0px;
}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span{ width:460px; height:28px; background:#f0f0f0; display:inline-block; float:right; }

	}
@media only screen and (max-width: 640px){
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span{ width:380px; height:28px; background:#f0f0f0; display:inline-block; float:right; }
	}	
	
	
@media only screen and (max-width: 520px){
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span{  width: 230px;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 {
    font-size: 28px;
}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom .innergap {
    padding-right: 0px;
}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table tr td {
    padding-right: 7px;
    padding-top: 15px;
  
}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table tr td{   padding-right: 6px; width:100%; display: block;}
	}

        
@media only screen and (max-width: 400px){
.bottomcontent{font-size: 16px;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2{font-size: 18px;}
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom h2 span {
    height: 28px;
    width: 147px;
}	
.section .sectionform .secgap .sectionform_right .sectionform_right-bottom .innergap{ padding-right: 0;}

.section .sectionform .secgap .sectionform_right .sectionform_right-bottom table tr td{   padding-right: 6px; width:100%; display: block;}
.registermessage {
    font-size: 12px;
    margin: 50px 0 0 0;
}
.logo {
    width: 315px;
}	
.logo a img {
    top: -49px;
}
	}



        .error{ 
            color: #f00;
            font-size: 12px;
        }

        #dispMessage{
            text-align: center;
            font-size: 12px;
            color: #f00;
        }