@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;  background: #ebebeb ;}


.wapper {
    margin: 0;
    padding: 0;
    width: 100%;
}
.main {
    background: #ebebeb none repeat scroll 0 0;
    margin: 0;
    padding: 0 0 100px;
    width: 100%;
}
.header {
    margin: 0;
    padding: 0;
    width: 100%;
}
.rowcontent{   margin: auto;
    
    width: 1040px;}
/*.inner {
padding: 25px 0;
}*/

.headder2 {
    border-top: 1px solid #c2c2c2;
    margin: 0;
    padding: 0;
    width: 100%;
}
.clear{ clear:both;}

.innerhead2 {
   
    padding: 20px 0;
	padding-bottom:0px;
  
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.innerheadleftLogo {
    float: left;
    margin: 0;
padding: 25px 0 0;
    width: 20%;
}

.innerheadleftLogo  img {
    margin: 0;
    padding: 0;
}
.innerheadleft {
    float: left;
    margin: 0;
	padding: 15px 0 0;
	padding-left:50px;
    width: 20%;
}

.innerheadleft  img {
    margin: 0;
    padding: 0;
}
.innerheadright {
    float: right;
    margin: 0;
    padding: 0;
    width: 60%;
}

.innerheadright12 {
    /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c2c2c2;*/
    float: right;
    /*margin: 0 60px 0 0;*/
	/*margin: 0 41px 0 0;*/
    /*padding: 15px;*/
    /*width: 305px;*/
	width: 325px;
	
}
.imghead {
 float: left;
    margin: 0;
    padding: 0;
    width: 80px;
}
.texthead {
    float: right;
    margin: 0;
    padding: 25px 0 0;
    width: 53%;
}
.texthead h1 {
 color: #00afec;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.texthead p {   color: #484848;
    font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding: 8px 0 0;
	
}
.content {
    margin: 0;
    padding: 0;
    width: 100%;
margin-top:1.4em;
}
p{margin-bottom:0em;}
.inner-content {
    border: 1px solid #959595;
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 20px;
	/*width: 90%;*/
    /*width: 1000px;*/
}
.contentleft {
    float: left;
    margin: 0;
    padding: 0;
    width: 63%;
}

.contentleft  h1 {
    color: #333333;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
    font-size: 27px;
    margin: 0;
    padding: 0;
}
.contentleft  p {
	  color: #8e8e8e;
    font-family: Helvetica,sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 4px 0 0;
}
.banner{ padding:0;}
.banner  img {
    margin: 0;
    padding: 22px 0 0;
    width: 100%;
}
.textareastyled {
	width: 100%;
	text-align:left;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	
	
}
textarea{
display:none;
width:100%;
padding: 15px;
margin-top: 10px;
border:1px solid #b6b6b6;
border-radius:5px;
margin-bottom: 20px;
height: 220px;
resize:none;

font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.divspace{
display:block;
height:5px;
}

.followus {
 float: right;
    margin: 0;
    padding: 18px 0 0;
}
.followus li {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0 2px 0 6px;
}


.sidebar {
     
  float: right;
    margin: 0;
    padding-top: 65px;
    width: 35%;
}
.sidebar1 {
    border: 1px solid #cccccc;
 background: #f5f5f5 none repeat scroll 0 0;
    margin: 0;
    min-height: 423px;
    padding: 0;
}
.sidebar1 h2 {  background: #00afec none repeat scroll 0 0; color: #ffffff;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
    font-size: 25px;
    
    margin: 0;
    padding: 25px 15px 20px 25px;
}
.sidebar1 ul{  list-style-type: none;
    margin: 0;
    padding: 10px;}
.sidebar1 ul li{   
/*border-top: 1px solid #e3e3e3;*/
    margin: 0;
    padding: 6px 0 15px; }

.sidebar2 {
    background: #202020 none repeat scroll 0 0;
    margin: 0;
    padding: 10px 0 70px 10px;
}
.sidebar1 ul li:first-child{ border-top:none; padding-top:0;}

.sidebar1 ul li  h1 {
color: #2f85c2;
    font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    font-size: 22px;
    margin: 0;
    padding: 0 0 10px;
}
.sidebar1 ul li  img {
   float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 35%;
}

.sidebar1 ul li p {
  color: #555555;
    font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
    font-size: 14px;
    margin: 0;
    padding: 0;

}



.sidebar22 {
    background: #202020 none repeat scroll 0 0;
    border-bottom: 1px solid #444444;
    margin: 0;
    padding: 10px 0 15px 5px;
}

.sidebar22  h1 {
    color: #2f85c2;
    font-size: 28px;
    margin: 0;
    padding: 5px 0;
	font-family: 'latobold';
}
.sidebar22  img {
    float: left;
    margin: 0;
    padding: 7px 0 0;
	width: 35%;
}

.sidebar22  p {
    color: #fff;
    float: right;
    font-size: 18px;
    margin: 0;
    padding: 7px 0 0;
    width: 64%;
}

.sidebarinn {
    background: #00afec none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
.website h2 {
    background: #00afec none repeat scroll 0 0;
    color: #ffffff;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
    font-size: 25px;
    
    margin: 0;
    padding: 25px 15px 20px 25px;
}
.website {
   border: 1px solid #cccccc;
    margin: 25px 0 0;
    padding: 0;
}
.website ul{  list-style-type: none;
    margin: 0;
    padding: 15px 25px;}
.website  li{margin:0; padding:0;}
.website  li a {
 color: #202020;  
 font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
    font-size: 18px;
    margin: 0;
       padding: 0 0 5px;
    text-decoration: none;
	display:block;
}
.website  li a:hover{ color:#11b4ed;}

.contentbox p {
 color: #555555;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding: 20px 0;
}




.buttonbottam {
    margin: 0;
    padding: 20px 0;
}


.buttonbottam  ul {
list-style-type:none;
    margin: 0;
    padding: 0;

}

.buttonbottam li {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;

}
.buttonbottam ul li a {
   background: #202020 none repeat scroll 0 0;
    display: block;
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
    font-size: 16px;
    margin: 0 10px 0 0;
    padding: 10px 20px;
	text-decoration:none; color:#fff;
}

.buttonbottam a:hover {
    background: #00afec none repeat scroll 0 0;
}

video {
    margin: 0;
    padding: 10px 0 0;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.rowcontent {
    margin: auto;
    width: 100%;
}

.inner {
    padding: 20px 0;
    text-align: center;
}
.innerheadleftLogo {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}
.innerheadleft {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}

.innerheadright12 {
    /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid;*/
    float: right;
    /*margin: auto;
    padding: 5px;*/
    width: 90%;
}
.inner-content {
    
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 10px;
    width: 88%;
}
.contentleft {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.contentleft h1 {
  
    font-size: 20px;
 
}

.buttonbottam li {
    color: #ffffff;
    float: none;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
	.sidebar {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.texthead
{
padding:0px;
width:75%;
}	
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.rowcontent {
    margin: auto;
    width: 100%;
}

.inner {
    padding: 20px 0;
    text-align: center;
}
.innerheadleftLogo {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}
.innerheadleft {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}

.innerheadright12 {
    /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid;*/
    float: none;
    margin: auto;
  
}
.inner-content {
   
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 10px;
    width: 88%;
}
.contentleft {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.contentleft h1 {
  
    font-size: 20px;
 
}

.buttonbottam li {
    color: #ffffff;
    float: none;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
	.sidebar {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.texthead
{
padding:0px;
width:70%;
}	
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.rowcontent {
    margin: auto;
    width: 100%;
}

.inner {
    padding: 20px 0;
    text-align: center;
}
.innerheadleftLogo {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}
.innerheadleft {
    float: none;
    margin: 0;
    padding: 0 0 20px 0 ;
    text-align: center;
    width: 100%;
}

.innerheadright12 {
    /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid;*/
    float: none;
    margin: auto;
  
}
.inner-content {
     border: 1px solid #959595;
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 10px;
    width: 88%;
}
.contentleft {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}




	.sidebar {
    float: none;
    margin: auto;
    padding: 0; 
}
	} 
@media only screen and (min-width: 961px) and (max-width: 1039px) {
.rowcontent {
    margin: auto;
    width: 98%;
}.inner-content {
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 16px;
    width: 94%;
}.buttonbottam ul li a{padding: 10px 10px;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.rowcontent {
    margin: auto;
    width: 98%;
}.inner-content {
    background: #ffffff none repeat scroll 0 0;
    margin: auto;
    padding: 16px;
    width: 94%;
}.buttonbottam ul li a{padding: 10px 10px;}
.sidebar {
     
  float: right;
    margin: 0;
    padding-top: 65px;
    width: 35%;
}
.texthead
{
padding:0px;
width:75%;
}
.innerheadright12 {
    /*background: #ffffff none repeat scroll 0 0;
    border: 1px solid #c2c2c2;*/
    /*float: right;*/
	/*margin: 0 0 0 0;*/
    /*padding: 15px;*/
	width: 325px;
	
}

}