/* ################################################################

   File Name: style.css
   Template Name: Jollyness
   Created By: Filiz KILIÇ
   http://themeforest.net/user/jollythemes
   
   1) IMPORT FILES
   2) SKELETON
   3) HEADER SECTIONS
   4) FOOTER SECTIONS
   5) SIDEBARS AND WIDGETS
   6) SLIDESHOW STYLES
   7) SHOP STYLES
   8) PORTFOLIO STYLES
   9) BLOG / PAGE STYLES
   10) SERVICES STYLES
   11) CSS3 ANIMATION EFFECTS
   12) BUTTONS MODULES
   13) RESPONSIVENESS
   
################################################################# */ 

/* ################################################################
   1. IMPORT FILES
################################################################# */

@import url(fhmm.css) screen;
@import url(bbpress.css) screen;
@import url(simister.css) screen;
@import url(flexslider.css) screen;
@import url(prettyPhoto.css) screen;
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,500,100,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

@font-face {
    font-family: 'NovecentowideLightBold';
    src: url('fonts/Novecentowide-DemiBold-webfont.eot');
    src: url('fonts/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Novecentowide-DemiBold-webfont.woff') format('woff'),
         url('fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype'),
         url('fonts/Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NovecentowideBookBold';
    src: url('fonts/Novecentowide-Bold-webfont.eot');
    src: url('fonts/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Novecentowide-Bold-webfont.woff') format('woff'),
         url('fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
         url('fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ################################################################
   2. SKELETON
################################################################# */

   * { 
      margin: 0;
      padding: 0;
   } 
   body {
      font-family: 'Raleway', Arial, Helvetica, sans-serif;
      font-size:14px;
      line-height:1.8;
      font-weight:400;
      position:relative;
      color:#444444;
      padding:0;
      margin:0;
      overflow-x: hidden;
      background:#ffffff;
   }
   html, body {
      height: 100%;
      width: 100%;
   }
   img {
      height: auto;
      max-width: 100%;
   }
   .hidden { display: none; }
   .alignleft { float: left; }
   .alignright { float: right; }
   .aligncenter {
      margin-left: auto;
      margin-right: auto;
      display: block;
      clear: both;
   }
   .clear {
      clear: both;
      display: block;
      font-size: 0;
      height: 0;
      line-height: 0;
      width:100%;
   }
   ::-moz-selection  {
      color: #fff;
      text-shadow:none;
      background:#2B2E31;
   }
   ::selection {
      color: #fff;
      text-shadow:none;
      background:#2B2E31;
   }
   *,
   *:after,
   *:before {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
   }
   a.readmore {
      text-transform:none;
      display: block;
      font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
      font-size:11px;
      font-style:italic;
   }
   a.remove{
      display:block;
      height:18px;
      width:18px;
      margin:10px;
      padding-left:0 !important;
      text-indent:-9999px;
      background:url(plantilla/images/remove.png) #aaa;
      border-radius:100px;
      border-style:solid;
      border-width:1px
   }
   .social li a,
   a { 
      padding: 0;
      margin: 0;
      text-decoration: none; 
      -webkit-transition: background-color .2s linear, color .2s linear;
      -moz-transition: background-color .2s linear, color .2s linear;
      -o-transition: background-color .2s linear, color .2s linear;
      -ms-transition: background-color .2s linear, color .2s linear;
      transition: background-color .2s linear, color .2s linear;
   }
   a:hover,
   a:focus {
     text-decoration: none;
     color:#01090C;
   }
   a img { 
      border: none; 
      vertical-align: bottom;
   }
   h1, h2, h3, h4, h5, h6 {
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
      font-weight: 600;
      color:#292723;
      margin-bottom: 15px;
      text-rendering: optimizeLegibility;
   }
   h1 {font-size: 30px; margin-top:0;}
   h2 {font-size: 22px; margin-top:0;}
   h3 {font-size: 20px; margin-top:0;}
   h4 {font-size: 18px;}
   h5 {font-size: 16px;}
   h6 {font-size: 14px;}
   p,
   pre,
   ul,
   ol,
   dl,
   dd,
   blockquote,
   address,
   table,
   fieldset,
   form
   { margin-bottom: 20px; }
   a img {
      border: none; 
   }
   ul,
   ol,
   dl { margin-left: 30px; }
   ul,
   ol,
   dl {
     margin-bottom: 1.25em;
     font-family: inherit;
   }
   ul, ol {
     margin-left: 0;
   }
   ul.no-bullet, ol.no-bullet {
      margin-left: 0;
   }
   ul li ul,
   ul li ol {
     margin-left: 1.25em;
     margin-bottom: 0;
   }
   ol li ul,
   ol li ol {
     margin-left: 1.25em;
     margin-bottom: 0;
   }
   dl dt {
     margin-bottom: 0.3em;
     font-weight: bold;
   }
   dl dd {
     margin-bottom: 0.75em;
   }
   .lead {
      font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
      font-size: 15px;
      font-style: italic;
      font-weight: 300;
      line-height: 1;
      padding: 15px 0;
   }
   section::before,
   section::after {
      position: absolute;
      content: '';
      pointer-post-wraps: none;
   }  
   .first {clear:both}
   .last{margin-right:0}
   
   audio,
   video {
      max-width: 100%;
      height: auto;
   }
   #soundcloud {
      margin-bottom:-5px !important;
   }
   iframe,
   embed,
   object {
      max-width: 100%;
   }
   mark {
      margin:0 2px;
   }
   .whitewrapper.greybg {
      background-color:#f6f6f6;
   }
   .darkbg {
      background-color:#000000;
   }
   .whitewrapper {
      background-color: #FFFFFF;
      padding: 60px 0;
   }
   .darkwrapper {
      background-color: #030407;
      padding: 60px 0;
   }
   .bordertop {
      border-top:1px solid #e6e9ea;
   }
   .parallax {
      background-attachment: fixed !important;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
   }
   .overlay {
      background: url(http://hesem.eu/plantilla/images/gridtile.png) repeat rgba(0,0,0,0.4);
      padding: 30px 0;
   }
   .nopadding {
      padding:60px 0 0 !important;
   }
   .paddingtop {
      padding:60px 0;
   }
   .portfoliopadding {
      padding:30px 0;
   }
   .title h1 {
      font-size:24px;
      color:#1d67a5;
   }
   .darkwrapper .servicesbox .serviceicon {
      border-color:#ffffff;
   }
   .panel-title a.accordion-toggle {
      width:100%;
      display:block;
      position:relative;
   }
   .testimonial_details:hover i,
   .pager li > a, .pager li > span,
   .testimonial_details:hover a,
   .testimonial_details:hover span,
   .testimonial_details:hover,
   mark,
   .service-icon .serviceicon:hover i,
   .footer1 i,
   .overlay h3,
   .overlay h1,
   .footer1 h1,
   .footer1 h2,
   .footer1 h3,
   .darkwrapper h2,
   .darkwrapper h3,
   .overlay .servicesbox .title h3,
   .darkwrapper h1 {
      color:#ffffff;
   }
   .darkwrapper .servicesbox .title h3 {
      line-height: 20px;
   }
   .whitewrapper .center-title h1 {
      color:#292723;
   }
   .center-title h1 {
      font-size:36px;
      line-height:36px;
      font-weight:400;
      font-family: 'Pacifico', cursive;
      color:#ffffff;
      text-decoration:none;
      padding:10px;
      border-width:0px;
      border-style:none;
   }
   .title1 hr {
      border-top: 1px solid #d4d4d4;
      position: relative;
      margin:0;
      max-width:280px;
   }    
   .title1 hr:after {
      position: absolute;
      left: 0;
      right: 80%;
      top: -1px;
      border-top: 1px solid #f2f2f2;
      content: '';
   }
   .bigtitle {
      padding:20px 0px;
      overflow:hidden;
   }
   .bigtitle h1 {
      border-bottom: 1px solid #D4D4D4;
      font-family: 'NovecentowideBookBold','Helvetica Neue',Helvetica,sans-serif;
      font-size: 51px;
      font-weight: normal;
      padding-bottom: 30px;
      position: relative;
   }
   .bigtitle p {
      color: #292723;
      font-size: 21px;
      font-weight: 300;
      line-height: 1.6;
      overflow: hidden;
      padding: 0 0 0 50px;
      position: relative;
   }
   .bigtitle h1 {
      float: left;
      margin-right: 3%;
      width: 35%;
   }  
   .bigtitle h1:after {
      border-bottom: 1px solid #F0454D;
      bottom: -1px;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      width: 25%;
   }
   .title hr {
      border-top: 1px solid #d4d4d4;
      position: relative;
      max-width:235px;
      margin:0 auto;
   }    
   .title hr:after {
      position: absolute;
      left: 30%;
      right: 30%;
      top: -1px;
      border-top: 1px solid #f2f2f2;
      content: '';
   }
   .whitewrapper .title hr {
      border-color:#d4d4d4;
   }
   .image-wrap {
      padding:20px 0;
   }
   .firstcol,
   .secondcol {
      padding:20px 0;
      overflow:hidden;
      position:relative;
      display:block;
   }

/* ################################################################
   3. HEADER SECTIONS 

   NOTE: Please visit seperate 
   pages for different header styles. For example open 
   header1.html and see which functions we used.
################################################################# */

   .topbar {
      border-bottom:1px solid #f2f2f2;
      min-height: 40px;
      font-size:12px;
      padding: 0;
   }
   .topbar ul {
      margin-bottom:0 !important;
   }
   .callus {float:right;}
   .social {float:left;}
   .social,
   .callus {
       line-height: 40px;
   }
   .callus p {
      margin: 0;
      padding: 0;
   }
   .social li {
      float:left;
      width:40px;
      height: 24px;
      line-height: 24px;
      text-align:center;
      list-style:none;
      border-left:1px solid #f2f2f2;
      display: inline-block;
      margin: 0;
      position: relative;
      padding:0;
   }
   .callus li:last-child,
   .social li:last-child {
      border-right:1px solid #f2f2f2;
   }
   .social li a {
      font-size:14px
   }
   .callus li {
      list-style:none;
      border-left:1px solid #f2f2f2;
      float:left;
      text-align:center;
      padding:0 10px;
      height: 24px;
      line-height: 24px;
      text-align:center;
      list-style:none;
      display: inline-block;
      margin: 0;
      position: relative;
   }
   .header {
      background:#ffffff;
      position:relative;
      display:block;
      min-height:108px;
      border-bottom:1px solid #f2f2f2;
   }
   .logo {
      float: left;
      line-height:75px;
      margin: 0;
      padding: 0;
      text-shadow: none;
   }
   .searchicon {
      color: #237DAC;
      z-index: 90;
      float:right;
   }
   #dmsearch {
      float: right !important;
      height: 27px;
      right:0;
      position:absolute;
      margin: 8px 0 0 0 ;
      padding: 0;
   }
   .searchicon:before {
      content: "\f002";
      border-left:1px solid rgba(255, 255, 255, 0.2);
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
      color: #111;
      display: block;
      font-family: 'FontAwesome';
      font-size: 13px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      height: 27px;
      line-height: 27px;
      text-transform: none;
      width: 27px;
   }
   .dmsearch {
      width: 27px;
      z-index: 10;
   }
   .dm-search-container {
      position: absolute;
      right: 0;
      height: 27px;
      width: 0;
      overflow: hidden;
      -webkit-transition: width 200ms;
      -moz-transition: width 200ms;
      transition: width 200ms;
   }
   .dmsearch.dmsearch-open .dm-search-container {
      width: 210px;
   }
   .searchicon,
   input[type="submit"].dmsearch-submit  {
      width: 27px;
      height: 27px;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      line-height: 27px;
      text-align: center;
      cursor: pointer;
   }
   .searchicon {
      z-index: 90;
   }
   .dmsearch.dmsearch-open .searchicon{
      z-index: 1;
      pointer-events: none;
   }
   input[type="submit"].dmsearch-submit {
      background: transparent;
      color: transparent;
      box-shadow: none;
      border: none;
      padding: 0;
      border-radius: 0;
      outline: none;
      z-index: -1;
   }
   .dmsearch.dmsearch-open input[type="submit"].dmsearch-submit {
      z-index: 90;
   }
   input[type="text"].dmsearch-input {
      border: none;
      outline: none;
      opacity: 0;
      background: #ffffff;
      border:1px solid #f2f2f2;
      width: 210px;
      height: 27px;
      margin: 0;
      padding: 2px 7px;
   }
   .dmsearch.dmsearch-open input[type="text"].dmsearch-input {
      opacity: 1;
   }
   ::-webkit-input-placeholder {
      color: #aaaaaa;
   }
   :-moz-placeholder {
      color: #aaaaaa;
   }
   ::-moz-placeholder {
      color: #aaaaaa;
   }
   :-ms-input-placeholder {
      color: #aaaaaa;
   }
   .nav .open > a,
   .nav .open > a:hover,
   .nav .open > a:focus,
   .navbar-default .navbar-nav > .active > a:hover,
   .navbar-default .navbar-nav > .active > a:focus,
   .navbar-nav > li > a:focus,
   .navbar-nav > li > a:hover {
      border-top-color: #e6e6e6;
   }
   .post_meta a,
   .portfolio-filter a,
   .twitter-widget ul li a:hover,
   .social a,
   .topbar p {
      color:#444444;
   }
      
/* ################################################################
   4. FOOTER SECTIONS 

   NOTE: Please visit seperate 
   pages for different footer styles. For example open 
   footer1.html and see which functions we used.
################################################################# */

   .footer1 {
      background-color:#272727;
      padding: 60px 0 45px;
      border-top:3px solid #353a3e;
      color:#444444;
      -moz-box-shadow: inset 0 0 5px 5px #353a3e;
      -webkit-box-shadow: inset 0 0 5px 5px#353a3e;
      box-shadow: inset 0 0 5px 5px #353a3e;
   }
   
   .footer1 .form-control {
      background-color:#363636;
      border-color:#222222;   
   }
      
   .footer1 .title h3 {
      font-weight:bold;
      padding:10px 0;
      font-size:18px;
      text-transform:uppercase;
   }
   
   .copyright1 {
      background-color:#ffffff;
      min-height: 40px;
      border-bottom:1px solid #f2f2f2;
      color:#292723;
      padding:30px 0 10px;
      font-weight:400;
   }
   .footer-social li {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #292723;
      border:1px solid #888;
      display:inline-block;
      font-size: 15px;
      height: 40px;
      line-height: 40px;
      margin: 30px 5px 5px;
      position: relative;
      text-align: center;
      width: 40px;
      z-index: 5;
   }
   .footer-social li:hover a,
   .footer-social li:hover i {
      color:#ffffff;
   }
   
   .product_title a,
   .portfolio-wrap .title1 a,
   .miniboxes strong,
   .blog_wrap .title h3 a,
   .post_meta i,
   .copyright1 a {
      color:#292723;
      font-weight:400;
   }
   .footerlogo {
      padding:10px 0;
   }
   .footer-menu ul{
      list-style:none;
      list-style-position:outside;
      float:right;
      display:inline;
      margin:5px;
   }   
   .footer-menu li{ 
      line-height:12px;
      float:left;
      padding:0 7px; 
   }

/* ################################################################
   5. SIDEBARS AND WIDGETS
################################################################# */

   .tabbable .title {
      margin:0 0 5px;
   }
   .about_widget img {
      padding-right:15px;
   }
   .tabbable .about_skills {
      margin:0;
   }
   .about_tabbed,
   .about_skills  {
      margin:40px 0
   }
   .tab-content {
      border-left:1px solid #efefef;
      border-bottom:1px solid #efefef;
      border-right:1px solid #efefef;
   }
   .nav-tabs > li > a {
      border: 1px solid #EFEFEF;
      line-height: 1.42857;
      margin-right: 0;
   }
   .nav-stacked li:last-child {
      border-bottom:0 solid #efefef !important;
   }
   .nav-stacked > li > a {
      color:#444444;
      border:0 solid #efefef !important;
   }
   .nav-stacked li {
      border-top:0 solid #efefef !important;
      border-left:0 solid #efefef !important;
      border-bottom:1px solid #efefef !important;
      border-right:0 solid #efefef !important;
   }
   .panel-title:after {
      content: "\f078";
      color: #292723;
      float:right;
      display: block;
      font-family: 'FontAwesome';
      font-size: 13px;
      margin-top:-20px;
        pointer-events: none;
      position:relative;
      line-height: 20px;
      text-transform: none;
   }
   .panel-body .title h3 {
      font-size: 16px;
      margin: 10px 0 20px;
   }
   .panel-body .form-control {
      margin-bottom:0;
   }
   .panel-group .panel-heading + .panel-collapse .panel-body,
   .panel-default {
      border: 0 solid #FFFFFF !important;
      box-shadow: 0 0 #FFFFFF;
      background: none;
   }
   .panel-default > .panel-heading {
      background-color: #FFFFFF;
      padding:16px;
      border: 1px solid #A9A9A9;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
   }
   .panel-default > .panel-heading a {
      font-size:18px;
      color:#292723;
   }
   .about_skills .progress {
      height:5px !important;
      background-color:#dfe5e9;
   }
   .about_skills h4 {
      font-size:13px;
      font-weight:normal;
      color:#444444;
   }
   .newsletter_widget {
      background:#ffffff;
      border:1px solid #efefef;
      padding:30px;
      margin-top:30px;
   }
   .newsletter_widget h2{
      text-transform:uppercase;
      font-size:24px;
   }
   .shopstyle1 img {
      width:100%;
   }
   .popular_items img {
      width:105px;
      padding-right:10px;
      float:left;
   }
   .popular_items {
      margin:20px 0;
   }
   .popular_items .popular_items_div {
      display: block;
      margin-top: 20px;
      overflow: hidden;
      position: relative;
   }
   .popular_items .popular_items_div  h4{
      margin-bottom:5px !important;
   }
   #contact1 .form-control {
      margin-bottom:25px;
   }
   .contact-widget {
      background-image:url(http://hesem.eu/plantilla/images/footermap.png);
       background-size: 100%;
      background-position: top center;
      background-repeat:no-repeat;
    }
    .cart_list li,
   .contact-widget ul li {
      list-style:none;
      padding-bottom:10px;
      margin-bottom:10px;
   }
   .contact-widget .social {
      padding-top:10px;
      border-top:1px solid #3a3a3a !important;
   }
   .contact-widget .social li:last-child {
      border-right:0 solid #fff;
   }
   .contact-widget .social li {
      border-left: 0 solid #F2F2F2;
      height: 35px;
      line-height: 35px;
      width: 35px;
   }
   .contact-widget i {
      font-size:15px;
      padding-right:5px;
   } 
   .twitter-widget ul li {
      display:inline-block;
      list-style:none;
   }
   .twitter-widget ul li:before {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #ffffff;
      border:1px solid #888;
      float: left;
      font-size: 12px;
      height: 35px;
      line-height: 35px;
      margin: 5px 10px 5px 0;
      position: relative;
      text-align: center;
      width: 35px;
      z-index: 5;
      font-family: 'FontAwesome';
      speak: none;
      content: "\f099";
      -webkit-font-smoothing: antialiased;
   }
   .tagcloud a { 
      float: left; 
      display: block; 
      margin-bottom: 6px; 
      margin-right: 6px; 
      padding: 5px 10px; 
      color: #444444 !important;
      text-decoration: none; 
      border:1px solid #f2f2f2;
      box-shadow:none !important;
   }
   
   .tagcloud a:hover {
      background: #232527;
      border:1px solid inherit;
      color: #fff !important; 
      text-decoration: none; 
   }
   .widget {
      padding-bottom:20px;
      margin-bottom:20px;
   }
   .widget .title h3 {
      font-size:18px;
   }
   #search_form:after {
      color: #d9d9d9;
      font-size: 12px;
      height: 35px;
      line-height: 35px;
      position: absolute;
      width: 35px;
      right:0;
      top:0;
      font-family: 'FontAwesome';
      content: "\f002";
   }
   #sidebar .tabbable {
      margin-top:20px;
   }
   .recent_posts li {
      list-style:none;
      margin-bottom:20px;
   }  
   .recent_posts li:last-child {
      margin-bottom:0;
   }
   .recent_posts > li img {
      width: 50px;
   }  
   .recent_posts img {
      margin: 0 10px 0 0;
   }  
   .tabbable .valign h4 {
      color:#444444;
      font-size: 14px !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
   }
   .tabbable .valign .recent_post_img {
      width:50px;
   }
   #sidebar .valign > div {
      display: table-cell;
      vertical-align: top;
   }
   .darkbg p,
   .darkbg a,
   .portfolio-wrap .portfolio_cat a,
   #sidebar {
      color:#444444;
   }
   .recent_posts_widget > li {
      display: table;
      height: 60px;
      margin-top:20px;
      width: 100%;
   }
   .recent_posts_widget > li:last-child {
      border-bottom:0 solid #fff;
   }
   .recent_posts li {
      list-style:none
   }  
   .recent_posts_widget a {
      color:#444444;
   }
   .recent_posts_widget > li img {
      max-width: 50px;
   }  
   
   .recent_posts_widget img {
      float: left;
      margin: 5px 15px 0 0;
   }  
   .flickr-gallery {
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
   }
   .footer1 .flickr-gallery li {
      border-color:#333333;
   }
   .flickr-gallery li {
      margin: 2px;
      width:61px;
      border:3px solid #ffffff;
      float: left;
   }
   .flickr-gallery li:hover {
      border:3px solid #ffffff;
   }

   .client {
      margin:30px 0 0;
   }

   .testimonial_wrap {
      margin:40px 0; 
   }
   
   .testimonial_details {
      border:1px solid #d3d3d3;
      padding:20px 20px 0;
      -webkit-transition: background-color .4s linear, color .4s linear;
      -moz-transition: background-color .4s linear, color .4s linear;
      -o-transition: background-color .4s linear, color .4s linear;
      -ms-transition: background-color .4s linear, color .4s linear;
      transition: background-color .4s linear, color .4s linear;
   }
   
   .twitter_widget .details,
   .testimonial_widget .details {
      font-size:18px;
      padding:15px 0;
   }
   .twitter_widget,
   .testimonial_widget {
      padding:0 50px;
   }
   .twitter_widget .lead,
   .testimonial_widget .lead {
      font-weight:100;
      font-size:24px;
      color:#ffffff;
      font-style:normal;
   }
   .twitter_widget .lead:before{
      content: "\f099";
      font-family: "FontAwesome";
      font-size: 23px;
      padding:5px 10px;
   }
   .testimonial_widget .lead:after {
      content: "\f10e";
      font-family: "FontAwesome";
      font-size: 13px;
      padding:5px;
   }
   .testimonial_widget .lead:before{
      content: "\f10d";
      font-family: "FontAwesome";
      font-size: 13px;
      padding:5px 10px;
   }
   .twitter_widget .details span {
      font-size:18px;
      line-height:18px;
      font-weight:400;
      color:#ffffff;
      text-decoration:none;
      padding:10px;
      border-width:0px;
      border-style:none;
   }
   .messagebox1 .lead {
      color:#ffffff;
      font-style:normal;
      padding:10px 0 30px;
   }
   .messagebox1 h1,
   .testimonial_widget .details span {
      border-style: none;
      border-width: 0;
      color: #FFFFFF;
      font-family: 'Pacifico',cursive;
      font-size: 38px;
      font-weight: 400;
      line-height: 1.6;
      padding: 0;
      text-decoration: none;
   }
   .darkwrapper .testimonial_details {
      border-color:transparent;
   }
   .testimonial_details img {
      margin: 3px 20px 20px 0;
      width: 80px;
   }
   .skills_boxes,
   .teambox {
      margin:40px 0
   }
   .teambox img {
      width:100%;
   }
   .teambox .title h3 {
      padding:25px 0 5px;
      margin-bottom:0 !important;
   }
   .teambox .title .lead {
      margin:10px 0;
   }
   
/* ################################################################
   6. SLIDESHOW STYLES
################################################################# */

   #aboutslider {
      margin-bottom:50px;
   }
   #aboutslider:after {
      background:url(http://hesem.eu/plantilla/images/flexslider_shadow.png) no-repeat center bottom;
      position:absolute;
      bottom:0;
   }
   .aboutslider-shadow {
     width:100%;
     position:relative;
     z-index:1;
   }
   .aboutslider-shadow .s1 {
     background:url(http://hesem.eu/plantilla/images/flexslider_shadow.png) center no-repeat;
     height:29px;
     margin:0 auto;
     bottom:-28.5px;
     overflow:hidden;
     width:100%;
     position:absolute;
     left:0;
   }
   #slider4container .tparrows:before,
   #slider4container .tparrows:hover,
   #slider4container .tparrows {
      color: #000 !important;
   }
   #slider4container .tparrows {
      background:#fff !important;
      background:rgba(255,255,255,0.5) !important;
   }
   #slider4container .tparrows:hover   {
      background:#fff !important
   }
   .boxedcontainer   {
      max-width: 1170px; 
      margin:auto; 
      padding:0px 30px;
   }
   .portfolio-wrap-sidebar img,
   .portfolio-wrap img,
   .tp-banner-container{
      width:100%;
      position:relative;
      padding:0;
   }
   .tp-banner{
      width:100%;
      position:relative;
   }
   .tp-banner-fullscreen-container {
      width:100%;
      position:relative;
      padding:0;
   }
   .tp-bullets.simplebullets.navbar {
      height: 35px;
      padding: 0px 0px;
   }
   .tp-bullets.simplebullets .bullet {
      cursor: pointer;
      position: relative !important;
      background: rgba(255, 255, 255, 0.5) !important;
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      width: 6px !important;
      height: 6px !important;
      border: 5px solid rgba(0, 0, 0, 0);
      display: inline-block;
      margin-right: 2px !important;
      margin-bottom: 14px !important;
      -webkit-transition: background-color 0.2s, border-color 0.2s;
      -moz-transition: background-color 0.2s, border-color 0.2s;
      -o-transition: background-color 0.2s, border-color 0.2s;
      -ms-transition: background-color 0.2s, border-color 0.2s;
      transition: background-color 0.2s, border-color 0.2s;
      float:none !important;
   }
   .tp-bullets.simplebullets .bullet.last {
      margin-right: 0px
   }
   .tp-bullets.simplebullets .bullet:hover,
   .tp-bullets.simplebullets .bullet.selected {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      background: rgba(255, 255, 255, 1) !important;
      width: 6px !important;
      height: 6px !important;
      border: 5px solid #fff;
   }  
   .tparrows:before {
      font-family: 'revicons';
      color: #fff;
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      margin-right: 0;
      margin-top: 8px;
      text-align: center;
      width: 50px;
      font-size: 20px;
   }
   .tparrows {
      cursor: pointer;
      background: rgba(0, 0, 0, 0.3) !important;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      width: 50px !important;
      height: 50px !important;
   }
   .tparrows:hover {
      color: #fff;
   }
   .tp-leftarrow:before {
      content: '\e824';
   }
   .tp-rightarrow:before {
      content: '\e825';
   }
   .tparrows.tp-rightarrow:before {
      margin-left: 1px;
   }
   .tparrows:hover {
      background: rgba(0, 0, 0, 1) !important;
   }
   .owl-carousel .owl-wrapper:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
   }
   .owl-carousel{
      display: none;
      position: relative;
      width: 100%;
      -ms-touch-action: pan-y;
   }
   .owl-carousel .owl-wrapper{
      display: none;
      position: relative;
      -webkit-transform: translate3d(0px, 0px, 0px);
   }
   .owl-carousel .owl-wrapper-outer{
      overflow: hidden;
      position: relative;
      width: 100%;
   }
   .owl-carousel .owl-wrapper-outer.autoHeight{
      -webkit-transition: height 500ms ease-in-out;
      -moz-transition: height 500ms ease-in-out;
      -ms-transition: height 500ms ease-in-out;
      -o-transition: height 500ms ease-in-out;
      transition: height 500ms ease-in-out;
   }
   .owl-carousel .owl-item{
      float: left;
   }
   .owl-controls .owl-page,
   .owl-controls .owl-buttons div{
      cursor: pointer;
   }
   .owl-controls {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
   .grabbing { 
      cursor:url(http://hesem.eu/plantilla/images/grabbing.png) 8 8, move;
   }
   .owl-carousel  .owl-wrapper,
   .owl-carousel  .owl-item{
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility:    hidden;
      -ms-backface-visibility:     hidden;
      -webkit-transform: translate3d(0,0,0);
      -moz-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
   }
   .owl-theme .owl-controls{
      margin-top: 10px;
      text-align: center;
   }
   .owl-theme .owl-controls .owl-buttons div{
      color: #FFF;
      display: inline-block;
      zoom: 1;
      *display: inline;/*IE7 life-saver */
      margin: 5px;
      padding: 3px 10px;
      font-size: 12px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      background: #869791;
      filter: Alpha(Opacity=50);/*IE7 fix*/
      opacity: 0.5;
   }
   .owl-theme .owl-controls.clickable .owl-buttons div:hover{
      filter: Alpha(Opacity=100);/*IE7 fix*/
      opacity: 1;
      text-decoration: none;
   }  
   .owl-theme .owl-controls .owl-page{
      display: inline-block;
      zoom: 1;
      *display: inline;/*IE7 life-saver */
   }
   .owl-theme .owl-controls .owl-page span{
      border:1px solid #212121;
      border-radius: 0;
      display: block;
      height: 4px;
      margin: 5px 6px;
      width: 25px;
      background:#ffffff;
   }
   .owl-theme .owl-controls .owl-page span.owl-numbers{
      height: auto;
      width: auto;
      color: #FFF;
      padding: 2px 10px;
      font-size: 12px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
   }
   .owl-item.loading{
      min-height: 150px;
      background: url(http://hesem.eu/plantilla/images/AjaxLoader.gif) no-repeat center center
   }
   
/* ################################################################
   7. SHOP STYLES
################################################################# */

   .grid {
      margin-bottom:30px;
      overflow:hidden;
   }
   .grid figure {
      margin: 0;
      position: relative;
   }
   
   .grid figure img {
      max-width: 100%;
      display: block;
      position: relative;
   }
   
   .grid figcaption {
      position: absolute;
      top: 0;
      left: 0;
      background:#EC644B;
      color: #EAEAEA;
   }
   
   .grid figcaption h3 {
      text-align:left;
      padding: 0;
      margin:0;
      font-size:14px;
      color: #fff;
   }
   .grid figcaption h3 i {
      margin-right:10px;
   }
   .grid figcaption a {
      text-align: center;
      display: inline-block;
      cursor:pointer;
      font-size:13px;
      color: #ffffff !important;
      line-height:50px;
   }
   .grid figcaption a:hover {
      opacity:1;
      text-decoration:none;
   }
   .cs-style-3 figure {
      overflow: hidden;
   }
   .cs-style-3 figure img {
      -webkit-transition: -webkit-transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      transition: transform 0.4s;
   }
   .no-touch .cs-style-3 figure:hover img,
   .cs-style-3 figure.cs-hover img {
      -webkit-transform: translateY(-50px);
      -moz-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
   }
   .cs-style-3 figcaption {
      height: 50px;
      width: 100%;
      top: auto;
      bottom: 0;
      opacity: 0;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      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 .cs-style-3 figure:hover figcaption,
   .cs-style-3 figure.cs-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;
   }
   .cs-style-3 figcaption a.external {
      bottom: 0;
      color: #FFFFFF;
      display: block;
      height: 50px;
      position: absolute;
      left: 0;
      border-left:1px solid #32D3FF;
      text-align: center;
      width: 25%;
   }
   .cs-style-3 figcaption a.zoom {
      bottom: 0;
      color: #FFFFFF;
      display: block;
      height: 50px;
      position: absolute;
      left: 25%;
      border-left:1px solid #32D3FF;
      text-align: center;
      width: 25%;
   }
   .cs-style-3 figcaption a.addtocart {
      bottom: 0;
      color: #FFFFFF;
      display: block;
      height: 50px;
      position: absolute;
      right: 0;
      border-left:1px solid #32D3FF;
      text-align: center;
      width: 50%;
   }
   .cs-style-3 i {
      font-size:14px;
   }
   .cs-style-3 figcaption a.addtocart:hover,
   .cs-style-3 figcaption a.zoom:hover,
   .cs-style-3 figcaption  a.external:hover {
      background:#292723;
   }
   .onsale {
      bottom: auto;
      color: #FFFFFF;
      height: 50px;
      left: 20px;
      margin: 0;
      padding: 0;
      position: absolute;
      right: auto;
      text-align: left;
      top: 20px;
      width: 50px;
      z-index: 1;
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      line-height: 50px;
      text-align: center;
   }
   .price-detail {padding-bottom:5px;}
   .product_title h3 {
      font-size:18px;
      padding:15px 0 0;
      margin-bottom:8px;
   }
   #calculate input {margin-top:10px}
   .product-content .price1 { overflow: auto; padding:5px 5px 5px; margin-bottom:0; font-size:28px; font-weight:normal; }
   .product-content .price1-old { font-size:17px; text-decoration: line-through; }
   .product-content .price1-new { font-weight:600; font-size:25px }
   .product-content .price1-tax { font-size: 12px; font-weight: normal;  }
   .product-content .price1 .reward { font-size: 12px; margin:10px 0; font-weight: normal;display:block; }
   .product-content .price1 .discount { font-weight: normal; font-size: 12px; }
   .product-content select {width:100%;}
   .product-content .general {padding-top:15px;}
   .form-verif {
      background-color: #FFFFFF;
      background-image: none;
      border: 1px solid #E9E9E9;
      border-radius: 0;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      color: #555555;
      display: block;
      font-size: 14px;
      height: 30px;
      line-height: 1.42857;
      margin: -4px;
      padding: 6px 12px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
      vertical-align: middle;
      width: 35px;
   }
   div.thumbnails{padding-top:10px;zoom:1}
   div.thumbnails a{float:left;width:30%;margin-right:4.9%}
   div.thumbnails a img{width:100%;height:auto}
   div.thumbnails a.last{margin-right:0}
   div.thumbnails a.first{clear:both}

/* ################################################################
   8. PORTFOLIO STYLES
################################################################# */

   #centered_grid {
      padding: 0;
      margin: 0 auto !important;
   }
   .portfolio {
      text-align: none;
      overflow: visible !important;
      margin: auto !important;
      margin-top: 0 !important;
   }
   .portfolio-columns,
   .portfolio_classic {  
      overflow: hidden;
      padding: 0 0 30px;
      width: 100%;
   }
   #related_items {
      overflow: hidden;
      padding: 20px 0;
      margin:0;
      width: 100%;
   }
   #related_items .item {
      padding:10px !important; 
   }
   .portfolio-wrap {  
      overflow: hidden;
      padding: 0;
      margin:0;
      width: 100%;
   }
   .portfolio-wrap.portfoliopadding {
      border-bottom:1px double #efefef;
      border-top:1px double #efefef;
      margin:5px 0;
   }
   .portfolio-wrap.portfoliopadding:last-child {  
      border-bottom:0 solid #ffffff !important;
   }
   .portfolio-wrap.portfoliopadding:first-child {  
      border-top:0 solid #ffffff !important;
   }
   .portfolio-wrap .title1 { 
      margin-top:20px;
      display:block;
   }
   .portfolio-wrap .portfolio_cat {
      display: block;
      margin: 13px 0 0;
   }
   .portfolio_desc .title1 h3 {
      font-size:18px !important;
   }
   .portfolio_desc.mini .title1 h3 {
      font-size:15px !important;
   }
   .paddingtop .item {
      border:0 solid #fff !important;
   }
   
   .portfolio_wrapper .item {
      background:#ffffff;
   }
   .portfolio_wrapper .item img {
      width:100%;
   }
   .portfolio-filter ul {
      list-style:none; 
      padding-left:10px
   }
   .portfolio-filter {
      text-align: center;
      margin: 15px 0;
      padding:20px 0;
   }
   .portfolio-filter li {
      display: inline;
      margin-right: 15px;
      padding: 0;
   }
   .portfolio-filter li a {
      font-size:14px;
   }
   .portfolio-filter li a.orange:before {
      background-color:#ff6c13 !important;
   }
   .portfolio-filter li a.purple:before {
      background-color:#574de5 !important;
   }
   .portfolio-filter li a.yellow:before {
      background-color:#e2e41f !important;
   }  
   .portfolio-filter li a.blue:before {
      background-color:#21c2f8 !important;
   }  
   .portfolio-filter li a:before {
      background:#111111;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      content: "";
      display: inline-block;
      height: 10px;
      margin-right: 5px;
      position: relative;
      width: 10px;
   }
   .portfolio_image {
      position:relative;
      overflow:hidden;
      width:100%;
   }
   .hovereffect {
      position:relative;
      cursor:pointer;
      padding:0;
      width:auto;
      height:auto;
   }
   .portfolio_cat i {
      padding-right:5px;
   }
   .masonry_wrapper .item {
      float: left;
      width: 20%;
      height: 157px;
      margin: 0 2px 4px;
      padding:4px;
      background-color:#ffffff;
   }
   .masonry_wrapper .item img {
     height: auto;
     width: 100%;
     position: relative;
     z-index: -2;
   }
   .masonry_wrapper .item-w2 {
      width: 40%;
      background: #ffffff;
   }
   .masonry_wrapper .item-h2 {
      height: 322px;
      background: #ffffff;
   }
   .masonry_wrapper .item-h3 {
      height: 485px;
      background: #ffffff;
   }
   .isotope-item {
     z-index: 2;
   }
   .isotope-hidden.isotope-item {
     pointer-events: none;
     z-index: 1;
   }
   .isotope,
   .isotope .isotope-item {
     -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
         -o-transition-duration: 0.8s;
           transition-duration: 0.8s;
   }
   .isotope {
     -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
           transition-property: height, width;
   }
   .isotope .isotope-item {
     -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:      -o-transform, opacity;
           transition-property:         transform, opacity;
   }  
   .isotope.no-transition,
   .isotope.no-transition .isotope-item,
   .isotope .isotope-item.no-transition {
     -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
           transition-duration: 0s;
   }
   
/* ################################################################
   9. BLOG STYLES
################################################################# */

   .blog_button {
      -moz-user-select: none;
      background: #292723;
      border: 1px solid #efefef;
      color: #ffffff !important;
      cursor: pointer;
      display: inline-block;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.42857;
      margin-bottom: 30px;
      padding: 10px 23px;
      text-align: center;
      vertical-align: middle;
      white-space: nowrap;
   }
   #timeline {
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: relative;
      overflow: hidden;
      background: url(http://hesem.eu/plantilla/images/timeline.png) repeat-y top center;
   }
   #timeline .timeline-item {
      clear: both;
      margin: 0 10px;
      width: 50%;
      float: left;
   }
   #timeline .blog-columns { 
      padding:0 0 0 0 ;
   }
   #timeline .blog-columns {
      margin: 0 60px 0 0;
      position: relative;
   }
   #timeline .timeline-item:nth-child(2n) {
      float: right;
   }
   #timeline .timeline-item:nth-child(2n) .blog-columns {
      margin-left: 60px;
      margin-right: 0;
   }
   #timeline .timeline-item {
      background: url(http://hesem.eu/plantilla/images/timeline1.png) no-repeat right center;
   }
   #timeline .timeline-item:nth-child(2n) {
      background: url(http://hesem.eu/plantilla/images/timeline2.png) no-repeat left center;
   }
   .blog-columns {
      background:#ffffff;
      border:1px solid #efefef;
      margin-bottom:30px;
   }
   .blog-columns img {
      width:100%;
   }
   .blog-content {
      padding:20px;
   }
   .blog-columns .title h3 {
      border-bottom: 1px solid #DADADA;
      font-size: 16px;
      padding-bottom: 15px;
   }
   .blog-columns .title h3 a {
      color: #292723;
      font-weight: 400;
   }
   .blog-columns .post_meta span i {
      padding-right: 5px;
   }
   .blog-columns .post_meta span {
      padding-right: 5px;
   }
   .blog-columns .post_meta {
      padding: 0 0 15px;
   }
   .quote-post {
      background:#f2f2f2;
      position: relative;
      padding:20px 10px;
   }
   .quote-post:after {
      font-family: 'FontAwesome';
      content: "\f10e";
      padding-right:20px;
      right:0;
      position:absolute;
      top:50px;
      color:#000000;
      font-size:600%;
      opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20);
   }
   .quote-post blockquote {
      border-left:0px solid #fff;
   }
   .postwrapper {
      background-color: #FFFFFF;
      padding: 60px 0;
      border-top:1px solid #e0e0e0;
   }
   .post-wrapper-top {
      background-color:#eeeeee;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      z-index: 0;
      border-bottom: 3px solid #ffffff;
      margin-bottom: 0;
      padding:0;
      position: relative;
      text-align: left;
   }
   .breadcrumb > li + li:before {
      font-size:13px;
   }
   .post-wrapper-top h2 {
      border-bottom: 3px solid #fff;
      display: inline-block;
      font-size:24px;
      padding: 40px 0;
      color:#ffffff;
      position: relative;
      margin-bottom:-3px;
   }
   .breadcrumb {
      background-color: rgba(0, 0, 0, 0);
      border-left: 0 solid #63B76C;
      border-radius: 0;
      font-size:18px;
      color:#ffffff;
      font-weight:400;
      list-style: none outside none;
      padding: 40px 0 0;
   }
   .breadcrumb > li + li:before {
      content:"";
      background:url(http://hesem.eu/plantilla/images/breadcrumb.png) no-repeat center top;
      margin:0px 5px;
      padding:0 10px
   }
   .authorbox_wrapper {
      padding:20px;
      border-bottom: 1px solid #EFEFEF;
      margin-bottom: 50px;
   }
   .authorbox_wrapper img {
      margin:0 20px 20px 0;
      width:100px !important;
   }
   .authorbox_wrapper h4 {
      margin-bottom:0;
      padding-bottom:0;
   }
   .authorbox_wrapper p {
      padding-top:5px;
      margin-top:5px;
   }
   #comments_wrapper {margin:60px 0}
   .reviews .comment-list {margin:20px 0 40px}
   .comment-list {
      margin: 60px 0;
      list-style:none;
   }
   .comment-list ul li,
   .comment-list ol li {list-style:none;}
   .comment-avatar {
      margin: 0 20px 0 0;
      float: left;
      height: 70px; width: 70px;
   }
   .comment-content {
      background: #f2f2f2;
      border: 1px solid #efefef;
      margin-bottom: 20px;
      overflow: hidden;
      padding: 20px;
   }
   .comment-author {
      margin-bottom: 10px;
   }
   .comment-meta {
      font-size: 12px;
      color: #aaa;
      padding-left:10px;
   }
   .comment-reply {
      margin:-10px -5px 0 0;
      float: right;
      font-size: 12px;
      color: #ffffff;
   }
   .leave-comment textarea {
      height: 150px;
   }
   .pagination > li > a, .pagination > li > span {
      background-color: #272727;
      color: #FFFFFF;
      float: left;
      line-height: 1.82857;
      margin-left: 5px;
      padding: 6px 15px;
      position: relative;
      text-decoration: none;
   }
   .blog_wrap {
      margin:50px 0 0;
   }
   .single_wrap .title {
      margin:30px 0 10px !important;
   }
   .postwrapper .blog_wrap {
      margin: 0 0 30px;
   }
   .blog_wrap img {
      width:100%;
   }
   .blog_wrap .title {
      margin-bottom:30px
   }
   .blog_wrap .post_desc {
      padding:20px 0;
   }
   .blog_wrap .title h3 {
      border-bottom: 1px solid #dadada;
      display: flex;
      font-size: 18px;
      padding-bottom: 15px;
   }
   .blog_wrap .post_meta i {
      padding-right:4px;
   }
   .blog_wrap .post_meta span {
      padding-right:10px;
   }

/* ################################################################
   10. SERVICES STYLES
################################################################# */

   .custom-box {
      border:1px solid #a9a9a9;
      text-align:center;
      padding:50px 20px 10px;
      margin:60px 0 30px;
      -webkit-transition: border-color .4s linear, color .4s linear;
      -moz-transition: border-color .4s linear, color .4s linear;
      -o-transition: border-color .4s linear, color .4s linear;
      -ms-transition: border-color .4s linear, color .4s linear;
      transition: border-color .4s linear, color .4s linear;
   }
   .custom-box:hover .diamondicon i,
   .serviceicon:hover i,
   .service-square-icon i,
   .service-box .serviceicon:hover i,
   .custom-box:hover .serviceicon i {
      color:#ffffff !important;
   }
   .service-square-icon i {
      font-size:18px;
   }
   .service-square {
      margin:40px 0 20px;
   }
   .service-square .title h3  {
      font-size:18px !important;
      margin-bottom:14px;
   }
   .service-square-icon {
      width:65px;
      height:65px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      line-height:65px;
      background:#fff;
      text-align:center;
      margin:3px 15px 15px 0;
   }
   .custom-box .icn-main-container {
      top: 25px;
      position: absolute;
      left: 0;
      right: 0;
   }
   .service-square .title h3  {
      font-size:18px !important;
      margin-bottom:7px;
   }
   .service-box .title h3,
   .service-icon .title h3 {
      font-size:18px !important;
      font-weight:normal;
   }
   .service-box .title {
      padding-top:20px;
   }
   .service-box .serviceicon {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #292723;
      background:#ffffff;
      border:1px solid #a9a9a9;
      height: 85px;
      margin:0 auto;
      line-height: 95px;
      position: relative;
      text-align: center;
      width: 85px;
      z-index: 5;
   }
   .custom-box .serviceicon {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #292723;
      background:#ffffff;
      border:1px solid #a9a9a9;
      font-size: 21px;
      height: 65px;
      margin:0 auto;
      line-height: 65px;
      position: relative;
      text-align: center;
      width: 65px;
      z-index: 5;
   }  
   .diamondicon {
      width: 60px; 
      height: 60px; 
      background: #ffffff;
      border:1px solid #a9a9a9;
      line-height:60px;
      margin:17px 35% 0 auto;
      /* Rotate */
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
         transform: rotate(-45deg);
      /* Rotate Origin */
         -webkit-transform-origin: 0 100%;
         -moz-transform-origin: 0 100%;
         -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
         transform-origin: 0 100%;
   }
   .diamondicon .diamondicon-icon  {
      color:#292723;
      font-size:21px;
   }
   .serviceicon.smallradius,
   .custom-box .serviceicon.smallradius {
      -webkit-border-radius: 5px !important;
      -moz-border-radius: 5px !important;
      border-radius: 5px !important;
   }
   .servicesbox .title h3 {
      font-size:18px;
      line-height:50px;
   }
   .servicesbox p {
      display:block;
   }
   .servicesbox .title i {
      font-size:18px !important;
   }
   .blog_wrap .post_date,
   .servicesbox .serviceicon {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #292723;
      border:1px solid #888;
      float: left;
      font-size: 15px;
      height: 54px;
      line-height: 54px;
      margin-right: 10px;
      position: relative;
      text-align: center;
      width: 54px;
      z-index: 5;
   }
    #services .item{
      margin: 0;
      padding:10px;
      display: block;
      width: 100%;
      height: auto;
    }
   .serviceslist {
      list-style-type: none;
      margin: 60px 0;
      padding: 0;
      position: relative;
      overflow: hidden;
   }
   .serviceslist .service-icon .serviceicon {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      color: #ffffff;
      background:#f6f6f6;
      border:1px solid #888;
      font-size: 15px;
      height: 65px;
      line-height: 65px;
      margin-right: 10px;
      position: relative;
      text-align: center;
      width: 65px;
      z-index: 5;
   }
   .serviceslist .servicelistbox .serviceicon {
      margin:4px 20px 0;
   }
   .serviceslist .col-lg-6,
   .serviceslist .col-md-6,
   .serviceslist .col-sm-6,
   .serviceslist .col-xs-6 {
      padding:0 !important
   }
   .servicelistbox {
      color:#959595;
      margin-top:40px;
   }
   .servicelistbox .service-icon .title h3 {
      font-size:18px !important;
   }
    .service-icon .title h3 {
      font-size:15px !important;
   }
   .miniboxes .title {
      padding:10px 0;
   }
   .miniicon {
      background:#ffffff;
      height: 50px;
      line-height:55px;
      margin: 35px auto;
      color:#ffffff;
      position: relative;
      width: 90px;
   }
   .miniicon:before {
      border-bottom: 25px solid #FF0000;
      border-left: 45px solid rgba(0, 0, 0, 0);
      border-right: 45px solid rgba(0, 0, 0, 0);
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      top: -25px;
      width: 0;
   }
    .miniicon:after {
      border-left: 45px solid rgba(0, 0, 0, 0);
      border-right: 45px solid rgba(0, 0, 0, 0);
      border-top: 25px solid #FF0000;
      bottom: -25px;
      content: "";
      height: 0;
      left: 0;
      position: absolute;
      width: 0;
   }
   .dm_featured_box_bg {
      background: url(demos/featuredbg.png) no-repeat scroll center center rgba(0, 0, 0, 0);
      margin: 0 auto;
      width: 100%;
      padding-top:100px;
      min-height:700px;
   }
   .dm_featured_box {
      float: left;
      list-style: none outside none;
      margin: 0;
      padding: 30px 60px 0 0;
      position: relative;
      text-align: right;
      width: 38%;
   }
   .dm_featured_box:nth-of-type(2n){
      float:right;
      text-align:left;
      padding:30px 0 0 60px;
   }
   .dm_featured_box_bg .service-icon {
      background:none !important;
   }
   .greybg .serviceslist .service-icon .serviceicon {
      background:#ffffff;
   }

/* ################################################################
   11. CSS3 ANIMATION EFFECTS
################################################################# */

   [class*=".effect-"] {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     perspective: 1000;
   }
   
   .effect-fade {
     opacity: 0;
   }
   .effect-fade.in {
     opacity: 1;
   }
   .effect-slide-left {
     -webkit-transform: translate3d(-30%, 0, 0);
     transform: translate3d(-30%, 0, 0);
     opacity: 0;
   }
   .effect-slide-left.in {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
   .effect-slide-right {
     -webkit-transform: translate3d(30%, 0, 0);
     transform: translate3d(30%, 0, 0);
     opacity: 0;
   }
   .effect-slide-right.in {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
   .effect-slide-top {
     -webkit-transform: translate3d(0, -30%, 0);
     transform: translate3d(0, -30%, 0);
     opacity: 0;
   }
   .effect-slide-top.in {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
   .effect-slide-bottom {
     -webkit-transform: translate3d(0, 30%, 0);
     transform: translate3d(0, 30%, 0);
     opacity: 0;
   }
   .effect-slide-bottom.in {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     opacity: 1;
   }
   .effect-pop {
     opacity: 0;
   }
   .effect-pop.in {
     -webkit-animation: pop 0.6s ease-out 0.5s both;
     -moz-animation: pop 0.6s ease-out 0.5s both;
     -o-animation: pop 0.6s ease-out 0.5s both;
     animation: pop 0.6s ease-out 0.5s both;
     opacity: 1 \9;
   }
   @-webkit-keyframes pop {
     0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
     50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
     }
     100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
   }
   @-moz-keyframes pop {
     0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
     50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
     }
     100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
   }
   @-o-keyframes pop {
     0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
     50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
     }
     100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
   }
   @keyframes pop {
     0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
     50% {
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 1;
     }
     100% {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
     }
   }
   .effect-fall {
     opacity: 0;
     -webkit-transform: scale(1.5);
     -ms-transform: scale(1.5);
     transform: scale(1.5);
   }
   .effect-fall.in {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     opacity: 1;
   }
   .effect-perspective {
     -webkit-perspective: 1300px;
     -moz-perspective: 1300px;
     perspective: 1300px;
   }
   .effect-helix {
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     transform-style: preserve-3d;
     opacity: 0;
     -webkit-transform: rotateY(-180deg);
     -ms-transform: rotateY(-180deg);
     transform: rotateY(-180deg);
   }
   .effect-helix.in {
     opacity: 1;
     -webkit-transform: rotateY(0);
     -ms-transform: rotateY(0);
     transform: rotateY(0);
   }
   .hovicon {
      display: inline-block;
      line-height: 75px;
      cursor: pointer;
      margin: 15px 0;
      width: 75px;
      height: 75px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      text-align: center;
      position: relative;
      text-decoration: none;
      z-index: 1;
      color: #fff;
   }
   .hovicon:after {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      content:'';
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
   }
   .hovicon:before {
      speak: none;
      line-height: 80px;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      display: block;
      -webkit-font-smoothing: antialiased;
   }
   .hovicon.effect-1 {
      -webkit-transition: background 0.2s, color 0.2s;
      -moz-transition: background 0.2s, color 0.2s;
      transition: background 0.2s, color 0.2s;
   }
   .hovicon.effect-1:after {
      top: -7px;
      left: -7px;
      padding: 7px;
      -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
      -webkit-transform: scale(.8);
      -moz-transition: -moz-transform 0.2s, opacity 0.2s;
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      transition: transform 0.2s, opacity 0.2s;
      transform: scale(.8);
      opacity: 0;
   }
   .hovicon.effect-1.sub-a:hover:after {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
   }
   .jt-shadow {
      -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);   
      -moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);   
      box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);  
   }
   .popular_items img,
   .comment img,
   .shopping-cart-widget img,
   div.thumbnails a img,
   .authorbox_wrapper img,
   .flickr-gallery li img,
   .recent_posts img,
   .recent_posts_widget img,
   .testimonial_wrap img {    
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out;
   }
   .popular_items img:hover,
   .shopping-cart-widget img:hover,
   div.thumbnails a img:hover,
   .comment img:hover,
   .authorbox_wrapper img:hover,
   .flickr-gallery li img:hover,
   .recent_posts img:hover,
   .recent_posts_widget img:hover,
   .testimonial_wrap img:hover {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
      filter: alpha(opacity=60);
      -moz-opacity: 0.6;
      -khtml-opacity: 0.6;
      opacity: 0.6;
   }
   
/* ################################################################
   12. BUTTONS MODULES
################################################################# */

   .imgWrap{
      position:relative;
   }
   .imgWrap:after{
      content:"";
      position:absolute;
      top:0; bottom:0; left:0; right:0;
      border:10px solid rgba(33,194,248,0.4);
      pointer-events: none;
   }
   .banner {
      padding: 0;
      margin-bottom:20px;
      position: relative;
   }
   .ContentWrapperHe .ContentHe .Content {
      padding: 0;
      position: absolute;
      top: 10%;
      display: block;
      margin: 0 auto;
      text-align: Center;
      right: 0;
      left: 0;
   }
   .banner .jtbtn {color:#ffffff !important; border-color:#ffffff !important; }
   .hoverimage h3 {
      border-radius: 0;
      color: #ffffff !important;
      font-size: 28px !important;
      font-weight: 100 !important;
      margin: 25px auto 10px;
      padding: 5px 10px !important;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      font-family: Helvetica Neue !important;
   }
   .shadow {
      display:block;
      position:relative;
   }
   .shadow img {
      display:block;
   }
   .shadow::before {
      display:block;
      content:'';
      position:absolute;
      width:100%;
      height:100%;
      -moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
      -webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
      box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
   }  
   .f-container {
      overflow:hidden;
      padding:20px 0 0;
   }
   .highlight {
      font-size: 72px;
      font-family: 'NovecentowideBookBold', cursive;
      font-weight: bold;
      color:#ffffff;
      line-height: 1.6;
   }
   .milestone-details {
      font-size: 21px;
      color:#ffffff;
      font-weight: 400;
      padding: 0 0 20px;
      font-family: 'Nothing You Could Do', cursive;
      font-weight: normal;
   }
   .f-element{
      color:#ffffff;
      margin-bottom:20px;
      height: auto;
      text-align: center;
   }
   .f-element i {
      margin-bottom:10px;
      font-size:36px;
   }
   .darkwrapper .lead {
      color:#ffffff;
   }
   .messagebox .lead {
      font-style:normal !important;
   }
   .messagebox h1 {
      font-weight:300 !important;
   }
   .custommenu li a:before,
   .product_details li:before {
      content: "\f105" !important;
   }
   .featureslist li:before {
      content: "\f140" !important;
      padding-right:8px !important;
   }
   .custommenu li a:before{
      content: "\f00c";
      font-family: "FontAwesome";
      font-size: 13px;
      padding-right:5px;
      top: 2px;
   }
   .featureslist li:before,
   .product_details li:before,
   .check li:before {
      content: "\f00c";
      font-family: "FontAwesome";
      font-size: 16px;
      left: 0;
      padding-right:5px;
      position: relative;
      top: 2px;
   }
   .featureslist li {
      list-style:none;
      margin:0 0 10px;
   }
   .product_details li,
   .check li {
      list-style:none;
      margin:0 0 5px;
   }
   .product_details  {
      margin-top:20px;
      margin-left:0; 
      padding-left:10px
   }
   .check {
      margin-left:0; 
      padding-left:0
   }
   .product_details li a,
   .check li a {
      color:#656565;
   }
   .error404 h2 {
      font-size: 160px;
      font-weight: 900;
      line-height: 1.3;
      text-align: center;
      text-transform: uppercase;
      margin-bottom:0 !important;
      padding-bottom:0;
   }
   .error404 h3 {
      margin:0 0 30px;
      font-size: 26px;
      opacity: 0.2;
      padding-top:0;
      text-align: center;
   }
   .pricing-box {
      border:1px solid #a9a9a9;
      text-align:center;
      padding:20px;
      margin:40px 0;
      -webkit-transition: background-color .4s linear, color .4s linear;
      -moz-transition: background-color .4s linear, color .4s linear;
      -o-transition: background-color .4s linear, color .4s linear;
      -ms-transition: background-color .4s linear, color .4s linear;
      transition: background-color .4s linear, color .4s linear;
   }
   div.price {
      width:130px !important;
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
      height:130px !important;
      line-height:130px;
      font-size:24px;
      color:#ffffff;
      margin:0 auto !important;
      text-align:center;
      font-weight:400;
   }
   .pricing-box h3 {
      font-size:20px;
   }
   .pricing-box:hover div.price,
   .pricing-box:hover .jtbtn {
      background-color:#ffffff;
      border-color:#ffffff;
   }
   .pricing-box:hover h3,
   .pricing-box:hover {
      color:#ffffff;
   }
   .pricing-box hr {margin:20px -20px; border-style:dotted; border-color:#dee5e8;}
   .pricing {list-style:none; padding:0; margin:0 !important}
   .pricing li {
      font-size: 13px;
      line-height: 31px;
      margin: 0 auto;
      padding: 0;
      text-align: center;
   }
   #map {
      display:block;
      position:relative;
      height:450px;
      width:100%
   }
   #map img{
      max-width:inherit
   }
   .map{
      position:relative
   }
   .infobox img {
      width:100% !important;
   }
   .map .searchmodule {
      padding:18px 10px
   }
   .infobox {
      display: inline-block;
      padding: 10px 5px 5px;
      position: relative;
      width: 270px;
   }
   .infobox img {
      margin-right:10px;
      width:95px !important;
   }
   .infobox .title {
      font-size:13px;
      font-weight:bold;
      font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
      margin-top:0;
      margin-bottom:0;
      text-transform:uppercase;
      padding-bottom:5px;
   }
   .infobox .title a {
      font-weight:bold;
   }
   .percent {
      display: block;
      font-size: 30px;
      letter-spacing: -3px;
      line-height: 9.5;
      font-weight:300;
      position: absolute;
      text-align: center;
      top: -3px;
      width: 90%;
      z-index: 10;
   }
   .chart {
      margin-bottom:20px;
   }
   .skills .title {
      padding:25px 0 0;
   }
   .skills .title h3 {
      font-weight:bold;
      text-transform:uppercase;
      font-size:18px;
   }

   .jtbtn-big.anim {
      text-transform: uppercase;
      display: inline-block;
      text-align: center;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
      font-size: 14px;
      padding: 10px 20px 10px 30px !important;
   }
   .jtbtn-big.anim i {
      float: right;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
      font-size:12px;
      padding-top:4px;
      -webkit-transition: all 200ms linear !important;
      transition: all 200ms linear !important;
   }
   .jtbtn-big.anim:hover i {
      margin-left: 10px !important;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1;
   }
   .jtbtn-big2 {
      display: inline-block;
      border:1px solid #ffffff;
      padding: 9px 35px;
      margin-bottom: 0;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.428571429;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      background:#ffffff;
   }
   .jtbtn-big1 {
      display: inline-block;
      border:1px solid #111111;
      padding: 9px 35px;
      margin-bottom: 0;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.428571429;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      background:none;
      color: #ffffff !important;
   }
   .jtbtn-big {
      display: inline-block;
      padding: 9px 27px;
      margin-bottom: 0;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.428571429;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      background:none;
      color: #ffffff !important;
   }
   .jtbtn {
      display: inline-block;
      padding: 6px 23px;
      margin-bottom: 0;
      font-size: 13px;
      font-weight: normal;
      line-height: 1.428571429;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      background:none;
      color: #292723 !important;
      border-color: #292723 #292723 #292723;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      border: 1px solid #292723;
   }
   .animationload {
      background: #ffffff;
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 99999;
   }
   #intro {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -33px 0 0 -33px;
      background: url(http://hesem.eu/plantilla/images/load.gif);
   }
   .dmtop {
      background-image: url(http://hesem.eu/plantilla/images/arrow.png);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-color:#111111;
      z-index: 999;
      width: 40px;
      height: 40px;
      border-radius:0;
      text-indent: -999px;
      position: fixed;
      bottom: -100px;
      right: 25px;
      cursor: pointer;
      -webkit-transition: all .7s ease-in-out;
      -moz-transition: all .7s ease-in-out;
      -o-transition: all .7s ease-in-out;
      -ms-transition: all .7s ease-in-out;
      transition: all .7s ease-in-out;
      overflow: auto;
   }
   .dmtop:hover {
      background-color:#111111 !important;
   }
   #video-parallax {
      position:relative;
      display:block;
      overflow:hidden;
      width:100%;
      height:100%;
   }
   #mbYTP_bgndVideo,
   #bgndVideo {
      position: relative;
      width: 100%;
      height: 100%;
   }

   #mbYTP_bgndVideo {
      margin:0 !important; 
      padding:0 !important;
   }
   .volume:hover {
      color:#ffffff !important
   }
   .volume {
      bottom: 0;
      position: absolute;
      z-index: 1;
      right:0;
      width: 30px;
      height: 30px;
      background:#000000;
      line-height: 30px;
      font-size: 20px;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
   }
   
/* ################################################################
   13. RESPONSIVENES
################################################################# */
   
@media (max-width: 768px) {
   .fhmm .dropdown-menu .withoutdesc {
      background:none;
   }
   .fhmm .nav, .fhmm .collapse, .fhmm .dropup, .fhmm .dropdown {
      width:100%;
   }
   .icn-main-container {
      top:-30px !important;
   }
   .dm_featured_box_bg {
      background:none;
   }
   .dm_featured_box {
      width:100%;
   }
   #search_form:after, .header_search, .callusv1 {
      margin-top:0 !important;
   }
   .fhmm .navbar-nav > li > .dropdown-menu {
      margin-top:5px;
   }
   .header.affix .logo-wrapper,
   .tp-banner-container .jtbtn-big,
   .breadcrumb,
   .tp-caption.minidesc,
   .sliderwrapper .btn,
   .sliderwrapper .jtbtn {
      display:none;
   }
   .percent {
      line-height:6.5;
   }
   .social li:last-child,
   .callus li:last-child,
   .social li,
   .callus li {border:none}
   .footer-menu .menu,
   .copyright1,
   .callus,
   .callus li,
   .social li,
   .social,
   .logo {
      float:none !important;
      clear:both !important;
      text-align:center !important;
   } 
}

/* ################################################################
   14. COLOR SCHEMES
################################################################# */

   .mmodebody .title h1 span,
   .popular_items_div .price1,
   .bigtitle .last span,
   .twitter_widget .lead:before,
   .twitter_widget .details a,
   .product-content .price1-new,
   .breadcrumb a,
   .highlight,
   .testimonial_widget .lead:after,
   .testimonial_widget .lead:before,
   .tp-caption.pacifico2 span,
   .testimonial_widget .details,
   .tp-caption.pacifico3 span,
   .tp-caption.small_thin_grey1 span,
   .darkwrapper h1 span,
   .center-title span,
   .price-detail,
   .rating i,
   .featureslist li:before,
   .check li:before,
   .product_details li:before,
   a.readmore,
   .service-box .serviceicon i,
   .pricing-box:hover div.price,
   .servicesbox .serviceicon,
   .copyright1 a:hover,
   .copyright1 a:focus,
   .tp-caption.big_title,
   .navbar-default .navbar-nav > .open > a,
   .navbar-default .navbar-nav > .open > a:hover,
   .navbar-default .navbar-nav > .open > a:focus,
   .navbar-default .navbar-nav > .active > a,
   .navbar-default .navbar-nav > .active > a:hover,
   .navbar-default .navbar-nav > .active > a:focus,
   #defaultmenu .navbar-nav li a:hover,
   .callus span,
   .social a:hover,
   .panel-default > .panel-heading:hover a, 
   .panel-default > .panel-heading:hover .panel-title:after,
   .footer1 i:hover,
   .searchicon:before,
   .serviceslist .service-icon a i,
   .serviceslist .servicesbox .serviceicon i,
   .portfolio-filter a:hover,
   .portfolio-filter a:focus,
   .testimonial_meta span,
   .testimonial_meta i,
   .custom-box .serviceicon i,
   .footer-social li i,
   .custom-box .diamondicon i,
   a {
      color:#21C2F8;
   }
   
   div.bbp-template-notice, div.indicator-hint,
   #bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover,
   #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover,
   .bs-glyphicons li:hover,
   .onsale,
   .volume:hover,
   .tagcloud a:hover,
   .servicesbox .serviceicon:hover,
   .cs-style-3 figcaption a.addtocart,
   .cs-style-3 figcaption a.zoom,
   .cs-style-3 figcaption  a.external,
   .pagination > .active > a, 
   .pagination > .active > span, 
   .pagination > .active > a:hover, 
   .pagination > .active > span:hover, 
   .pagination > .active > a:focus, 
   .pagination > li > a:hover,
   .pagination > li > span:hover,
   .pagination > li > a:focus,
   .pagination > li > span:focus,
   .footer-social li:hover,
   .pagination > .active > span:focus,
   .service-square-icon,
   .pricing-box:hover,
   .pager li > a, .pager li > span,
   div.price,
   .service-box .serviceicon:hover,
   .custom-box:hover .serviceicon,
   .progress-bar,
   .greybg .serviceslist .service-icon .serviceicon:hover,
   .service-icon .serviceicon:hover,
   .hovicon.effect-1.sub-a:hover,
   .hovicon.effect-1.sub-a:hover i,
   .hovicon.effect-1,
   .hovicon.effect-1.sub-a:hover,
   .flex-direction-nav a,
   .miniicon,
   mark,
   div.bbp-template-notice.info,
   .flex-control-paging li a.flex-active,
   .portfolio-filter li a:before,
   .btn-primary,
   .twitter-widget ul li:hover:before,
   .owl-theme .owl-controls .owl-page.active span,
   .owl-theme .owl-controls.clickable .owl-page:hover span,
   .testimonial_details:hover,
   .nav-tabs > li > a:hover,
   .custom-box:hover .diamondicon {
      background-color:#21C2F8;
   }
   
   .bigtitle h1:after,
   .footer-social li,
   .serviceicon:hover,
   .custom-box:hover,
   .custom-box:hover .serviceicon,
   .serviceslist .service-icon .serviceicon,
   .post-wrapper-top h2,
   .form-control:focus,
   .btn-primary:hover,
   .btn-primary:focus,
   .btn-primary:active,
   .flickr-gallery li:hover,
   .panel-default > .panel-heading:hover,
   .twitter-widget ul li:before,
   .owl-theme .owl-controls .owl-page.active span,
   .owl-theme .owl-controls.clickable .owl-page:hover span,
   div.bbp-template-notice.info,
   div.bbp-template-notice, div.indicator-hint,
   .tagcloud a:hover,
   .flex-control-paging li a,
   .flex-control-paging li a.flex-active,
   .tp-bullets.simplebullets .bullet:hover,
   .tp-bullets.simplebullets .bullet.selected,
   .btn-primary {
      border-color:#21C2F8;
   }

   .miniicon:after,
   .title1 hr:after,
   .title hr:after,
   .nav .open > a:after,
   .nav .open > a:hover:after,
   .nav .open > a:focus:after,
   .navbar-default .navbar-nav > .active > a:hover:after,
   .navbar-default .navbar-nav > .active > a:focus:after,
   .navbar-nav > li > a:focus:after,
   .navbar-nav > li > a:hover:after {
      border-top-color: #21C2F8;
   }

   .dmtop {
      background-color:#21C2F8 !important;
   }
   
   #onepage .tp-bannertimer{
      background:rgba(33,194,248,0.8) !important;
   }
   
   .jtbtn-big2 {
      color:#21C2F8 !important;
   }
      
   .miniicon:before {
      border-bottom-color:#21C2F8;
   }
   
   .hovicon.effect-1:after {
      box-shadow: 0 0 0 4px #21C2F8;
   }

   .jtbtn-big {
     border:1px solid #21C2F8;
   }
   
   .btn-primary:hover,
   .btn-primary:focus,
   .btn-primary:active {
      background-color:#11B2E8;
   }     
   .mmodebody {
      overflow: hidden;
      height: 100%;
      margin: 0;
      padding: 0;
   }
      
.mmodebody img {
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    display:block;
    background-size:cover;
    background-position:50% 50%;
}
#background {
   width:100%;
   height:100%;
}
   #slides {
      position: relative;
   }
   #slides .slides-container {
      margin: 0;
      list-style:none;
   }
   
   #slides .scrollable {
      *zoom: 1;
      position: relative;
      top: 0;
      left: 0;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      height: 100%;
   }
   
   #slides .scrollable:after {
      content: "";
      display: table;
      clear: both;
   }
   
   .slides-pagination {
      position: absolute;
      z-index: 20;
      bottom: 30px;
      text-align: center;
      width: 100%;
   }
   
   .slides-pagination a {
      color: #1a1a1a;
      background: #ffffff;
      opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50);
      width: 30px;
      height: 4px;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      margin: 2px;
      overflow: hidden;
      text-indent: -100%;
   }
   
   .slides-pagination a:hover,
   .slides-pagination a.current {
      opacity: 1; 
      -moz-opacity: 1; 
      filter: alpha(opacity=100);
   }
   
   .home-content{
      position: absolute;
      text-align: center;
      width: 100%;
      left:50%;
      top:50%;
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
      transform:translate(-50%,-50%);
      display:inline-block;width:700px; 
      padding:50px;
      border-radius:4px;
   }
   
   .home-content h1 {
      font-size:500%;
      color:#ffffff;
      margin-bottom:0; 
      font-weight:900; 
      font-family: 'NovecentowideBookBold', 'Helvetica Neue', Helvetica, sans-serif;
      text-transform:uppercase; 
      line-height:95%;
   }
   
   .home-content h4 {
      font-size:200%;
      color:#ffffff;
      font-weight:400;
      margin-top:20px; 
      text-transform:uppercase
   }
   
   .hwrap{
      top: 0px;
      z-index: 1;
      width:100%;
      height:100%;
      display:block;
      overflow:hidden;
      padding: 0 !important;
      position:relative;
   }


#contactform fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contactform legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contactform span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(http://hesem.eu/plantilla/images/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contactform #success_page h1 { background: url(http://hesem.eu/plantilla/images/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* Por ser Boxed */

#home-boxes {
   background:url('http://hesem.eu/plantilla/images/fondo.jpg');
}
#home-boxes .jt-shadow {
   box-shadow:none;
}
#home-boxes .callus li:last-child,
#home-boxes .social li:last-child,
#home-boxes .callus li,
#home-boxes .social li {
   border:none;
}
#home-boxes .wrapper {
   background:#ffffff;
   padding:5px 10px;
   border-top:solid 5px #1d67a5;
   webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); -moz-box-shadow: 0 0 10px rgba(0,0,0,.25); box-shadow: 0 0 10px rgba(0,0,0,.25);
}

#home-boxes .copyright1 {
    border-bottom: 0px solid #F2F2F2;
    padding: 25px 0 0px;
}

/* Propio */
.textoAsesorias{
   margin:20px 0px 0px 0px;
}
.servicios{
   margin-top:20px;
}
.justificado{
   text-align:justify;
}
input[type="text"], textarea{
	border:solid 1px #bbbbbb !important;
	color:#555555 !important;
}