/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.1
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
#ssside{width:100%; position:relative;}
.mbody22{
	color: #0070A6;
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-shadow: 1px 1px #fff;
	padding:0 20px 0 20px;
}

.mbody23{
	color: #CD8D07;
	text-decoration: none;
	font-size:20px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-shadow: 1px 1px #fff;
	padding:0 20px 0 20px;
}

.mbody2{
	color: #333333;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-shadow: 1px 1px #fff;
	padding:0 10px 0 10px;
	margin:0px;
		border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #D27E00;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;	
}
.mbody2 .wor{
	color: #333333;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-shadow: 1px 1px #fff;
 
	margin:0px;
	word-break: break-all;}


.mbody1 ul{

 list-style: disc outside none;
 padding-left:10px;


margin:0px;


}

.ssside22{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:17px;
	font-size:15px;
	color:#fff;
	padding-bottom:5px;
		padding-top:5px;
		padding-left:15px;
		padding-right:15px;
	
	float:left;
	width:160px;
	display:block;
background-color:#FF9900;
margin-bottom:8px;

}

.ssside22:hover{
	color:#fff;
background-color:#FF9900;


}
.ssside2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:17px;
	font-size:15px;
	color:#333333;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:15px;
		padding-right:15px;
	float:left;
	width:160px;
	display:block;
	/*background: #ff3232;*/
    /* Old browsers */
  /*  background: linear-gradient(to right, red 50%, blue 50%);*/
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
	margin-bottom:8px;
    transition:all .5s ease;
}

/*.ssside span:hover{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
color:#fff;}*/
.ssside2:active{
background-color:#FF9900;
color:#fff;
background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;
}

.ssside2:hover{
	color:#fff;
background-color:#FF9900;
    background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;

}







/*.ssside1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:15px;
	color:#fff;
	padding:15px;
	float:left;
	width:140px;
	display:block;*/
	/*background: #ff3232;*/
    /* Old browsers */
  /*  background: linear-gradient(to right, red 50%, blue 50%);*/
  /*  background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
	margin-bottom:5px;
    transition:all .5s ease;
	background-color:#FF9900;
}*//*
.ssside span1{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
}
.ssside1:hover{
	color:#fff;
background-color:#FF9900;


}*/
.ssside1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:15px;
	color:#fff;
	padding:15px;
	float:left;
	width:140px;
	display:block;
background-color:#FF9900;
margin-bottom:8px;

}
.ssside1 span{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
}
.ssside1:hover{
	color:#fff;
background-color:#FF9900;


}
.ssside{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:15px;
	color:#333333;
	padding:15px;
	float:left;
	width:140px;
	display:block;
	/*background: #ff3232;*/
    /* Old browsers */
  /*  background: linear-gradient(to right, red 50%, blue 50%);*/
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
	margin-bottom:5px;
    transition:all .5s ease;
}
.ssside span{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
}
/*.ssside span:hover{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
color:#fff;}*/
.ssside:active{
background-color:#FF9900;
color:#fff;
background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;
}

.ssside:hover{
	color:#fff;
background-color:#FF9900;
    background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;

}


.pix{ text-align:left;
vertical-align:top;

}
#col-full{
	margin: 0 auto;
	padding: 0;
	background-image:url(../bgtop.jpg);
	max-width:100%;
	background-repeat: repeat-x;
	background-position: left top;
	z-index:999999999999999999999999999999;

}
.default {
width: 100%;
height: 100px;
box-shadow: 0 0px 20px #888;
-webkit-box-shadow: 0 0px 20px #888;
-moz-box-shadow: 0 0px 20px #888;

	background-image:url(../bg1.jpg);
	max-width:100%;
	background-repeat: repeat-x;
	background-position: left top;
		  z-index:9999999;
}
.fixed {
position: fixed;

top: -5px;

width: 100%;
box-shadow: 0 0 0px #222;
-webkit-box-shadow: 0 0 0px #222;
-moz-box-shadow: 0 0 0px #222;
max-width:100%;
	background-image:url(../bg1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	z-index:99999999999999999;
}
#wid{width:100%
background-image:url(../bg1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	z-index:99999999999999999;}

.mbody{
	color: #333333;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-shadow: 1px 1px #fff;
	padding:0 60px 0 20px;
	margin:0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;
	text-align: justify;
}
.mbody1{
	color: #000000;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-shadow: 1px 1px #fff;
	padding:0 60px 0 20px;
	margin:0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody4{
	color: #715C00;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-shadow: 1px 1px #fff;
	padding:0px;
	word-wrap: break-word;
	margin:0px;
	font-weight: bold;	/*border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;*/	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody5{
	color: #990000;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-shadow: 1px 1px #fff;
	padding:0 px;
	margin:0px;
	font-weight: bold;	/*border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;*/	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody4:hover{
	color: #009900;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-shadow: 1px 1px #fff;
	padding:0px;
	margin:0px;
	/*border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;*/	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody3{
	color: #000000;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-shadow: 1px 1px #fff;
	padding:0 60px 0 20px;
	margin:0px;
	/*border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;*/	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody3 ul{

 list-style: disc outside none;
 padding-left:10px;


margin:0px;


}

#ialignh2 img{
vertical-align:middle;
max-width:100%;
height:auto;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
 
}

.ship1{ float:right; padding-left:30px;
 }
.ship{
z-index:999;
position:absolute;


 
height:200px;}
.mbodywarp{
padding:20px;	

color: #333333;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-shadow: 1px 1px #fff;
	
}
.mbody span{
	color: #000;
	text-decoration: none;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-shadow: 1px 1px #fff;



	margin:0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	font-weight: bold;
}
.zerogrid{
	width: 1000px;
	position: relative;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}



.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:0px;}
.zerogrid .wrap-col2{
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.zerogrid .wrap-col22{
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.zerogrid .wrap-col22{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.row1{width:50%}
.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}


.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}
.zerogrid .col-1-5{width:20%;}
.zerogrid .col-4-r{
	width:90%;
	float:right
}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

/*@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
}
*/
.zerogrid .col-1-3n{width:25%; float:left; display: inline-block;}
.zerogrid .col-2-3n{width:75%; float:left; display: inline-block;}
.bgfull {
	
	background-image:url(../chatering4.png)


}

.bgfull2 {
	
	
	background-image:url(../bg12.png);
	padding:15px;
	

}
@media only screen and (min-width:768px) and (max-width: 1004px) {
 
.zerogrid .col-1-3n{width:20%; float:left; display: inline-block;}
.zerogrid .col-2-3n{width:80%; float:left; display: inline-block;}

}
 
@media only screen and (min-width: 768px) and (max-width: 1004px) {
	.zerogrid{width:100%;}.zerogrid .wrap-col{margin:0px; 100%}
	.zerogrid .col-4-r{width:100%;  } .zerogrid .col-full{width:100%;}
	IMG.pix{
    display: block;
    margin-left: auto;
    margin-right: auto;
	 }
		.zerogrid .col-4-5{width:100%;}
.zerogrid .col-1-5{width:100%;}

 

}

 @media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}.zerogrid .wrap-col{margin:0px;}
	.zerogrid .col-4-r{width:100%;  } .zerogrid .col-full{width:100%;}
	IMG.pix{
    display: block;
    margin-left: auto;
    margin-right: auto;
	 }
		.zerogrid .col-4-5{width:100%;}
.zerogrid .col-1-5{width:100%;}
.zerogrid .col-1-3n{width:100%; display: block;  }
.zerogrid .col-2-3n{width:100%;  display: block;} 
.ship1{ float:right; padding-left:30px;
 }

}



@media only screen and (max-width: 619px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}.zerogrid .wrap-col{margin:0px;}
	.zerogrid{width:100%;}.zerogrid .wrap-col{margin:0px; 100%}
	.zerogrid .col-4-r{width:100%;  } .zerogrid .col-full{width:100%;}
	
	IMG.pix{
    display: block;
    margin-left: auto;
    margin-right: auto }
	.zerogrid .col-4-5{width:100%;}
.zerogrid .col-1-5{width:100%;}

.zerogrid .col-1-3n{width:100%; display: block; text-align:center;}
.zerogrid .col-2-3n{width:100%;  display: block;}



} 



@media only screen and (max-width: 619px) {
 
	.zerogrid,  .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
	
	.zerogrid .wrap-col{margin:0px;}
	.zerogrid .col-4-r{width:100%;  }
	.pix{
    display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	    top: 50%;
        left: 50%; 
	 }
.zerogrid .col-1-3n{width:100%; display: block; text-align:center;}
.zerogrid .col-2-3n{width:100%;  display: block;}

.zerogrid .col-1-2 {
width:95%;
float:right;
display:block;

}
.mbody{
	color: #333333;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-shadow: 1px 1px #fff;
	padding:0 20px 0 20px;
	margin:0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;	
}

.ssside1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:12px;
	color:#fff;
	padding:5px;
	float:left;
	width:75px;
		display:inline-block
background-color:#FF9900;
margin-right:10px;
margin-bottom:25px;

}
.ssside1 span{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:15px;
}
.ssside1:hover{
	color:#fff;
background-color:#FF9900;


}


.ssside{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:12px;
	color:#333333;
	padding:5px;
	float:left;
	width:75px;
	display:inline-block;
		/*background: #ff3232;*/
    /* Old browsers */
  /*  background: linear-gradient(to right, red 50%, blue 50%);*/
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:8px;
	margin-bottom:25px;
    transition:all .5s ease;
}
.ssside span{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:16px;
}
/*.ssside span:hover{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
color:#fff;}*/
.ssside:active{
background-color:#FF9900;
color:#fff;
background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;
}

.ssside:hover{
	color:#fff;
background-color:#FF9900;
    background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;

}




.ssside22{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:17px;
	font-size:12px;
	color:#fff;
	padding-bottom:5px;
		padding-top:5px;
		padding-left:15px;
		padding-right:15px;
	 margin-right:5px;
	float:left;
	width:100px;
	display:inline-block;
	
	
background-color:#FF9900;
margin-bottom:8px;

}

.ssside22:hover{
	color:#fff;
background-color:#FF9900;


}
.ssside2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:17px;
	font-size:12px;
	color:#333333;
		padding-bottom:5px;
		padding-top:5px;
		padding-left:15px;
		padding-right:15px;
	float:left;
	width:100px;
display:inline-block;
	
	/*background: #ff3232;*/
    /* Old browsers */
  /*  background: linear-gradient(to right, red 50%, blue 50%);*/
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:5px;
	margin-bottom:8px;
    transition:all .5s ease;
}

/*.ssside span:hover{font-family:Arial, Helvetica, sans-serif;
line-height:24px;
font-weight:bold;
font-size:23px;
color:#fff;}*/
.ssside2:active{
background-color:#FF9900;
color:#fff;
background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;
}

.ssside2:hover{
	color:#fff;
background-color:#FF9900;
    background: linear-gradient(to left, white 50%, #ff9900 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-left:0px;
    transition:all .5s ease;
	    background-position:left bottom;

}

.mbody1{
	color: #000000;
	text-decoration: none;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 22px;
	text-shadow: 1px 1px #fff;
	padding:0 20px 0 20px;
	margin:0px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #D27E00;	/*background-image: url(../ship1.png);
	background-repeat: no-repeat;
	background-position: right center;*/
	/*  background-size:auto;
	  width: auto !important;
  height: auto !important;*/
}
.mbody1 ul{
 list-style: disc outside none;
 padding-left:10px;


margin:0px;


}

.ship1{  text-align:center; display:block; padding-bottom:30px; 
width:auto;
padding-left:0px;
 
 }
 
 .formular .text-input {width: 90%  !important;}
formular input,.formular select,.formular textarea { width: 90% !important; }
 .formular textarea {width: 90% !important;}
}