.feature-icon-ads { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/ads.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-ads { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/ads_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-api { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/api.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-api { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/api_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-balloonlayer { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/balloonlayer.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-balloonlayer { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/balloonlayer_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-banner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/banner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-banner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/banner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-bannerhtml5 { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/bannerhtml5.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-bannerhtml5 { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/bannerhtml5_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-dvdbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/dvdbanner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-dvdbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/dvdbanner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-dvdpopup { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/dvdpopup.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-dvdpopup { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/dvdpopup_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-fakechatbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/fakechatbanner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-fakechatbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/fakechatbanner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-flashbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/flashbanner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-flashbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/flashbanner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-flyingbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/flyingbanner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-flyingbanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/flyingbanner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-freehostgallery { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/freehostgallery.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-freehostgallery { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/freehostgallery_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-landingpages { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/landingpages.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-landingpages { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/landingpages_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-linkgenerator { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/linkgenerator.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-linkgenerator { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/linkgenerator_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-liveprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/liveprofil.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-liveprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/liveprofil_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-newsticker { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/newsticker.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-newsticker { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/newsticker_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-popup { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/popup.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-popup { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/popup_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-rss { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/rss.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-rss { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/rss_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-senderhomepage { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/senderhomepage.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-senderhomepage { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/senderhomepage_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-slider { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/slider.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-slider { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/slider_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-suchboxen { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/suchboxen.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-suchboxen { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/suchboxen_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-textlinks { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/textlinks.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-textlinks { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/textlinks_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-videoadsprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videoadsprofil.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-videoadsprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videoadsprofil_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-videobanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videobanner.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-videobanner { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videobanner_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-videobannerprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videobannerprofil.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-videobannerprofil { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videobannerprofil_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-videotrailer { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videotrailer.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-videotrailer { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/videotrailer_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.feature-icon-wordpress { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/wordpress.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature:hover .feature-icon-wordpress { text-align: center; width: 100%; height: 120px; background-image: url(/dashboard/assets/picto/wordpress_on.png);  background-size: 180px 120px; background-repeat: no-repeat; background-position: center; }
.single-feature { background-color: #ffffff; text-align: center; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); margin-bottom: 30px; padding: 20px 10px; -webkit-transition: 0.5s; transition: 0.5s; border-radius: 3px; -webkit-transform: translate(0px, 0); transform: translate(0px, 0); }
.single-feature:hover { box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translate(0px, -4px); transform: translate(0px, -4px); }
.feature-icon { color: #000000; display: block; font-size: 15px; margin-bottom: 10px; -webkit-transition: 0.5s; transition: 0.5s; text-align: center; }
.feature-title { color: #453e4a; font-size: 20px; font-weight: 700; }
.single-feature:hover .feature-icon { color: #7DD8D1; }
.picto:hover { text-decoration: none; }