/*
Theme Name: Blogosphere
Theme URI: http://cmsmasters.net/blogosphere/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: Blogosphere WordPress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. Blogosphere theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. Blogosphere comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme.
Version: 1.0.5
License:
License URI:
Text Domain: blogosphere
Domain Path: /theme-vars/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*-------------------------------------------------------------------------*/
/* Browser Reset
/*-------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
  display: block;
}
video,
audio,
progress,
canvas {
  vertical-align: baseline;
}
video {
  background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
  display: none;
}
audio:not([controls]) {
  height: 0;
}
iframe {
  max-width: 100%;
}
abbr,
address,
progress {
  display: inline-block;
  text-decoration: none;
}
abbr:not([class]),
acronym {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
dl {
  display: block;
  overflow: hidden;
}
dt {
  display: block;
  font-weight: bold;
  overflow: hidden;
}
dd {
  display: block;
  overflow: hidden;
}
q:before,
q:after {
  content: none;
}
del {
  text-decoration: line-through;
}
table {
  width: 100%;
}
img {
  display: inline-block;
  color: transparent;
  height: auto;
  font-size: 0;
  vertical-align: middle;
  /*max-width: 100%;*/
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: auto;
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
}
img.wp-smiley,
img.emoji {
  font-size: 1em;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
figure {
  /*background-image: none !important;*/
}
fieldset {
  margin: 25px 2px 30px;
  padding: 1.5em 1em .5em;
  border-width: 0;
  border-style: solid;
}
fieldset legend {
  padding: 3px 10px;
  margin-top: -25px;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
textarea {
  resize: vertical;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
optgroup {
  font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
  pointer-events: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
p:empty {
  display: none;
}
:focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  background-color: transparent;
  color: inherit;
  font-family: monospace;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 1px;
}
pre {
  white-space: pre-wrap;
}
pre a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
code {
  display: inline-block;
}
code a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
svg:not(:root) {
  overflow: hidden;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
b,
strong {
  font-weight: bold;
}
th,
td,
caption {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  color: #000000;
}
.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}



body.page-template-default .related-post{
  display: none;
}


body.category-portafolio .related-post{
  display: none;
}



body.category-portafolio .cmsmasters_archive_item_info{
  display: none;
}


body.category-portafolio .middle_inner{
  background-color: #ffe3ca;
}

body.category-portafolio header .header_mid{
  background-color: #ffe3ca;
}

body.category-portafolio header .header_bot{
  background-color: #ffe3ca;
}

body.category-portafolio .footer.cmsmasters_footer_small{
  background-color: #ffe3ca !important;
}


body.category-portafolio .taxonomy-description{
  text-align: center;
}

body.category-portafolio .taxonomy-description p{
  font-size: 0.8em;
  width: 60%;
  margin-left: 20%;
  padding: 20px 0px 20px;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.category-portafolio .taxonomy-description p{
    font-size: 0.8em;
    width: 100%;
    margin-left: 0;
  }  
}



body.category-portafolio .middle_content {
    padding: 20px 0;
}



body.singular-portafolio #main{
  background-color: #ffffff !important;
}

body.singular-portafolio .header_mid .header_mid_outer{
  background-color: #ffffff !important; 
}

body.singular-portafolio .header_mid .header_mid_inner{
  background-color: #ffffff !important;
}


body.singular-portafolio .header_bot{
  background-color: #ffffff !important;  
}


body.singular-portafolio #comment{
  background-color: #ffffff !important;
}

body.singular-portafolio #comment::placeholder{
  color: #4c4c4c !important;
}


body.singular-portafolio #author{
  background-color: #ffe3ca !important;
}


body.singular-portafolio #author::placeholder{
  color: #4c4c4c !important;
}


body.singular-portafolio #email{
  background-color: #ffffff !important;
}


body.singular-portafolio #email::placeholder{
  color: #4c4c4c !important;
}


body.singular-portafolio #footer .cmsmasters_color_scheme_footer{
  background-color: #fbe0d9 !important
}

body.singular-portafolio #footer .cmsmasters_color_scheme_footer .footer_inner{
  background-color: #fbe0d9 !important
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.singular-portafolio #footer {
      background-color: #ffffff !important;
    }
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.singular-portafolio #footer .redes-footer {
      background-color: #ffffff !important;
    }
}



body.page-template-sobre-mi-php .headline_outer{
  display: none;
}

body.page-template-sobre-mi-php{
  height: 2700px !important;
  background: #fafafa;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.page-template-sobre-mi-php{
    height: auto !important;
  }
}

body.page-template-sobre-mi-php .related-post{
  display: none;
}


figure.fotoperfil.wp-block-image{
	width: 50%;
    float: left;
    margin-right: 40px;
	
}

#page .preloader .full-width{

	height:auto
	
}

.headline_outer .headline_inner.align_left .cmsmasters_breadcrumbs .cmsmasters_breadcrumbs_inner{
	display: none;
}


a.cmsmasters_theme_icon_comment  {
    display: none;
}

.cmsmasters_post_default .cmsmasters_post_info > a, .cmsmasters_post_default .cmsmasters_post_info > span.cmsmasters_post_author{
	display:none
}

.cmsmasters_post_default .cmsmasters_post_cont_info{
	padding: 0 0 10px !important;
}

.cmsmasters_post_default .cmsmasters_post_header{
	padding: 0 0 10px !important;
}

.headline_outer{
  background-color: #fafafa !important;
}

.headline_outer .headline_inner.align_left .headline_text .headline_text_inner{
	width: 100% !important;
	text-align: center !important;
}

.headline_outer .headline_inner.align_left .headline_text .headline_text_inner h1{
	 color: #ef85a4;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .headline_outer .headline_inner.align_left .headline_text .headline_text_inner h1{
    font-size: 33px;
  }  
}

.cmsmasters_post_default .cmsmasters_post_title a{
	color: tan;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
    .related-post .post-list .item{
        width: 100% !important;
    }
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .headline_outer .headline_inner{
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }
}




.related-post .post-list .item .post_title{
	color:tan
}


.related-post .post-list .item{
  margin: 9px !important;
}

.headline_outer .headline_inner.align_left{
	 height: 100px;
}

.header_mid .header_mid_inner .logo_wrap{
	width:100% !important;
	text-align: center;
}

 
.header_mid .logo_wrap .logo img{
	position:relative !important;
}

.cmsmasters_open_post .cmsmasters_post_content p{
	    /*padding: 0px 60px 0px 60px;*/
}

a.read-more {
    display: block;
    color: tan;
}


.icon-bar {
  position: fixed;
  top: 50%;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
    .icon-bar {
      display: none;
    }
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 10px;
}

.icon-bar a:hover {
  background-color: tan;
}

.icon-bar a li{
  list-style: none;
}

.icon-bar a li .redes{
  width: 20px;
}

.facebook {
  /*background: #3B5998;*/
  background: #e0e0e0;
  color: white;
}

.instagram {
  /*background: #d82c7d;*/
  background: #aeaeae;
  color: white;
}

.pinterest {
  /*background: #e60023;*/
  background: #979797;
  color: white;
}

.linkedin {
  /*background: #007bb5;*/
  background: #aaaaaa;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


#footer .redes-footer{
  text-align: center;
  display: none;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
    #footer .redes-footer {
      display: block;
      width: 100% !important;
      margin-bottom: 5px;
    }

    #footer .redes-footer .redes-texto{
      text-align: center;
      font-size: 0.8em;
      margin-bottom: 5px;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
    }
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.category-portafolio #footer {
      background-color: #ffe3ca !important;
    }
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.category-portafolio #footer .redes-footer {
      background-color: #ffe3ca !important;
    }
}

#footer .social {
  padding: 19px;
  font-size: 30px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  display: inline-block;
  border-radius: 50px;
}

#footer .ifa-facebook {
  /*background: #3B5998;*/
  background: #e0e0e0;
  color: white;
}

#footer .ifa-facebook .redes{
  width: 20px;
}

#footer .ifa-twitter {
  /*background: #55ACEE;*/
  background: #e0e0e0;
  color: white;
}


#footer .ifa-twitter .redes{
  width: 20px;
}


#footer .ifa-google {
  /*background: #dd4b39;*/
  background: #e0e0e0;
  color: white;
}


#footer .ifa-google .redes{
  width: 20px;
}



#footer .ifa-instagram {
  /*background: #d82c7d;*/
  background: #e0e0e0;
  color: white;
}






.redes-movil{
  text-align: center;
  display: none;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
    .redes-movil {
      
      display: block;
      background: #000000;
      text-align: center !important;
      
    }
}


.redes-movil .social {
  padding: 19px !important;
  font-size: 30px !important;
  width: 60px !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 5px 2px !important;
  display: inline-block !important;
  border-radius: 50px !important;
  

  
}



.redes-movil .ifa-facebook .redes{
  color: white;
  width: 20px;
}

.redes-movil .ifa-twitter .redes{
  /*background: #55ACEE;*/
  color: white;
  width: 20px;
}

.redes-movil .ifa-google .redes{
  /*background: #dd4b39;*/
  color: white;
  width: 20px;
}



.redes-movil .ifa-instagram .redes{
  /*background: #d82c7d;*/
  color: white;
  width: 20px;
}






section#header-newsletter-modal{

}


section#header-newsletter-modal .close{
  color: black;
  right: 10px;
}


section#header-newsletter-modal .modal-content{
  height: 40%;
  width: 40%;
  margin: 20% 30%;
}


section#header-newsletter-modal .modal-content .content-info{
  width: 100%;
  padding: 20px 50px;
}




.arrows{
   width: 20px;
   height: 20px;
   border-color: #000;
   position: fixed;
   top: 50%;
   margin-top: -15px;
   display: none;
 }

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .arrows{
    display: none;
  }
}


.prev1{
   border-bottom: 6px solid;
   border-left: 6px solid;
   transform: rotate(45deg);
   left: 60px;
}

.prev1:hover{
  cursor: pointer;
  border-color: red;
  transition: 0.5s;
  left: 50px;
}
/*.prev1:after{
  content: 'Ello there';
  position: absolute;
  opacity: 0;  
  top: 14px;
  right: -20px;
  transition: 0.5s;

}*/

.prev1:hover:after {
  opacity: 1;
  right: 10px;
}
   
.next1{
   border-bottom: 6px solid;
   border-left: 6px solid;
   transform: rotate(-135deg);
   right: 60px;

}

.next1:hover{
  cursor: pointer;
  border-color: red;
  transition: 0.5s;
  right: 50px;
}


.instagram-text h3{
  margin-top: 40px;
  text-align: center;
  font-size: 30px;
  color: #000;
}

.instagram-text p{
  font-size: 20px;
  text-align: center;
}

.instagram-text p a{
  color: tan;
}

.instagram-text .separador{
  width: 100%;
  height: 1px;
  border: none;
  background: #aaaaaa;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 15px;
}

#sb_instagram{
  height: 290px !important;
}

#sb_instagram.sbi_col_8 #sbi_images .sbi_item{
  width: 23%;
  margin: 5px !important;
}


.sbi_imgLiquid_bgSize{
  height: 250px !important;
}

.sb_instagram_header{
  display: none;
}

#sb_instagram #sbi_load{
  display: none;
}

#sb_instagram #sbi_images{
  padding-top: 10px;
  padding-bottom: 10px;
}


article.cmsmasters_open_post{
  height: auto !important;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  article.cmsmasters_post_default .wp-post-image{
    width: 100% !important;
  }
}


article.category-portafolio{
  height: 420px;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  article.category-portafolio{
    height: auto;
  }  
}

article.category-portafolio.cmsmasters_archive_type .cmsmasters_archive_item_img_wrap .cmsmasters_img_wrap{
  height: 325px;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  article.category-portafolio.cmsmasters_img_wrap{
    height: auto;
  }  
}


article.category-portafolio .cmsmasters_img_wrap img{
  width: 100% !important;
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  article.category-portafolio .cmsmasters_img_wrap img{
    width: 100% !important;
  }
}




#blog-poly .proyecto{
  float: left;
  width: 31%;
  margin: 10px;
  height: 345px;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  #blog-poly .proyecto{
    width: 100%;
    margin: 0;
  }
}


#blog-poly .proyecto figure{

  height: 230px;
  margin: 0 !important;
  float: left;
  overflow: hidden;
  /*border: 3px solid gainsboro;*/
  width: 100%;
  
  margin-top: 0;
  margin-bottom: 20px;

  -webkit-transition:transform 0.3s ease-in-out;
  -moz-transition:transform 0.3s ease-in-out;
  -o-transition:transform 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;

  background-size: cover;
  background-position: center;
  -webkit-filter: brightness(70%);
}

#blog-poly .proyecto:hover figure{
  -webkit-filter: brightness(100%);
  -webkit-transition:transform 0.3s ease-in-out;
  -moz-transition:transform 0.3s ease-in-out;
  -o-transition:transform 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;

}


#blog-poly .proyecto h3{
  text-align: center;
  font-size: 1em;
  margin-bottom: 5px;
	color: #ef85a4;
	font-family:'mermaid'!important;
}

#blog-poly .proyecto:hover h3{
  color: #e7644a;
}

#blog-poly .proyecto .fecha{
  display: block;
  text-align: center;
  font-size: 10px !important;
  text-transform: uppercase;

}


#blog-poly .post p{
  display: none;
}


#status{
  text-align: center;
  /*margin-top: 29px;*/
  min-height: 40px;
  float: left;
  width: 100%;
}

#status .loader-img{
  width: 400px;
  border: none;
}


#status .no-more {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;

  color: #999;
  display: inline-block;
  vertical-align: middle;

  height: 32px;
  line-height: 30px;
  padding: 0 16px;
  border: 1px solid #eee;
  border-radius: 4px;

  text-decoration: none;
}


body.page-template-sobre-mi-php .footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;

}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.page-template-sobre-mi-php .footer{
    display: none;
  }
}

body.page-template-sobre-mi-php{
  /*background: url(img/Polyfacetica-Brand.png) no-repeat center top !important;
  background-size: cover !important;*/
}

body.page-template-sobre-mi-php .content_wrap{
  /*width: 1220px !important;*/ 
  width: 100% !important;
  padding: 0 50px; 
  background: #fafafa;
}




@media only screen and ( min-width: 1920px ) and ( max-width: 1920px ){
  body.page-template-sobre-mi-php .content_wrap{
    /*width: 1220px !important;*/ 
    width: 67% !important;
    padding: 0 50px;
  } 
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  body.page-template-sobre-mi-php .content_wrap{
    width: 100% !important;  
    padding: 20px;
  }
}


/* Contacto */
body.page-id-2429 .wpcf7{
  float: left;
  width: 50%;
  padding: 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;  /* Firefox, other Gecko */
  box-sizing: border-box;    /* Opera/IE 8+ */
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.page-id-2429 .wpcf7{
    width: 100%;
  }  
}


body.page-id-2429 .contact-image{
  float: left;
  width: 48%;
  height: 600px;
  background-image: url(https://polyfacetica.com/wp-content/uploads/2015/05/IMG_1160.jpg) !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  /*background-attachment: scroll !important;*/
  background-size: cover !important;
  margin: 5px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;  /* Firefox, other Gecko */
  box-sizing: border-box;    /* Opera/IE 8+ */
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  body.page-id-2429 .contact-image{
    display: none;
  }
}



section#aboutme{
  float: left;
  margin: 160px 0 0;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme{
    margin: 15px 0 0;
  }  
}


@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme{
    margin: 15px 0 0;
  }
}



section#aboutme.stick{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 50px;
  /*margin: 40px auto;*/
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: #fafafa;
}



@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme.stick{
    position: relative;
    margin: 0px auto;
    padding: 0;
    width: 100%;
  }
}


@media only screen and ( min-width: 1920px ) and ( max-width: 1920px ){
  section#aboutme.stick{
    position: fixed;
    top: 0;
    left: 0;
    width: 67%;
    padding: 0 50px;
    margin: 40px 320px;
  }
}


section#aboutme .row-about{
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

section#aboutme .row-about .col-about-left{
  float: left;
  width: 33%;
  padding-right: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;  /* Firefox, other Gecko */
  box-sizing: border-box;    /* Opera/IE 8+ */
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-left{
    width: 100%;
    float: none;
    padding-right: 0;
  }
}


section#aboutme .row-about .col-about-left .titulo img{
  width: 85%;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-left .titulo img{
    width: 100%;
  }  
}


section#aboutme .row-about .col-about-left .titulo h1{
  	margin-top: 134px !important;
    font-size: 1.3em;
    font-family: 'Mermaid';
    line-height: 29px;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-left .titulo h1{
    text-align: left;
    font-size: 1.8em;
  }  
}


section#aboutme .row-about .col-about-left .texto1 p{
  font-size: 1em !important;
  margin-top: 15px !important;
  line-height: 28px !important;
	font-family: 'mermaid';
	font-weight: 200;
	color:#E7644A;
}

section#aboutme .row-about .col-about-left .texto2 p{
  font-size: 0.7em !important;
  line-height: 18px !important;
}

section#aboutme .row-about .col-about-left .texto3 p{
   font-size: 0.7em !important;
  line-height: 18px !important;
}

section#aboutme .row-about .col-about-left .texto4 p{
   font-size: 0.7em !important;
  line-height: 18px !important;
}


section#aboutme .row-about .col-about-center{
 float: left;
 width: 33%; 
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-center{
    width: 100%;
  }
}

section#aboutme .row-about .col-about-responsive .imagen-about img{
  display: none;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-responsive .imagen-about img{
    display: block;
    width: 100%;
  }
}



section#aboutme .row-about .col-about-center .imagen-about{
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;  /* Firefox, other Gecko */
  box-sizing: border-box;    /* Opera/IE 8+ */
}

section#aboutme .row-about .col-about-center .imagen-about img{
  width: 100%;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-center .imagen-about img{
    display: none;
  }  
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-center .imagen-about img{
    width: 100%;
  }
}

section#aboutme .row-about .col-about-center .imagen-1 img{
  position: absolute;
  width: 20%;
  top: 14%;
  margin-left: 5%;
}

section#aboutme .row-about .col-about-center .imagen-1 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-1 img{
    display: none;
  }
}


section#aboutme .row-about .col-about-center .imagen-2 img{
  position: absolute;
  width: 11%;
  top: 10%;
  margin-left: 1px;
}

section#aboutme .row-about .col-about-center .imagen-2 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-2 img{
    display: none;
  }
}

section#aboutme .row-about .col-about-center .imagen-3 img{
  position: absolute;
  width: 8%;
  top: 58%;
  margin-left: 1%;
}

section#aboutme .row-about .col-about-center .imagen-3 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-3 img{
    display: none;
  }
}

section#aboutme .row-about .col-about-center .imagen-4 img{
  position: absolute;
  width: 13%;
  top: 72%;
  margin-left: -2%;
}

section#aboutme .row-about .col-about-center .imagen-4 img:hover{
  scale: 1.1;
}


@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-4 img{
    display: none;
  }
}

section#aboutme .row-about .col-about-center .imagen-5 img{
  position: absolute;
  width: 13%;
  top: 5%;
  margin-left: 21%;
}

section#aboutme .row-about .col-about-center .imagen-5 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-5 img{
    display: none;
  }
}

section#aboutme .row-about .col-about-center .imagen-6 img{
  position: absolute;
  width: 9%;
  top: 20%;
  margin-left: 23%;
}

section#aboutme .row-about .col-about-center .imagen-6 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-6 img{
    display: none;
  }
}


section#aboutme .row-about .col-about-center .imagen-7 img{
  position: absolute;
  width: 7%;
  top: 39%;
  margin-left: 26%;
}

section#aboutme .row-about .col-about-center .imagen-7 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-7 img{
    display: none;
  }
}


section#aboutme .row-about .col-about-center .imagen-8 img{
  position: absolute;
  width: 11%;
  top: 65%;
  margin-left: 23%;
}

section#aboutme .row-about .col-about-center .imagen-8 img:hover{
  scale: 1.1;
}

@media only screen and ( min-width: 0px ) and ( max-width: 1100px ){
  section#aboutme .row-about .col-about-center .imagen-8 img{
    display: none;
  }
}





section#aboutme .row-about .col-about-right{
  float: left;
  width: 33%;
  padding-left: 70px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;  /* Firefox, other Gecko */
  box-sizing: border-box;    /* Opera/IE 8+ */
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-right{
    width: 100%;
    float: none;
    padding-left: 0;
  }
}

section#aboutme .row-about .col-about-right .texto1 p{
    font-size: 1em !important;
    margin-top: 144px !important;
    line-height: 25px !important;
    text-align: left !important;
    font-family: 'mermaid';
	color: #EF85A4;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-right .texto1 p{
    float: left;
    width: 100%;
    margin-top: 20px !important;
  }
}

section#aboutme .row-about .col-about-right .texto2 li{
  font-size: 0.7em !important;
  margin-top: 10px !important;
  line-height: 18px !important;
  text-align: left !important;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-right .texto2 li{
    margin-left: 15px;
  }
}




section#aboutme .row-about .col-about-right .texto3 p{
  font-size: 1.1em !important;
    margin-top: 40px !important;
    line-height: 26px !important;
    text-align: left !important;
    font-family: 'Mermaid';
    color: #E7644A;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  section#aboutme .row-about .col-about-right .texto3 p{
    text-align: left !important;
  }
}

section#aboutme .row-about .col-about-right .texto4 p{
  font-size: 0.7em !important;
  line-height: 18px !important;
  text-align: left !important;
}

.animado{
  opacity: 0;
  transition: all 0.5s;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .animado{
    opacity: 1 !important;
  }  
}

.mostrarArriba{
  animation: Mostrar 1s;
}

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .mostrarArriba{
    animation: none;

  }  
}

.ocultarArriba{
  animation: Ocultar 1s;
}


@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .ocultarArriba{
    animation: none;
  }  
}


@keyframes Mostrar{
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(0);
  }
}


@keyframes Ocultar{
  0%{
    transform: translateY(0);
  }
  100%{
    transform: translateY(0);
  }
}



.scrollabajo img{
  width: 50px;
  height: 50px;
  position: fixed;
  float: right;
  bottom: 50px;
  right: 20px;
  animation: Ocultar 1s;
  padding: 15px;
  background: #aaaaaa;
}

.scrollabajo img:hover{
    background-color: #000000;
    cursor: pointer;
  }

@media only screen and ( min-width: 0px ) and ( max-width: 767px ){
  .scrollabajo img{
    display: none;
  }
}

@media only screen and ( min-width: 1920px ) and ( max-width: 1920px ){
  .scrollabajo img{
    width: 50px;
    height: 50px;
    position: fixed;
    float: right;
    bottom: 5%;
    right: 1%;
    animation: Ocultar 1s;
  }

  .scrollabajo img:hover{
    background-color: #000000;
    cursor: pointer;
  }

}



@media only screen and ( min-width: 1440px ) and ( max-width: 1440px ){
  .scrollabajo img{
    width: 50px;
    height: 50px;
    position: fixed;
    float: right;
    bottom: 50px;
    right: 20px;
    animation: Ocultar 1s;
  }

  .scrollabajo img:hover{
    background-color: #000000;
    cursor: pointer;
  }
}


.error .error_bg{
  background-color: #ffffff !important;
  background-position: bottom center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-size: cover !important;
}