@import url(/gfonts/gfonts.php?family=Lato:400,400italic,700,900,300&subset=latin,latin-ext);
body { color:#818181; font-family: 'Lato', sans-serif; font-size:14px; }
p {font-size:18px; }
a { color:#032552; text-decoration:none; }
a:hover { color:#0032552; text-decoration:underline; }
input { font-family: 'Lato', sans-serif; }
.clear { clear:both; }
hr { border-top:1px solid #595959; }
h1, h2, h3, h4, h5, h6 { color:#0063af; margin-top:0; font-weight:normal; font-family: 'Lato', sans-serif;  }
h2 { font-size:60px; font-weight:900; text-align:center; line-height:50px; margin-top:100px; }
.container-fluid { padding-left:32px; padding-right:32px; }
header { width:100%; position:relative; z-index:10; }

.img-thumbnail { border-radius:0; width:100%; border:0px; padding:0px; }   

#panel-top { background:#04265c; border-bottom:1px solid #243552; padding:6px 0 4px 0; }
#panel-top .top-icons ul { list-style:none; margin:0px; padding:1px 0 0 0; }
#panel-top .top-icons ul li { float:left; margin-right:9px; }
#panel-top .top-icons a { display:block; width:16px; height:17px; }
#panel-top .top-icons .home a { background: url('../media/sprite.png') left top no-repeat; }
#panel-top .top-icons .email a { background: url('../media/sprite.png') left -17px no-repeat; }
#panel-top .top-icons .site a { background: url('../media/sprite.png') left -34px no-repeat; } 

#panel-top .language { font-size:13px; color:#8e96a9; float:right; }
#panel-top .language select { background:#fff; border:1px solid #fff; width:42px; height:19px; font-size:12px; color:#04265c; margin-left:5px; }

#panel-top .language .tx-srlanguagemenu-pi1 {margin:0;padding:0;display:inline;}
#panel-top .language .tx-srlanguagemenu-pi1 #sr_language_menu_form {margin:0;padding:0;display:inline;}
#panel-top .language .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset {margin:0;padding:0;display:inline;}
#panel-top .language .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset legend {display:none !important;}
#panel-top .language .tx-srlanguagemenu-pi1 #sr_language_menu_form fieldset labelx {display:none !important;}

header { background:url('../media/header_bg.jpg') center top no-repeat; background-size:cover; }
header .logo { padding-top:22px; float:left; }
header .logo img { background:none; }

header .search {  width:100%; margin-top:125px; border:1px solid #265bc6; float:right; }
header .search input { background:#04265c; width:100%; height:51px; border:0px; border-left:4px solid #032152; border-top:6px solid #032152; text-indent:27px; font-size:17px; color:#8890a5; line-height:51px; }

header .col-md-6 { font-size:17px; color:#fff; font-style:italic; padding-top:15px; }
header .contacts { margin-top:107px; float:right; }
header .contacts a { background: url('../media/sprite.png') left -57px no-repeat; padding-left:32px; height:24px; display:block; font-size:22px; line-height:20px; color:#fff; text-decoration:none; font-weight:400;  }
header .contacts a:hover { text-decoration:underline; }

header .navbar-toggle { background:#00aee6; border:1px solid #fff; border-radius:0px; top:0px; right:0px; position:relative; float:right; }
header .navbar-toggle .icon-bar { background-color: #fff; display: block; height: 2px; width: 22px; text-align:center; }
header .navbar-toggle:hover { background:#fff; border-color:#00aee6; }
header .navbar-toggle:hover .icon-bar { background-color: #00aee6; }

#navi-main { background: url('../media/navi_top.png') left top repeat-x; border-top:2px solid #04265c; border-bottom:2px solid #04265c; width:100%; height:50px; margin-top:23px; }
#navi-main .navbar-collapse { text-align:center; }
#navi-main .navbar-collapse ul { list-style:none; margin:0px; padding:0; }
#navi-main .navbar-collapse > ul { margin-left:8%;}
#navi-main .navbar-collapse > ul > li { float:left; position:relative; line-height:45px; height:45px;width: auto;min-width: 140px;}
#navi-main .navbar-collapse > ul > li:before { content:""; background: url('../media/sprite.png') left -84px no-repeat; width:2px; height:36px; position:absolute; right:0px; top:5px; }
#navi-main .navbar-collapse > ul > .dropdown:before { right:0px; }
#navi-main .navbar-collapse > ul > li:last-child:before { display:none; }
#navi-main .navbar-collapse > ul > li > a { font-size:22px; color:#fff; text-decoration:none; padding:0 8px 3px 8px; display:block;}
#navi-main .navbar-collapse > ul > li > a:hover ,#navi-main .navbar-collapse > ul > li:hover > a { background:#053699; height:46px; }
#navi-main .navbar-collapse ul ul { top:47px; background:transparent; min-width:170px; border:0px; border-radius:0px; padding:1px 0px 0px 0px; margin:0px; text-align:center; border:1px solid #588fa4; border-top:none; -moz-box-shadow: 4px 8px 8px rgba(184, 192, 206, 0.8); -webkit-box-shadow: 4px 8px 8px rgba(184, 192, 206, 0.8); box-shadow: 4px 8px 8px rgba(184, 192, 206, 0.8); z-index:4; }
#navi-main .navbar-collapse ul ul li { background:none; padding:0; border-bottom:1px solid #98a5bb; margin:0px; height:auto; display:block; }
#navi-main .navbar-collapse ul ul li:last-child { border-bottom:none; }
#navi-main .navbar-collapse ul ul li a { background-color:rgba(58,74,99,0.9); padding:10px; padding:3px 8px 2px 8px; display:block; font-size:13px; color:#fff; text-align:left; }
#navi-main .navbar-collapse ul ul li a:hover ,#navi-main .navbar-collapse ul ul li:hover > a { background:#053699; } 
#navi-main .navbar-collapse ul ul ul { left:100%; top:0px; z-index:10; }
#navi-main .navbar-collapse {padding-right: 5px;padding-left: 5px;}

#content .flexslider { margin-top:0px; width:100%; text-align:left; padding-top:1px; min-height:600px; xoverflow: hidden; }
#content .flexslider li { min-height:500px; }
#content .flexslider span { display:block; }
#content .flexslider .title { font-size:24px; color:#0063af; font-weight:900; padding-top:50px; }
#content .flexslider .picture { border-top:none; margin-top:20px; display:block;overflow: hidden; }
#content .flexslider .picture img { width:100%; height:auto;}
#content .flexslider .name { font-size:22px; line-height:33px; color:#818181; font-weight:900; padding-top:50px; }
#content .flexslider .text { font-size:18px; color:#818181; line-height:24px; margin-top:20px; }
#content .flexslider .sliderheader { font-size: 36px;color: #0063af;font-weight: 900;padding-top: 50px; }
#content .flexslider .flex-control-nav { position:relative; bottom:-20px; }

@media (max-width: 991px) {
	#content .flexslider,
	#content .flexslider li { min-height:auto; }
}

#content h2 a { color:#0063af;}
#content .shelf-box { width:100%; background:url('../media/self_bg.jpg') center bottom no-repeat; padding-bottom:65px; }
#content .shelf-box .item { width:18%; margin: 80px 2% 0 3%; font-size:22px; color:#818181; float:left; text-align:center; }
#content .shelf-box .item .name { display:block; font-weight:bold; padding-bottom:10px; }
#content .shelf-box .item a { border:5px solid #0e72b5; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%;  position:relative; display:block; }
#content .shelf-box .item:first-child { margin: 80px 2% 0 5%; }
#content .shelf-box .item:last-child { margin: 80px 3% 0 2%; }
#content .shelf-box .item img { width:100%; height:auto; xmin-height:100%; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; box-shadow:0px 20px 15px rgba(0,0,0,0.5); -moz-box-shadow:0px 20px 15px rgba(0,0,0,0.5); -webkit-box-shadow:0px 20px 15px rgba(0,0,0,0.5); -o-box-shadow:0px 20px 15px rgba(0,0,0,0.5);  }
#content .shelf-box .item .text { display:none; }
#content .shelf-box .item:hover .text { background:url('../media/shelf_c.png') left top; display:block; width:100%; height:auto; min-height:100%; position:absolute; left:0px; top:0px; -moz-border-radius:46%; -webkit-border-radius:46%; -khtml-border-radius:46%; border-radius:46%; font-size:11px; color:#fff; text-align:center;}
#content .shelf-box .item .text span { display:block; padding: 36px 15px 0 15px;font-size: 14px;}	 
#content .spacer { width:16%; float:left; }

#content .text-box { background:#f1f1f1; border:1px solid #c8c8c8; margin-top:60px; padding:30px; }
#content .text-box p { font-size:18px; line-height:23px; margin:30px 0 0 0; }
#content .text-box .title { font-size:45px; line-height:45px; color:#0063af; font-weight:bold; }

#content .catalog { width:100%; background:url('../media/self_bg.jpg') center bottom no-repeat; padding-bottom:60px; }
#content .catalog ul { list-style:none; margin:80px 0 0 0; padding:0px 0 0 70px; }
#content .catalog ul li,#content .catalog ul a { display:inline-block; float:left; width:13%; margin:0 1% 0 1%; -moz-box-shadow:5px -5px 8px rgba(0, 0, 0, 0.4); -webkit-box-shadow:5px -5px 8px rgba(0, 0, 0, 0.4); box-shadow:5px -5px 8px rgba(0, 0, 0, 0.4); }
#content .catalog ul img { display:block; width:100%; height:auto; xmin-height:100%; -moz-box-shadow:2px 5px 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow:2px 5px 6px rgba(0, 0, 0, 0.6); box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.6)  }

#content .visible-xs { margin:10px 0 0 13px; }

#sidebar .navigation { margin-top:40px; width:100%; background:#fff; }
#sidebar .navigation ul { list-style:none; margin:0px; padding:0px; }
#sidebar .navigation li { border-bottom:1px solid #88bade; line-height:14px; padding:4px 0; }
#sidebar .navigation a { background:url("../media/arr_1.gif") no-repeat scroll 5px 5px; color:#006cb8; display:block; font:11px Arial; padding-left:18px; text-decoration:none; }
#sidebar .navigation a:hover { text-decoration:underline; }
#sidebar .navigation strong a { font:bold 11px Arial; }
#sidebar .navigation strong a:hover { text-decoration:none; }
#sidebar .navigation li ul { border-top:1px dotted #88bade; margin:4px 0 0 0; padding:0px; }
#sidebar .navigation li ul li { border:0 none; }
#sidebar .navigation li ul a { background:url("../media/arr_1.gif") no-repeat scroll 20px 6px; padding-left:30px; }
#sidebar .navigation li ul.level3 { border-top:0 none; margin-top:4px; }
#sidebar .navigation li ul.level3 li { margin-left:20px; }
#sidebar .navigation li ul.level3 li a { font-weight:normal; }
#sidebar .navigation li ul.level3 li.act a { font-weight:bold; }
#sidebar .open a { font-weight:bold; }
#sidebar .open ul li a { font-weight:normal; }
#sidebar .open ul li.act a { font-weight:bold; } 	 

#sidebar .sub-navi { margin-top:40px; width:100%; background:#fff; }
#sidebar .sub-navi ul { list-style:none; margin:0px; padding:0px; }
#sidebar .sub-navi li { margin-bottom:1px; }
#sidebar .sub-navi li a { background:#a7a7a7; padding:9px 20px 9px 20px; font-size:16px; color:#ffffff; font-weight:300; display:block; position:relative; z-index:1; text-decoration:none; }
#sidebar .sub-navi li a:hover { background:#0063af; -moz-box-shadow:2px 5px 6px rgba(0, 99, 175, 0.3); -webkit-box-shadow:2px 5px 6px rgba(0, 99, 175, 0.3); box-shadow: 2px 5px 6px rgba(0, 99, 175, 0.8); z-index:2; }
#sidebar .sub-navi ul li ul {border-top:1px solid #fff; }
#sidebar .sub-navi ul li li a { xbackground:#a7a7a7; padding:9px 20px 9px 50px; font-size:14px; }
#sidebar .sub-navi ul li li li a { xbackground:#a7a7a7; padding:9px 20px 9px 70px; font-size:14px; }

#sub-cont { margin-top:39px; }
#sub-cont h1 { font-size:30px; font-weight:700; margin-top:37px; }
#sub-cont h2 { font-size:30px; font-weight:700; margin-top:37px; text-align:left; }
#sub-cont h3 { font-size:30px; font-weight:700; }
#sub-cont p { margin-top:20px; font-weight:300; }
#sub-cont .event_details p { margin:5px 0 30px !important; }
#sub-cont .csc-firstHeader { font-size:30px; font-weight:700; margin-top:0px; }

#sub-cont .product-box { width:100%; border-bottom:1px solid #848484; margin-top:30px; padding-bottom:30px; }
#sub-cont .product-box p { font-weight:300; }
#sub-cont .product-box .picture { margin-top:10px; }
#sub-cont .product-box .picture img { display:block; width:100%; height:auto; min-height:100%; }
#sub-cont .product-box .name { font-size:30px; color:#134a8f; font-weight:700; margin-top:7px; }
#sub-cont .product-box .art { font-size:16px; margin-top:11px; color:#4e4e4e; } 
#sub-cont .product-box .art a { background:url("../media/sprite.png") left -277px; padding:4px 0 20px 29px; margin-left:10px; overflow:hidden; }
#sub-cont .product-box .more { margin-top:21px; }
#sub-cont .product-box .more a { background:#04265c; width:200px;height:39px; font-size:22px; color:#fff; line-height:39px; text-decoration:none; display:block; text-align:center; }
#sub-cont .product-box .more a:hover { background:#0b3981; }
#sub-cont .product-box:last-child { border:none; }		  
#sub-cont .no-bor { border:none; }

#sub-cont .infobox-1 { background:#f4f4f4; border:1px solid #e6e6e6; padding:20px; margin-top:40px; }
																				  
#sub-cont .infobox-2 { background:#fff; border:1px solid #e6e6e6; padding:20px; margin-top:40px; }

#sub-cont .infobox-3 { background:#0063af; border:1px solid #004880; padding:20px; margin-top:40px; }
#sub-cont .infobox-3 p { color:#fff; }
#sub-cont .infobox-3 h3 { color:#fff; } 	 

#sub-cont .infobox-4 { padding:0px 0 20px 0; margin-top:40px; }
#sub-cont .infobox-4 h3 { color:#6c6c6c; } 

#sub-cont .articles { margin-top:50px; }
#sub-cont .articles img { margin:10px 0 20px 0;}   

#sub-cont #etalage { display:block !important; margin-top:20px; }	   
#sub-cont #etalage .etalage_zoom_area { left:-500px !important; }	

#sub-cont .g_line_1 { width:100%; height:1px; border-top:1px solid #848484; }
#sub-cont .info-table { margin-top:50px; width:100%; }
#sub-cont .info-table thead td { background:#efefef; font-weight:bold; }
#sub-cont .info-table td { border-bottom:1px dotted #aaaaaa; font-size:18px; color:#1b2426; padding:20px 5px 20px 5px; border-radius:0px; vertical-align:top;  }
#sub-cont .info-table ul { list-style-type: circle; padding:0px; margin:0px 0 0 18px; }

#sub-cont .prod-table { margin-top:50px; width:100%; }
#sub-cont .prod-table td { border-bottom:1px dotted #aaaaaa; font-size:20px; color:#006aba; padding:10px; border-radius:0px; vertical-align:top; font-weight:900;  }
#sub-cont .prod-table td span { font-weight:normal; color:#3e3e3e; }


footer { background: #165195; background: -moz-linear-gradient(top,  #165195 0%, #12488c 31%, #0d3b80 63%, #0a357a 100%); background: -webkit-linear-gradient(top,  #165195 0%,#12488c 31%,#0d3b80 63%,#0a357a 100%); background: linear-gradient(to bottom,  #165195 0%,#12488c 31%,#0d3b80 63%,#0a357a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#165195', endColorstr='#0a357a',GradientType=0 ); width:100%; padding:20px 0 17px 0; margin-top:140px; }
footer .social { float:right; }
footer .social ul { list-style:none; margin:0; padding:0px; }
footer .social ul li { float:left; margin-left:10px; }
footer .social ul li a { display:block; width:36px; height:36px; }
/*
footer .social ul .twitter a { background:url('../media/sprite.png') left -126px no-repeat; }
footer .social ul .facebook a { background:url('../media/sprite.png') left -164px no-repeat; }
footer .social ul .youtube a { background:url('../media/sprite.png') left -201px no-repeat; }
footer .social ul .google a { background:url('../media/sprite.png') left -238px no-repeat; }
*/

footer .social ul .twitter a { background:url('../media/social/twitter.png') left top no-repeat; background-size:contain;}
footer .social ul .facebook a { background:url('../media/social/facebook.png') left top no-repeat; background-size:contain; }
footer .social ul .youtube a { background:url('../media/social/youtube.png') left top no-repeat; background-size:contain; }
footer .social ul .google a { background:url('../media/social/google.png') left top no-repeat; background-size:contain; }
footer .social ul .linkedin a { background:url('../media/social/linkedin.png') left top no-repeat;  background-size:contain;}
footer .social ul .xing a { background:url('../media/social/xing.png') left top no-repeat;  background-size:contain;}
footer .social ul .pinterest a { background:url('../media/social/pinterest.png') left top no-repeat; background-size:contain; }
footer .social ul .instagram a { background:url('../media/social/instagram.png') left top no-repeat; background-size:contain; }

footer .links { font-size:20px; color:#fff; font-weight:normal; float:left; padding-top:5px; }
footer .links a { color:#fff; text-decoration:none;margin-right:4px; }
footer .links a:hover { text-decoration:underline; }




	/* downloads in anderem pageNum fuer shopware */

body.content_dl {background:none;text-align:left;margin:0px;padding:0px;}
body.content_dl .content_downloads {margin:0px 0px 20px 0px;padding:0px 0px 8px 0px;background-color:#FFF;height:100%;border:0px solid #BDBEAE;border-radius:5px;width:680px;overflow:hidden;}
body.content_dl .content_downloads .csc-header,
body.content_dl .tx-mmallnetdownloads-pi1 form select,
body.content_dl .content_downloads select {display:none;}
p.hidden {display:none;}
body.content_dl .content_downloads table {}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrow {border:0;margin:0px 0 40px 0;padding:0;width:98%;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrow td {border:0;padding:6px 8px 3px 2px;border-bottom:1px solid #BBB;vertical-align:top;font-size:13px !important;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrow td h3 {margin-top:15px;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrowField-description {width:80%;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrowField-description strong {font-size:12px;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrowField-description p {margin:0;padding:0;font-size:12px;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrowField-description p.redBold {font-weight:bold;color:red;}
body.content_dl .content_downloads .tx-mmallnetdownloads-pi1-listrowField-path {text-align:right;}






 

@media (max-width: 1200px) {
	#content .shelf-box .item .text span { padding:25px 15px 0 15px; font-size:10px }	
}

@media (max-width: 980px) {
	header .search { margin-top:45px; }	  
	#navi-main .navbar-collapse > ul > li > a { font-size:18px; color:#fff; text-decoration:none; padding:0 16px 3px 16px; }

	#content .shelf-box { background:none; }
	#content .shelf-box .item { width:45%; }	 
	#content .shelf-box .item .text span { padding:85px 15px 0 15px; font-size:15px }	
	#content .shelf-box .item:first-child { margin: 80px 2% 0 3%; }
	
	#content .catalog { background:none; }
	#content .catalog ul { margin-top:30px; width:100%; }
	#content .catalog ul li { width:45%; margin:10px 10px 10px 10px; }	   
	
	#content .spacer { margin-left:11%; }		   
	
	#cd-timeline::before { left:-15px !important; }
	.cd-timeline-content { padding:20px !important; }
}

@media (max-width: 767px) {
	header .logo { float:none; text-align:center; }
	header .logo img { max-width:300px; margin:0px auto; }	  
	
	header .contacts { float:none; margin:40px 0 0 20px; }
	header .partner { float:none; margin:40px 0 0 20px; }
	
	#navi-main { margin-top:30px; } 
	#navi-main .container { padding:0px; }
	#navi-main .navbar-collapse { width:100%; text-align:left; height:auto; padding:0px; margin:0px; }
	#navi-main .navbar-collapse ul { padding:0px; margin:0px; left:0px; }
	#navi-main .navbar-collapse > ul > li { background:#04265c; display:block; width:100%; height:auto; line-height:100%; }
	#navi-main .navbar-collapse > ul > li:before { display:none; }
	#navi-main .navbar-collapse > ul > li > a { width:100%; padding:10px 0 10px 0; height:auto; line-height:100%; text-indent:10px; display:block !important; }
	#navi-main .navbar-collapse > ul > li > a:hover { height:auto; line-height:100%; }
	#navi-main .navbar-collapse ul ul { position:relative; width:100%; top:0px; left:0px; margin:0px; padding:0px; text-align:left; box-shadow:none; border:none; }
	#navi-main .navbar-collapse ul ul li { width:100%; }
	#navi-main .navbar-collapse ul ul a { width:100%; padding:10px 0 10px 0; height:auto; line-height:100%; text-indent:10px; display:block !important; }
	#navi-main .navbar-collapse ul ul li a:hover { height:auto; line-height:100%; }
	#navi-main .navbar-collapse ul ul ul { position:relative; left:0px; }	 
	
	#content .shelf-box .item .text span { padding:45px 15px 0 15px; font-size:14px }	  
	#cd-timeline::before { display:none !important; }
}	

@media (max-width: 600px) {
	h2 { font-size:40px; margin-top:40px; }
	#content .shelf-box .item { width:70%; margin:0 10% 0 20%; }
	#content .shelf-box .item:first-child ,#content .shelf-box .item:last-child{ margin:0 10% 0 20%; }
	#content .shelf-box .name { font-size:20px; margin-top:20px; }
	#content .shelf-box .item .text span { padding:90px 15px 0 15px; font-size:14px; }
	
	#content .text-box { padding:10px; }
	#content .text-box p { font-size:14px; line-height:20px; margin-top:15px; }
	#content .text-box .title { font-size:35px; line-height:37px; }
	
	#sidebar .sub-navi li a { font-size:14px; }
	
	footer .links { float:none; font-size:15px; }
	footer .social { float:none; margin:10px 0 0 0; }
	footer .social ul li { margin:0 10px 0 0; }
}

@media (max-width: 500px) {
	#content .catalog ul li { width:70%; margin:10px 15% 10px 15%; }  
	#content .shelf-box .item .text span { padding:45px 15px 0 15px; font-size:10px }	

	#sub-cont .prod-table td { font-size:13px; }
	
	#navi-main .navbar-collapse ul ul li a {font-size:13px; }
}

@media (max-width: 400px) {  
	#content .shelf-box .item .text span { padding:25px 15px 0 15px; font-size:10px }
}

@media (max-width: 360px) {
	footer .social ul li { margin-right:5px; }
}
.etalage_thumb_image,.etalage_source_image,.etalage_magnifier>div>img,.etalage_zoom_img,.etalage_small_thumb {
    height:auto !important;
}

#lang_icon {
    display: inline-block;
    background:url(https://shop.allnet.de/templates/emotion_allnet/frontend/_resources/images/icons/ico-flags.png) no-repeat;
    height: 11px;
    width: 14px;
    margin: 0 10px;
}
#lang_icon.de {
    background-position:0 0;
}
#lang_icon.en {
    background-position:0 -11px;
}
#lang_icon.es {
    background-position:0 -44px;
}
#lang_icon.fr {
    background-position:0 -33px;
}
#lang_icon.hu {
    background-position:0 -132px;
}
.whatsapp {
    clear:both;
    float:right;
    margin-top:5px;
}
.whatsapp a {
    color:#FFF;
    font-size:18px;
}
.whatsapp a img {
    width:25px;
    height:25px;
}
.whatsappinfo {
    text-align:right;
    background:#fff;
    color:#000;
    padding:10px 20px;
    display:none;
    font-size:14px;
    position:absolute;
    z-index:99999;
    box-shadow:1px 1px 3px #000;
    border-radius:10px;
}