/**
 * ROEN Theme CSS
 *
 * @since roen 1.0
 */
/**
 * Table of Contents:*
 * 1 - General	
 * 2 - Layout	
 * 3 - Header	
 * 		- Header Banner
 * 		- Header Topbar
 *		- Header Logo
 *		- Header Menu
 * 4 - Page Title & Breadcrumb	
 * 5 - Pages	
 * 		- Posts
 * 		- Portfolio
 *		- Author
 *		- Member
 * 		- Contact
 * 		- 404
 *		- Search
 *		- Sitemap
 *		- Page Elements 
 * 6 - Widgets	
 * 		- Search Form
 *		- Blog Widget
 *		- Portfolio Widget
 * 7 - Footer
 * 8 - Shortcodes	
 * 		- Wide Background
 * 		- Button
 *		- Blog
 *		- Portfolio
 * 		- Service
 * 		- Testimonials
 *		- Clients
 *		- Media
 * 		- Google Map
 * 		- Socials
 *		- Space
 *		- Portfolio
 * 		- Title
 * 		- Dropcap
 *		- Count Number
 *		- Skills
 *		- Bullets
 *		- Tabs
 * 		- SideTabs
 * 		- Accordion & Toggle
 *		- Timeline
 *		- Call To Action
 * 		- Price
 * 		- ROEN Content
 *		- One Page Navigation
 *		- Alert
 * 9 - Plugins
 *		- Bootstrap
 *		- Flex Slider
 * 		- Fancybox
 * 		- Contact Form 7
 * 		- WordPress SEO by Yoast
 * -----------------------------------------------------------------------------
 */
/* = 1. General
-------------------------------------------------------------- */
::-moz-selection {
  background: #87004f;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #87004f;
  color: #ffffff;
  text-shadow: none;
}
body {
  font-family: Karla, Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 16px;
  line-height: 26px;
  padding: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #121215;
  font-weight: normal;
  font-family: Karla, Helvetica, Arial, sans-serif;
  margin: 0 0 0;
}
h1 {
  font-size: 28px;
  line-height: 38px;
}
h2 {
  font-size: 26px;
  line-height: 36px;
}
h3 {
  font-size: 24px;
  line-height: 34px;
}
h4 {
  font-size: 22px;
  line-height: 32px;
}
h5 {
  font-size: 20px;
  line-height: 30px;
}
h6 {
  font-size: 18px;
  line-height: 28px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  line-height: 20px;
  padding: 5px;
  border: 1px solid #e8e8e8;
  outline: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 1px solid #87004f !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  outline: 0;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.clear {
  clear: both;
}
.bold {
  font-weight: bold;
}
a {
  color: #121215;
  text-decoration: none;
}
a:hover {
  color: #87004f;
  text-decoration: none;
}
ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}
/* inline ul,ol */
ul.inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.inline ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.inline li {
  display: inline-block;
  padding: 0;
  margin: 0 5px 0 0;
}
ul.inline li:last-child {
  margin-right: 0;
}
ol.inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.inline ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.inline li {
  display: inline-block;
  padding: 0;
  margin: 0 5px 0 0;
}
ol.inline li:last-child {
  margin-right: 0;
}
/* multi line ul,ol */
ul.mline {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.mline ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.mline li {
  padding: 0;
  margin: 0 0 5px 0;
}
ul.mline li:last-child {
  margin-bottom: 0;
}
ol.mline {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.mline ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol.mline ol {
  padding: 0;
  margin: 0 0 5px 0;
}
ol.mline ol:last-child {
  margin-bottom: 0;
}
.the-icons i {
  width: 20px;
  text-align: center;
  margin-right: 5px;
}
blockquote p {
  font-size: 16px;
  line-height: 26px;
}
/* = 2. Layout
-------------------------------------------------------------- */
/* Layout */
body.boxed-layout {
  background-size: 412px 412px;
  background-repeat: repeat;
  background-image: url('https://mvfselect.es/wp-content/themes/roen/img/photography.png');
}
.wrapper {
  max-width: 1170px;
  position: relative;
}
.boxed-layout .wrapper {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  margin: 0px auto !important;
}
.wide-layout .wrapper {
  max-width: 100% !important;
  margin: 0px auto !important;
}
@media (max-width: 1200px) {
  .wrapper {
    max-width: 970px;
  }
}
@media (max-width: 991px) {
  .wrapper {
    max-width: 750px;
  }
}
@media (max-width: 767px) {
  body {
    background: none !important;
  }
  .wrapper {
    margin: 0 auto !important;
  }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  body.boxed-layout {
    background-image: url('https://mvfselect.es/wp-content/themes/roen/img/photography@2x.png');
  }
}
/* = 3. Header
-------------------------------------------------------------- */
/* header */
#header-wrap {
  background: #ffffff;
}
#roen-header {
  padding: 20px 0px 20px;
}
@media (min-width: 992px) {
  #header-wrap.page-sticky {
    background: none;
    position: absolute;
    width: 100%;
    z-index: 6000;
  }
  #header-wrap.page-sticky.fixed-header {
    z-index: auto;
  }
}
/* Header Banner */
#header-banner {
  display: none;
  min-height: 44px;
  background: #cf087f;
  color: #222222;
}
#header-banner a {
  color: #121215;
}
#header-banner a:hover {
  color: #87004f;
}
#header-banner .header-banner-content {
  position: relative;
  text-align: center;
  padding: 15px 24px;
}
#header-banner .header-banner-content p {
  margin: 0;
}
#header-banner .header-banner-content .close-btn {
  padding: 2px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  right: 0px;
  top: 50%;
  margin-top: -15px;
  display: inline-block;
  border-radius: 30px;
  position: absolute;
}
/* Header Topbar */
#header-topbar {
  padding: 15px 0 15px;
  background: #f5f5f5;
  position: relative;
  z-index: 7000;
  color: #606060;
  font-family: Helvetica, Arial, sans-serif;
}
#header-topbar a {
  color: #606060;
}
#header-topbar a:hover {
  color: #0e0e0e;
}
#header-topbar #header-topbar-left-content {
  float: left;
}
#header-topbar #header-topbar-center-content {
  text-align: center;
}
#header-topbar #header-topbar-center-content .topbar-element {
  float: none;
}
#header-topbar #header-topbar-center-content .topbar-element .searchform {
  float: none;
  display: inline-block;
}
#header-topbar #header-topbar-center-content .topbar-element .searchform .sf-s {
  width: 180px;
}
#header-topbar #header-topbar-right-content {
  float: right;
}
#header-topbar #header-topbar-right-content ul ul {
  float: right;
}
#header-topbar #header-topbar-right-content .roen-topbar-menu li ul ul {
  left: auto;
  right: 100%;
}
#header-topbar #header-topbar-right-content ul.topbar-element li ul {
  left: auto;
  right: 0;
}
#header-topbar .topbar-element {
  margin: 0 15px 0 0;
  float: left;
  line-height: 20px;
  font-size: 12px;
}
#header-topbar .topbar-element > li {
  margin-right: 15px;
}
#header-topbar .topbar-element > li:last-child {
  margin-right: 0;
}
#header-topbar .topbar-element:last-child {
  margin: 0;
}
#header-topbar .topbar-element span,
#header-topbar .topbar-element a {
  line-height: 20px;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}
#header-topbar .topbar-element .topbar-cart-content {
  position: relative;
}
#header-topbar .topbar-element .topbar-cart-content span {
  padding: 0;
}
#header-topbar .topbar-element .topbar-cart-content span.count {
  position: absolute;
  background: #F90012;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
  color: #ffffff;
  font-family: Arial, sans-serif;
  top: -6px;
  right: -7px;
}
#header-topbar .topbar-element:first-child {
  margin-left: 0;
}
#header-topbar .topbar-element:last-child {
  margin-right: 0;
}
#header-topbar .custom-content {
  padding: 6px 0;
}
#header-topbar .custom-content p {
  margin: 0;
}
#header-topbar .custom-content i {
  margin-right: 5px;
}
#header-topbar .custom-content a {
  margin-right: 10px;
}
#header-topbar i {
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
}
#header-topbar ul {
  float: left;
  list-style: none;
}
#header-topbar ul ul {
  margin: 0;
}
#header-topbar ul ul li {
  min-width: 120px;
  background: #f2f2f2;
}
#header-topbar ul ul li:first-child {
  padding-top: 10px;
}
#header-topbar ul ul li:last-child {
  padding-bottom: 10px;
}
#header-topbar ul ul a,
#header-topbar ul ul span {
  padding: 5px 20px 8px;
  float: left;
  width: 100%;
}
#header-topbar ul a {
  display: inline-block;
  padding: 6px 0;
}
#header-topbar ul.topbar-element > li > a {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#header-topbar ul.topbar-element > li > a .fa-angle-down {
  margin-left: 5px;
}
#header-topbar ul.topbar-element .wpml li img {
  margin-right: 5px;
}
#header-topbar ul.topbar-element li {
  float: left;
  position: relative;
}
#header-topbar ul.topbar-element li ul {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  top: 32px;
  padding-top: 15px;
  position: absolute;
  display: none;
  left: 0;
  z-index: 6000;
}
#header-topbar ul.topbar-element li ul ul {
  left: 100%;
  top: -15px;
}
#header-topbar ul.topbar-element li ul a,
#header-topbar ul.topbar-element li ul span {
  display: inline-block;
}
#header-topbar ul.topbar-element li:hover > ul,
#header-topbar ul.topbar-element li.touch > ul {
  display: block;
}
#header-topbar .roen-searchform-content .searchform {
  position: relative;
  float: left;
}
#header-topbar .roen-searchform-content .searchform .sf-s {
  border: 1px solid #606060;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  line-height: 20px;
  padding: 5px 33px 5px 10px;
  width: 120px;
  background-color: transparent;
  -webkit-transition: width 500ms;
  -moz-transition: width 500ms;
  -o-transition: width 500ms;
  transition: width 500ms;
}
#header-topbar .roen-searchform-content .searchform .sf-s:focus {
  border: 1px solid #0e0e0e !important;
}
#header-topbar .roen-searchform-content .searchform .sf-s:focus {
  width: 180px;
}
#header-topbar .roen-searchform-content .searchform .sf-searchsubmit {
  background: none;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: absolute;
  top: 1px;
  right: 3px;
  outline: none;
  text-align: center;
  z-index: 1;
  border: none;
  color: #606060;
}
#header-topbar .roen-searchform-content .searchform .sf-searchsubmit:hover {
  color: #0e0e0e;
}
#header-topbar .roen-searchform-content .searchform .sf-searchsubmit i {
  margin: 0;
  text-align: right;
}
#header-topbar .header-social.roen-social {
  height: 32px;
}
#header-topbar .header-social.roen-social a span {
  display: block;
  background-color: transparent;
}
@media (max-width: 767px) {
  #header-topbar .roen-searchform-content {
    display: none;
  }
  #header-topbar ul.topbar-element li ul {
    padding-top: 0;
  }
  #header-topbar ul.topbar-element li ul ul {
    top: 0;
  }
  #header-topbar ul.topbar-element li ul a,
  #header-topbar ul.topbar-element li ul span {
    text-align: left;
  }
}
@media (max-width: 480px) {
  #header-topbar .topbar-element {
    width: 100%;
    text-align: center;
  }
  #header-topbar ul.topbar-element {
    width: auto;
    float: none;
    display: inline-block;
  }
  #header-topbar .topbar-element.roen-social {
    width: auto;
    float: none;
  }
  #header-topbar #header-topbar-left-content,
  #header-topbar #header-topbar-right-content {
    width: 100%;
    text-align: center;
  }
  #header-topbar #header-topbar-left-content ul.topbar-element,
  #header-topbar #header-topbar-right-content ul.topbar-element {
    width: auto;
    float: none;
  }
}
/* Header Logo */
#roen-header .logo {
  float: left;
  margin-top: 12px;
}
.logo-retina,
.logo-light-default,
.logo-light-retina {
  display: none;
}
@media (min-width: 992px) {
  #header-wrap.page-sticky.ps-light .header-no-fixed .logo-light-default {
    display: block;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .logo-default {
    display: none;
  }
}
@media (max-width: 991px) {
  #roen-header .logo {
    float: none;
    text-align: center;
    margin-top: 0;
  }
  #roen-header .logo a {
    display: inline-block;
  }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .logo-default {
    display: none;
  }
  .logo-retina {
    display: block;
  }
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (min-width: 992px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (min-width: 992px), only screen and (-o-min-device-pixel-ratio: 3/2) and (min-width: 992px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 992px) {
  #header-wrap.page-sticky.ps-light .header-no-fixed .logo-retina {
    display: none;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .logo-light-default {
    display: none;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .logo-light-retina {
    display: block;
  }
}
/* Header Menu */
#roen-header .menu {
  float: right;
  margin-top: 0px;
}
#roen-header .menu nav {
  float: left;
}
#roen-header .menu .menu-search {
  float: right;
  position: relative;
}
#roen-header .menu .menu-search .menu-search-icon {
  padding: 20px 5px 20px 14px;
  float: left;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  color: #121215;
}
#roen-header .menu .menu-search .menu-search-icon:hover {
  color: #87004f;
}
#roen-header .menu .menu-search .menu-search-icon:before {
  content: "";
  height: 60%;
  background: rgba(0, 0, 0, 0.15);
  width: 1px;
  position: absolute;
  top: 20%;
  left: 0;
}
#roen-header .menu .menu-search .menu-search-content {
  visibility: hidden;
  z-index: 6500;
  width: 260px;
  padding: 5px;
  border: 1px solid #E6E6E6;
  background: #ffffff;
  position: absolute;
  top: 130%;
  opacity: 0;
  right: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
#roen-header .menu .menu-search .menu-search-content.show {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
#roen-header .menu .menu-search .menu-search-content .sf-s {
  width: 100%;
  padding: 5px;
  line-height: 20px;
  height: 32px;
  border: none !important;
}
#roen-header .menu .menu-search .menu-search-content .sf-searchsubmit {
  display: none;
}
.roen-nav-menu {
  float: left;
  margin: 0;
  position: relative;
}
.roen-nav-menu li {
  list-style: none outside none;
  float: left;
}
.roen-nav-menu .megamenu-title i {
  margin-right: 5px;
}
.roen-nav-menu .megamenu-subtitle {
  text-transform: none;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.8;
  line-height: 20px;
  font-style: italic;
}
.roen-nav-menu ul {
  margin: 0;
}
.roen-nav-menu .sub-menu li {
  float: left;
  list-style: none outside none;
}
.roen-nav-menu .sub-menu li li {
  float: none;
}
.roen-nav-menu .mega-menu.mega-ver .sub-menu {
  float: none;
}
.roen-nav-menu .mega-menu.mega-ver .sub-menu li {
  float: none;
}
.roen-nav-menu .mega-menu.mega-ver > .sub-menu > li {
  margin-bottom: 5px;
}
.roen-nav-menu .mega-menu.mega-ver > .sub-menu > li > a {
  font-weight: 400;
}
.roen-nav-menu .mega-menu.mega-ver > .sub-menu > li:last-child {
  margin-bottom: 0;
}
.roen-nav-menu .mega-menu.mega-ver > .sub-menu > li.menu-item-has-children > a {
  font-weight: bold;
}
.roen-nav-menu .mega-menu.mega-ver .megamenu-info {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.roen-nav-menu .mega-menu {
  position: absolute;
  top: 63px;
  z-index: 6000;
  visibility: hidden;
  background-color: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  padding: 10px;
}
.roen-nav-menu .mega-menu > .sub-menu {
  float: left;
}
.roen-nav-menu .mega-menu > .sub-menu > li.menu-item a {
  padding: 4px 12px;
  float: left;
  width: 100%;
  color: #121215;
  background-color: transparent;
}
.roen-nav-menu .mega-menu > .sub-menu > li.menu-item a .megamenu-submenu-subtitle {
  text-transform: none;
  font-size: 14px;
  opacity: 0.8;
  line-height: 20px;
  font-style: italic;
  display: block;
}
.roen-nav-menu .mega-menu > .sub-menu > li.menu-item a:hover {
  color: #87004f;
  background-color: #f6f6f6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-nav-menu .mega-menu > .sub-menu > li {
  min-width: 160px;
}
.roen-nav-menu .mega-menu > .sub-menu > li li a {
  font-weight: 400;
  font-size: 14px;
}
.roen-nav-menu .mega-menu > .sub-menu > li i {
  margin-right: 5px;
  font-size: 16px;
}
.roen-nav-menu .mega-menu > .sub-menu > li > a {
  font-weight: bold;
}
.roen-nav-menu .mega-menu > .sub-menu > li.megamenu-info {
  font-size: 13px;
  width: 180px;
  padding: 6px 10px;
}
.roen-nav-menu .mega-menu > .sub-menu > li.megamenu-info .megamenu-info-title {
  margin: 0 0 10px;
  font-weight: bold;
}
.roen-nav-menu a {
  font-family: Karla, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #121215;
  font-weight: bold;
  line-height: 24px;
  -webkit-transition: color 500ms;
  -moz-transition: color 500ms;
  -o-transition: color 500ms;
  transition: color 500ms;
}
.roen-nav-menu a.disabled {
  pointer-events: none;
}
.roen-nav-menu > li > a {
  float: left;
  text-align: center;
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
}
.roen-nav-menu > li > a .megamenu-icon {
  position: absolute;
  font-size: 18px;
  top: 8px;
  width: 20px;
  left: 50%;
  margin-left: -10px;
  text-align: center;
}
.roen-nav-menu > li.megamenu-default-style {
  padding: 20px 14px 20px;
}
.roen-nav-menu > li.megamenu-default-style > a:after {
  height: 1px;
  content: '';
  background: #87004f;
  width: 0;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: 0%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-nav-menu > li.megamenu-fullborder-style {
  padding: 14px 5px;
}
.roen-nav-menu > li.megamenu-fullborder-style > a {
  padding: 6px 12px;
}
.roen-nav-menu > li.megamenu-fullborder-style > a .megamenu-iconfullborder {
  margin-right: 5px;
}
.roen-nav-menu > li.megamenu-fullborder-style > a:after {
  height: 100%;
  content: '';
  border: 2px dashed #87004f;
  width: 100%;
  position: absolute;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1.3);
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-nav-menu > li.megamenu-icon-style > a {
  padding: 32px 14px 8px;
}
.roen-nav-menu > li.megamenu-iconleft-style {
  padding: 20px 14px 20px;
}
.roen-nav-menu > li.megamenu-iconleft-style .megamenu-iconleft {
  margin-right: 5px;
}
.roen-nav-menu > li.megamenu-title-style > a {
  padding: 10px 14px;
}
.roen-nav-menu > li.megamenu-titleleft-style > a {
  text-align: left;
}
.roen-nav-menu > li.megamenu-3d-style > a {
  padding: 16px 6px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
.roen-nav-menu > li.megamenu-3d-style > a span {
  position: relative;
  display: inline-block;
  padding: 4px 10px;
  background: transparent;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.roen-nav-menu > li.megamenu-3d-style > a span::before {
  position: absolute;
  padding: 4px 10px;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  content: attr(data-hover);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.roen-nav-menu > li:hover > a {
  color: #87004f;
}
.roen-nav-menu > li:hover .mega-menu {
  visibility: visible;
}
.roen-nav-menu > li.current-menu-item > a,
.roen-nav-menu > li.current-menu-ancestor > a {
  color: #87004f;
}
.roen-nav-menu > li.current-menu-item.megamenu-default-style > a:after,
.roen-nav-menu > li.current-menu-ancestor.megamenu-default-style > a:after,
.roen-nav-menu > li.megamenu-default-style:hover > a:after {
  width: 100%;
  margin-left: -50%;
}
.roen-nav-menu > li.current-menu-item.megamenu-fullborder-style > a:after,
.roen-nav-menu > li.current-menu-ancestor.megamenu-fullborder-style > a:after,
.roen-nav-menu > li.megamenu-fullborder-style:hover > a:after {
  opacity: 1;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
}
.roen-nav-menu .mega-menu.mega-hor > .sub-menu {
  float: left;
  position: relative;
}
.roen-nav-menu .mega-menu.mega-hor > .sub-menu > li {
  padding-right: 10px;
  margin-right: 10px;
}
.roen-nav-menu .mega-menu.mega-hor > .sub-menu > li .megamenu-line {
  position: absolute;
  width: 1px;
  height: 100%;
  border-right: 1px solid #f1f1f1;
  top: 0;
  left: 0;
}
.roen-nav-menu .mega-menu.mega-hor > .sub-menu > li:last-child {
  padding: 0;
  margin: 0;
}
.roen-nav-menu .megamenu-title,
.roen-nav-menu .megamenu-subtitle {
  display: block;
}
.csstransforms3d .roen-nav-menu li.megamenu-3d-style:hover > a span,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style:focus > a span,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style.current-menu-item > a span,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style.current-menu-ancestor > a span {
  -webkit-transform: rotateX(90deg) translateY(-36px);
  -moz-transform: rotateX(90deg) translateY(-36px);
  transform: rotateX(90deg) translateY(-36px);
}
.csstransforms3d .roen-nav-menu li.megamenu-3d-style:hover > a span::before,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style:focus > a span::before,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style.current-menu-item > a span::before,
.csstransforms3d .roen-nav-menu li.megamenu-3d-style.current-menu-ancestor > a span::before {
  background: #ffffff;
  color: #87004f;
}
/* solve ie not support preserve-3d */
@media screen and (min-width: 0\0) {
  .roen-nav-menu li.megamenu-3d-style > a span::before {
    display: none;
  }
  .roen-nav-menu li.megamenu-3d-style:hover > a span,
  .roen-nav-menu li.megamenu-3d-style:focus > a span,
  .roen-nav-menu li.megamenu-3d-style.current-menu-item > a span,
  .roen-nav-menu li.megamenu-3d-style.current-menu-ancestor > a span {
    -webkit-transform: rotateX(0deg) translateY(0) !important;
    -moz-transform: rotateX(0) translateY(0) !important;
    transform: rotateX(0) translateY(0) !important;
    color: #87004f;
    background: #ffffff;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
  }
}
#roen-drop-nav {
  display: none;
  border: none;
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
}
#roen-drop-nav .navbar-inverse {
  background-color: #f2f2f2;
  border: none;
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
}
#roen-drop-nav .roen-nav-form {
  position: absolute;
  left: 0;
  padding: 10px 66px 10px 15px;
  width: 100%;
  top: 0;
}
#roen-drop-nav .roen-nav-form .searchform > div {
  position: relative;
  padding-right: 41px;
}
#roen-drop-nav .roen-nav-form .searchform .sf-s {
  width: 100%;
  border-color: #e8e8e8;
}
#roen-drop-nav .roen-nav-form .sf-searchsubmit {
  width: 36px;
  position: absolute;
  right: 0;
  top: 0;
  height: 32px;
  border: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#roen-drop-nav .btn-navbar {
  margin: 10px 0 10px 15px;
}
#roen-drop-nav .nav {
  margin: 0;
  padding-bottom: 10px;
}
#roen-drop-nav .nav > li {
  text-align: left;
}
#roen-drop-nav .nav > li i {
  margin-right: 5px;
}
#roen-drop-nav .nav li a .megamenu-subtitle,
#roen-drop-nav .nav li a .megamenu-submenu-subtitle {
  font-size: 12px;
  font-style: italic;
  margin-left: 10px;
}
#roen-drop-nav .btn-navbar,
#roen-drop-nav .roen-nav-form .sf-searchsubmit {
  background: #ffffff;
  color: #444444 !important;
  border: none;
  outline: none;
  line-height: 20px;
}
#roen-drop-nav .nav > li > a {
  color: #121215;
  background: transparent;
}
#roen-drop-nav .nav > li > a:hover,
#roen-drop-nav .nav > li > a:focus,
#roen-drop-nav .nav > li.active > a {
  background-color: #f9f9f9;
  color: #87004f;
}
#site-header.header-fixed {
  position: fixed;
  z-index: 7000;
  width: 100%;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
#site-header.header-fixed #roen-header {
  padding: 0;
}
#site-header.header-fixed .logo {
  padding: 15px 0;
  margin: 0;
}
#site-header.header-fixed .menu {
  margin: 0;
}
#site-header.header-fixed .menu .menu-search .menu-search-icon {
  padding: 23px 5px 23px 14px;
}
#site-header.header-fixed .roen-nav-menu > li.megamenu-title-style > a {
  line-height: 20px;
}
.header-fixed #roen-header .logo img {
  height: 40px;
  width: auto;
}
.header-fixed .roen-nav-menu > li.megamenu-title-style > a {
  padding: 25px 14px;
}
.header-fixed .roen-nav-menu > li > a .megamenu-icon {
  position: static;
  margin: 0 5px 0 0;
}
.header-fixed .roen-nav-menu .megamenu-subtitle {
  display: none;
}
.header-fixed .roen-nav-menu .mega-menu {
  top: 70px;
}
.header-fixed .roen-nav-menu > li.megamenu-default-style,
.header-fixed .roen-nav-menu > li.megamenu-icon-style > a,
.header-fixed .roen-nav-menu > li.megamenu-iconleft-style {
  padding: 23px 14px;
}
.header-fixed .roen-nav-menu > li.megamenu-fullborder-style {
  padding: 17px 5px;
}
.header-fixed .roen-nav-menu > li.megamenu-3d-style > a {
  padding: 19px 6px;
}
.header-fixed .roen-nav-menu > li.current-menu-item.megamenu-default-style > a:after,
.header-fixed .roen-nav-menu > li.current-menu-ancestor.megamenu-default-style > a:after,
.header-fixed .roen-nav-menu > li.megamenu-default-style:hover > a:after {
  width: 0;
  margin-left: 0%;
}
@media (min-width: 992px) {
  #header-wrap.page-sticky.ps-dark .header-no-fixed .roen-nav-menu > li > a {
    color: #121215;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .roen-nav-menu > li > a {
    color: #ffffff;
  }
  #header-wrap.page-sticky.ps-dark .header-no-fixed .menu-search .menu-search-icon {
    color: #121215 !important;
  }
  #header-wrap.page-sticky.ps-dark .header-no-fixed .menu-search .menu-search-icon:hover {
    color: #87004f !important;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .menu-search .menu-search-icon {
    color: #ffffff !important;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .menu-search .menu-search-icon:hover {
    color: #87004f !important;
  }
  #header-wrap.page-sticky.ps-light .header-no-fixed .menu-search .menu-search-icon:before {
    background: rgba(255, 255, 255, 0.15) !important;
  }
  #header-wrap.page-sticky .header-no-fixed .roen-nav-menu > li:hover > a,
  #header-wrap.page-sticky .header-no-fixed .roen-nav-menu > li.current-menu-item > a,
  #header-wrap.page-sticky .header-no-fixed .roen-nav-menu > li.current-menu-ancestor > a {
    color: #87004f;
  }
}
@media (max-width: 991px) {
  #roen-header .menu {
    display: none;
  }
  #roen-drop-nav {
    display: block;
  }
}
/* = 4. Page Title & Breadcrumb
-------------------------------------------------------------- */
/* page title & breadcrumb */
#page-header-wrap {
  background: #e6e6e6;
}
#page-header {
  position: relative;
  padding: 35px 0 35px;
}
#page-header .page-header-content {
  display: table;
  width: 100%;
}
#page-header .page-header-content #page-header-title {
  display: table-cell;
  vertical-align: middle;
}
#page-header .page-header-content #page-header-title .title {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  margin: 0;
}
#page-header .page-header-content #page-header-title .page-desc {
  margin: 0;
}
#page-header .page-header-content #page-breadcrumb {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content {
  padding: 4px 12px;
  display: inline-block;
  background-color: #ffffff;
  font-size: 12px;
  color: #121215;
  line-height: 20px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content i {
  margin: 0 8px;
  font-size: 14px;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content i.fa-home {
  margin: 0;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content i.fa-chevron-right {
  font-size: 10px;
  color: #d5d5d5;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content a {
  color: #121215;
}
#page-header .page-header-content #page-breadcrumb .page-breadcrumb-content a:hover {
  color: #87004f;
}
#page-header .page-header-content.center {
  display: block;
  text-align: center;
}
#page-header .page-header-content.center #page-header-title {
  display: block;
}
#page-header .page-header-content.center #page-header-title .title {
  font-size: 34px;
  line-height: 44px;
}
#page-header .page-header-content.center #page-breadcrumb {
  display: block;
  text-align: center;
  margin-top: 10px;
}
#page-header .page-header-content.light #page-header-title {
  color: #ffffff;
}
#page-header .page-header-content.light #page-header-title .title {
  color: #ffffff;
}
#page-header .page-header-content.dark #page-header-title {
  color: #121215;
}
#page-header .page-header-content.dark #page-header-title .title {
  color: #121215;
}
@media (min-width: 768px) {
  #page-header-wrap.page-sticky-with-title #page-header .page-header-content #page-header-title .title {
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
  }
}
@media (max-width: 767px) {
  #page-header #page-header-wrap {
    background-attachment: scroll !important;
  }
  #page-header .page-header-content {
    text-align: center !important;
  }
  #page-header .page-header-content #page-header-title {
    display: block;
    width: 100%;
  }
  #page-header .page-header-content #page-breadcrumb {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
/* = 5. Pages
-------------------------------------------------------------- */
/* pages */
#page-content-wrap {
  background: #ffffff;
  overflow: hidden;
}
#page-content-wrap #main {
  padding-top: 30px;
  padding-bottom: 30px;
}
#page-content-wrap section.roen-col.roen-left {
  float: right;
}
#page-content-wrap aside.roen-col.roen-left {
  float: left;
}
@media (min-width: 1201px) {
  .roen-col.col-lg-9 {
    width: 71.8%;
  }
  .roen-col.col-lg-3 {
    width: 28.2%;
  }
}
@media (max-width: 767px) {
  #page-content-wrap section.roen-col.roen-left {
    float: none;
  }
  #page-content-wrap aside.roen-col.roen-left {
    float: none;
  }
}
/* Blog Posts */
.entry-post {
  margin-bottom: 30px;
  width: 100%;
  display: inline-block;
}
.entry-post .entry-left-side {
  float: left;
  width: 150px;
  text-align: center;
  border-right: 1px solid #e8e8e8;
  padding-right: 20px;
  font-size: 14px;
  line-height: 24px;
}
.entry-post .entry-left-side .entry-date {
  margin-bottom: 10px;
  color: #848484;
}
.entry-post .entry-left-side .entry-date i {
  margin-right: 5px;
}
.entry-post .entry-left-side .post-author {
  display: block;
  margin-bottom: 10px;
}
.entry-post .entry-left-side .post-author .gravatar {
  border: 1px solid #dfdfdf;
  padding: 5px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  display: inline-block;
  float: none;
  margin-bottom: 5px;
}
.entry-post .entry-left-side .post-author .gravatar img {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  opacity: 0.5;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.entry-post .entry-left-side .post-author span {
  display: block;
}
.entry-post .entry-left-side .post-author:hover .gravatar {
  border: 1px solid #87004f;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.entry-post .entry-left-side .post-author:hover .gravatar img {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  opacity: 1;
}
.entry-post .entry-left-side .post-edit .post-edit-link {
  color: #ffffff;
}
.entry-post .entry-right-side {
  margin-left: 149px;
  padding-left: 20px;
  border-left: 1px solid #e8e8e8;
}
.entry-post .entry-right-side .entry-header .entry-title {
  margin: 0;
}
.entry-post .entry-right-side .entry-summary {
  float: left;
  width: 100%;
}
.entry-post .post-element-content {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.entry-post .post-element-content .post-quote {
  padding: 30px 30px 30px 80px;
  color: #ffffff;
  background: #f8c600;
  text-align: left;
  position: relative;
  font-weight: 700;
}
.entry-post .post-element-content .post-quote .post-quote-icon {
  position: absolute;
  left: 24px;
  font-size: 30px;
  top: 25px;
}
.entry-post .post-element-content .post-quote blockquote {
  padding: 0 0 0 30px;
  margin: 0;
  border-left: 3px solid #ffffff;
  font-size: 16px;
}
.entry-post .post-meta {
  color: #848484;
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 22px;
}
.entry-post .post-meta a {
  color: #848484;
  font-size: 12px;
  line-height: 22px;
}
.entry-post .post-meta a:hover {
  color: #87004f;
}
.entry-post .more-link {
  text-transform: lowercase;
  color: #87004f;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
}
.entry-post .more-link .fa-angle-right {
  margin-left: 5px;
}
.entry-post .more-link:hover {
  text-decoration: underline;
}
.entry-post .seperator {
  color: #b7b7b7;
}
.entry-post.post-style-2,
.entry-post.post-style-3 {
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.entry-post.post-style-2 .post-type,
.entry-post.post-style-3 .post-type {
  font-size: 14px;
  float: left;
  text-align: center;
  margin-right: 5px;
}
.entry-post.post-style-2 .more-link,
.entry-post.post-style-3 .more-link {
  float: right;
}
.entry-post.post-style-2 .entry-left-side {
  width: 300px;
  border-right: none;
  padding-right: 0;
}
.entry-post.post-style-2 .entry-right-side {
  overflow: hidden;
  margin-left: 330px;
  padding-left: 0;
  border-left: none;
}
.entry-post.post-style-2 .entry-right-side .post-meta-bottom {
  float: left;
  margin: 0;
}
.entry-post.post-style-2 .entry-right-side.full-width {
  margin: 0;
}
.entry-post.post-style-3 .entry-summary {
  margin-bottom: 20px;
}
.entry-post.post-style-3 .entry-footer {
  float: left;
  width: 100%;
  line-height: 30px;
}
.entry-post.post-style-3 .entry-footer .post-meta {
  line-height: 30px;
  float: left;
  margin: 0;
}
.entry-post.post-style-3 .entry-footer .post-meta a {
  line-height: 30px;
}
.entry-post.post-style-3 .entry-footer .more-link {
  line-height: 30px;
}
.entry-post.post-style-3 .entry-footer .post-author {
  float: left;
}
.entry-post.post-style-3 .entry-footer .post-author .gravatar {
  float: left;
  margin-right: 5px;
}
.entry-post.post-style-3 .entry-footer .post-author img {
  width: 30px;
  border-radius: 30px;
}
.entry-post.post-style-3 .entry-footer .entry-date,
.entry-post.post-style-3 .entry-footer .seperator {
  float: left;
}
.single-post .entry-post {
  padding-bottom: 0;
}
.single-post .entry-header {
  float: left;
  width: 100%;
}
.single-post .entry-header .entry-title {
  margin: 0 0 15px;
}
.single-post .entry-left-side .share-content {
  padding: 20px 0 0 20px;
  margin: 20px 0;
  border-top: 1px solid #e8e8e8;
}
.single-post .entry-right-side .entry-content {
  float: left;
  width: 100%;
}
.single-post .entry-tags {
  color: #848484;
}
.single-post .entry-tags .post-tags-icon {
  color: #848484;
  margin-right: 5px;
}
.single-post .post-related {
  background: #f0f0f0;
  margin-bottom: -30px;
}
.single-post .post-related .roen-shortcode-scroll-post {
  margin-bottom: 0;
}
.single-post .post-related .roen-shortcode-scroll-post .roen-shortcode-scroll-nav a {
  background: #ffffff;
}
@media (max-width: 991px) {
  .entry-post.post-style-2 .entry-left-side {
    width: 100%;
    margin-bottom: 10px;
  }
  .entry-post.post-style-2 .entry-right-side {
    margin: 0;
    float: left;
  }
}
@media (max-width: 767px) {
  .entry-post .entry-left-side {
    float: none;
    width: auto;
    border: none;
    padding: 0;
  }
  .entry-post .entry-left-side .post-author {
    display: inline-block;
  }
  .entry-post .entry-left-side .post-author .gravatar img {
    max-width: 30px;
  }
  .entry-post .entry-left-side .post-author span {
    display: inline-block;
  }
  .entry-post .entry-left-side .post-comments.btn {
    margin: 0 0 0 5px;
    float: none;
  }
  .entry-post .entry-right-side {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
  }
  .entry-post .entry-right-side .post-element-content .post-quote {
    padding: 30px 30px 30px 50px;
  }
  .entry-post .entry-right-side .post-element-content .post-quote .post-quote-icon {
    left: 10px;
    font-size: 24px;
  }
  .entry-post .entry-right-side .post-element-content .post-quote blockquote {
    padding: 0 0 0 20px;
  }
  .entry-post.post-style-2 .post-type {
    float: none;
  }
  .entry-post.post-style-2 .entry-right-side {
    padding-bottom: 0;
    border-bottom: none;
  }
  .single .entry-post .entry-right-side {
    border-bottom: none;
  }
}
/* Portfolio */
.portfolio-filters {
  margin-bottom: 20px;
  text-align: center;
}
.portfolio-filters .portfolio-filters-cate li a {
  margin-bottom: 5px;
  padding: 35px 20px 10px;
  color: #121215;
  background: #f6f6f6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.portfolio-filters .portfolio-filters-cate li a:hover {
  color: #87004f;
  background: #eeeeee;
}
.portfolio-filters .portfolio-filters-cate li a.active {
  cursor: auto;
  color: #ffffff;
  background: #87004f;
}
.portfolio-filters .portfolio-filters-cate li i {
  margin-left: -15px;
  width: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  left: 50%;
  opacity: 0.2;
}
.portfolio-filters .portfolio-filters-cate li i.filter-icon,
.portfolio-filters .portfolio-filters-cate li a:hover i,
.portfolio-filters .portfolio-filters-cate li a.active i {
  opacity: 1;
}
.portfolio-container {
  margin-bottom: 20px;
  margin-left: -5px;
  margin-right: -5px;
}
.portfolio-container.portfolio-no-space {
  margin-bottom: 30px !important;
  margin-left: 0;
  margin-right: 0;
}
.portfolio-container.portfolio-no-space .portfolio-element {
  margin: 0 !important;
  padding: 0 !important;
}
.portfolio-element {
  margin-bottom: 10px !important;
  padding-left: 5px;
  padding-right: 5px;
}
.portfolio-element .entry-title {
  margin: 0;
  padding: 0;
}
.portfolio-element h3.entry-title {
  font-size: 22px;
  line-height: 28px;
}
.portfolio-element h4.entry-title {
  font-size: 18px;
  line-height: 24px;
}
.portfolio-element figure {
  position: relative;
}
.portfolio-element figure img {
  display: block;
  position: relative;
}
.portfolio-element figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  color: #00a9e0;
  background: #000000;
}
.portfolio-element figcaption a {
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-element figcaption a {
  color: #ffffff;
}
.portfolio-element figcaption a:hover {
  color: #87004f;
}
.portfolio-element figure:hover .portfolio-tip .btns {
  margin-top: 20px;
}
.portfolio-element .portfolio-categories {
  color: #848484;
  font-style: italic;
  font-size: 12px;
  line-height: 22px;
}
.portfolio-element .portfolio-categories a {
  font-size: 12px;
  line-height: 22px;
}
.portfolio-element .portfolio-categories {
  color: #848484;
  font-size: 12px;
  line-height: 22px;
}
.portfolio-element .portfolio-categories a {
  color: #848484;
  font-size: 12px;
  line-height: 22px;
}
.portfolio-element .portfolio-categories a:hover {
  color: #87004f;
}
.portfolio-tip {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-tip .btns {
  position: absolute;
  top: -50%;
  margin-top: -22px;
  width: 100%;
  text-align: center;
  z-index: 2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-tip .btns a {
  padding: 8px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  border: 2px solid #ffffff;
  background: transparent;
  margin: 0 5px;
  display: inline-block;
  color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-tip .btns a:hover {
  background: #ffffff;
  color: #111111;
}
.portfolio-style-1 .portfolio-wrap {
  position: relative;
  overflow: hidden;
}
.portfolio-style-1 .portfolio-content {
  width: 100%;
  text-align: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  left: 0;
  padding: 10px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.no-touch .portfolio-style-1 .portfolio-wrap:hover .portfolio-tip,
.portfolio-style-1 .portfolio-wrap.touch-hover .portfolio-tip {
  opacity: 1;
}
.no-touch .portfolio-style-1 .portfolio-wrap:hover .portfolio-tip .btns,
.portfolio-style-1 .portfolio-wrap.touch-hover .portfolio-tip .btns {
  top: 50%;
}
.no-touch .portfolio-style-1 .portfolio-wrap:hover .portfolio-content,
.portfolio-style-1 .portfolio-wrap.touch-hover .portfolio-content {
  bottom: -100%;
}
.portfolio-style-2 .portfolio-wrap {
  position: relative;
  overflow: hidden;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content {
  text-align: center;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered {
  display: inline-block;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  position: absolute;
  color: #ffffff;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered a {
  color: #ffffff;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered a:hover {
  color: #87004f;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .entry-title {
  margin-bottom: 20px;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields li {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  margin-right: 10px;
  padding-right: 10px;
  min-width: 30%;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields li .icon {
  font-size: 26px;
  line-height: 30px;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields li .type {
  display: none;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields li .value {
  margin-top: 5px;
  font-size: 14px;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .more-details {
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 6px 16px;
  background: transparent;
  display: inline-block;
}
.portfolio-style-2 .portfolio-wrap .post-mask-content .centered .more-details:hover {
  background: #ffffff;
  color: #111111;
}
.portfolio-style-2.col-md-3 .portfolio-custom-fields {
  display: none;
}
.no-touch .portfolio-style-2 .portfolio-wrap:hover .post-mask-content,
.portfolio-style-2 .portfolio-wrap.touch-hover .post-mask-content {
  opacity: 1;
  left: 0;
}
.portfolio-style-3 .portfolio-wrap {
  position: relative;
}
.portfolio-style-3 .portfolio-content {
  width: 100%;
  float: left;
  border-bottom: 1px #e8e8e8 solid;
  padding: 10px 0px;
  text-align: center;
}
.portfolio-style-3 .portfolio-element:hover .portfolio-content {
  border-bottom: 1px #00a9e0 solid;
}
.no-touch .portfolio-style-3 .portfolio-wrap:hover .portfolio-tip,
.portfolio-style-3 .portfolio-wrap.touch-hover .portfolio-tip {
  opacity: 1;
}
.no-touch .portfolio-style-3 .portfolio-wrap:hover .portfolio-tip .btns,
.portfolio-style-3 .portfolio-wrap.touch-hover .portfolio-tip .btns {
  top: 50%;
}
.portfolio-style-4 .portfolio-wrap {
  position: relative;
}
.portfolio-style-4 img {
  border-radius: 300px;
  max-width: 100%;
}
.portfolio-style-4 .post-mask-content {
  overflow: hidden;
  border-radius: 300px;
  text-align: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
  transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
}
.portfolio-style-4 .post-mask-content .centered {
  display: inline-block;
  vertical-align: middle;
  width: 85%;
}
.portfolio-style-4 .post-mask-content .btns {
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-style-4 .post-mask-content .btns a {
  padding: 8px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  border: 2px solid #111111;
  background: transparent;
  margin: 5px;
  display: inline-block;
  color: #111111;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.portfolio-style-4 .post-mask-content .btns a:hover {
  background: #111111;
  color: #ffffff;
}
.portfolio-style-4 .post-mask-content:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.no-touch .portfolio-style-4 .portfolio-wrap:hover .post-mask-content,
.portfolio-style-4 .portfolio-wrap.touch-hover .post-mask-content {
  opacity: 1;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
}
.portfolio-style-5 figure {
  overflow: hidden;
}
.portfolio-style-5 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.portfolio-style-5 figcaption {
  width: 100%;
  top: auto;
  bottom: 0;
  opacity: 0;
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s,opacity 0.1s 0.3s;
}
.no-touch .portfolio-style-5 figure:hover img,
.portfolio-style-5 figure.touch-hover img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.no-touch .portfolio-style-5 figure:hover figcaption,
.portfolio-style-5 figure.touch-hover figcaption {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s,opacity 0.1s;
}
.portfolio-style-6 .post-element-content {
  margin-bottom: 10px;
}
.portfolio-style-7 .portfolio-wrap {
  position: relative;
  overflow: hidden;
}
.portfolio-style-7 .portfolio-content {
  width: 100%;
  text-align: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  bottom: -50%;
  left: 0;
  padding: 10px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.no-touch .portfolio-style-7 .portfolio-wrap:hover .portfolio-tip,
.portfolio-style-7 .portfolio-wrap.touch-hover .portfolio-tip {
  opacity: 1;
}
.no-touch .portfolio-style-7 .portfolio-wrap:hover .portfolio-tip .btns,
.portfolio-style-7 .portfolio-wrap.touch-hover .portfolio-tip .btns {
  top: 50%;
}
.no-touch .portfolio-style-7 .portfolio-wrap:hover .portfolio-tip .portfolio-content,
.portfolio-style-7 .portfolio-wrap.touch-hover .portfolio-tip .portfolio-content {
  bottom: 0;
}
.single-portfolio article.post-entry {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.single-portfolio .post-entry .post-element-content {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.single-portfolio .entry-content {
  margin-bottom: 20px;
}
.single-portfolio .post-related {
  background: #f0f0f0;
  margin-bottom: -30px;
}
.single-portfolio .post-related .roen-shortcode-scroll-post {
  margin-bottom: 0;
}
.single-portfolio .post-related .roen-shortcode-scroll-post .roen-shortcode-scroll-nav a {
  background: #ffffff;
}
ul.single-portfolio-metas {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
ul.single-portfolio-metas li {
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  padding-bottom: 15px;
  display: inline-block;
  width: 100%;
}
ul.single-portfolio-metas li:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.single-portfolio-cats .value {
  font-style: italic;
}
.single-portfolio-metas article {
  margin-bottom: 5px;
  float: left;
  width: 100%;
  padding-left: 50px;
  position: relative;
}
.single-portfolio-metas article .meta-icon {
  left: 0;
  top: 0;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color: #c4c4c4;
}
.single-portfolio-metas article .type {
  font-weight: 700;
}
.single-portfolio-metas article:last-child {
  margin-bottom: 0;
}
.single-portfolio-details {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 481px) and (max-width: 767px) {
  .portfolio-style-2 .portfolio-custom-fields {
    display: none;
  }
}
@media (max-width: 767px) {
  .portfolio-style-2 .portfolio-wrap .post-mask-content .centered .entry-title {
    margin-bottom: 10px;
  }
  .portfolio-style-2 .portfolio-wrap .post-mask-content .centered .portfolio-custom-fields {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .portfolio-style-2 .portfolio-wrap .post-mask-content .centered .more-details {
    padding: 5px 12px;
  }
}
@media (max-width: 480px) {
  .portfolio-element {
    width: 100%;
  }
}
/* Author */
.author-information {
  margin-bottom: 20px;
  width: 100%;
  display: inline-block;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.author-information .gravatar {
  margin-right: 30px;
  float: left;
  border-radius: 50px;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid #00a9e0;
}
.author-information .gravatar img {
  border-radius: 50px;
}
.author-information dl {
  margin: 0 0 0 120px;
  min-height: 92px;
}
.author-information dd {
  margin-bottom: 10px;
}
.author-information dd:last-child {
  margin-bottom: 0;
}
.author .entry-post .entry-left-side .post-type {
  display: inline-block;
  font-size: 16px;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
  width: 50px;
  height: 50px;
  padding: 10px;
  line-height: 30px;
  text-align: center;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .author .entry-post .entry-left-side .entry-date {
    margin-bottom: 0;
    display: inline-block;
    margin-left: 5px;
    line-height: 40px;
  }
  .author .entry-post .entry-left-side .post-type {
    width: 40px;
    height: 40px;
    padding: 5px;
    font-size: 14px;
  }
  .author-information {
    text-align: center;
  }
  .author-information dl {
    margin: 0;
  }
  .author-information .gravatar {
    margin-right: 0;
    float: none;
    width: 90px;
    display: inline-block;
  }
}
/* Member */
.member-filters {
  margin-bottom: 30px;
  text-align: center;
}
.member-filters .member-filters-cate li a {
  margin-bottom: 5px;
  padding: 35px 20px 10px;
  color: #121215;
  background: #f6f6f6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.member-filters .member-filters-cate li a:hover {
  color: #87004f;
  background: #eeeeee;
}
.member-filters .member-filters-cate li a.active {
  cursor: auto;
  color: #ffffff;
  background: #87004f;
}
.member-filters .member-filters-cate li i {
  margin-left: -15px;
  width: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  left: 50%;
}
.member-filters .member-filters-cate li i.fa-check-circle-o {
  opacity: 0.2;
}
.member-filters .member-filters-cate li a:hover i.fa-check-circle-o,
.member-filters .member-filters-cate li a.active i.fa-check-circle-o {
  opacity: 1;
}
.member-element {
  text-align: center;
  margin-bottom: 20px;
}
.member-element .member-element-avatar {
  border-radius: 260px;
  -moz-border-radius: 260px;
  -webkit-border-radius: 260px;
  overflow: hidden;
  max-width: 260px;
}
.member-element .entry-title {
  margin: 0;
  font-weight: 700;
}
.member-element .post-meta {
  margin: 0 0 10px;
}
.member-element .post-meta .seperator {
  color: #b7b7b7;
}
.member-element .post-meta a {
  color: #848484;
  font-size: 12px;
  font-style: italic;
}
.member-element .post-meta a:hover {
  color: #87004f;
}
.member-element .entry-summary {
  margin: 0 0 10px;
}
.member-element.member-style-1 .post-mask-content {
  overflow: hidden;
  border-radius: 260px;
  -moz-border-radius: 260px;
  -webkit-border-radius: 260px;
  text-align: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
  transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
}
.member-element.member-style-1 .post-mask-content .centered {
  display: inline-block;
  vertical-align: middle;
}
.member-element.member-style-1 .post-mask-content:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.member-element.member-style-1 .member-element-avatar:hover .post-mask-content,
.member-element.member-style-1 .member-element-avatar.touch-hover .post-mask-content {
  opacity: 1;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
}
.member-element.member-style-2 .member-element-avatar {
  max-width: 160px;
  border: 1px solid #dfdfdf;
  padding: 5px;
  float: left;
}
.member-element.member-style-2 .member-element-avatar img {
  opacity: 0.7;
}
.member-element.member-style-2 .member-element-avatar:hover {
  border: 1px solid #87004f;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.member-element.member-style-2 .member-element-avatar:hover img {
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.member-element.member-style-2 .member-element-avatar-link {
  display: inline-block;
}
.member-element.member-style-3 {
  padding: 10px;
  background-color: transparent;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.member-element.member-style-3:hover {
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  background-color: #f6f6f6;
}
.member-element.member-style-3 a {
  display: inline-block;
  float: left;
  width: 100%;
  color: #323333;
}
.member-element.member-style-3 .member-element-avatar img {
  max-width: 120px;
}
.member-element.member-style-3 .entry-title {
  font-weight: normal;
}
.member-element-avatar {
  margin-bottom: 10px;
  position: relative;
  display: inline-block;
}
.member-element-avatar img {
  border-radius: 260px;
  -moz-border-radius: 260px;
  -webkit-border-radius: 260px;
  width: 100%;
}
.member.entry-post .member-social {
  display: inline-block;
  float: left;
  width: 100%;
  padding-top: 10px;
}
.member.entry-post .entry-post-content {
  margin-bottom: 20px;
}
.member.entry-post .entry-right-side {
  margin-left: 169px;
}
.member.entry-post .entry-right-side .entry-header {
  margin-bottom: 20px;
}
.member.entry-post .entry-right-side .entry-header .entry-title i {
  margin-right: 10px;
}
.member.entry-post .entry-right-side .post-meta {
  margin-bottom: 0;
}
.member.entry-post .entry-left-side {
  width: 170px;
}
.member.entry-post .entry-left-side .post-author .gravatar {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  max-width: 150px;
}
.member.entry-post .entry-left-side .post-author .gravatar img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.member.entry-post .custom-right-side {
  padding-top: 20px;
}
.single-member .member.entry-post .entry-left-side .post-author .gravatar {
  border: 1px solid #87004f;
}
.single-member .member.entry-post .entry-left-side .post-author .gravatar img {
  opacity: 1;
}
@media (max-width: 767px) {
  .member.entry-post .entry-left-side {
    width: 100%;
  }
  .member.entry-post .entry-right-side {
    margin-left: 0;
    display: inline-block;
    float: left;
    width: 100%;
  }
  .member.entry-post .default-left-side,
  .member.entry-post .custom-right-side {
    float: left;
    width: 100%;
  }
  .member.entry-post .member-social {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  .member-element {
    width: 100%;
  }
}
/* Contact */
#contact-form .comments-element {
  margin-bottom: 10px;
}
#contact-form .comments-element label {
  float: left;
  width: 100%;
}
#contact-form .comments-element input {
  width: 50%;
}
#contact-form .comments-element textarea {
  width: 100%;
}
#contact-form #recaptcha_widget_div {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #contact-form .comments-element input {
    width: 100%;
  }
}
/* 404 Page */
.error-404 {
  text-align: center;
  padding: 0 0 120px 0;
}
.error-404 .error-icon {
  font-size: 80px;
  color: #C00D0A;
}
.error-404 .entry-title {
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  color: #555555;
  display: inline-block;
  border-bottom: 1px solid #87004f;
  padding-bottom: 30px;
}
.error-404 h4 {
  margin: 30px 0;
}
/* Search */
#search-form-wrap {
  padding: 80px 30px 50px;
  text-align: center;
  background: #e3e3e3;
}
#search-form-wrap .search-form-heading h1 {
  font-size: 70px;
  line-height: 80px;
  text-transform: uppercase;
  font-weight: bold;
}
#search-form-wrap .search-form-heading h4 {
  margin: 0 0 20px;
  font-weight: 300;
}
#search-form-wrap .sidebar-searchform {
  width: 500px;
  display: inline-block;
  margin-bottom: 20px;
}
#search-form-wrap .sidebar-searchform .sidebar-s {
  background-color: transparent;
  color: #121215;
  border: 1px solid #121215;
}
#search-form-wrap .sidebar-searchform .sidebar-searchsubmit {
  color: #121215;
}
#search-form-wrap .sidebar-searchform .sidebar-searchsubmit:hover {
  color: #87004f;
}
#search-form-wrap.light .search-form-heading {
  color: #ffffff;
}
#search-form-wrap.light .search-form-heading h1,
#search-form-wrap.light .search-form-heading h4 {
  color: #ffffff;
}
#search-form-wrap.light .sidebar-searchform .sidebar-s {
  background-color: #ffffff;
  color: #343434;
  border: 1px solid #ffffff;
}
#search-form-wrap.light .sidebar-searchform .sidebar-searchsubmit {
  color: #343434;
}
#search-form-wrap.light .sidebar-searchform .sidebar-searchsubmit:hover {
  color: #87004f;
}
#search-form-wrap.dark .search-form-heading {
  color: #121215;
}
#search-form-wrap.dark .search-form-heading h1,
#search-form-wrap.dark .search-form-heading h4 {
  color: #121215;
}
#search-form-wrap.dark .sidebar-searchform .sidebar-s {
  background-color: #282828;
  color: #ffffff;
  border: 1px solid #121215;
}
#search-form-wrap.dark .sidebar-searchform .sidebar-searchsubmit {
  color: #ffffff;
}
#search-form-wrap.dark .sidebar-searchform .sidebar-searchsubmit:hover {
  color: #87004f;
}
.search-result-header h4 {
  margin: 0 0 30px;
  line-height: 30px;
  display: inline-block;
}
.search-result-header h4 i {
  margin-right: 5px;
  width: 20px;
  text-align: center;
}
.search-result-num {
  background: #555555;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  line-height: 20px;
  margin: 3px 10px;
  float: right;
}
.search #page-content-wrap {
  background: #f8f8f8;
}
.search .search-item {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  margin-top: -1px;
}
.search .search-item .entry-left-side {
  width: 150px;
  float: left;
}
.search .search-item .entry-left-side .post-img {
  border: 1px solid #f0f0f0;
  padding: 5px;
}
.search .search-item .entry-left-side .search-no-thumb {
  background: #f8f8f8;
  width: 138px;
  height: 138px;
  text-align: center;
  font-size: 40px;
  line-height: 138px;
  color: #ddd;
}
.search .search-item .entry-right-side {
  margin-left: 150px;
  padding-left: 20px;
  min-height: 150px;
}
.search .search-item .entry-right-side .entry-title {
  font-size: 24px;
  line-height: 34px;
  float: left;
  width: 100%;
}
.search .search-item .entry-right-side .entry-title a {
  float: left;
  margin-right: 10px;
}
.search .search-item .entry-right-side .post-type {
  background: #87004f;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 6px 0;
  float: left;
  line-height: 20px;
  text-transform: uppercase;
}
.search .search-item .entry-right-side .more-link {
  text-transform: lowercase;
  color: #87004f;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}
.search .search-item .entry-right-side .more-link:hover {
  text-decoration: underline;
}
.search .search-item .entry-right-side .more-link i {
  margin-left: 5px;
}
.search .search-item:hover {
  background: #f0f0f0;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.search .search-item:last-child {
  margin-bottom: 20px;
}
.search #nav-bottom {
  margin-top: 30px;
}
.search .search-item .entry-left-side .post-tip,
.search .search-item .entry-left-side .post-img,
.search .search-item .entry-left-side .post-img img,
.search .search-item .entry-left-side .search-no-thumb {
  border-radius: 150px;
}
@media (max-width: 767px) {
  .search #roen-drop-nav .roen-nav-form {
    display: none;
  }
  .search .search-item .entry-left-side {
    width: 80px;
  }
  .search .search-item .entry-left-side .search-no-thumb {
    width: 68px;
    height: 68px;
    line-height: 68px;
    font-size: 24px;
  }
  .search .search-item .entry-right-side {
    margin-left: 80px;
    min-height: 80px;
  }
  #search-form-wrap .sidebar-searchform {
    width: 360px;
  }
}
@media (max-width: 480px) {
  #search-form-wrap .sidebar-searchform {
    width: 240px;
  }
}
/* Site Map */
.sitemap-element {
  margin-bottom: 20px;
}
.sitemap-ul,
.sitemap-ul ul {
  margin: 0;
  list-style: none;
  border-left: 2px solid #e8e8e8;
  padding-left: 26px;
}
.sitemap-ul li {
  list-style: none;
}
.sitemap-ul li:before {
  content: "";
  width: 14px;
  border-top: 2px solid #E2E2E2;
  position: absolute;
  margin-left: -26px;
  margin-top: 8px;
}
/* Page Elements */
/* Post Image & Tip */
.post-img {
  position: relative;
  display: inline-block;
  float: left;
}
.post-img img {
  width: 100%;
}
.post-img > a {
  float: left;
}
.post-tip {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.post-tip .center-link {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.post-tip .btns {
  position: absolute;
  top: -50%;
  margin-top: -22px;
  width: 100%;
  text-align: center;
  z-index: 2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.post-tip .btns a {
  padding: 8px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  border: 2px solid #ffffff;
  background: transparent;
  margin: 0 5px;
  display: inline-block;
  color: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.post-tip .btns a:hover {
  background: #ffffff;
  color: #111111;
}
.post-img:hover .post-tip,
.post-img.touch-hover .post-tip {
  opacity: 1;
}
.post-img:hover .post-tip .btns,
.post-img.touch-hover .post-tip .btns {
  top: 50%;
}
/* Comments */
#comments {
  float: left;
  width: 100%;
}
#comments .comment-list .comment-item {
  margin-bottom: 15px;
  position: relative;
}
#comments .comment-list .comment-item .comment-content {
  margin-left: 75px;
  background: #f9f9f9;
  padding: 15px;
}
#comments .comment-list .comment-item .comment-content:hover {
  background: #f0f0f0;
}
#comments .comment-list .comment-item .author-name {
  margin-right: 10px;
}
#comments .comment-list .comment-item .comment-wait-approved {
  display: block;
}
#comments .comment-list .comment-item a.comment-reply-link {
  background: #87004f;
  padding: 5px 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
}
#comments .comment-list .comment-item a.comment-reply-link:hover {
  background: #007196;
}
#comments .comment-list .children {
  padding-left: 60px;
}
#comments .comment-list .children .children .children {
  padding-left: 0px;
}
#comments .comment-item .comment-avatar {
  float: left;
  border: 1px solid #e8e8e8;
  padding: 5px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 5px;
}
#comments .comment-item .comment-avatar img {
  border-radius: 50px;
}
#comments #cancel-comment-reply-link {
  display: inline-block;
  margin-bottom: 10px;
}
#comments .alert-first-msg i {
  margin-right: 5px;
}
#comments .comment-list,
.comment-list ul {
  list-style: none outside none;
  margin: 0px;
}
#comment-fields {
  margin-bottom: 20px;
}
#comment-fields > div {
  margin-bottom: 10px;
}
#comment-fields label {
  display: block;
}
#comment-fields input {
  width: 50%;
  padding: 5px;
  height: 34px;
}
#comment-fields textarea {
  width: 100%;
  padding: 5px;
  display: inline-block;
}
#comment-fields .description {
  margin-left: 5px;
}
#comment-nav-above {
  width: 100%;
  float: left;
  background: #f8f8f8;
  padding: 5px;
  margin-bottom: 10px;
}
#comment-nav-above .next-post {
  float: left;
}
#comment-nav-above .pre-post {
  float: right;
}
#comment-submit {
  margin-bottom: 15px;
}
#comment-alert-error,
#comment-alert-error span {
  display: none;
}
#comment-alert-error.show,
#comment-alert-error .comment-alert-error-name.show,
#comment-alert-error .comment-alert-error-email.show,
#comment-alert-error .comment-alert-error-url.show,
#comment-alert-error .comment-alert-error-message.show {
  display: block;
}
@media (max-width: 767px) {
  #comments .comment-list .children {
    padding-left: 0;
  }
  #comments .comment-list .comment-item .comment-content {
    margin-left: 50px;
  }
  #comments .comment-item .comment-avatar img {
    max-width: 30px;
  }
  #comment-fields input {
    width: 100%;
  }
}
/* Pagination */
.single-pagination {
  margin: 20px 0;
  padding: 20px 0px;
  border-top: 2px #e1e1e1 solid;
  float: left;
  width: 100%;
  text-align: center;
}
.single-pagination i {
  width: 20px;
  text-align: center;
}
.single-pagination a[rel='prev'] {
  float: left;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.single-pagination a[rel='next'] {
  float: right;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
}
.single-pagination a.nav-back {
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  width: 20px;
}
.single-pagination i.fa-angle-double-left,
.single-pagination i.fa-arrow-circle-o-left {
  margin-right: 5px;
}
.single-pagination i.fa-angle-double-right,
.single-pagination i.fa-arrow-circle-o-right {
  margin-left: 5px;
}
.single-pagination-flag {
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
  margin: 0 5px;
  display: block;
}
#single-nav-portfolio {
  border: 1px solid #f0f0f0;
  margin: 0 0 20px;
  padding: 15px;
  background: #f8f8f8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* Ajax Elements */
.ajax-load-btn-container {
  margin: 0;
  text-align: center;
  float: left;
  width: 100%;
}
.ajax-load-btn-container .post-ajax-load-btn {
  margin: 0;
}
.ajax-load-content,
.post-ajax-loading {
  display: none;
}
.post-ajax-load-btn {
  cursor: pointer;
}
.post-ajax-loading,
.post-ajax-scroll-load {
  line-height: 32px;
}
.post-ajax-loading i {
  margin-right: 5px;
}
.post-ajax-loading-big {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  background: none;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.post-ajax-loading-big i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  border-radius: 100px;
}
.ajax-isotope.switch {
  min-height: 80px;
}
.ajax-isotope.switch .post-ajax-loading-big {
  display: block;
}
.blog-ajax-style-1 {
  margin-bottom: 30px;
}
.blog-ajax-style-1 .post-ajax-element-inner {
  padding: 15px;
  float: left;
  width: 100%;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.blog-ajax-style-1 .post-ajax-element-inner .post-element-content {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-element-content .post-quote {
  color: #ffffff;
  background: #f8c600;
  text-align: left;
  position: relative;
  font-weight: 700;
  padding: 10px 10px 10px 40px;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-element-content .post-quote .post-quote-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 20px;
  text-align: center;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-author-title {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-author {
  float: left;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-author img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.blog-ajax-style-1 .post-ajax-element-inner .entry-title {
  margin-left: 40px;
  font-size: 22px;
  line-height: 32px;
}
.blog-ajax-style-1 .post-ajax-element-inner .entry-date {
  font-style: italic;
  font-weight: bold;
  color: #ababab;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-meta {
  color: #848484;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 22px;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-meta a {
  color: #848484;
  font-size: 12px;
  line-height: 22px;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-meta a:hover {
  color: #87004f;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-comments {
  float: right;
  text-transform: lowercase;
  color: #87004f;
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
}
.blog-ajax-style-1 .post-ajax-element-inner .post-comments:hover {
  text-decoration: underline;
}
@media (max-width: 480px) {
  .post-ajax-element {
    width: 100%;
  }
}
/* Other Elements */
.line {
  float: left;
  width: 100%;
  position: relative;
}
.left-line {
  float: left;
  width: 100%;
  height: 2px;
  background: #e1e1e1;
}
.roen-title {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
.roen-title i {
  margin-right: 10px;
}
.roen-title h1,
.roen-title h2,
.roen-title h3,
.roen-title h4,
.roen-title h5,
.roen-title h6 {
  margin: 0px;
  margin-bottom: 10px;
}
span.seperator {
  margin: 0 5px;
}
.post-type i.fa-file-text-o,
.entry-date i.fa-file-text-o {
  color: #6e7474;
}
.post-type i.fa-picture-o,
.entry-date i.fa-picture-o {
  color: #df0134;
}
.post-type i.fa-th-large,
.entry-date i.fa-th-large {
  color: #fd5b00;
}
.post-type i.fa-film,
.entry-date i.fa-film {
  color: #03cee9;
}
.post-type i.fa-music,
.entry-date i.fa-music {
  color: #00df5a;
}
.post-type i.fa-quote-left,
.entry-date i.fa-quote-left {
  color: #f8c600;
}
.post-edit-link i {
  margin-right: 5px;
}
/* = 6. Widgets
-------------------------------------------------------------- */
/* Widgets */
.widget {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}
.widget .line {
  margin: 0 0 20px;
}
.widget-title {
  margin: 0px 0px 10px 0px;
}
.widget_calendar table {
  width: 100%;
}
.widget_archive ul,
.widget_login ul,
.widget_categories ul,
.widget_product_categories ul,
.widget_nav_menu ul,
.widget_roenportfoliocategorywidget ul,
.widget_recent_entries ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_links ul {
  list-style: none outside none;
  margin: 0px;
}
.widget_archive ul li,
.widget_login ul li,
.widget_categories ul li,
.widget_product_categories ul li,
.widget_nav_menu ul li,
.widget_roenportfoliocategorywidget ul li,
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_links ul li {
  float: left;
  width: 100%;
}
.widget_archive ul li a,
.widget_login ul li a,
.widget_categories ul li a,
.widget_product_categories ul li a,
.widget_nav_menu ul li a,
.widget_roenportfoliocategorywidget ul li a,
.widget_recent_entries ul li a,
.widget_pages ul li a,
.widget_recent_comments ul li,
.widget_meta ul li a,
.widget_links ul li a {
  float: left;
  width: 100%;
  padding: 6px 0;
  line-height: 20px;
  background-color: transparent;
  margin-bottom: 0;
}
.widget_archive ul li a:hover,
.widget_login ul li a:hover,
.widget_categories ul li a:hover,
.widget_product_categories ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_roenportfoliocategorywidget ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_pages ul li a:hover,
.widget_recent_comments ul li:hover,
.widget_meta ul li a:hover,
.widget_links ul li a:hover {
  background-color: #f7f7f7;
  padding-left: 9px;
  border-left: 3px solid #87004f;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.widget_categories li ul,
.widget_product_categories li ul,
.widget_nav_menu li ul,
.widget_roenportfoliocategorywidget li ul {
  padding-left: 25px;
}
.widget_archive ul li a:before,
.widget_login ul li a:before,
.widget_categories ul li a:before,
.widget_product_categories ul li a:before,
.widget_nav_menu ul li a:before,
.widget_roenportfoliocategorywidget ul li a:before,
.widget_recent_entries ul li a:before,
.widget_pages ul li a:before,
.widget_recent_comments ul li:before,
.widget_links ul li a:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  height: auto;
  line-height: normal;
  margin-top: 0;
  margin-right: 10px;
  text-decoration: inherit;
  width: auto;
  margin-left: 1px;
}
.widget_archive ul li a:before {
  content: "";
}
.widget_login ul li a:before,
.widget_categories ul li a:before,
.widget_product_categories ul li a:before,
.widget_nav_menu ul li a:before,
.widget_roenportfoliocategorywidget ul li a:before {
  content: "";
}
.widget_recent_entries ul li a:before {
  content: "";
}
.widget_pages ul li a:before {
  content: "";
}
.widget_recent_comments ul li:before {
  content: "";
}
.widget_links ul li a:before {
  content: "";
}
.widget_product_tag_cloud a,
.widget_tag_cloud a {
  padding: 4px 10px;
  line-height: 20px;
  display: inline-block;
  margin: 0 5px 5px 0;
  float: left;
  font-size: 12px !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #323333;
  background: #f0f0f0;
}
.widget_product_tag_cloud a:hover,
.widget_tag_cloud a:hover {
  background: #cdcdcd;
  color: #ffffff;
}
.footer-widgets-content .widget_archive ul li a:hover,
.footer-widgets-content .widget_login ul li a:hover,
.footer-widgets-content .widget_categories ul li a:hover,
.footer-widgets-content .widget_product_categories ul li a:hover,
.footer-widgets-content .widget_nav_menu ul li a:hover,
.footer-widgets-content .widget_roenportfoliocategorywidget ul li a:hover,
.footer-widgets-content .widget_recent_entries ul li a:hover,
.footer-widgets-content .widget_pages ul li a:hover,
.footer-widgets-content .widget_recent_comments ul li:hover,
.footer-widgets-content .widget_meta ul li a:hover,
.footer-widgets-content .widget_links ul li a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.footer-widgets-content .widget_tag_cloud a,
.footer-widgets-content .widget_product_tag_cloud a {
  background: #232323;
}
.footer-widgets-content .widget_tag_cloud a:hover,
.footer-widgets-content .widget_product_tag_cloud a:hover {
  background: #1e1e1e;
  color: #ffffff;
}
/* Search Form */
.sidebar-searchform {
  position: relative;
}
.sidebar-searchform .sidebar-s {
  width: 100%;
  padding: 6px 32px 6px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  line-height: 26px;
}
.sidebar-searchform .sidebar-searchsubmit {
  position: absolute;
  top: 7px;
  right: 4px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  border: none;
  border-radius: 4px;
  background: none;
  outline: none;
}
.sidebar-searchform .sidebar-searchsubmit:hover {
  color: #87004f;
}
.footer-widgets-content select,
.footer-widgets-content textarea,
.footer-widgets-content input[type="text"],
.footer-widgets-content input[type="password"],
.footer-widgets-content input[type="datetime"],
.footer-widgets-content input[type="datetime-local"],
.footer-widgets-content input[type="date"],
.footer-widgets-content input[type="month"],
.footer-widgets-content input[type="time"],
.footer-widgets-content input[type="week"],
.footer-widgets-content input[type="number"],
.footer-widgets-content input[type="email"],
.footer-widgets-content input[type="url"],
.footer-widgets-content input[type="search"],
.footer-widgets-content input[type="tel"],
.footer-widgets-content input[type="color"],
.footer-widgets-content .uneditable-input {
  background-color: #363636;
  border: 1px solid #282828;
}
/* Blog Widget */
.widget-blog-recent.mline li {
  margin: 0 0 10px;
}
.sidebar-blog-recent.icon-style {
  position: relative;
}
.sidebar-blog-recent.icon-style .post-type {
  width: 40px;
  height: 100%;
  position: absolute;
  border-right: 1px solid #f0f0f0;
}
.sidebar-blog-recent.icon-style .post-type i {
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}
.sidebar-blog-recent.icon-style .post-content {
  margin-left: 45px;
  line-height: 20px;
  padding: 8px 8px 8px 3px;
}
.footer-widgets-content .sidebar-blog-recent.icon-style .post-type {
  border-right: 1px solid #555;
}
.footer-widgets-content .sidebar-blog-recent.icon-style:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.sidebar-blog-recent.icon-style:hover {
  background-color: #f8f8f8;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.sidebar-blog-recent .entry-meta {
  margin-top: 5px;
}
.sidebar-blog-recent .entry-meta a {
  color: #848484;
  font-size: 12px;
}
.sidebar-blog-recent .entry-meta a:hover {
  color: #87004f;
}
.sidebar-blog-recent .entry-meta i {
  margin-right: 5px;
  font-size: 14px;
}
.footer-widgets-content .sidebar-blog-recent .entry-meta a {
  color: #646464;
}
.footer-widgets-content .sidebar-blog-recent .entry-meta a:hover {
  color: #87004f;
}
.sidebar-blog-recent.thumbs-style {
  overflow: hidden;
}
.sidebar-blog-recent.thumbs-style .post-thumbs {
  overflow: hidden;
  float: left;
  margin-right: 10px;
  height: 60px;
  width: 60px;
  position: relative;
}
.sidebar-blog-recent.thumbs-style .post-content {
  overflow: hidden;
  line-height: 20px;
}
.sidebar-blog-recent.big-thumbs-style .post-content {
  display: inline-block;
  line-height: 20px;
  margin-top: 10px;
}
/* Portfolio Widget */
.widget-portfolio-recent.mline li {
  margin: 0 0 10px;
}
.widget-portfolio-recent.mline .portfolio-categories {
  margin-top: 5px;
}
.widget-portfolio-recent.mline .portfolio-categories .seperator {
  color: #b7b7b7;
}
.widget-portfolio-recent.mline .portfolio-categories a {
  color: #848484;
  font-size: 12px;
  font-style: italic;
}
.widget-portfolio-recent.mline .portfolio-categories a:hover {
  color: #87004f;
}
.widget-portfolio-recent.mline.recent-style-4 li {
  margin: 0;
}
.sidebar-portfolio-recent.icon-style {
  position: relative;
}
.sidebar-portfolio-recent.icon-style .post-type {
  width: 40px;
  height: 100%;
  position: absolute;
  border-right: 1px solid #f0f0f0;
}
.sidebar-portfolio-recent.icon-style .post-type i {
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}
.sidebar-portfolio-recent.icon-style .post-content {
  margin-left: 45px;
  padding: 8px 8px 8px 3px;
  line-height: 20px;
}
.footer-widgets-content .sidebar-portfolio-recent.icon-style .post-type {
  border-right: 1px solid #555;
}
.footer-widgets-content .sidebar-portfolio-recent.icon-style:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.sidebar-portfolio-recent.icon-style:hover {
  background-color: #f8f8f8;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.sidebar-portfolio-recent.thumbs-style {
  overflow: hidden;
}
.sidebar-portfolio-recent.thumbs-style .post-thumbs {
  overflow: hidden;
  float: left;
  margin-right: 10px;
  height: auto;
  width: 60px;
  position: relative;
}
.sidebar-portfolio-recent.thumbs-style .post-content {
  overflow: hidden;
  line-height: 20px;
}
.sidebar-portfolio-recent.big-thumbs-style .post-content {
  display: inline-block;
  line-height: 20px;
  margin-top: 10px;
}
.sidebar-portfolio-recent.gird-style {
  float: left;
  width: 33.3%;
}
.sidebar-portfolio-recent.gird-style .post-img {
  float: none;
  margin: 0 5px 5px 0;
}
.sidebar-portfolio-recent.gird-style a {
  display: inline-block;
}
.widget-portfolio-recent:hover .sidebar-portfolio-recent.gird-style {
  opacity: 0.4;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.widget-portfolio-recent .sidebar-portfolio-recent.gird-style:hover {
  opacity: 1;
}
/* = 7. Footer
-------------------------------------------------------------- */
/* footer */
#footer-wrap {
  background: #434241;
}
.footer-content {
  color: #999999;
}
.footer-widgets-content {
  padding: 30px 0;
}
.footer-widgets-content .footer-full-widget {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: inline-block;
  float: left;
}
.footer-widgets-content .footer-full-widget .widget {
  margin-bottom: 0;
}
.footer-widgets-content .widget-title {
  color: #a9a9a9;
  margin: 0px 0px 20px 0px;
}
.footer-widgets-content .widget .line {
  display: none;
}
.footer-widgets-content a {
  color: #878787;
}
.footer-widgets-content a:hover {
  color: #87004f;
}
.footer-bottom-content {
  padding: 20px 0;
  line-height: 20px;
  font-size: 12px;
  background: #262626;
  color: #999999;
}
.footer-bottom-content a {
  color: #606060;
}
.footer-bottom-content a:hover {
  color: #87004f;
}
.footer-bottom-content ul.inline li {
  border-right: 1px solid #404040;
  padding-right: 10px;
  margin-right: 10px;
}
.footer-bottom-content ul.inline li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.footer-custom-area-left {
  float: left;
}
.footer-custom-area-right {
  float: right;
}
.footer-custom-align-center .footer-custom-area-left,
.footer-custom-align-center .footer-custom-area-right {
  float: left;
  width: 100%;
  text-align: center;
  margin: 5px 0;
}
.footer-mini-tools {
  position: fixed;
  bottom: -34px;
  right: 10px;
  z-index: 8000;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.footer-mini-tools.backtop-show {
  bottom: 5px;
}
.footer-mini-tools ul li a {
  width: 34px;
  height: 34px;
  padding: 7px;
  background: rgba(0, 0, 0, 0.5);
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: #ffffff;
  font-size: 16px;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.footer-mini-tools ul li a i {
  width: 20px;
  height: 20px;
  text-align: center;
}
.footer-mini-tools ul li a:hover {
  background: #87004f;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.footer-mini-tools ul li a span.amount {
  position: absolute;
  background: #FF3E4C;
  border: 2px solid #ffffff;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  padding: 1px;
  line-height: 12px;
  color: #ffffff;
  font-family: Arial,sans-serif;
  top: -5px;
  right: -6px;
}
.footer-mini-tools .mini-tools-qrcode .mini-tools-qrcode-img {
  display: none;
  position: absolute;
  right: 47px;
  bottom: 0;
  width: 120px;
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
}
.footer-mini-tools .mini-tools-qrcode:hover .mini-tools-qrcode-img {
  display: block;
}
@media (max-width: 767px) {
  .footer-bottom-content {
    text-align: center;
  }
  .footer-custom-area-left {
    width: 100%;
    margin-bottom: 10px;
  }
  .footer-custom-area-right {
    width: 100%;
  }
  .footer-mini-tools .mini-tools-qrcode {
    display: none;
  }
}
/* = 8. Shortcodes
-------------------------------------------------------------- */
/* Wide Background */
.wide-background {
  background: #f5f5f5;
}
.wide-layout .wide-background {
  padding: 40px 130px;
  margin-left: -130px;
  margin-right: -130px;
}
.boxed-layout .wide-background {
  padding: 30px 15px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 2561px) and (max-width: 2880px) {
  .wide-layout .wide-background {
    padding-left: 880px;
    padding-right: 880px;
    margin-left: -880px;
    margin-right: -880px;
  }
}
@media (min-width: 1921px) and (max-width: 2560px) {
  .wide-layout .wide-background {
    padding-left: 720px;
    padding-right: 720px;
    margin-left: -720px;
    margin-right: -720px;
  }
}
@media (min-width: 1681px) and (max-width: 1920px) {
  .wide-layout .wide-background {
    padding-left: 410px;
    padding-right: 410px;
    margin-left: -410px;
    margin-right: -410px;
  }
}
@media (min-width: 1441px) and (max-width: 1680px) {
  .wide-layout .wide-background {
    padding-left: 280px;
    padding-right: 280px;
    margin-left: -280px;
    margin-right: -280px;
  }
}
@media (min-width: 1367px) and (max-width: 1440px) {
  .wide-layout .wide-background {
    padding-left: 160px;
    padding-right: 160px;
    margin-left: -160px;
    margin-right: -160px;
  }
}
@media (max-width: 767px) {
  .wide-layout .wide-background {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
/* Button */
.btn,
a.btn {
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background-image: none;
  outline: 0 !important;
  border: none;
  margin: 0 0 15px;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-transition: background linear 300ms;
  -moz-transition: background linear 300ms;
  -o-transition: background linear 300ms;
  transition: background linear 300ms;
  font-size: 14px;
  line-height: 24px;
}
.btn.float-btn,
a.btn.float-btn {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.btn.btn-xs,
a.btn.btn-xs {
  font-size: 12px;
  line-height: 22px;
}
.btn.btn-sm,
a.btn.btn-sm {
  font-size: 14px;
  line-height: 24px;
}
.btn.btn-lg,
a.btn.btn-lg {
  font-size: 20px;
  line-height: 30px;
}
.btn:focus,
a.btn:focus {
  color: #ffffff !important;
}
.btn.no-margin,
a.btn.no-margin {
  margin: 0;
}
.btn i,
a.btn i {
  margin-right: 10px;
}
.btn.btn-sm i,
a.btn.btn-sm i {
  margin-right: 5px;
}
.btn.btn-lg i,
a.btn.btn-lg i {
  margin-right: 15px;
}
.btn.float-btn,
a.btn.float-btn {
  padding-left: 26px;
  padding-right: 26px;
}
.btn.btn-lg.float-btn,
a.btn.btn-lg.float-btn {
  padding-left: 34px;
  padding-right: 34px;
}
.btn.btn-sm.float-btn,
a.btn.btn-sm.float-btn {
  padding-left: 20px;
  padding-right: 20px;
}
.btn.btn-xs.float-btn,
a.btn.btn-xs.float-btn {
  padding-left: 15px;
  padding-right: 15px;
}
.btn.icon-btn,
a.btn.icon-btn {
  overflow: hidden;
  padding-left: 50px;
  padding-right: 12px;
}
.btn.icon-btn span,
a.btn.icon-btn span {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  padding: 6px 12px;
}
.btn.icon-btn:hover span,
a.btn.icon-btn:hover span {
  background: rgba(0, 0, 0, 0.3);
}
.btn.icon-btn i,
a.btn.icon-btn i,
.btn.icon-btn.btn-lg i,
a.btn.icon-btn.btn-lg i {
  margin: 0;
}
.btn.btn-lg.icon-btn,
a.btn.btn-lg.icon-btn {
  padding-left: 67px;
  padding-right: 16px;
}
.btn.btn-lg.icon-btn span,
a.btn.btn-lg.icon-btn span {
  padding: 12px 16px;
}
.btn.btn-sm.icon-btn,
a.btn.btn-sm.icon-btn {
  padding-left: 46px;
  padding-right: 10px;
}
.btn.btn-sm.icon-btn span,
a.btn.btn-sm.icon-btn span {
  padding: 5px 10px;
}
.btn.btn-xs.icon-btn,
a.btn.btn-xs.icon-btn {
  padding-left: 26px;
  padding-right: 5px;
}
.btn.btn-xs.icon-btn span,
a.btn.btn-xs.icon-btn span {
  padding: 2px 5px;
}
.btn.float-btn:active,
a.btn.float-btn:active {
  margin: 1px 0 14px;
  box-shadow: 0 3px 0 #414141;
}
.btn.float-btn.no-margin,
a.btn.float-btn.no-margin {
  margin-bottom: 4px;
}
.btn.float-btn.no-margin:active,
a.btn.float-btn.no-margin:active {
  margin: 1px 0 3px;
}
.btn.float-btn.icon-btn:hover span,
a.btn.float-btn.icon-btn:hover span {
  background: rgba(0, 0, 0, 0.2);
}
.btn.border-btn,
a.btn.border-btn {
  border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff !important;
}
.btn.border-btn.black,
a.btn.border-btn.black {
  border: 2px solid #000000;
  color: #000000 !important;
}
.btn.border-btn.btn-theme,
a.btn.border-btn.btn-theme {
  border: 2px solid #87004f;
  color: #87004f !important;
}
.btn.border-btn.darkcyan,
a.btn.border-btn.darkcyan {
  border: 2px solid #008B8B;
  color: #008B8B !important;
}
.btn.border-btn.deepskyblue,
a.btn.border-btn.deepskyblue {
  border: 2px solid #00BFFF;
  color: #00BFFF !important;
}
.btn.border-btn.royalblue,
a.btn.border-btn.royalblue {
  border: 2px solid #4169E1;
  color: #4169E1 !important;
}
.btn.border-btn.blueviolet,
a.btn.border-btn.blueviolet {
  border: 2px solid #8A2BE2;
  color: #8A2BE2 !important;
}
.btn.border-btn.purple,
a.btn.border-btn.purple {
  border: 2px solid #800080;
  color: #800080 !important;
}
.btn.border-btn.deeppink,
a.btn.border-btn.deeppink {
  border: 2px solid #FF1493;
  color: #FF1493 !important;
}
.btn.border-btn.crimson,
a.btn.border-btn.crimson {
  border: 2px solid #DC143C;
  color: #DC143C !important;
}
.btn.border-btn.green,
a.btn.border-btn.green {
  border: 2px solid #008000;
  color: #008000 !important;
}
.btn.border-btn.lawngreen,
a.btn.border-btn.lawngreen {
  border: 2px solid #7CFC00;
  color: #7CFC00 !important;
}
.btn.border-btn.yellow,
a.btn.border-btn.yellow {
  border: 2px solid #f7ee17;
  color: #f7ee17 !important;
}
.btn.border-btn.gold,
a.btn.border-btn.gold {
  border: 2px solid #FFD700;
  color: #FFD700 !important;
}
.btn.border-btn.orange,
a.btn.border-btn.orange {
  border: 2px solid #FFA500;
  color: #FFA500 !important;
}
.btn.border-btn.orangered,
a.btn.border-btn.orangered {
  border: 2px solid #FF4500;
  color: #FF4500 !important;
}
.btn.border-btn.chocolate,
a.btn.border-btn.chocolate {
  border: 2px solid #D2691E;
  color: #D2691E !important;
}
.btn.border-btn.red,
a.btn.border-btn.red {
  border: 2px solid #ff0000;
  color: #ff0000 !important;
}
.btn:hover,
a.btn:hover {
  background-image: none;
  color: #ffffff !important;
  text-shadow: none;
  -webkit-transition: background linear 300ms;
  -moz-transition: background linear 300ms;
  -o-transition: background linear 300ms;
  transition: background linear 300ms;
}
.btn:hover.border-btn,
a.btn:hover.border-btn {
  color: #121215 !important;
  background: #ffffff;
}
.btn:hover.border-btn.white,
a.btn:hover.border-btn.white {
  color: #000000 !important;
}
.btn:hover.border-btn.black,
a.btn:hover.border-btn.black {
  color: #ffffff !important;
  background: #000000;
}
.btn:hover.border-btn.btn-theme,
a.btn:hover.border-btn.btn-theme {
  background: #87004f;
  color: #ffffff !important;
}
.btn:hover.border-btn.darkcyan,
a.btn:hover.border-btn.darkcyan {
  background: #008B8B;
  color: #ffffff !important;
}
.btn:hover.border-btn.deepskyblue,
a.btn:hover.border-btn.deepskyblue {
  background: #00BFFF;
  color: #ffffff !important;
}
.btn:hover.border-btn.royalblue,
a.btn:hover.border-btn.royalblue {
  background: #4169E1;
  color: #ffffff !important;
}
.btn:hover.border-btn.blueviolet,
a.btn:hover.border-btn.blueviolet {
  background: #8A2BE2;
  color: #ffffff !important;
}
.btn:hover.border-btn.purple,
a.btn:hover.border-btn.purple {
  background: #800080;
  color: #ffffff !important;
}
.btn:hover.border-btn.deeppink,
a.btn:hover.border-btn.deeppink {
  background: #FF1493;
  color: #ffffff !important;
}
.btn:hover.border-btn.crimson,
a.btn:hover.border-btn.crimson {
  background: #DC143C;
  color: #ffffff !important;
}
.btn:hover.border-btn.green,
a.btn:hover.border-btn.green {
  background: #008000;
  color: #ffffff !important;
}
.btn:hover.border-btn.lawngreen,
a.btn:hover.border-btn.lawngreen {
  background: #7CFC00;
  color: #ffffff !important;
}
.btn:hover.border-btn.yellow,
a.btn:hover.border-btn.yellow {
  background: #f7ee17;
  color: #ffffff !important;
}
.btn:hover.border-btn.gold,
a.btn:hover.border-btn.gold {
  background: #FFD700;
  color: #ffffff !important;
}
.btn:hover.border-btn.orange,
a.btn:hover.border-btn.orange {
  background: #FFA500;
  color: #ffffff !important;
}
.btn:hover.border-btn.orangered,
a.btn:hover.border-btn.orangered {
  background: #FF4500;
  color: #ffffff !important;
}
.btn:hover.border-btn.chocolate,
a.btn:hover.border-btn.chocolate {
  background: #D2691E;
  color: #ffffff !important;
}
.btn:hover.border-btn.red,
a.btn:hover.border-btn.red {
  background: #ff0000;
  color: #ffffff !important;
}
.btn-theme-t {
  color: #87004f;
}
.btn-theme {
  background: #87004f;
}
.btn-theme:hover {
  background: #540031;
}
.float-btn.btn-theme {
  box-shadow: 0 4px 0 #3b0022;
}
.float-btn.btn-theme:active {
  box-shadow: 0 3px 0 #3b0022;
}
.darkcyan-t {
  color: #008B8B;
}
.darkcyan {
  background: #008B8B;
}
.darkcyan:hover {
  background: #005858;
}
.float-btn.darkcyan {
  box-shadow: 0 4px 0 #003e3e;
}
.float-btn.darkcyan:active {
  box-shadow: 0 3px 0 #003e3e;
}
.deepskyblue-t {
  color: #00BFFF;
}
.deepskyblue {
  background: #00BFFF;
}
.deepskyblue:hover {
  background: #0099cc;
}
.float-btn.deepskyblue {
  box-shadow: 0 4px 0 #0086b3;
}
.float-btn.deepskyblue:active {
  box-shadow: 0 3px 0 #0086b3;
}
.royalblue-t {
  color: #4169E1;
}
.royalblue {
  background: #4169E1;
}
.royalblue:hover {
  background: #214cce;
}
.float-btn.royalblue {
  box-shadow: 0 4px 0 #1d44b8;
}
.float-btn.royalblue:active {
  box-shadow: 0 3px 0 #1d44b8;
}
.blueviolet-t {
  color: #8A2BE2;
}
.blueviolet {
  background: #8A2BE2;
}
.blueviolet:hover {
  background: #701ac0;
}
.float-btn.blueviolet {
  box-shadow: 0 4px 0 #6317a9;
}
.float-btn.blueviolet:active {
  box-shadow: 0 3px 0 #6317a9;
}
.purple-t {
  color: #800080;
}
.purple {
  background: #800080;
}
.purple:hover {
  background: #4d004d;
}
.float-btn.purple {
  box-shadow: 0 4px 0 #340033;
}
.float-btn.purple:active {
  box-shadow: 0 3px 0 #340033;
}
.deeppink-t {
  color: #FF1493;
}
.deeppink {
  background: #FF1493;
}
.deeppink:hover {
  background: #e00079;
}
.float-btn.deeppink {
  box-shadow: 0 4px 0 #c6006b;
}
.float-btn.deeppink:active {
  box-shadow: 0 3px 0 #c6006b;
}
.crimson-t {
  color: #DC143C;
}
.crimson {
  background: #DC143C;
}
.crimson:hover {
  background: #ad102f;
}
.float-btn.crimson {
  box-shadow: 0 4px 0 #960e29;
}
.float-btn.crimson:active {
  box-shadow: 0 3px 0 #960e29;
}
.green-t {
  color: #008000;
}
.green {
  background: #008000;
}
.green:hover {
  background: #004d00;
}
.float-btn.green {
  box-shadow: 0 4px 0 #003400;
}
.float-btn.green:active {
  box-shadow: 0 3px 0 #003400;
}
.lawngreen-t {
  color: #7CFC00;
}
.lawngreen {
  background: #7CFC00;
}
.lawngreen:hover {
  background: #63c900;
}
.float-btn.lawngreen {
  box-shadow: 0 4px 0 #56b000;
}
.float-btn.lawngreen:active {
  box-shadow: 0 3px 0 #56b000;
}
.yellow-t {
  color: #f7ee17;
}
.yellow {
  background: #f7ee17;
}
.yellow:hover {
  background: #d4cb07;
}
.float-btn.yellow {
  box-shadow: 0 4px 0 #bbb406;
}
.float-btn.yellow:active {
  box-shadow: 0 3px 0 #bbb406;
}
.gold-t {
  color: #FFD700;
}
.gold {
  background: #FFD700;
}
.gold:hover {
  background: #ccac00;
}
.float-btn.gold {
  box-shadow: 0 4px 0 #b39700;
}
.float-btn.gold:active {
  box-shadow: 0 3px 0 #b39700;
}
.orange-t {
  color: #FFA500;
}
.orange {
  background: #FFA500;
}
.orange:hover {
  background: #cc8400;
}
.float-btn.orange {
  box-shadow: 0 4px 0 #b37300;
}
.float-btn.orange:active {
  box-shadow: 0 3px 0 #b37300;
}
.orangered-t {
  color: #FF4500;
}
.orangered {
  background: #FF4500;
}
.orangered:hover {
  background: #cc3700;
}
.float-btn.orangered {
  box-shadow: 0 4px 0 #b33000;
}
.float-btn.orangered:active {
  box-shadow: 0 3px 0 #b33000;
}
.chocolate-t {
  color: #D2691E;
}
.chocolate {
  background: #D2691E;
}
.chocolate:hover {
  background: #a55318;
}
.float-btn.chocolate {
  box-shadow: 0 4px 0 #8f4814;
}
.float-btn.chocolate:active {
  box-shadow: 0 3px 0 #8f4814;
}
.red-t {
  color: #ff0000;
}
.red {
  background: #ff0000;
}
.red:hover {
  background: #cc0000;
}
.float-btn.red {
  box-shadow: 0 4px 0 #b30000;
}
.float-btn.red:active {
  box-shadow: 0 3px 0 #b30000;
}
p.roen-button-align-center {
  margin: 0;
  text-align: center;
}
p.roen-button-align-right {
  margin: 0;
  text-align: right;
}
/* Blog Shortcode */
.shortcode-post-entry {
  margin-bottom: 20px;
}
.shortcode-post-entry .entry-title {
  margin: 0 0 10px;
}
.shortcode-post-entry h4.entry-title {
  font-size: 18px;
  line-height: 24px;
}
.shortcode-post-entry .post-element-content {
  float: left;
  margin-bottom: 10px;
  width: 100%;
}
.shortcode-post-entry .post-element-content .post-quote {
  padding: 10px 10px 10px 40px;
  background: #F8C600;
  text-align: left;
  position: relative;
  color: #ffffff;
  font-weight: bold;
}
.shortcode-post-entry .post-element-content .post-quote .post-quote-icon {
  position: absolute;
  left: 10px;
  font-size: 20px;
  top: 10px;
}
.shortcode-post-entry .post-element-content .post-quote blockquote {
  padding: 0 0 0 20px;
  margin: 0;
  border-left: 3px solid #ffffff;
  font-size: 16px;
}
.shortcode-post-entry .post-content {
  float: left;
  width: 100%;
}
.shortcode-post-entry .entry-summary {
  margin-bottom: 10px;
}
.shortcode-post-entry .entry-meta a {
  color: #848484;
  font-size: 12px;
}
.shortcode-post-entry .entry-meta a:hover {
  color: #87004f;
}
.shortcode-post-entry .entry-meta i {
  margin-right: 5px;
  font-size: 14px;
}
.shortcode-post-entry .more-link {
  text-transform: lowercase;
  color: #87004f;
  font-weight: 700;
}
.shortcode-post-entry .more-link .fa-angle-right {
  margin-left: 7px;
}
.shortcode-post-entry .more-link:hover {
  text-decoration: underline;
}
.blog-shortcode-style-1 .comments-link,
.blog-shortcode-style-4 .comments-link {
  float: right;
}
.blog-shortcode-style-3 .entry-date,
.blog-shortcode-style-5 .entry-date {
  position: absolute;
  text-align: center;
  background: #87004f;
  padding: 5px;
  color: #ffffff;
  font-size: 12px;
}
.blog-shortcode-style-3 .comments-link,
.blog-shortcode-style-5 .comments-link {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #efefef;
  padding: 5px 8px;
}
.blog-shortcode-style-4 .entry-meta {
  margin-bottom: 10px;
}
.roen-shortcode-scroll-post {
  position: relative;
  margin-bottom: 20px;
}
.roen-shortcode-scroll-post .shortcode-post-entry {
  float: left;
  margin: 0 30px 0 0 !important;
  width: 0;
}
.roen-shortcode-scroll-post .shortcode-post-entry:last-child {
  margin-right: 0;
}
.roen-shortcode-scroll-container {
  overflow: hidden;
  position: relative;
  margin: 0 15px 0;
}
.roen-shortcode-scroll-post.no-space .shortcode-post-entry {
  margin: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
.roen-shortcode-scroll-post.no-space .shortcode-post-entry .post-element-content {
  margin: 0;
}
.roen-shortcode-scroll-post.no-space .shortcode-post-entry .post-content {
  padding: 10px;
  background: #ffffff;
}
.roen-shortcode-scroll-nav.top {
  text-align: right;
  padding: 0 15px 20px 0;
  margin-top: -50px;
}
.roen-shortcode-scroll-nav.bottom {
  text-align: right;
  padding: 10px 15px 0 0;
}
.roen-shortcode-scroll-nav a {
  width: 30px;
  height: 30px;
  text-align: center;
  background: #f0f0f0;
  line-height: 20px;
  display: inline-block;
  padding: 5px;
  opacity: 0.7;
}
.roen-shortcode-scroll-nav.side a {
  height: 40px;
  padding: 10px 5px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
}
.roen-shortcode-scroll-nav.side a:hover {
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -ms-transition: 500ms;
  transition: 500ms;
}
.roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-prev {
  left: 0;
}
.roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-next {
  right: 0;
}
.roen-shortcode-scroll-nav a.disalbed,
.roen-shortcode-scroll-nav.side a.disalbed {
  color: #666;
  cursor: default;
  opacity: 0.3;
}
.wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-prev {
  left: -30px;
}
.wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-next {
  right: -30px;
}
@media (max-width: 991px) {
  .wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-prev {
    left: -15px;
  }
  .wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-next {
    right: -15px;
  }
}
@media (max-width: 767px) {
  .wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-prev {
    left: 0;
  }
  .wide-layout .roen-shortcode-scroll-nav.side a.roen-shortcode-scroll-next {
    right: 0;
  }
}
@media (max-width: 480px) {
  .shortcode-post-entry {
    width: 100%;
  }
}
/* Portfolio Shortcode */
.shortcode-post-entry.portfolio-element .entry-title {
  margin: 0;
}
.roen-shortcode-scroll-post[data-columns="4"] .portfolio-style-2 .portfolio-custom-fields {
  display: none;
}
/* Service */
.roen-service {
  position: relative;
  margin-bottom: 20px;
}
.roen-service.roen-service-style-1 .roen-service-icon,
.roen-service.roen-service-style-2 .roen-service-icon {
  margin-right: 10px;
  width: 20px;
  text-align: center;
  display: inline-block;
}
.roen-service.roen-service-style-3.left {
  position: relative;
  padding-left: 56px;
}
.roen-service.roen-service-style-3.left .roen-service-icon {
  position: absolute;
  left: 0;
}
.roen-service.roen-service-style-3.center .roen-service-icon {
  margin-bottom: 10px;
}
.roen-service .roen-service-link {
  cursor: pointer;
}
.roen-service.center {
  text-align: center;
}
.roen-service .roen-service-title {
  font-weight: 700;
}
.roen-service.roen-service-style-3 .roen-service-icon {
  font-size: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
}
.roen-service.roen-service-style-4 {
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background: #ffffff;
}
.roen-service.roen-service-style-4 .roen-service-icon {
  font-size: 40px;
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  background: #87004f;
  color: #ffffff;
  padding: 15px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}
.roen-service.roen-service-style-4.left {
  padding: 15px 15px 15px 100px;
}
.roen-service.roen-service-style-4.left .roen-service-icon {
  position: absolute;
  left: 15px;
  top: 15px;
}
.roen-service.roen-service-style-4:hover {
  background: #87004f;
  border: 1px solid #87004f;
  color: #ffffff;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-service.roen-service-style-4:hover .roen-service-icon {
  background: #ffffff;
  color: #87004f;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-service.roen-service-style-4:hover .roen-service-title {
  color: #ffffff;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-service.roen-service-style-4.center .roen-service-icon {
  margin-bottom: 10px;
}
.roen-service.roen-service-style-5.left {
  padding-left: 80px;
}
.roen-service.roen-service-style-5.left .roen-service-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.roen-service.roen-service-style-5 .roen-service-icon {
  font-size: 30px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 26px;
  display: inline-block;
  border: #87004f 1px solid;
  color: #87004f;
  padding: 15px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  position: relative;
}
.roen-service.roen-service-style-5 .roen-service-icon:after {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  left: 0;
  top: 0;
  content: '';
  position: absolute;
  box-shadow: 0 0 0 1px #87004f;
  opacity: 0;
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
}
.roen-service.roen-service-style-5.center .roen-service-icon {
  margin-bottom: 10px;
}
.roen-service.roen-service-style-5:hover .roen-service-icon {
  background: #87004f;
  color: #ffffff;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-service.roen-service-style-5:hover .roen-service-icon:after {
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  opacity: 1;
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -moz-transform: scale(1.2);
}
/* Testimonials */
.testimonials {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
}
.testimonials .testimonials-item {
  display: none;
}
.testimonials .testimonials-content {
  position: relative;
  font-style: italic;
  margin-bottom: 10px;
}
.testimonials .testimonials-name {
  font-weight: 700;
}
.testimonials .testimonials-name .fa-user {
  margin-right: 10px;
}
.testimonials-style-1 {
  text-align: center;
}
.testimonials-style-1 .testimonials-content {
  max-width: 700px;
  display: inline-block;
}
.testimonials-style-1 .testimonials-quote {
  font-size: 26px;
  margin-bottom: 10px;
  display: block;
  color: #e0e0e0;
}
.testimonials-style-1 .testimonials-nav {
  display: inline-block;
  margin: 20px 0 10px;
}
.testimonials-style-1 .testimonials-nav a {
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 30px;
  margin: 0 5px;
  display: block;
  float: left;
  border: 1px solid #d8d8d8;
  cursor: pointer;
}
.testimonials-style-1 .testimonials-nav a.current,
.testimonials-style-1 .testimonials-nav a:hover {
  background: #e8e8e8;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  -ms-transition: 500ms;
  transition: 500ms;
}
.testimonials-style-2 .testimonials-avatar {
  float: left;
  width: 38%;
  overflow: hidden;
  text-align: right;
  padding-right: 15px;
}
.testimonials-style-2 .testimonials-avatar img {
  max-width: 180px;
  border-radius: 180px;
}
.testimonials-style-2 .testimonials-content {
  width: 56%;
  float: left;
  max-width: 450px;
  padding-left: 15px;
}
.testimonials-style-2 .testimonials-name {
  margin-top: 10px;
}
.testimonials-style-2 .testimonials-nav a {
  width: 30px;
  height: 40px;
  line-height: 20px;
  text-align: center;
  background: #f8f8f8;
  display: inline-block;
  padding: 10px 5px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  opacity: 0.6;
}
.testimonials-style-2 .testimonials-nav a:hover {
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.testimonials-style-2 .testimonials-nav a.testimonials-prev {
  left: 0;
}
.testimonials-style-2 .testimonials-nav a.testimonials-next {
  right: 0;
}
.testimonials-style-3 .testimonials-item {
  width: 60%;
  float: left;
  padding: 0 30px;
}
.testimonials-style-3 .testimonials-nav {
  width: 40%;
  float: right;
}
.testimonials-style-3 .testimonials-nav a {
  display: inline-block;
  opacity: 0.5;
}
.testimonials-style-3 .testimonials-nav a img {
  max-width: 80px;
}
.testimonials-style-3 .testimonials-nav a.current,
.testimonials-style-3 .testimonials-nav a:hover {
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
@media (max-width: 767px) {
  .testimonials-style-1 .testimonials-content {
    padding: 0 30px;
    max-width: 100%;
  }
  .testimonials-style-2 .testimonials-avatar {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  .testimonials-style-2 .testimonials-avatar img {
    max-width: 80px;
  }
  .testimonials-style-2 .testimonials-content {
    width: 100%;
    float: none;
    max-width: 100%;
    padding: 0 30px;
    text-align: center;
  }
  .testimonials-style-3 .testimonials-item {
    width: 100%;
    padding: 0px;
    float: none;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 30px;
  }
  .testimonials-style-3 .testimonials-nav {
    width: 100%;
    float: none;
    text-align: center;
  }
  .testimonials-style-3 .testimonials-nav a img {
    max-width: 60px;
  }
}
/* Clients */
.roen-clients {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  text-align: center;
}
.roen-clients a {
  display: inline-block;
  width: 20%;
}
.roen-clients:hover a img {
  opacity: 0.3;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.roen-clients:hover a:hover img {
  opacity: 1;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
/* Media */
embed {
  max-width: 100% !important;
}
video {
  width: 100%;
  height: auto;
}
.video-youtube,
.video-vimeo {
  width: 100%;
  padding-bottom: 56.4%;
  position: relative;
  float: left;
}
.video-youtube iframe,
.video-vimeo iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.sound-sl iframe,
.video-youtube iframe,
.video-vimeo iframe {
  border: none;
}
.full-width-show {
  width: 100%;
}
/* Google Map */
.map_canvas {
  margin-bottom: 20px;
}
.map_canvas div div.gmnoprint div div img {
  max-width: none;
}
.map_canvas div div img {
  border: none !important;
  max-width: none !important;
}
.map-info-window {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #CCC;
  margin-top: 8px;
  padding: 10px;
  -webkit-box-shadow: 2px 2px 5px -2px #cccccc;
  box-shadow: 2px 2px 5px -2px #cccccc;
}
.map-info-window.logo {
  background: #87004f;
  border: none;
  text-align: center;
}
.map-title {
  margin: 0 0 10px;
  color: #ffffff;
  padding: 5px;
  background: rgba(0, 0, 0, 0.7);
}
.map-content {
  color: #454545;
}
.map-content i {
  text-align: center;
  width: 20px;
}
.map-info-window.black {
  border: none;
  border-bottom: 1px solid #CCC;
  background: rgba(0, 0, 0, 0.8);
  padding: 0px;
  border-radius: 0 0 3px 3px;
}
.map-info-window.black .map-title {
  border-bottom: 1px solid #000;
  padding: 8px 5px;
}
.map-info-window.black .map-content {
  color: #ddd;
  padding: 0 5px 10px;
}
.map-info-window.black a {
  color: #fff;
}
.map-info-window.black a:hover {
  color: #87004f;
}
.map-info-window.white {
  border: none;
  border-bottom: 1px solid #CCC;
  background: rgba(255, 255, 255, 0.8);
  padding: 0px;
  border-radius: 0 0 3px 3px;
}
.map-info-window.white .map-title {
  padding: 8px 5px;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  border-bottom: 1px solid #eee;
}
.map-info-window.white .map-content {
  color: #666;
  padding: 0 5px 10px;
}
/* Socials */
ul.roen-social {
  display: inline-block;
}
ul.roen-social li.social {
  margin-bottom: 5px;
  float: left;
}
.roen-social a {
  padding: 0 !important;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  width: 32px;
  height: 32px;
  display: inline-block;
}
.roen-social a span {
  line-height: 20px !important;
  font-size: 14px !important;
  background-color: #f2f2f2;
  visibility: visible;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 32px;
  height: 32px;
  padding: 6px !important;
  display: block !important;
  text-align: center;
}
.roen-social a i {
  margin: 0 !important;
}
.csstransforms3d .roen-social a:hover span,
.csstransforms3d .roen-social a:focus span {
  -webkit-transform: rotateX(90deg) translateY(-22px);
  -moz-transform: rotateX(90deg) translateY(-22px);
  transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .roen-social a span:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0965a0;
  color: #ffffff;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  font-size: 14px;
  padding: 6px;
  text-align: center;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.csstransforms3d .roen-social a:hover .roen-icon-twitter:before {
  background-color: #48c4d2 !important;
  content: '\f099';
}
.csstransforms3d .roen-social a:hover .roen-icon-facebook:before {
  background-color: #3b5998 !important;
  content: '\f09a';
}
.csstransforms3d .roen-social a:hover .roen-icon-google_plus:before {
  background-color: #d94a39 !important;
  content: '\f0d5';
}
.csstransforms3d .roen-social a:hover .roen-icon-dribbble:before {
  background-color: #ef5b92 !important;
  content: '\f17d';
}
.csstransforms3d .roen-social a:hover .roen-icon-pinterest:before {
  background-color: #cb2027 !important;
  content: '\f0d2';
}
.csstransforms3d .roen-social a:hover .roen-icon-flickr:before {
  background-color: #f1628b !important;
  content: '\f16e';
}
.csstransforms3d .roen-social a:hover .roen-icon-skype:before {
  background-color: #18b7f1 !important;
  content: '\f17e';
}
.csstransforms3d .roen-social a:hover .roen-icon-youtube:before {
  background-color: #f45750 !important;
  content: '\f167';
}
.csstransforms3d .roen-social a:hover .roen-icon-vimeo:before {
  background-color: #62a0ad !important;
  content: '\f194';
}
.csstransforms3d .roen-social a:hover .roen-icon-linkedin:before {
  background-color: #71b2d0 !important;
  content: '\f0e1';
}
.csstransforms3d .roen-social a:hover .roen-icon-digg:before {
  background-color: #2882c6 !important;
  content: '\f1a6';
}
.csstransforms3d .roen-social a:hover .roen-icon-deviantart:before {
  background-color: #d0de21 !important;
  content: '\f1bd';
}
.csstransforms3d .roen-social a:hover .roen-icon-behance:before {
  background-color: #18a3fe !important;
  content: '\f1b4';
}
.csstransforms3d .roen-social a:hover .roen-icon-xing:before {
  background-color: #006567 !important;
  content: '\f168';
}
.csstransforms3d .roen-social a:hover .roen-icon-rss:before {
  background-color: #ff6c00 !important;
  content: '\f09e';
}
.csstransforms3d .roen-social a:hover .roen-icon-instagram:before {
  background-color: #517fa4 !important;
  content: '\f16d';
}
.csstransforms3d .roen-social a:hover .roen-icon-stumbleupon:before {
  background-color: #eb4924 !important;
  content: '\f1a4';
}
.csstransforms3d .roen-social a:hover .roen-icon-email:before {
  background-color: #4fbaf8 !important;
  content: '\f0e0';
}
/* solve ie not support preserve-3d */
@media screen and (min-width: 0\0) {
  .roen-social a:hover span,
  .roen-social a:focus span {
    color: #ffffff !important;
    -webkit-transform: rotateX(0deg) translateY(0) !important;
    -moz-transform: rotateX(0) translateY(0) !important;
    transform: rotateX(0) translateY(0) !important;
    -ms-transition: 500ms;
    transition: 500ms;
  }
  .roen-social a:hover .roen-icon-twitter {
    background-color: #48c4d2 !important;
  }
  .roen-social a:hover .roen-icon-facebook {
    background-color: #3b5998 !important;
  }
  .roen-social a:hover .roen-icon-google_plus {
    background-color: #d94a39 !important;
  }
  .roen-social a:hover .roen-icon-dribbble {
    background-color: #ef5b92 !important;
  }
  .roen-social a:hover .roen-icon-pinterest {
    background-color: #cb2027 !important;
  }
  .roen-social a:hover .roen-icon-flickr {
    background-color: #f1628b !important;
  }
  .roen-social a:hover .roen-icon-skype {
    background-color: #18b7f1 !important;
  }
  .roen-social a:hover .roen-icon-youtube {
    background-color: #f45750 !important;
  }
  .roen-social a:hover .roen-icon-vimeo {
    background-color: #62a0ad !important;
  }
  .roen-social a:hover .roen-icon-linkedin {
    background-color: #71b2d0 !important;
  }
  .roen-social a:hover .roen-icon-digg {
    background-color: #2882c6 !important;
  }
  .roen-social a:hover .roen-icon-deviantart {
    background-color: #d0de21 !important;
  }
  .roen-social a:hover .roen-icon-behance {
    background-color: #18a3fe !important;
  }
  .roen-social a:hover .roen-icon-xing {
    background-color: #006567 !important;
  }
  .roen-social a:hover .roen-icon-rss {
    background-color: #ff6c00 !important;
  }
  .roen-social a:hover .roen-icon-instagram {
    background-color: #517fa4 !important;
  }
  .roen-social a:hover .roen-icon-stumbleupon {
    background-color: #eb4924 !important;
  }
  .roen-social a:hover .roen-icon-email {
    background-color: #4fbaf8 !important;
  }
}
/* Space */
.roen-sc-space {
  float: left;
  width: 100%;
}
.roen-sc-space span {
  margin: 0 auto;
  display: block;
}
/* Title */
.roen-sc-title {
  position: relative;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.roen-sc-title .roen-sc-entry-title {
  margin: 0;
  display: inline-block;
}
.roen-sc-title .roen-sc-entry-title.uppercase {
  text-transform: uppercase;
}
.roen-sc-title .roen-sc-title-line {
  height: 2px;
  background: #e8e8e8;
  margin-top: 10px;
}
.roen-sc-title.center {
  text-align: center;
}
.roen-sc-title.right {
  text-align: right;
}
.roen-sc-title .roen-sc-entry-title.bold,
.roen-sc-title .roen-sc-entry-title span {
  font-weight: 700;
  text-transform: uppercase;
}
/* Dropcap */
.dropcap.dropcap-default,
.dropcap.dropcap-text {
  float: left;
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
}
.dropcap.dropcap-default {
  width: 38px;
  line-height: 26px;
  height: 38px;
  padding: 6px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  text-align: center;
  border-radius: 40px;
}
.dropcap.dropcap-text {
  font-size: 30px;
  margin: 0 10px 0 0;
  line-height: 36px;
}
/* Count Number */
.countnumber {
  margin-bottom: 20px;
  position: relative;
}
.countnumber.countnumber-style-1,
.countnumber.countnumber-style-2 {
  font-size: 28px;
  font-weight: normal;
  line-height: 28px;
}
.countnumber.countnumber-style-1 .totalnumber,
.countnumber.countnumber-style-2 .totalnumber {
  color: #444;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.countnumber.countnumber-style-1 .countnumber-content,
.countnumber.countnumber-style-2 .countnumber-content {
  font-size: 14px;
  margin: 10px 0 0;
  line-height: 20px;
  color: #777;
  font-weight: 700;
}
.countnumber.countnumber-style-1 .countnumber-icon > span,
.countnumber.countnumber-style-2 .countnumber-icon > span {
  width: 40px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.countnumber.countnumber-style-1 {
  text-align: center;
}
.countnumber.countnumber-style-1 .countnumber-icon > span {
  margin-bottom: 10px;
}
.countnumber.countnumber-style-1 .totalnumber {
  margin: 0 5px;
}
.countnumber.countnumber-style-2 {
  padding-left: 60px;
  min-height: 60px;
}
.countnumber.countnumber-style-2 .countnumber-icon {
  position: absolute;
  left: 0;
  top: 0;
}
.countnumber.countnumber-style-2 .countnumber-number span {
  margin-right: 5px;
  font-size: 20px;
}
.countnumber.countnumber-style-2 .countnumber-number span.totalnumber {
  font-size: 28px;
}
.countnumber.countnumber-style-1.bg,
.countnumber.countnumber-style-2.bg {
  background: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  padding: 15px;
}
.countnumber.countnumber-style-1.bg .countnumber-icon span,
.countnumber.countnumber-style-2.bg .countnumber-icon span {
  color: #87004f;
}
.countnumber.countnumber-style-1.bg:hover,
.countnumber.countnumber-style-2.bg:hover {
  background: #87004f;
  border: 1px solid #ffffff;
}
.countnumber.countnumber-style-1.bg:hover .countnumber-content,
.countnumber.countnumber-style-2.bg:hover .countnumber-content,
.countnumber.countnumber-style-1.bg:hover .countnumber-number span,
.countnumber.countnumber-style-2.bg:hover .countnumber-number span,
.countnumber.countnumber-style-1.bg:hover .countnumber-icon span,
.countnumber.countnumber-style-2.bg:hover .countnumber-icon span {
  color: #ffffff;
}
.countnumber.countnumber-style-2.bg {
  padding: 15px 15px 15px 70px;
}
.countnumber.countnumber-style-2.bg .countnumber-icon {
  position: absolute;
  left: 15px;
  top: 15px;
}
.countnumber.countnumber-style-3 {
  text-align: center;
  padding: 5px;
}
.countnumber.countnumber-style-3 .countnumber-number {
  padding: 20px;
  border: 4px solid #87004f;
  border-radius: 120px;
  display: inline-block;
  width: 120px;
  height: 120px;
  text-align: center;
}
.countnumber.countnumber-style-3 .countnumber-number > span {
  display: block;
}
.countnumber.countnumber-style-3 .totalnumber {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #87004f;
  font-weight: bold;
  font-size: 36px;
  margin: 10px 0 5px;
  display: block;
  line-height: 32px;
}
.footer-widgets-content .countnumber.countnumber-style-1 .totalnumber,
.footer-widgets-content .countnumber.countnumber-style-2 .totalnumber {
  color: #D8D8D8;
}
/* Skills */
.skills {
  margin: 0 0 20px;
}
.skills .skill-item {
  margin-bottom: 10px;
}
.skills .skill-bg {
  height: 28px;
  position: relative;
  background: #F0F0F0;
}
.skills .skill-bg.circle {
  border-radius: 20px;
  overflow: hidden;
}
.skills .skill-cover {
  position: absolute;
  width: 0%;
  height: 100%;
  background: #00a9e0;
}
.skills .skill-name {
  position: absolute;
  left: 10px;
  color: #333;
  line-height: 28px;
}
.skills .skill-progress {
  position: absolute;
  right: 10px;
  color: #333;
  line-height: 28px;
}
.skills.skill-style-2 .skill-name {
  position: static;
  left: auto;
}
.skills.skill-style-2 .skill-progress {
  right: auto;
  left: 10px;
}
.skills.skill-style-3 .skill-name {
  position: static;
}
.skills.skill-style-3 .skill-progress {
  position: static;
  margin-left: 10px;
}
.skills.skill-style-3 .skill-bg {
  height: 8px;
}
/* Bullets */
.roen-bullets {
  margin-bottom: 10px;
}
.roen-bullet {
  padding-left: 36px;
  position: relative;
  margin-bottom: 5px;
  line-height: 26px;
  font-size: 14px;
  font-weight: 400;
}
.roen-bullet-icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px;
  display: inline-block;
  padding: 3px;
  width: 26px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  border-radius: 30px;
}
.roen-bullets.bullet-bg-color .roen-bullet-icon {
  color: #ffffff;
}
.roen-bullets.bullet-text-color .roen-bullet {
  padding-left: 26px;
}
.roen-bullets.big .roen-bullet {
  padding-left: 46px;
  line-height: 36px;
  font-size: 20px;
  font-weight: 400;
}
.roen-bullets.big .roen-bullet-icon {
  margin-top: -18px;
  padding: 8px;
  width: 36px;
  height: 36px;
  line-height: 20px;
  font-size: 18px;
}
.roen-bullets.big.bullet-text-color .roen-bullet {
  padding-left: 36px;
}
.roen-bullets.big.bullet-text-color .roen-bullet-icon {
  font-size: 20px;
}
/* Tabs */
.tabs {
  margin-bottom: 20px;
  position: relative;
  float: left;
  width: 100%;
}
.tabs .tabs-nav {
  float: left;
  width: 100%;
  position: relative;
  z-index: 2;
  border-bottom: 2px #e2e2e2 solid;
}
.tabs .tabs-nav li {
  cursor: pointer;
  line-height: 20px;
  margin: 0 1px -2px 0;
  position: relative;
}
.tabs .tabs-container {
  overflow: hidden;
  padding: 20px 0 0;
  float: left;
  width: 100%;
}
.tabs.tabs-position-bottom .tabs-container {
  padding: 0 0 20px;
}
.widget_roenportfoliotabswidget .tabs,
.widget_roenblogtabswidget .tabs {
  margin-bottom: 0;
}
.tabs.center {
  text-align: center;
}
.tabs.right {
  text-align: right;
}
.tabs.tabs-style-1 .tabs-nav li {
  background-color: #efefef;
  padding: 8px 12px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -webkit-transition: background-color 600ms;
  -moz-transition: background-color 600ms;
  -o-transition: background-color 600ms;
  transition: background-color 600ms;
}
.tabs.tabs-style-1 .tabs-nav li i {
  margin-right: 5px;
}
.tabs.tabs-style-1 .tabs-nav li:last-child {
  margin: 0 0 -2px;
}
.tabs.tabs-style-1 .tabs-nav li:hover {
  background-color: #f2f2f2;
}
.tabs.tabs-style-1 .tabs-nav li.current {
  background-color: #f8f8f8;
  border-bottom: 2px #87004f solid;
}
.tabs.tabs-style-2 .tabs-nav {
  border-bottom: 1px #e2e2e2;
}
.tabs.tabs-style-2 .tabs-nav li {
  margin: 0 0 -2px 0;
  padding: 38px 12px 10px;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.tabs.tabs-style-2 .tabs-nav li span {
  position: absolute;
  width: 30px;
  line-height: 30px;
  font-size: 20px;
  left: 50%;
  margin-left: -15px;
  top: 10px;
}
.tabs.tabs-style-2.center .tabs-nav {
  border-bottom: none;
}
.tabs.tabs-style-2 .tabs-nav li:hover,
.tabs.tabs-style-2 .tabs-nav li.current {
  border-bottom: 2px #87004f solid;
}
.tabs.tabs-style-3 .tabs-nav {
  border-bottom: none;
}
.tabs.tabs-style-3 .tabs-nav li {
  margin: 0 -1px 0 0;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.tabs.tabs-style-3 .tabs-nav li:first-child {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
.tabs.tabs-style-3 .tabs-nav li:last-child {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.tabs.tabs-style-3 .tabs-nav li:hover,
.tabs.tabs-style-3 .tabs-nav li.current {
  background: #87004f;
  color: #ffffff;
}
.tabs.tabs-style-4 .tabs-nav {
  display: inline-block;
  float: none;
  width: auto;
  border-bottom: #454545 solid 1px;
}
.tabs.tabs-style-4 .tabs-nav li {
  color: #777777;
  padding: 8px 0;
  margin-right: 20px;
}
.tabs.tabs-style-4 .tabs-nav li:last-child {
  margin-right: 0;
}
.tabs.tabs-style-4 .tabs-nav li:hover,
.tabs.tabs-style-4 .tabs-nav li.current {
  color: #ffffff;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.footer-widgets-content .tabs .tabs-nav {
  border-color: #303030;
}
.footer-widgets-content .tabs.tabs-style-1 .tabs-nav li {
  background-color: #363636;
}
.footer-widgets-content .tabs.tabs-style-1 .tabs-nav li:hover {
  background-color: #555555;
}
.footer-widgets-content .tabs.tabs-style-1 .tabs-nav li.current {
  background-color: #242424;
}
@media (max-width: 480px) {
  .tabs.tabs-style-1.center,
  .tabs.tabs-style-1.right {
    text-align: left;
  }
}
/* Side Tabs */
.sidetabs {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.sidetabs .sidetabs-nav {
  float: left;
  width: 200px;
}
.sidetabs .sidetabs-nav li {
  border: 1px solid #e3e3e3;
  padding: 8px 15px;
  cursor: pointer;
  color: #777;
  margin: 0 0 -1px;
}
.sidetabs .sidetabs-nav li i {
  margin-right: 5px;
}
.sidetabs .sidetabs-nav li.current {
  cursor: auto;
  color: #444;
}
.sidetabs.right .sidetabs-nav {
  float: right;
}
.sidetabs.right .sidetabs-nav li {
  border-right: none;
}
.sidetabs.right .sidetabs-nav li.current {
  border-left: 1px solid #87004f;
}
.sidetabs.right .sidetabs-container {
  margin-right: 220px;
}
.sidetabs.left .sidetabs-nav li {
  border-left: none;
}
.sidetabs.left .sidetabs-nav li.current {
  border-right: 1px solid #87004f;
}
.sidetabs.left .sidetabs-container {
  margin-left: 220px;
}
@media (max-width: 767px) {
  .sidetabs.left .sidetabs-nav,
  .sidetabs.right .sidetabs-nav {
    float: left;
  }
  .sidetabs.left .sidetabs-container,
  .sidetabs.right .sidetabs-container {
    margin: 10px 0 0;
    float: left;
  }
}
/* Accordion & Toggle */
.roen-accordion {
  margin-bottom: 20px;
}
.roen-accordion .accordion-panel {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.roen-accordion .accordion-title {
  margin: 0;
}
.roen-accordion .accordion-title a {
  position: relative;
  padding-left: 34px;
  display: block;
}
.roen-accordion .accordion-icon {
  font-size: 14px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  color: #ffffff;
  padding: 3px 3px;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.roen-accordion .accordion-icon i {
  margin: 0;
  width: 20px;
}
.roen-accordion .accordion-heading .fa-plus {
  display: none;
}
.roen-accordion .accordion-heading .fa-minus {
  display: inline-block;
}
.roen-accordion .accordion-heading .collapsed .fa-plus {
  display: inline-block;
}
.roen-accordion .accordion-heading .collapsed .fa-minus {
  display: none;
}
.roen-accordion .accordion-collapse {
  margin-top: 10px;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
}
/* Timeline */
.timeline.timeline-style-1 {
  padding-left: 140px;
}
.timeline.timeline-style-1 .timeline-date span {
  background: #87004f;
  padding: 5px 10px;
  color: #fff;
  position: relative;
  font-size: 12px;
  float: right;
  border-radius: 4px;
}
.timeline.timeline-style-1 .timeline-date span:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #87004f;
  position: absolute;
  top: 5px;
  right: -8px;
}
.timeline.timeline-style-2 {
  padding-left: 80px;
}
.timeline.timeline-style-2 .timeline-icon span {
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 60px;
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  display: inline-block;
}
.timeline.timeline-style-1 .timeline-element,
.timeline.timeline-style-2 .timeline-element {
  position: relative;
  margin: 0;
  padding: 5px 0;
  min-height: 30px;
}
.timeline.timeline-style-1 .timeline-date,
.timeline.timeline-style-2 .timeline-icon {
  text-align: right;
  width: 120px;
  margin-left: -140px;
  position: absolute;
}
.timeline .timeline-content {
  margin-left: 20px;
  padding: 0;
  display: inline-block;
}
.timeline .timeline-content .timeline-title {
  font-weight: 700;
}
.timeline .timeline-v-line {
  width: 2px;
  height: 100%;
  background: #e8e8e8;
  display: block;
  position: absolute;
  top: 0px;
}
.timeline .timeline-c-line {
  width: 12px;
  height: 12px;
  background: #f8f8f8;
  border: 2px solid #cfcfcf;
  position: absolute;
  top: 14px;
  left: -5px;
  border-radius: 60px;
}
.timeline .features .timeline-c-line {
  background: #ffffff;
  border: 1px solid #87004f;
  width: 8px;
  height: 8px;
  left: -3px;
  top: 16px;
}
.timeline .start .timeline-c-line {
  border: 2px solid #87004f;
  width: 10px;
  height: 10px;
  left: -4px;
  background: #ffffff;
}
.timeline .end .timeline-c-line {
  border: 7px solid #87004f;
  width: 14px;
  height: 14px;
  left: -6px;
  background: #ffffff;
}
.timeline .timeline-element.start:first-child .timeline-v-line,
.timeline .timeline-element.end:first-child .timeline-v-line {
  top: 12px;
}
.timeline .timeline-element.start:last-child .timeline-v-line,
.timeline .timeline-element.end:last-child .timeline-v-line {
  height: 10px;
}
@media (max-width: 767px) {
  .timeline.timeline-style-1 {
    padding-left: 10px;
  }
  .timeline.timeline-style-1 .timeline-date {
    position: static;
    margin: 0 0 10px 20px;
    float: left;
    width: 100%;
  }
  .timeline.timeline-style-1 .timeline-date span {
    float: left;
  }
  .timeline.timeline-style-1 .timeline-date span:after {
    display: none;
  }
  .timeline.timeline-style-2 {
    padding-left: 60px;
  }
}
/* Call to action */
.call-to-action {
  text-align: center;
  margin-bottom: 20px;
}
.call-to-action .call-to-action-title {
  margin-bottom: 15px;
  font-weight: bold;
}
.call-to-action .desc {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 400;
}
.call-to-action.big {
  margin-bottom: 30px;
}
.call-to-action.big .call-to-action-title {
  margin-bottom: 30px;
}
.call-to-action.big .desc {
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 36px;
  font-weight: 300;
}
.call-to-action.bar.big .call-to-action-title {
  margin-bottom: 15px;
}
.call-to-action a.btn {
  margin: 0;
}
.call-to-action.bar {
  text-align: left;
  padding: 15px 20px;
  border: 2px #f2f2f2 solid;
  background: #fff;
  position: relative;
}
.call-to-action.bar .btn {
  top: 50%;
  position: absolute;
  right: 20px;
  margin-top: -16px;
}
.call-to-action.bar .call-to-action-content {
  padding-right: 260px;
}
.call-to-action.bar .btn.btn-lg {
  margin-top: -21px;
}
.call-to-action.bar .desc,
.call-to-action.bar.big .desc {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .call-to-action.bar .call-to-action-content {
    padding-right: 0;
  }
  .call-to-action.bar .btn {
    position: static;
    margin-top: 15px;
  }
  .call-to-action.bar .btn.btn-lg {
    margin-top: 30px;
  }
}
/* Price */
.roen-price {
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #ffffff;
  margin-bottom: 20px;
  color: #515151;
  overflow: hidden;
  position: relative;
  border: 1px solid #e8e8e8;
}
.roen-price:hover {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  box-shadow: 0 0 8px #cccccc;
  -moz-box-shadow: 0 0 8px #cccccc;
  -webkit-box-shadow: 0 0 8px #cccccc;
}
.roen-price .flag {
  padding: 3px 7px;
  background: #cc1234;
  color: #ffffff;
  position: absolute;
  width: 160px;
  text-align: center;
  right: -42px;
  top: 25px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  z-index: 1;
}
.roen-price.free .flag {
  background: #8FC641;
}
.roen-price.recommend {
  padding-top: 12px;
  margin-top: -6px;
  border: 1px solid #F95C61;
}
.roen-price.recommend .flag {
  background: #F95C61;
}
.roen-price .roen-price-header {
  padding: 10px 0;
  color: #121215;
  font-weight: 700;
}
.roen-price .roen-price-header .price-title {
  margin: 0 0 10px;
}
.roen-price .roen-price-header .price-num {
  font-size: 60px;
  margin: 0;
}
.roen-price .roen-price-header .price-num span {
  font-size: 24px;
}
.roen-price .roen-price-content {
  padding: 20px 0;
  background: #f7f7f7;
}
.roen-price .roen-price-content ul {
  list-style: none;
  margin: 0;
}
.roen-price .roen-price-content ul li {
  margin: 0 0 5px;
}
.roen-price .roen-price-footer {
  padding: 15px;
}
/* ROEN Content */
.roen-sc-content.left {
  float: left;
  margin-bottom: 20px;
}
.roen-sc-content.right {
  float: right;
  margin-bottom: 20px;
}
.roen-sc-content.center {
  text-align: center;
}
@media (max-width: 767px) {
  .roen-sc-content {
    text-align: center;
    float: left;
    width: 100%;
  }
}
/* One Page Navigation */
.roen-pagenav {
  background: rgba(135, 0, 79, 0.45);
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  display: inline-block;
  width: auto;
  text-align: center;
  line-height: 20px;
  position: fixed;
  z-index: 10000;
}
.roen-pagenav li a {
  height: 12px;
  width: 12px;
  border: 2px solid #ffffff;
  background: transparent;
  display: block;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -webkit-transition: 600ms;
  -moz-transition: 600ms;
  -o-transition: 600ms;
  transition: 600ms;
}
.roen-pagenav li a.current,
.roen-pagenav li a:hover {
  border: 5px solid #ffffff;
  background: #ffffff;
}
.roen-pagenav li a i {
  display: none;
}
.roen-pagenav.pagenav-icon li a {
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
}
.roen-pagenav.pagenav-icon li a.current,
.roen-pagenav.pagenav-icon li a:hover {
  border: none;
  background: transparent;
  color: #ffffff;
  transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
}
.roen-pagenav.pagenav-icon li a i {
  display: inline-block;
}
.roen-pagenav.left,
.roen-pagenav.right {
  padding: 10px;
  right: 15px;
  top: 50%;
}
.roen-pagenav.left {
  right: auto;
  left: 15px;
}
.roen-pagenav.left li,
.roen-pagenav.right li {
  margin: 7px 0 !important;
}
.roen-pagenav.bottom {
  padding: 10px;
  right: 50%;
  bottom: 15px;
}
.roen-pagenav.bottom li {
  margin: 0 7px !important;
  float: left;
}
/* Alert */
.alert {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* = 9. Plugins
-------------------------------------------------------------- */
/* Bootstrap */
code {
  background-color: #fbf6c3;
}
.tooltip-inner {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pagination {
  margin: 0;
  display: table;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.pagination > li > a {
  color: #222222;
  background: #f0f0f0;
  -webkit-transition: all linear 300ms;
  -moz-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  transition: all linear 300ms;
}
.pagination > li > span {
  color: #999;
}
.pagination i.fa-arrow-circle-o-left {
  margin-right: 5px;
}
.pagination i.fa-arrow-circle-o-right {
  margin-left: 5px;
}
.pagination > li > a,
.pagination > li > span {
  font-family: Helvetica,Arial,sans-serif !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 6px 12px;
  border: none;
  margin-right: 10px;
  margin-bottom: 0;
}
.pagination  > li  > a:hover,
.pagination  > li  > a:focus {
  background: #87004f;
  color: #ffffff;
}
.pagination  > li  > span:hover,
.pagination  > li  > span:focus {
  background: none;
  border: none;
  color: #999;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 0px;
}
.pagination-centered .pagination {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .roen-col.col-lg-9 .pagination {
    margin-bottom: 30px;
  }
}
/* Flex Slider */
.flexslider.roen-fl {
  overflow: hidden;
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin-bottom: 0px;
}
.flexslider.roen-fl .flex-control-nav {
  bottom: 0px;
}
.flexslider.roen-fl .flex-direction-nav a {
  opacity: 0;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin: -20px 0px 0px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 2px solid #ffffff;
  background-image: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.flexslider.roen-fl .flex-direction-nav a:hover {
  background-color: #ffffff;
}
.flexslider.roen-fl .flex-direction-nav a:hover:after {
  color: #111111;
}
.flexslider.roen-fl .flex-direction-nav a:after {
  font-family: FontAwesome;
  height: 20px;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  width: 20px;
  float: left;
  text-indent: 0;
  text-align: center;
}
.flexslider.roen-fl .flex-direction-nav a.flex-prev:after {
  content: "\f104";
}
.flexslider.roen-fl .flex-direction-nav a.flex-next:after {
  content: "\f105";
}
.flex-control-paging li a {
  width: 10px;
  height: 10px;
  box-shadow: none;
  background: none;
  border: 2px solid #ffffff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.flex-control-paging li a.flex-active {
  background: #ffffff;
  cursor: default;
}
.flex-control-paging li a:hover {
  background: #ffffff;
}
.flexslider.roen-fl:hover .flex-prev,
.touch .flexslider.roen-fl .flex-prev {
  left: 10px !important;
}
.flexslider.roen-fl:hover .flex-next,
.touch .flexslider.roen-fl .flex-next {
  right: 10px !important;
}
.flexslider.roen-fl:hover .flex-direction-nav a,
.touch .flexslider.roen-fl .flex-direction-nav a {
  opacity: 1;
}
.flexslider.no-arrow .flex-direction-nav {
  display: none;
}
/* Fancybox */
.fancybox-overlay {
  z-index: 9000;
}
.fancybox-opened {
  z-index: 9030;
}
#fancybox-thumbs {
  z-index: 9050;
}
/* Contact Form 7 */
.wpcf7 .wpcf7-radio .wpcf7-list-item input[type='radio'],
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type='checkbox'] {
  margin: 0;
}
.wpcf7 .wpcf7-submit {
  padding: 6px 12px;
  background: #87004f;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.wpcf7 .wpcf7-submit:hover {
  background: #540031;
  color: #ffffff;
}
/* WordPress SEO by Yoast */
.yoast_breadcrumbs {
  margin: 0;
  float: left;
}
/* VC */
.vc_element.vc_wide > .vc_controls-container.vc_controls > .vc_controls-out-tl {
  top: 0;
}
@media (max-width: 767px) {
  .wpb_column > .wpb_wrapper > *:last-child {
    margin-bottom: 20px !important;
  }
}
#header-wrap { 
	background: url(https://mvfselect.es/wp-content/uploads/revslider/home-4/bg-8.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
		#page-header-wrap { 
	background: url(https://mvfselect.es/wp-content/uploads/2015/07/berries3.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
		#page-content-wrap{
	background:#ffffff;
}
		#footer-wrap{
	background:#434241;
}
		.footer-bottom-content {background: #262626;}
			/* 	----------------------------------------------------------------------------------------------	
										RETINA																												
	----------------------------------------------------------------------------------------------	*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}
#search-form-wrap{
	background:#e3e3e3;
}