/* 
- add your custom css here or use the theme designer in the demo online version
- save this file before you update quatum to a newer version 
*/
/* HINWEIS GOOGLE FONT

Ersetzen Sie den Google Fonts Code in der fe_page.html5 durch:

<link href="http://fonts.googleapis.com/css?family="icons"" rel="stylesheet" type="text/css"/>

Weitere Informationen zu Google Fonts finden Sie hier: https://developers.google.com/fonts/faq
*/
.servicebox_5:hover {background: rgba(0,0,0,0.4);}
.image_container .caption {background: rgba(255, 255, 255, 0.9); color: #505050; padding: 3px 6px; width: auto!important; font-size: 13px; position: absolute; left: 0; bottom: 0; width: auto!important;}

.ce_imagemap .hotspot.small:before {content: '\ec83'!important;color:#e35e0a;}
.ce_imagemap .hotspot.small .circle {display:none!important;}
.ce_imagemap .hotspot.pointer_small:before {content: '\ec83'!important;color:#e35e0a;}
.ce_imagemap .hotspot.pointer_large:before {content: '\ec83'!important;color:#e35e0a;}

/*.ce_imagemap .hotspot.pointer_small:before {width:100px; height:50px;visibility: collapse!important;}
.ce_imagemap .hotspot.pointer_large:before {width:100px; height:50px;visibility: collapse!important;}  */
.ce_imagemap .hotspot:hover .hotspot_content.right {display: block; width:350px!important;}
.ce_imagemap .hotspot:hover .hotspot_content.left {display: block; width:350px!important;}
.ce_imagemap .hotspot:hover {height:70px; width:10px;}