body{ margin:0px; padding:0px; background-image:url(../images/bg.png); alignment-adjust:central;}





.bannercontainer{position:relative;margin:0 auto;padding:15px;background-color:#000;max-width:1140px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px}
.banner{position:relative;max-width:1140px;height:500px;overflow:hidden}.fullwidthbanner-container{position:relative;width:100% !important;padding:0;max-height:500px !important;overflow:hidden;background-color:#000}.fullwidthbanner-container .fullwidthbanner{position:relative;width:100% !important;max-height:500px !important}.fullscreenbanner-container{width:100% !important;position:relative;padding:0;height:100%}







.slogan h2{
color:#3e96a9;
font-family: Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size:20px;
}



.frist img {
  height: 186px;
  width: 186px;
  border-color:#FF6600;
  border-width:5px;
  -moz- bo
 
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.frist img:hover {
  width: 160px;
  height: 160px;
}

.carve{

-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft: 15px;

	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;

}


.carve2{
border-color:#33CCFF;

-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft: 15px;

	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;

}





.titel1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFffff;
	font-weight: normal;



}

.titel3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:underline;
	color:#7dcdfd;
	font-weight: bold;



}

.titel003
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration: none;
	color:#e20a19;
	font-weight: bold;



}


.titel_shadow
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#99FFFF;
	font-weight: bold;
	

}

.titel_shadow2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#178eb6;
	font-weight: normal;
	text-shadow: 0.05em 0.05em 0.05em #acacac;


}




.texta {  
  font-size: 10px;  
  background-color: #FFFFFF;  
  border: 1px solid  #FFFFFF; 
-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;

	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}

.maintext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #6e7377;


}

.copy
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #a0a0a0;


}

.maintext2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5f5f5f;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	


}

.text2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #8d8f8e;
	letter-spacing: 1px;
	line-height:12px;


}
.text3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;


}

.button
{
font-family: Tahoma;
font-size:12px;
color: #FFFFFF;
font-weight:bold;


}


.title1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color: #77b4e0;


}


.title2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #5e5f61;
	font-weight: bold;


}

#orange
{
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #FFFF00;


}

.link1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	color: #99FFFF;


}

.link1:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-decoration: underline;

color: #e20a19;




}

.link2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	
	text-decoration: none;
	color: #5c5d5f;


}

.link2:hover
{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: underline;
	color: #e20a19;


}

.design2{
	background-color:#fffff;
	border:1px solid #177798;
	padding:5px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	color: #333333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	}
	
	
	
.box {
	background: #fff;
	-moz-border-radius:50px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-radius:50px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-top-right-radius:0px;
	border-radius:50px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
	-moz-box-shadow: 2px 1px 6px #011331;
	-webkit-box-shadow: 2px 1px 6px #011331;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}





.box2 {
	background: #7a7a7c;
	-moz-border-radius:50px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-radius:50px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	border-radius:50px;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-moz-box-shadow: 2px 1px 6px #011331;
	-webkit-box-shadow: 2px 1px 6px #011331;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}












/*GROW*/
.grow img {
  height: 200px;
  width: 200px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 211px;
  height: 211px;
}


/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

/*MORPH*/
.morph {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


hr.fancy-line { 
    border: 0; 
    height: 1px;

}



hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 75%);
}



.ft{font-family:'Lobster',cursive;color:#baa184;font-size:24px;color:#baa184;font-weight:normal;text-shadow:1px 1px #fff}

.pt{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b5a18a; }


.ft2{font-family:'Tangerine',cursive;color:#baa184;font-size:40px;font-weight:bold;text-shadow:1px 1px #bb9d7a}

/*SIDEPAN*/
.sidepan img {
  margin-left: 0px;
  -webkit-transition: margin 1s ease;
     -moz-transition: margin 1s ease;
       -o-transition: margin 1s ease;
      -ms-transition: margin 1s ease;
          transition: margin 1s ease;
		
		  
}
 
.sidepan img:hover {
  margin-left: -200px;
}


/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.tap1 { background-image: url(../images/banner_bg.gif); background-repeat:repeat; 
	padding:20px;
   -moz-border-radius:50px;
   -moz-border-radius-bottomleft:0px;
    -moz-border-radius-topright:0px;
   -webkit-border-radius:50px;
   -webkit-border-bottom-left-radius:0px;
   -webkit-border-top-right-radius:0px;
   border-radius:50px;
   border-bottom-left-radius:0px;
   border-top-right-radius:0px;
   -moz-box-shadow: 2px 3px 10px #654e40;
   -webkit-box-shadow: 2px 3px 10px #654e40;
}


.tap2 { background-image: url(../images/banner_bg.gif); background-repeat:repeat; 
	padding:20px;
   -moz-border-radius:20px;
   -moz-border-radius-bottomleft:20px;
    -moz-border-radius-topright:20px;
   -webkit-border-radius:50px;
   -webkit-border-bottom-left-radius:20px;
   -webkit-border-top-right-radius:20px;
   border-radius:20px;
   border-bottom-left-radius:20px;
   border-top-right-radius:20px;
   -moz-box-shadow: 2px 3px 10px #654e40;
   -webkit-box-shadow: 2px 3px 10px #654e40;
}


.ft02{font-family:'Lobster',cursive;color:#ac9a82;font-size:24px;font-weight:normal;}

.pt{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#b5a18a; }


.ft2{font-family:'Tangerine',cursive;color:#baa184;font-size:40px;font-weight:bold;text-shadow:1px 1px #bb9d7a}



.link11
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration: underline;
	color: #7dcdfd;


}

.link11:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	color: #e20a19;
	background-color: #CCCCCC;
	padding: 5px;




}



.or-spacer {
  margin-top: 100px;
  margin-left: 100px;
  width: 400px;
  position: relative;
}
.or-spacer .mask {
  overflow: hidden;
  height: 20px;
}
.or-spacer .mask:after {
  content: '';
  display: block;
  margin: -25px auto 0;
  width: 100%;
  height: 25px;
  border-radius: 125px / 12px;
  box-shadow: 0 0 8px black;
}
.or-spacer span {
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 100%;
  margin-bottom: -25px;
  left: 50%;
  margin-left: -25px;
  border-radius: 100%;
  box-shadow: 0 2px 4px #999;
  background: white;
}
.or-spacer span i {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 100%;
  border: 1px dashed #aaa;
  text-align: center;
  line-height: 40px;
  font-style: normal;
  color: #999;
}

.or-spacer-vertical {
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
	width: 30px;
	margin-right: 10px;
}
.or-spacer-vertical .mask {
  overflow: hidden;
  width: 20px;
  height: 300px;
}
.or-spacer-vertical.left .mask:after {
  content: '';
  display: block;
  margin-left: -40px;
  width: 20px;
  height: 100%;
  border-radius: 12px / 125px;
  box-shadow: 0 0 8px black;
}
.or-spacer-vertical.right .mask:before {
  content: '';
  display: block;
  margin-left: 20px;
  width: 20px;
  height: 100%;
  border-radius: 12px / 125px;
  box-shadow: 0 0 8px black;
}