body {

       background: #123279 url(/images_cryptobitx/background-small-11.jpg)0px 0px; 
       background-attachment:fixed;
       background-position: center 0px;
       background-repeat:no-repeat;
       font-family: 'Open Sans', sans-serif;
	font-size: 99%;
	font-style: normal;
	font-weight: 400;
	color: #0000000;
	font-size: 12px;
       text-decoration:none;



}


.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btn_small {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
}

.btn_small:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}





.btn_order {
  background: #7da9f7;
  background-image: -webkit-linear-gradient(top, #7da9f7, #2980b9);
  background-image: -moz-linear-gradient(top, #7da9f7, #2980b9);
  background-image: -ms-linear-gradient(top, #7da9f7, #2980b9);
  background-image: -o-linear-gradient(top, #7da9f7, #2980b9);
  background-image: linear-gradient(to bottom, #7da9f7, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 11px #ffffff;
  -webkit-box-shadow: 3px 4px 14px #666666;
  -moz-box-shadow: 3px 4px 14px #666666;
  box-shadow: 3px 4px 14px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 35px;
  padding: 15px 30px 15px 30px;
  border: solid #206faa 4px;
  text-decoration: none;
}

.btn_order:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



.btn_register {
  background: #ffd000;
  background-image: -webkit-linear-gradient(top, #ffd000, #a77800);
  background-image: -moz-linear-gradient(top, #ffd000, #a77800);
  background-image: -ms-linear-gradient(top, #ffd000, #a77800);
  background-image: -o-linear-gradient(top, #ffd000, #a77800);
  background-image: linear-gradient(to bottom, #ffd000, #a77800);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 1px 1px 11px #ffffff;
  -webkit-box-shadow: 3px 4px 14px #666666;
  -moz-box-shadow: 3px 4px 14px #666666;
  box-shadow: 3px 4px 14px #666666;
  font-family: Arial;
  color: #000000;
  font-size: 35px;
  padding: 15px 30px 15px 30px;
  border: solid #bc0000 4px;
  text-decoration: none;
}

.btn_register:hover {
  background: #ffd000;
  background-image: -webkit-linear-gradient(top, #ffd000, #ffd000);
  background-image: -moz-linear-gradient(top, #ffd000, #ffd000);
  background-image: -ms-linear-gradient(top, #ffd000, #ffd000);
  background-image: -o-linear-gradient(top, #ffd000, #ffd000);
  background-image: linear-gradient(to bottom, #ffd000, #ffd000);
  text-decoration: none;
}


.zagolovok{
	color:#fff;
	width:710px;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	text-shadow:2px 2px 2px rgba(0,0,0,0.8);
	margin:10px auto;
}

.zagolovok1{
	color:#cecece;
	width:710px;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin:10px auto;
}


.video_area {
	font-size: 16px;
       background-color: rgba(255,255,255,.85);
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0,0,0,2);
	   -moz-box-shadow:0em 0em 2em rgba(0,0,0,2);
	        box-shadow:0em 0em 2em rgba(0,0,0,2);
}



.landingpage {
       background-color: rgba(2,67,130,.7);
       background-position: bottom; 
       background-repeat:no-repeat;
	width:780px;
       align:center; 
       opacity:1; 
	font-size: 16px;
               border: 0px solid #00afe0;
	-webkit-border-radius:20px;
	 -khtml-border-radius:20px;
	   -moz-border-radius:20px;
	        border-radius:20px;
}


.landingpage_bg {
       background: #123279 url(/images_gameloot/background-small-12.jpg)-0px 0px; 
       background-attachment:fixed;
       background-position: center 0px;
       background-repeat:no-repeat;
}


div.verlauf {
background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#b3b3b3),to(#f1f1f1)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#b3b3b3',endColorstr='#f1f1f1'); /* Internet Explorer */
} 

div.verlauf_green {
background:-moz-linear-gradient(bottom,#aabd26,#90a119); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#aabd26),to(#90a119)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#aabd26',endColorstr='#90a119'); /* Internet Explorer */
} 

div.verlauf_white {
background:-moz-linear-gradient(bottom,#ffffff,#ffffff); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#ffffff',endColorstr='#ffffff'); /* Internet Explorer */
} 

div.verlauf_beautystrips2 {
background:-moz-linear-gradient(bottom,#0ba2c3,#21d3fa); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#0ba2c3),to(#21d3fa)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#0ba2c3',endColorstr='#21d3fa'); /* Internet Explorer */
} 


div.verlauf_solar2 {
background:-moz-linear-gradient(bottom,#fde816,#ffca14); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#fde816),to(#ffca14)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#fde816',endColorstr='#ffca14'); /* Internet Explorer */
} 

div.boni {
text-align:center;
font-size: 16px;
font-weight: 800;
width:auto;
padding:5px;
background:-moz-linear-gradient(bottom,#fde816,#ffca14); /* Firefox */
background:-webkit-gradient(linear,left top,left bottom,from(#fde816),to(#ffca14)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#fde816',endColorstr='#ffca14'); /* Internet Explorer */
} 




.free_tour     {
               align:center;
               background: url("/images/free-tour.png");
               display: block;
               max-width:600px;
               max-height:113px;
               height:113px;
               color:#fefefe;
               font-family: 'Open Sans', sans-serif;
               font-size: 99%;
	        font-style: normal;
	        font-weight: 800;
               font-size:25px;
               text-align:center;
               text-decoration:none;
               text-shadow: black 0.1em 0.1em 0.2em
               }

.body_0_bg     { position: relative; top: 0;
               width: 100%; 
               align:center; 
               min-height: 500px;
               background-color: rgba(2,67,130,.92);
               background-position: bottom; 
               margin-left: 0; 
               margin-right: 0; 
               margin-top: 0; 
               margin-bottom: 0; 
               margin:0px auto;
               padding:0px;
               border: 0px solid #cccbc0;
               border-radius: 20px;
               }

.body_9_bg     { position: relative; top: 0; 
               width: 100%; 
               align:center; 
               min-height: 100px;
               background-color: rgba(0,32,1,.99);
               background-position: bottom; 
               background-repeat:no-repeat;
               margin-left: 0; 
               margin-right: 0; 
               margin-top: 0; 
               margin-bottom: 0; 
               margin:0px auto;
               padding:0px;
               border: 0px solid #cccbc0;
               border-radius: 20px;
               }

.body_1_bg     { position: absolute; left:0px; top:-50px; 
               max-width: 768px; 
               align:center; 
               max-height: 10px;
               overflow: hidden;
               padding:10px; }


.body_landingpage_bg     { position: absolute; 
               left: 10px;
               top: -400px; 
               max-width: 1020; 
               align:center; 
               max-height: 670px;
               padding:10px; }


.body_2_bg     { position: relative; top: 0; 
               align:center; 
               min-height: 200px;
               background-position: bottom; 
               background-repeat:no-repeat;
               margin-left: 0; 
               margin-right: 0; 
               margin-top: 0; 
               margin-bottom: 0; 
               padding:20px;
               border: 0px solid #cecece;
               border-radius: 10px;}
               }





.head_0_bg     { position: relative; top: 0; width: 100%; align:left;  height: 150px;
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position:
               border: 2px solid yellow; 
               center top }

.head_1_bg     { position: relative; top: 0; width: 100%; align:left; max-width: 100%; height: 120px; 
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position: 
               center top }
.head_2_bg     { position: relative; top: 0; width: 100%; align:left; max-width: 100%; height: 0px; 
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position: 
               center top }
.head_3_bg     { position: relative; top: 0; width: 100%; align:left; max-width: 100%; height: 300px; 
               background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position: z-index:1;
               border: 1px solid #bcfd83; 
               center top }

.head_4_bg     { position: relative; top: 0px; width: 100%; align:left; max-width: 718px; height: 50px; 
               background-repeat: repeat; background-attachment: scroll; 
               margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position: 
               center top }

.linie {
border :none;
border-top: 1px solid #0090E0;
background-color:#FFFFFF;
height: 1px;
margin: 0px 0px 0px 0px;
}

.linie1 {
border :none;
border-top: 1px solid #ffffff;
background-color:#FFFFFF;
height: 1px;
margin: 0px 0px 0px 0px;
}


#content_wrap {
	position: relative;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
}

.content_wrap_bot     { position: relative; top: 0; width: 100%; align:left; max-width: 1050px; max-height: 160px; 
               background-color: #e6e4e4; background-repeat: repeat; background-attachment: scroll; 
               overflow: hidden; margin-left: auto; margin-right: auto; 
               margin-top: 0; margin-bottom: 0; background-position: 
               center top }




.copyright_bg { position: relative; width: 100%; max-width: 778px; 
               background-color: rgba(1,33,2,.99);
               background-repeat: repeat-x; 
               background-attachment: scroll; overflow: hidden; text-align: 
               center; border-top: 1px solid #c5c4c4; margin-left: auto; 
               margin-right: auto; margin-top: 0; margin-bottom: 0; ; text-decoration: none;
               background-position: top;
               border: 0px solid #cccbc0;
               border-top: 1px solid #6c624e;
               border-radius: 20px;
 }

#currency_calculator {
	position: relative;
	width: 100%;
       max-height: 140px;
	margin: 0 auto;
	padding-top: 0px;
	overflow: hidden;
}


A.menulink {
        display: block;
        width: 180px;
        text-align: center;
        text-decoration: none;
        font-family:  'Open Sans', sans-serif;
        font-size: 14px;
        color: #ffffff;
        background-color: #d544a6;
        border-style: solid;
        border-width: 1px;
        border-color: #ffffff;
        padding: 5px;
 }

 A.menulink:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #ffffff;
        color: #000000;
        background-color: #d544a6;
 }


A.menulink1 {
        display: block;
        width: 180px;
        text-align: center;
        text-decoration: none;
        font-family:  'Open Sans', sans-serif;
        font-size: 14px;
        color: #ffffff;
        background-color: #57aad4;
        border-style: solid;
        border-width: 1px;
        border-color: #ffffff;
        padding: 5px;
 }

A.menulink2 {
        text-decoration: none;
        background-color: #d544a6;
        border-width: 0px;
        color: #ffffff;
        padding: 0px;
 }


 A.menulink1:hover {
        border-style: solid;
        border-width: 1px;
        border-color: #ffffff;
        color: #000000;
        background-color: #57aad4;
 }

div#container        { width:           100%;
                     }
div#content          {
                       float:           left;
                       display:         inline;
                       width:           100%;
                     }
div#content hr       { clear:           both;
                     }

div.comments div     { margin-bottom:   5px
                     }
div.comments p       { padding:         5px;
                       margin:          0
                     }
dl                   { float:           right;
                       margin:          10px 10px 10px 20px;
                     }
dl.left              { float:           left;
                       margin:          10px 10px 10px 10px;
                     }
dt                   { margin:          10;
                       padding:         10;
                     }
dd                   { margin:          5px;
                       padding:         0;
                       text-align:      center;
                     }
.clear               { clear:           both; }

.blueNumber {
color: white;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 19px;
background: transparent url(/images/blue_number.png) scroll no-repeat left center;
padding: 1px 0px 2px 7px;
height: 32px;
width:30px;
}


#InfoBox {
visibility:hidden;
position:absolute;
top:10px;
left:10px;
z-index:1;

/* diese Angaben können Sie anpassen */
width:300px;
background-color:#FDFEFF;
border:4px solid #0090E0;
}


/* weitere Box in der Info-Box für padding */
#BoxInnen {
padding:15px;
}


/* Formatierung Texte in der Info-Box */

#BoxInhalte {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#5F5F5F;
line-height:130%;
}






.leftHeader {
width: 200px;
height: 38px;
font:18px/20px Calibri,Arial, Helvetica, sans-serif;
color:white;
background: url("/images_menue/leftHeader.png") no-repeat; 
font-weight:bold;
padding: 0px 0px 5px 10px;
text-align: center;
text-shadow: black 0.05em 0.05em 0.1em
}

.leftBubbleBody {
background: url("/images_menue/leftBubbleBG.gif") repeat-y;
}

.leftLinkDiv {
margin: 0 0 0 0;
width:200;
min-height:20px;
background: url("/images_menue/linkBG.png") no-repeat;
background-position: right  bottom;
padding: 5px 0 4px 0;
text-align: center;
text-shadow: 0 0 0.2em #FFF;

}

.leftLinkPadding {
padding-left:10px;
padding-top:0px;
padding-bot:0px;
margin: 0 0 0 0;
text-align: center;

}

.leftLink {
color:#373843;
font:14px/17px Calibri,Arial, Helvetica, sans-serif;
text-decoration:none;
text-align: center;
font-weight:bold;
text-shadow: 0 0 0.2em #FFF;
}

A.leftLink:hover {
        color: #949598;
 }

.iconBlackTransparent {
color: #3f3f3f;
font-weight:medium;
font-family: 'Open Sans',Helvetica, sans-serif, Arial;
font-size: 18px;
text-decoration: none;
background: transparent url(/images/blue_circle.png) scroll no-repeat left top;
padding: 3px 0px 0px 37px;
height: 31px;
}

.blueLineBoxContent {
   background-color: #f1f1f1;
   padding-left:10px;
   padding-right:10px;
}

.bigPink {
color: #fb3393;
font-weight:300;
font-family: Helvetica, sans-serif, Arial;
font-size: 26px;
text-shadow: #cccccc 0.05em 0.05em 0.1em
}

.blue {
color: #0a93bb;
font-weight:300;
font-family: Helvetica, sans-serif, Arial;
font-size: 26px;
}

.blueButtonText {
background: url("/images/blue_button_bg.png") repeat-x;
color:white;
text-decoration: none;
font-family: Arial, Times, serif;
font-size: 15px;
vertical-align:middle;
padding-top:0px;
padding-right:8px;
padding-left:8px;
font-weight: bold;
}

.mediumPink {
color: #fb3393;
font-weight:medium;
font-family: Helvetica, sans-serif, Arial;
font-size: 18px;
text-decoration:none;
}


.fehlermeldung {
       padding:5px;
	text-decoration:none;
	color:  #ffffff;	
	background-color:red;
       font-weight:400;
       text-align: center;
       border: 1px solid #000000;

}

.erfolgsmeldung {
       padding:5px;
	text-decoration:none;
	color:  #ffffff;	
	background-color:green;
       font-weight:400;
       text-align: center;
       border: 1px solid #000000;

}


.hinweismeldung {
       padding:5px;
	text-decoration:none;
	color:  #000000;	
	background-color:yellow;
       text-align: center;
       border: 1px solid #000000;

}






.optin_area {
	width:296px;
	margin:0px auto 0px 0px;
	border:10px solid rgba(0, 0, 0, 0.02);
	-webkit-border-radius:8px;
	 -khtml-border-radius:8px;
	   -moz-border-radius:8px;
	        border-radius:8px;
	-webkit-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	   -moz-box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
	        box-shadow:0em 0em 2em rgba(0, 0, 0, 2);
}


	.optin-box {
        	background: rgb(96,0,0); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(96,0,0,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,0,0,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(96,0,0,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(96,0,0,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(96,0,0,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(96,0,0,1) 0%,rgba(14,14,14,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600000', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */
		padding:10px;
		text-align:center;
	}
	.call1 {
		font-size:27px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		text-shadow:2px 2px 2px #000;
		padding-bottom:5px;
	}
	.call2 {
		font-size:15px;
		color:#fff;
		text-align:center;
		text-shadow:2px 2px 2px #000;
		padding-bottom:15px;
	}
	.call3 {
		font-size:16px;
		color:#fff;
		text-align:left;
		
		padding-bottom:15px;
	}
	.optin-box input {
		-webkit-border-radius:8px;
		 -khtml-border-radius:8px;
		   -moz-border-radius:8px;
	            border-radius:8px;
	}
		.optin-box input[type="text"] {
			color:#9f200e;
			border:2px solid #ccc;
			font-size:15px;
			margin-bottom:10px;
			padding:8px 10px;
			width:80%
		}
		.optin-box input#name { background:#fff url('../images/name.png') no-repeat center right; }
		.optin-box input#email { background:#fff url('../images/email.png') no-repeat center right }
		.optin-box input[type="submit"] {
			background:#aa0000;
			border:2px solid #aaa;
			color:#fff;
			cursor:pointer;
			font-size:18px;
			font-weight:bold;
			text-decoration:none;
			padding:10px 25px;
			margin:6px 0 5px 0;
			-webkit-border-radius:8px;
			 -khtml-border-radius:8px;
			   -moz-border-radius:8px;
					border-radius:8px;
		}
			.optin-box input[type="submit"]:hover { background:#ff0000; color:#fff; border:2px solid #fff; }




@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
#cssmenu {
  background: #ffffff;
  margin: 0;
  width: 1048px;
  padding: 0;
  line-height: 1;
  display: block;
  position: relative;
}
#cssmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
#cssmenu ul:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#cssmenu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
#cssmenu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
#cssmenu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #74923a;
}
#cssmenu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #c99999;
  z-index: 1;
  top: 13px;
  right: 15px;
}
#cssmenu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #f9f2ee;
  z-index: 2;
  top: 15px;
  right: 15px;
}
#cssmenu ul li ul li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  color: #373843;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}
#cssmenu ul li ul li:hover > a,
#cssmenu ul li ul li.active > a {
  color: #ba8e8e;
}
#cssmenu ul li ul li:hover:after,
#cssmenu ul li ul li.active:after {
  background: #ba8e8e;
}
#cssmenu ul li ul li:hover > ul {
  left: 200px;
  top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu > ul > li {
  float: left;
}

#cssmenu > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
  display: block;
  content: '';
  background: #c99999;
  height: 12px;
  width: 12px;
  position: absolute;
  border-radius: 13px;
  right: 14px;
  top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
  display: block;
  content: '';
  border: 4px solid transparent;
  border-top-color: #ffffff;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
#cssmenu > ul > li > a {
  color: #895fa1;
  padding: 15px 10px;
  font-weight: 400;
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 2;
  position: relative;
}
#cssmenu > ul > li:hover:after,
#cssmenu > ul > li.active:after {
  height: 100%;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #373843;
}
#cssmenu > ul > li:hover > a:after,
#cssmenu > ul > li.active > a:after {
  background: #ba8e8e;
}
#cssmenu > ul > li:hover > a:before,
#cssmenu > ul > li.active > a:before {
  border-top-color: #f9f2ee;
}
#cssmenu > ul > li:hover > ul {
  left: 0;
}
#cssmenu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
#cssmenu #menu-button {
  display: none;
}

#f2_container {
  position: relative;
  margin: 10px auto;
  max-width: 800px;
  height: 520px;
  z-index: 1;

}
#f2_container {
  -webkit-perspective: 1050px;
  -moz-perspective: 1050px;
  -o-perspective: 1050px;
  perspective: 1050px;
}


#f1_container {
  position: relative;
  margin: 10px auto;
  max-width: 240px;
  height: 420px;
  z-index: 1;

}
#f1_container {
  -webkit-perspective: 1050px;
  -moz-perspective: 1050px;
  -o-perspective: 1050px;
  perspective: 1050px;
}
#f1_card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.5s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 0.5s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 0.5s linear;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}
#f1_container:hover #f1_card, #f1_container.hover_effect #f1_card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);

  -webkit-box-shadow: -5px 5px 5px #aaa;
  -moz-box-shadow: -5px 5px 5px #aaa;
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 5px 5px 5px #aaa;
  overflow: hidden; 
  background-color: #ffffff;
  border-radius: 10px;
  border: 2px solid #7cc83a;
}
.face.back {
  display: block;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 0px;
  color: #373843;
  text-align: center;
  background-color: #ffffff;
  overflow: hidden; 

}}