<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Product Design &#8211; Anders Oll – Enneagramuddannelser</title>
	<atom:link href="https://oll.dk/project-category/product-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://oll.dk</link>
	<description>Personlig udvikling og spiritualitet</description>
	<lastBuildDate>Mon, 02 Dec 2019 12:27:22 +0000</lastBuildDate>
	<language>da-DK</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.2</generator>
	<item>
		<title>Poster Mockup</title>
		<link>https://oll.dk/project/poster-mockup/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Mon, 02 Dec 2019 12:27:22 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=2784</guid>

					<description><![CDATA[Ut elit luctus nec ullamcorper.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291446524{margin-bottom: -50px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-7 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575290895173{padding-bottom: 50px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346.enable-bg-rollover .rollover i,
.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346.enable-bg-rollover .rollover-video i {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346 .rollover-icon {
  font-size: 32px;
  color: #ffffff;
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 100px;
  border-style: solid;
  border-width: 0px;
}
.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346 .rollover-icon {
  background: rgba(255,255,255,0.3);
  box-shadow: none;
}</style>[/vc_column][vc_column css=&#8221;.vc_custom_1575291023632{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1572877811815{margin-bottom: 30px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text][vc_column_text css=&#8221;.vc_custom_1572891132314{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-922a31ba665b17348a54bdb0e4491148 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1572891813270{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique porta.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>The Seven Wine</title>
		<link>https://oll.dk/project/seven-wine/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Fri, 08 Nov 2019 09:37:25 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=1928</guid>

					<description><![CDATA[Nulla a velit quis ex ornare rhoncus. ]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291876546{margin-bottom: -70px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-12 vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575292213114{padding-bottom: 60px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 figure,
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 .rollover,
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 img,
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 .gallery-rollover {
  border-radius: 0px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.enable-bg-rollover .gallery-rollover {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.enable-bg-rollover.hover-scale figure .rollover:after {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 .gallery-zoom-ico {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100px;
  margin: -25px 0 0 -25px;
  border-width: 0px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 .gallery-zoom-ico:before,
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 .gallery-zoom-ico span {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-template-columns: repeat(auto-fill,minmax(,1fr));
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid {
  display: flex;
  flex-flow: row wrap;
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274:not(.resize-by-browser-width) .dt-css-grid .wf-cell {
  flex: 1 0 ;
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid {
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid {
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell {
  width: 50%;
  padding: 15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
  width: calc(50%) * 2;
}
.gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {
  grid-row-gap: 30px - ;
}
@media screen and (max-width: 1199px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 991px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 767px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(1,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 100%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(100%)*2;
  }
}</style><div class="gallery-shortcode dt-gallery-container gallery-masonry-shortcode-id-9b6a764da46f18c05ae94d24f125b274 mode-masonry jquery-filter dt-icon-bg-on enable-bg-rollover resize-by-browser-width hover-fade loading-effect-none description-on-hover" data-padding="15px" data-cur-page="1" data-post-limit="-1" data-pagination-mode="none" data-desktop-columns-num="2" data-v-tablet-columns-num="2" data-h-tablet-columns-num="2" data-phone-columns-num="1" data-width="0px" data-columns="0"><div class="iso-container" ></div><!-- iso-container|iso-grid --></div>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291908923{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1575291796665{margin-bottom: 40px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291917463{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-7&#8243;][vc_column_text css=&#8221;.vc_custom_1575291964331{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.</p>
<p>Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:after,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula - purus vel condimentum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec purus vel facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1575291858929{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum. Ut sollicitudin ligula purus vel condimentum &#8211; id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique purus vel condimentum porta.</p>
<p>Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.[/vc_column_text][/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Coffee</title>
		<link>https://oll.dk/project/coffee/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Fri, 08 Nov 2019 04:46:03 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=1936</guid>

					<description><![CDATA[Morbi at laoreet mauris.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291876546{margin-bottom: -70px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-12 vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575292213114{padding-bottom: 60px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 figure,
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 .rollover,
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 img,
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 .gallery-rollover {
  border-radius: 0px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.enable-bg-rollover .gallery-rollover {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.enable-bg-rollover.hover-scale figure .rollover:after {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 .gallery-zoom-ico {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100px;
  margin: -25px 0 0 -25px;
  border-width: 0px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 .gallery-zoom-ico:before,
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 .gallery-zoom-ico span {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-template-columns: repeat(auto-fill,minmax(,1fr));
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid {
  display: flex;
  flex-flow: row wrap;
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4:not(.resize-by-browser-width) .dt-css-grid .wf-cell {
  flex: 1 0 ;
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid {
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid {
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell {
  width: 50%;
  padding: 15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
  width: calc(50%) * 2;
}
.gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {
  grid-row-gap: 30px - ;
}
@media screen and (max-width: 1199px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 991px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 767px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(1,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 100%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(100%)*2;
  }
}</style><div class="gallery-shortcode dt-gallery-container gallery-masonry-shortcode-id-e9ac43356f2336498fb10de86e0fdea4 mode-masonry jquery-filter dt-icon-bg-on enable-bg-rollover resize-by-browser-width hover-fade loading-effect-none description-on-hover" data-padding="15px" data-cur-page="1" data-post-limit="-1" data-pagination-mode="none" data-desktop-columns-num="2" data-v-tablet-columns-num="2" data-h-tablet-columns-num="2" data-phone-columns-num="1" data-width="0px" data-columns="0"><div class="iso-container" ></div><!-- iso-container|iso-grid --></div>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291908923{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1575291796665{margin-bottom: 40px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291917463{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-7&#8243;][vc_column_text css=&#8221;.vc_custom_1575291964331{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.</p>
<p>Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:after,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula - purus vel condimentum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec purus vel facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1575291858929{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum. Ut sollicitudin ligula purus vel condimentum &#8211; id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique purus vel condimentum porta.</p>
<p>Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.[/vc_column_text][/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Design Pack</title>
		<link>https://oll.dk/project/design-pack/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Fri, 08 Nov 2019 04:36:37 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=1926</guid>

					<description><![CDATA[Lorem ipsum dolor sit amet.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291876546{margin-bottom: -70px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-12 vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575292213114{padding-bottom: 60px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 figure,
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 .rollover,
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 img,
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 .gallery-rollover {
  border-radius: 0px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.enable-bg-rollover .gallery-rollover {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.enable-bg-rollover.hover-scale figure .rollover:after {
  background: rgba(0,0,0,0.3);
  box-shadow: none;
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 .gallery-zoom-ico {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 100px;
  margin: -25px 0 0 -25px;
  border-width: 0px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 .gallery-zoom-ico:before,
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 .gallery-zoom-ico span {
  font-size: 20px;
  line-height: 50px;
  color: #ffffff;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-template-columns: repeat(auto-fill,minmax(,1fr));
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid {
  display: flex;
  flex-flow: row wrap;
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30:not(.resize-by-browser-width) .dt-css-grid .wf-cell {
  flex: 1 0 ;
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid {
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid {
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell {
  width: 50%;
  padding: 15px;
}
.cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
  width: calc(50%) * 2;
}
.gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {
  grid-row-gap: 30px - ;
}
@media screen and (max-width: 1199px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 991px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 767px) {
  .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(1,1fr);
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 100%;
  }
  .cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .gallery-shortcode.gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(100%)*2;
  }
}</style><div class="gallery-shortcode dt-gallery-container gallery-masonry-shortcode-id-aa2d9e9d984e0eeea6561b6ffe417e30 mode-masonry jquery-filter dt-icon-bg-on enable-bg-rollover resize-by-browser-width hover-fade loading-effect-none description-on-hover" data-padding="15px" data-cur-page="1" data-post-limit="-1" data-pagination-mode="none" data-desktop-columns-num="2" data-v-tablet-columns-num="2" data-h-tablet-columns-num="2" data-phone-columns-num="1" data-width="0px" data-columns="0"><div class="iso-container" ></div><!-- iso-container|iso-grid --></div>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291908923{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1575291796665{margin-bottom: 40px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291917463{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-7&#8243;][vc_column_text css=&#8221;.vc_custom_1575291964331{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.</p>
<p>Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:after,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula - purus vel condimentum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec purus vel facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1575291858929{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum. Ut sollicitudin ligula purus vel condimentum &#8211; id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique purus vel condimentum porta.</p>
<p>Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.[/vc_column_text][/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Brand Design</title>
		<link>https://oll.dk/project/brand-design/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Fri, 08 Nov 2019 04:34:28 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=1912</guid>

					<description><![CDATA[Donec imperdiet risus justo.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291446524{margin-bottom: -50px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-7 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575290895173{padding-bottom: 50px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346.enable-bg-rollover .rollover i,
.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346.enable-bg-rollover .rollover-video i {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346 .rollover-icon {
  font-size: 32px;
  color: #ffffff;
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 100px;
  border-style: solid;
  border-width: 0px;
}
.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-80624d7e0cf2ed41e6b1dea9be61e346 .rollover-icon {
  background: rgba(255,255,255,0.3);
  box-shadow: none;
}</style>[/vc_column][vc_column css=&#8221;.vc_custom_1575291023632{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1572877811815{margin-bottom: 30px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text][vc_column_text css=&#8221;.vc_custom_1572891132314{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-922a31ba665b17348a54bdb0e4491148 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-922a31ba665b17348a54bdb0e4491148 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1b2dc262b61f4a59bb6fa8c3d6dd56b2 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1572891813270{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique porta.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Eco Package  Design</title>
		<link>https://oll.dk/project/eco-package-design/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Wed, 23 Oct 2019 04:08:53 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=1780</guid>

					<description><![CDATA[Lorem ipsum nulla glavrida.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291446524{margin-bottom: -50px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-7 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575290895173{padding-bottom: 50px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.shortcode-single-image-wrap.shortcode-single-image-9d390966279d0f96deabbfe262493578.enable-bg-rollover .rollover i,
.shortcode-single-image-wrap.shortcode-single-image-9d390966279d0f96deabbfe262493578.enable-bg-rollover .rollover-video i {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.shortcode-single-image-wrap.shortcode-single-image-9d390966279d0f96deabbfe262493578 .rollover-icon {
  font-size: 32px;
  color: #ffffff;
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 100px;
  border-style: solid;
  border-width: 0px;
}
.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-9d390966279d0f96deabbfe262493578 .rollover-icon {
  background: rgba(255,255,255,0.3);
  box-shadow: none;
}</style>[/vc_column][vc_column css=&#8221;.vc_custom_1575291023632{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1572877811815{margin-bottom: 30px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text][vc_column_text css=&#8221;.vc_custom_1575293573440{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Creative Logo</title>
		<link>https://oll.dk/project/creative-logo/</link>
		
		<dc:creator><![CDATA[Anders Oll]]></dc:creator>
		<pubDate>Wed, 07 Aug 2019 12:59:31 +0000</pubDate>
				<guid isPermaLink="false">https://the7.io/company/?post_type=dt_portfolio&#038;p=2807</guid>

					<description><![CDATA[Ut elit tellus pulvinar dapibus.]]></description>
										<content:encoded><![CDATA[<p>[vc_row equal_height=&#8221;yes&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1575291876546{margin-bottom: -70px !important;}&#8221;][vc_column offset=&#8221;vc_col-lg-offset-0 vc_col-lg-12 vc_col-md-offset-0 vc_col-md-12 vc_col-sm-offset-0&#8243; css=&#8221;.vc_custom_1575292575479{padding-bottom: 60px !important;}&#8221;]<style type="text/css" data-type="the7_shortcodes-inline-css">.shortcode-single-image-wrap.shortcode-single-image-02a41bd73e6b978b21c5eff0159b598a.enable-bg-rollover .rollover i,
.shortcode-single-image-wrap.shortcode-single-image-02a41bd73e6b978b21c5eff0159b598a.enable-bg-rollover .rollover-video i {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.shortcode-single-image-wrap.shortcode-single-image-02a41bd73e6b978b21c5eff0159b598a .rollover-icon {
  font-size: 32px;
  color: #ffffff;
  min-width: 44px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 100px;
  border-style: solid;
  border-width: 0px;
}
.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-02a41bd73e6b978b21c5eff0159b598a .rollover-icon {
  background: rgba(255,255,255,0.3);
  box-shadow: none;
}</style>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291908923{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243;][ultimate_heading main_heading=&#8221;In convallis – dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui.&#8221; heading_tag=&#8221;h3&#8243; alignment=&#8221;left&#8221; main_heading_margin=&#8221;margin-bottom:30px;&#8221; main_heading_style=&#8221;font-weight:bold;&#8221;][/ultimate_heading][vc_column_text css=&#8221;.vc_custom_1575291796665{margin-bottom: 40px !important;border-left-width: 3px !important;padding-left: 20px !important;border-left-color: rgba(0,0,0,0.1) !important;border-left-style: solid !important;}&#8221;]<span class="color-secondary">Client:</span> <strong><span class="color-title">Seven Media Group</span></strong></p>
<p><span class="color-secondary">Category:</span> <strong><span class="color-title">Product Design</span></strong></p>
<p><span class="color-secondary">Date:</span> <strong><span class="color-title">June 2019</span></strong>[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">#default-btn-f4f2c15ddb01013c11a5cb95816d2405.ico-right-side > i {
  margin-right: 0px;
  margin-left: 8px;
}
#default-btn-f4f2c15ddb01013c11a5cb95816d2405 > i {
  margin-right: 8px;
}</style><a href="#" class="default-btn-shortcode dt-btn dt-btn-l link-hover-off full-width-btn btn-inline-left" id="default-btn-f4f2c15ddb01013c11a5cb95816d2405"><span>Visit website</span></a>[/vc_column][vc_column width=&#8221;1/2&#8243; css=&#8221;.vc_custom_1575291917463{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-7&#8243;][vc_column_text css=&#8221;.vc_custom_1575291964331{padding-bottom: 30px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.</p>
<p>Proin condimentum congue tellus, sit amet rutrum augue interdum quis. Ut sollicitudin ligula id dui elementum, non blandit odio rhoncus.</p>
<p>Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text]<style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon:after,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title,
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-216a0cfc44dc6cf27f2bcecfdf869fda layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-layer-group"></i><i class="dt-hover-icon soc-icon fas fa-layer-group"></i></span></span><h5 class="dt-text-title"  >Ut sit amet semper ligula - purus vel condimentum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-1cf8693a166d3bf0eb955d97f1d3d113 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-paste"></i><i class="dt-hover-icon soc-icon fas fa-paste"></i></span></span><h5 class="dt-text-title"  >Lorem ipsum</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon:after,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title,
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-57a6f3311588c0da9024e39a83c7e1c9 layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-puzzle-piece"></i><i class="dt-hover-icon soc-icon fas fa-puzzle-piece"></i></span></span><h5 class="dt-text-title"  >Donec purus vel facilisis mi a lacus</h5></div><style type="text/css" data-type="the7_shortcodes-inline-css">.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  border-radius: 200px;
  margin: 0px 10px 0px 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
  min-width: 20px;
  min-height: 20px;
  border-radius: 200px;
}
@media all and (-ms-high-contrast: none) {
  .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner {
    height: 20px;
  }
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .dt-hover-icon {
  line-height: 20px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon:after,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:before,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon .icon-inner:after {
  min-width: 100%;
  min-height: 100%;
  padding: inherit;
  border-radius: inherit;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dashed;
}
.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: dotted;
}
.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-border-on:before {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-border-on:after {
  border-width: 0px;
  border-style: solid;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {
  border-style: dashed;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {
  border-style: dotted;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {
  border-style: double;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover {
  font-size: 16px;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:hover .soc-icon {
  color: #fff;
  background: none;
}
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-font-icon,
#page .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon,
#phantom .icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .text-icon.dt-icon-hover-off .soc-icon {
  color: rgba(0,0,0,0.3);
  background: none;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-1 {
  grid-template-columns: 20px minmax(0,1fr);
  grid-column-gap: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 {
  grid-template-columns: minmax(0,1fr) 20px;
  grid-column-gap: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-2 .text-icon {
  margin-left: 0;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 {
  grid-template-columns: 20px minmax(0,1fr);
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df.layout-3 .dt-text-title {
  margin-left: 10px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title,
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title a {
  font-weight: bold;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-title {
  margin-bottom: 0px;
}
.icon-with-text-shortcode.icon-text-id-96462ccfecf3c6813a1981f1db66d3df .dt-text-desc {
  margin-bottom: 0px;
}</style><div class="icon-with-text-shortcode  icon-text-id-96462ccfecf3c6813a1981f1db66d3df layout-3 " ><span   class="text-icon dt-icon-bg-off dt-icon-hover-off" ><span class="icon-inner"><i class="dt-regular-icon soc-icon fas fa-rocket"></i><i class="dt-hover-icon soc-icon fas fa-rocket"></i></span></span><h5 class="dt-text-title"  >Sellus honcus ornare</h5></div>[vc_column_text css=&#8221;.vc_custom_1575291858929{padding-top: 20px !important;padding-bottom: 35px !important;}&#8221;]Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum. Ut sollicitudin ligula purus vel condimentum &#8211; id dui elementum, non blandit odio rhoncus. Donec facilisis mi a lacus elementumrhoncus. Nullam placerat tristique purus vel condimentum porta.</p>
<p>Sellus honcus ornare sapien, et laoreet nisi malesuada eu tempus dictum. Morbi eu rutrum risus, vel vulputate odio dictum purus vel condimentum.[/vc_column_text][/vc_column][/vc_row]</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>

<!--
Page Caching using Disk: Enhanced 

Served from: oll.dk @ 2026-07-30 06:53:30 by W3 Total Cache
-->