{"id":16997,"date":"2014-04-07T00:54:04","date_gmt":"2014-04-07T00:54:04","guid":{"rendered":"https:\/\/the7.io\/main\/?post_type=dt_portfolio&amp;p=16997"},"modified":"2014-04-07T00:54:04","modified_gmt":"2014-04-07T00:54:04","slug":"mauris-euismod-ante","status":"publish","type":"dt_portfolio","link":"https:\/\/www.xmakerschool.cn\/index.php\/project\/mauris-euismod-ante\/","title":{"rendered":"Mauris euismod ante"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1572880729285{padding-bottom: 20px !important;}&#8221; el_class=&#8221;reverse-row-on-mobile&#8221;][vc_column width=&#8221;7\/12&#8243; css=&#8221;.vc_custom_1572880444558{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-5 vc_col-md-6&#8243;]<div id=\"ultimate-heading-594269d464e668e6f\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-594269d464e668e6f uvc-7697 \" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-594269d464e668e6f h3'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}' ><h3 style=\"font-weight:bold;margin-bottom:30px;\">In convallis \u2013 dolor turpis a feugiat facilisis. Morbi iaculis erat posuere, congue neque in, dapibus dui. Proin feugiat tincidunt justo.<\/h3><\/div><\/div>[vc_column_text css=&#8221;.vc_custom_1572879981041{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>\n<p><span class=\"color-secondary\">Category:<\/span> <strong><span class=\"color-title\">Product Design<\/span><\/strong><\/p>\n<p><span class=\"color-secondary\">Date:<\/span> <strong><span class=\"color-title\">June 2020<\/span><\/strong>[\/vc_column_text][vc_column_text]Quisque et justo augue. Integer vitae lectus sollicitudin, vestibulum est semper, convallis enim.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet dolor sed ex laoreet, vel molestie quam gravida.\u00a0Integer commodo interdum nibh eget volutpat. Mauris eleifend \u2013 in ligula vitae lorem ipsum dolor sagittis.[\/vc_column_text][\/vc_column][vc_column width=&#8221;5\/12&#8243; css=&#8221;.vc_custom_1572880433174{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-7 vc_col-md-6&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.shortcode-single-image-wrap.shortcode-single-image-1cb91489101d3d37383fb7239697ce9f.enable-bg-rollover .rollover i,\n.shortcode-single-image-wrap.shortcode-single-image-1cb91489101d3d37383fb7239697ce9f.enable-bg-rollover .rollover-video i {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.shortcode-single-image-wrap.shortcode-single-image-1cb91489101d3d37383fb7239697ce9f .rollover-icon {\n  font-size: 32px;\n  color: #ffffff;\n  min-width: 44px;\n  min-height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  border-style: solid;\n  border-width: 0px;\n}\n.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-1cb91489101d3d37383fb7239697ce9f .rollover-icon {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n<\/style>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1572880725663{margin-bottom: 20px !important;}&#8221;][vc_column width=&#8221;5\/12&#8243; css=&#8221;.vc_custom_1572880475246{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-7 vc_col-md-6&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.shortcode-single-image-wrap.shortcode-single-image-6a1bd425be5ff51a01787f6d4e9b3b55.enable-bg-rollover .rollover i,\n.shortcode-single-image-wrap.shortcode-single-image-6a1bd425be5ff51a01787f6d4e9b3b55.enable-bg-rollover .rollover-video i {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.shortcode-single-image-wrap.shortcode-single-image-6a1bd425be5ff51a01787f6d4e9b3b55 .rollover-icon {\n  font-size: 32px;\n  color: #ffffff;\n  min-width: 44px;\n  min-height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  border-style: solid;\n  border-width: 0px;\n}\n.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-6a1bd425be5ff51a01787f6d4e9b3b55 .rollover-icon {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n<\/style>[\/vc_column][vc_column width=&#8221;7\/12&#8243; css=&#8221;.vc_custom_1572880483712{padding-bottom: 20px !important;}&#8221; offset=&#8221;vc_col-lg-5 vc_col-md-6&#8243;]<div id=\"ultimate-heading-548669d464e66961a\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-548669d464e66961a uvc-3859 \" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-548669d464e66961a h3'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}' ><h3 style=\"font-weight:bold;margin-bottom:35px;\">Proin molestie vestibulum. Morbi iaculis erat posuere in, dapibus dui.<\/h3><\/div><\/div><style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon {\n  width: 50px;\n  height: 50px;\n  line-height: 50px;\n  font-size: 24px;\n  border-radius: 100px;\n  margin: 0px 15px 0px 0px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon .icon-inner {\n  min-width: 50px;\n  min-height: 50px;\n  border-radius: 100px;\n}\n@media all and (-ms-high-contrast: none) {\n  .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon .icon-inner {\n    height: 50px;\n  }\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon .dt-hover-icon {\n  line-height: 50px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon:before,\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon:after,\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon .icon-inner:before,\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon .icon-inner:after {\n  min-width: 100%;\n  min-height: 100%;\n  padding: inherit;\n  border-radius: inherit;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-on:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-double.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-border-on:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:hover {\n  font-size: 24px;\n}\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:hover .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:hover .soc-icon {\n  color: #fff;\n  background: none;\n}\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-off .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-off .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-off .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .text-icon.dt-icon-hover-off .soc-icon {\n  color: #ffffff;\n  background: none;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea.layout-1 {\n  grid-template-columns: 50px minmax(0,1fr);\n  grid-column-gap: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea.layout-2 {\n  grid-template-columns: minmax(0,1fr) 50px;\n  grid-column-gap: 0px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea.layout-2 .text-icon {\n  margin-left: 0;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea.layout-3 {\n  grid-template-columns: 50px minmax(0,1fr);\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea.layout-3 .dt-text-title {\n  margin-left: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .dt-text-title,\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .dt-text-title a {\n  font-weight: bold;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .dt-text-title {\n  margin-bottom: 10px;\n}\n.icon-with-text-shortcode.icon-text-id-8b64ac43a7399d44b9434e99f891caea .dt-text-desc {\n  margin-bottom: 0px;\n  font-size: 15px;\n  line-height: 28px;\n}\n<\/style><div class=\"icon-with-text-shortcode  icon-text-id-8b64ac43a7399d44b9434e99f891caea layout-1  vc_custom_1572880590118 \" ><span   class=\"text-icon dt-icon-bg-on dt-icon-hover-off\" ><span class=\"icon-inner\"><i class=\"dt-regular-icon soc-icon fas fa-cogs\"><\/i><i class=\"dt-hover-icon soc-icon fas fa-cogs\"><\/i><\/span><\/span><h4 class=\"dt-text-title\"  >Lorem ipsum nulla dolor<\/h4><div class=\"dt-text-desc\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet dolor sed ex laoreet, vel molestie quam gravida.<\/div><\/div><style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon {\n  width: 50px;\n  height: 50px;\n  line-height: 50px;\n  font-size: 24px;\n  border-radius: 100px;\n  margin: 0px 15px 0px 0px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon .icon-inner {\n  min-width: 50px;\n  min-height: 50px;\n  border-radius: 100px;\n}\n@media all and (-ms-high-contrast: none) {\n  .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon .icon-inner {\n    height: 50px;\n  }\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon .dt-hover-icon {\n  line-height: 50px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon:before,\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon:after,\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon .icon-inner:before,\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon .icon-inner:after {\n  min-width: 100%;\n  min-height: 100%;\n  padding: inherit;\n  border-radius: inherit;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-on:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-double.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-border-on:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:hover {\n  font-size: 24px;\n}\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:hover .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:hover .soc-icon {\n  color: #fff;\n  background: none;\n}\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-off .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-off .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-off .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .text-icon.dt-icon-hover-off .soc-icon {\n  color: #ffffff;\n  background: none;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360.layout-1 {\n  grid-template-columns: 50px minmax(0,1fr);\n  grid-column-gap: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360.layout-2 {\n  grid-template-columns: minmax(0,1fr) 50px;\n  grid-column-gap: 0px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360.layout-2 .text-icon {\n  margin-left: 0;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360.layout-3 {\n  grid-template-columns: 50px minmax(0,1fr);\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360.layout-3 .dt-text-title {\n  margin-left: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .dt-text-title,\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .dt-text-title a {\n  font-weight: bold;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .dt-text-title {\n  margin-bottom: 10px;\n}\n.icon-with-text-shortcode.icon-text-id-91973a89da797f5fa40aef09e1541360 .dt-text-desc {\n  margin-bottom: 0px;\n  font-size: 15px;\n  line-height: 28px;\n}\n<\/style><div class=\"icon-with-text-shortcode  icon-text-id-91973a89da797f5fa40aef09e1541360 layout-1  vc_custom_1572880549477 \" ><span   class=\"text-icon dt-icon-bg-on dt-icon-hover-off\" ><span class=\"icon-inner\"><i class=\"dt-regular-icon soc-icon fas fa-window-restore\"><\/i><i class=\"dt-hover-icon soc-icon fas fa-window-restore\"><\/i><\/span><\/span><h4 class=\"dt-text-title\"  >Proin molestie vestibulum sem<\/h4><div class=\"dt-text-desc\">Consectetur adipiscing elit. Cras aliquet dolor ravida. Proin molestie vestibulum sem quis ornare.<\/div><\/div><style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon {\n  width: 50px;\n  height: 50px;\n  line-height: 50px;\n  font-size: 24px;\n  border-radius: 100px;\n  margin: 0px 15px 0px 0px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon .icon-inner {\n  min-width: 50px;\n  min-height: 50px;\n  border-radius: 100px;\n}\n@media all and (-ms-high-contrast: none) {\n  .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon .icon-inner {\n    height: 50px;\n  }\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon .dt-hover-icon {\n  line-height: 50px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon:before,\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon:after,\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon .icon-inner:before,\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon .icon-inner:after {\n  min-width: 100%;\n  min-height: 100%;\n  padding: inherit;\n  border-radius: inherit;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-on:before {\n  border-width: 0px;\n  border-style: solid;\n}\n.dt-icon-border-dashed.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.dt-icon-border-dotted.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.dt-icon-border-double.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-dashed.dt-icon-border-on:before {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-dotted.dt-icon-border-on:before {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-double.dt-icon-border-on:before {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-border-on:after {\n  border-width: 0px;\n  border-style: solid;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-dashed.dt-icon-hover-border-on:after {\n  border-style: dashed;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-dotted.dt-icon-hover-border-on:after {\n  border-style: dotted;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-border-double.dt-icon-hover-border-on:after {\n  border-style: double;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:hover {\n  font-size: 24px;\n}\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:hover .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:hover .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:hover .soc-icon {\n  color: #fff;\n  background: none;\n}\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:not(:hover) .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-on:not(:hover) .soc-icon,\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-off .soc-font-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-off .soc-font-icon,\n#page .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-off .soc-icon,\n#phantom .icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .text-icon.dt-icon-hover-off .soc-icon {\n  color: #ffffff;\n  background: none;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043.layout-1 {\n  grid-template-columns: 50px minmax(0,1fr);\n  grid-column-gap: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043.layout-2 {\n  grid-template-columns: minmax(0,1fr) 50px;\n  grid-column-gap: 0px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043.layout-2 .text-icon {\n  margin-left: 0;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043.layout-3 {\n  grid-template-columns: 50px minmax(0,1fr);\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043.layout-3 .dt-text-title {\n  margin-left: 15px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .dt-text-title,\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .dt-text-title a {\n  font-weight: bold;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .dt-text-title {\n  margin-bottom: 10px;\n}\n.icon-with-text-shortcode.icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 .dt-text-desc {\n  margin-bottom: 0px;\n  font-size: 15px;\n  line-height: 28px;\n}\n<\/style><div class=\"icon-with-text-shortcode  icon-text-id-ae6e8f89745aef32e8b8f5e94f9bb043 layout-1  vc_custom_1572880556007 \" ><span   class=\"text-icon dt-icon-bg-on dt-icon-hover-off\" ><span class=\"icon-inner\"><i class=\"dt-regular-icon soc-icon fas fa-swatchbook\"><\/i><i class=\"dt-hover-icon soc-icon fas fa-swatchbook\"><\/i><\/span><\/span><h4 class=\"dt-text-title\"  >Molestie vestibulum sem<\/h4><div class=\"dt-text-desc\">Proin molestie vestibulum sem quis ornaring elit. Cras aliquet dolor sed ex laoreet, vel molestie quam gravida. Proin molestie vestibusse lectus nulla!<\/div><\/div>[\/vc_column][\/vc_row][vc_row equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; type=&#8221;vc_default&#8221; css=&#8221;.vc_custom_1572880722588{margin-bottom: -40px !important;}&#8221; el_class=&#8221;reverse-row-on-mobile&#8221;][vc_column width=&#8221;7\/12&#8243; css=&#8221;.vc_custom_1572880444558{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-5 vc_col-md-6&#8243;]<div id=\"ultimate-heading-624369d464e669b13\" class=\"uvc-heading ult-adjust-bottom-margin ultimate-heading-624369d464e669b13 uvc-3409 \" data-hspacer=\"no_spacer\"  data-halign=\"left\" style=\"text-align:left\"><div class=\"uvc-heading-spacer no_spacer\" style=\"top\"><\/div><div class=\"uvc-main-heading ult-responsive\"  data-ultimate-target='.uvc-heading.ultimate-heading-624369d464e669b13 h3'  data-responsive-json-new='{\"font-size\":\"\",\"line-height\":\"\"}' ><h3 style=\"font-weight:bold;margin-bottom:30px;\">Morbi iaculis erat posuere, congue neque in, dapibus dui. Proin feugiat tincidunt justo.<\/h3><\/div><\/div>[vc_column_text]Quisque et justo augue. Integer vitae lectus sollicitudin, vestibulum est semper, convallis enim.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet dolor sed ex laoreet, vel molestie quam gravida.\u00a0Integer commodo interdum nibh eget volutpat. Mauris eleifend \u2013 in ligula vitae lorem ipsum dolor sagittis.<\/p>\n<p>Proin molestie vestibulum sem quis ornaring elit. Cras aliquet dolor sed ex laoreet, vel molestie quam gravida. Proin molestie vestibusse lectus nulla![\/vc_column_text][\/vc_column][vc_column width=&#8221;5\/12&#8243; css=&#8221;.vc_custom_1572880433174{padding-bottom: 50px !important;}&#8221; offset=&#8221;vc_col-lg-7 vc_col-md-6&#8243;]<style type=\"text\/css\" data-type=\"the7_shortcodes-inline-css\">.shortcode-single-image-wrap.shortcode-single-image-835eeb76b81961057ee357f235efcdfd.enable-bg-rollover .rollover i,\n.shortcode-single-image-wrap.shortcode-single-image-835eeb76b81961057ee357f235efcdfd.enable-bg-rollover .rollover-video i {\n  background: -webkit-linear-gradient();\n  background: linear-gradient();\n}\n.shortcode-single-image-wrap.shortcode-single-image-835eeb76b81961057ee357f235efcdfd .rollover-icon {\n  font-size: 32px;\n  color: #ffffff;\n  min-width: 44px;\n  min-height: 44px;\n  line-height: 44px;\n  border-radius: 100px;\n  border-style: solid;\n  border-width: 0px;\n}\n.dt-icon-bg-on.shortcode-single-image-wrap.shortcode-single-image-835eeb76b81961057ee357f235efcdfd .rollover-icon {\n  background: rgba(255,255,255,0.3);\n  box-shadow: none;\n}\n<\/style>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Morbi viverra mi non placerat tincidunt lectus neque bibendum turpis, at venenatis justo. <\/p>\n","protected":false},"author":1,"featured_media":54509,"comment_status":"open","ping_status":"closed","template":"","dt_portfolio_category":[246],"dt_portfolio_tags":[],"class_list":["post-16997","dt_portfolio","type-dt_portfolio","status-publish","has-post-thumbnail","hentry","dt_portfolio_category-product-design","dt_portfolio_category-246","description-off"],"_links":{"self":[{"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/dt_portfolio\/16997","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/dt_portfolio"}],"about":[{"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/types\/dt_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/comments?post=16997"}],"version-history":[{"count":0,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/dt_portfolio\/16997\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/media?parent=16997"}],"wp:term":[{"taxonomy":"dt_portfolio_category","embeddable":true,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/dt_portfolio_category?post=16997"},{"taxonomy":"dt_portfolio_tags","embeddable":true,"href":"https:\/\/www.xmakerschool.cn\/index.php\/wp-json\/wp\/v2\/dt_portfolio_tags?post=16997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}