/*
 Theme Name: Personal Theme
 Theme URI: https://wordpress.org/themes/twentyfifteen/
 Author: Alfonso Soler
 Author URI: https://wordpress.org/
 Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
 Version: 2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain: PersonalTheme

 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 */

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #f9f9f9;
    font-family: sans-serif;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

fieldset {
    min-width: inherit;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

a:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover, a:active {
    outline: 0;
}

a img {
    border: 0;
}

#masthead {
    background: transparent;
    padding: 21px 0px;
    position: relative;
    z-index: 2;
}
body:not(.home) #masthead {
    background: #f67bba;
}
body:not(.home) h1.entry-title {
    FONT-SIZE: 30px;
    text-align: center;
    margin: 15px 0px;
}
body:not(.home) p {
    font-size: 15px;
}
body:not(.home) h2 {
    font-size: 16px;
    text-align: center;
}
.menu-menu-principal-container {
    float: right;
}
.menu-menu-principal-container  ul.menutop li:last-child a {
    background: white;
    color: black;
    border-radius: 27px;
    padding: 9px 33px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase
}

ul.menutop li a {
    color: #FFFFFF;
    font-family: Barlow;
    font-size: 15px;
    line-height: 18px;
}
ul.menutop {
    float: right;
}
ul.menutop li {
    display: inline-block;
    margin-left: 20px;
    text-align: center;
}
img {
    max-width: 100%;
    height: auto
}
.align-center {
    text-align: center;
}
body.home .vce-text-block strong {
    font-weight: bold;
}

body.home .vce-text-block h3 {
    margin: 14px 0px;
    font-size: 24px;
    color: #273354;
    font-family: Barlow;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    padding: 0px 19px;
}
body.home .vce-text-block {
    font-size: 14px;
}
body.home .vce-row-content > div:nth-child(2) {
    padding: 0px 0px 0px 30px;
}
body.home .group4elements .vce-row-content > div:after, body.home .group2elmements .vce-row-content > div:after {
    border-right: 1px solid grey;
    width: 1px;
    height: 50px;
    content: "";
    position: absolute;
    right: -23px;
    top: 81px;
}
body.home .vce-row-content > div:last-child:after, body.home .emptyafter:after {
    display: none !important
}
body.home .vce-row-content > div {
    position: relative;
}

.funcionalidadesapp h1 {
    margin: 50px 0 49px;
    font-size: 25px;
}
p.infologofooter {
    width: 227px;
    color: #676C75;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
footer#colophon {
    background: #f8f9fd;
    padding-top: 45px;
}
img.footerapple, img.footergoogle {
    max-width: 174px;
}
ul.socialicons li:nth-child(2) a {
    border-left: 0px;
    border-right: 0px;
}
ul.socialicons li:nth-child(1) a {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
ul.socialicons li:nth-child(3) a {
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
ul.socialicons li a {
    border: 1px solid #d0d0d0;
    padding: 7px 5px;
    font-size: 16px;
    display: block;
    width: 44px;
    /* border-radius: 6px; */
    color: #a8a8b9;
}
ul.socialicons li {
    display: inline-block;
    margin: 0px -4px 0px 0px;
    font-size: 0px;
}
ul.socialicons {
    margin: 20px 0 30px;
    text-align: center;
}
.col-xs-12.col-sm-4.rightcolumn > a {
    height: 0.27%;
    color: #282B31;
    font-family: Montserrat;
    font-size: 13px;
    line-height: 16px;
    text-align: right;
    margin: 4px;
    display: block;
    margin-bottom: 8px;
}
.col-xs-12.col-sm-4.rightcolumn {
    text-align: right;
}


.suppliercontent {
    background: white;
    text-align: center;
    padding: 65px 0px;
}

.starsimg:before {
    content: "";
    background: url(http://www.sunquiet.com/wp-content/themes/personaltheme/img/stars.JPG) no-repeat;
    width: 96px;
    display: inline-block;
    height: 27px
}
.testimonialscontent h2.widget-title {
    width: 100%;
color: #FFFFFF; font-family: Barlow;    font-size: 35px;    font-weight: 300;   letter-spacing: 1px;    line-height: 50px;  text-align: center;
}
strong {
    font-weight: 600;
}
.testimonialscontent {
    padding: 80px 0px;
    background-size: cover;
}
.testimonial_rotator_slide .testimonial_rotator_microdata, .testimonial_rotator_microdata {
    display: none;
}
.testimonial_rotator_slide {
    width: 33%;
    float: left;
}
.testimonial_rotator_slide {
    width: calc(33% - 30px);
    float: left;
    background: white;
    margin: 0px 15px;
    text-align: center;
    border-radius: 8px;
}
.testimonial_rotator.template-default {

}
.text.testimonial_rotator_description {
    color: #282B31;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    text-align: center;
    padding: 13px 12%;
    line-height: 19px;
}
.testimonial_rotator_nav {
    display: none
}
h2.testimonial_rotator_slide_title {
    color: #999EA8;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    border-top: 1px solid #e7e9ed;
    margin: 3px 10%;
    padding: 8px 0px;
}
.testimonial_rotator.template-default {
    margin-top: 95px;
}
.testimonial_rotator_img.img img {
    border-radius: 50%;
}

.testimonial_rotator_img.img {
    margin-top: -40px;
}
div#playelement {
    text-align: center;
    background: url(https://www.sunquiet.com/wp-content/uploads/2018/10/bg_video.jpg) no-repeat;
    width: 100vw;
    margin-left: calc((-50vw)  + 50% );
    padding: 50px 0px;
    background-size: 100%;
}
div#page {
    overflow: hidden;
}
.vce-text-block-wrapper > span {
    width: 216px;
    color: #FFFFFF;
    font-family: Montserrat;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
    padding: 0px 15px;
}
.containerelments > div {
    position: relative;
    z-index: 1;
}
.principalimage {
    position: relative;
    margin-top: -30px;
}
.principalimage > div + img.attachment-full {
    position: absolute;
    left: 0px;
    right: 0px;
    top: -10px;
    max-height: 606px;
    width: 100%;
}
.ventajascontent {
    margin: 95px 0px 15px!important;
}
.align-center p {
    text-align: center!important;
}
.vervideocontent br {
    display: none;
}
.vce-row-content {
    margin-bottom: 28px!important;
}
.principalimage .vce-row-columns--top>.vce-row-content, .principalimage > div > div {
    width: 100%;
}
div#html5-watermark {
    display: none!important;
}
@media (min-width: 768px) {
    .containerelments + img.attachment-full {
        width: 100%;
    }    
}
.containerelments .heart {
    margin-top: 10%;
    max-width: 90px;
    margin-bottom: 20px;
}
.principalimage .containerelments.container {
    padding-top: 95px;
}
.principalimage .containerelments .text > span {
    display: block;
}
.containerelments .text {
    color: #FFFFFF;
    font-family: Barlow;
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 50px;
}
.text a.btn {
    background: white;
    margin-right: 22px;
    margin-top: 17px;
    border-radius: 40px;
    padding: 8px 19px;
    font-weight: bold;
    color: #333333;
    font-size: 17px;
}
.group2elmements {
    margin-bottom: 30px;
}
.vce-text-block-wrapper > span.intotext.bright {
    text-align: left;
}

.vce-text-block-wrapper > span.intotext {
    min-width: 300px;
    display: inline-block;
    color: #FFFFFF;
    font-family: Barlow;
    font-size: 25px;
    font-weight: 300;
    line-height: 35px;
}
.extrainfo .vce-row-content {
    align-items: center;
    justify-content: center;
}
body.home .extrainfo .vce-text-block h3 {
    text-align: left
}
body.home .extrainfo .vce-text-block h3 {
    text-align: left;
    font-size: 35px;
    margin: 39px 0px 20px;
    padding: 0px;
    line-height: 40px;
}
body.home .extrainfo p {
    color: #676C75;
    font-family: Barlow;
    font-size: 16px;
    line-height: 30px;
}
.extrainfo1 .vce-text-block-wrapper, .extrainfo3 .vce-text-block-wrapper {
    padding-right: 50px;
}
.extrainfo2 .vce-text-block-wrapper, .extrainfo3 .vce-text-block-wrapper{
    padding-left: 50px;
}
.home .extrainfo {
    margin: 70px 0px;
}

div#downloadsunquiet h2 {
    color: #FFFFFF;
    font-family: Barlow;
    font-size: 35px;
    font-weight: 300;
    letter-spacing: 1px;
    max-width: 572px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    margin: 70px 0px 50px;
}
div#downloadsunquiet {
    text-align: center;
    background: url(https://www.sunquiet.com/wp-content/uploads/2018/10/bg_download.jpg) no-repeat;
    width: 100vw;
    margin-left: calc((-50vw) + 50% );
    padding: 50px 0px;
    background-size: 100%;
}

h2 {
    color: #282B31;
    font-family: Barlow;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 50px;
    text-align: center;
    margin: 15px 0px 40px;
}
 div#tomassolimages .vce-row--col-gap-30>.vce-row-content img{
     width: 100%
 }
div#tomassolimages {
    margin-bottom: 90px;
}

 .contentbottom h3 {
    font-size: 14px;
    line-height: 25px;
    text-align: left!Important;
}
.contentbottom {

}
.contentbottom p {
    line-height: 26px;
    padding: 0px 20px;
}
.contentbottom a {
    padding-top: 7px;
    text-decoration: underline;
    display: inline-block;
    cursor: pointer;
}
.sidebarright h2 {
    text-align: left!Important;
    font-weight: bold;
    font-size: 20px!important;
    padding: 37px 0px 19px;
}
.sidebarright {
    padding-top: 25px;
    text-align: left;
    font-size: 18px
}
aside#search-2 span.screen-reader-text {
    visibility: hidden;
    position: absolute;
}
aside#search-2 input.search-field {
    border: 1px solid #dbe1e8;
    padding: 7px;
    max-width: 227px;
}
.single-post .post-thumbnail {
    text-align: center;
    margin-bottom: 35px;
}
input{
     border: none;
    padding: 7px;
}
input[type=submit] {
    background: #fba674;
    border: none;
    color: white;
    padding: 5px;
    line-height: 27px;
}
.page-id-2 h1.entry-title {
    font-size: 42px!important;
    padding: 30px 0px;
}
.entry-content p, li span {
    font-size: 15px!important;
    text-align: justify;
}
div#content {
    font-family: Barlow;
}
.entry-content {
   
}
body:not(.home) .entry-content h2 {
    font-size: 28px;
    margin: 35px auto 20px;
}
body:not(.home) .entry-content h3 {
    font-size: 22px;
    margin: 35px auto 20px;
}

ul {
    font-size: 18px;
    margin-bottom: 15px;
    padding-left:27px;
    margin-top: 15px;
    list-style-type: circle;
}
input {
    border: 1px solid #d6d9de;
}
div#comments label {
    display: block;
    margin-top: 16px;
}
div#comments p.comment-form-cookies-consent label {
    display: inline-block;
}
div#comments p.form-submit {
    margin-top: 15px;
}
footer.entry-footer a {
    color: #f67bba;
    padding-right: 5px;
}

footer.entry-footer {
    text-align: right;
    border-top: 1px solid #cbd0d6;
    margin: 30px 0px;
    padding-top: 15px;
    font-size: 15px;
}
.post-navigation .nav-previous {
    float: left;
    width: 40%;
}

.post-navigation .nav-next {
    float: right;
    width: 40%;
    text-align: right
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    letter-spacing: 0.1818em;
    margin-bottom: 1em;
    text-transform: uppercase;
}
.nav-links .nav-title {
    position: relative;
}
.nav-title-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 2em;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
    background: none!important;
}
nav.navigation.post-navigation a span {
    color: black!important;
    font-size: 17px;
}
nav.navigation.post-navigation h2, nav.navigation.post-navigation .screen-reader-text, nav.navigation.post-navigation .meta-nav {
    display: none;
}
nav.navigation.post-navigation {
    margin-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}
.suppliercontent br {
    display: none;
}
.rpscw-excerptsc {
    min-height: 103px;
    color: #555555;
    font-size: 17px;
    line-height: 32px;
}
.rpscw-readmore a {
    background: #f67bba;
    border: medium none;
    display: inline-block;
    font-size: 13px;
    margin: 10px auto;
    max-width: 160px;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #ffffff;
}
.contentcategory {
    display: flex;
    flex-wrap: wrap;
}
.contentcategory > article {
    margin-bottom: 50px;
}
body.category nav.navigation.paging-navigation {
    text-align: center;
    display: block;
    width: 100%;
      color: #f67bba;
    font-size: 18px
}
body.category nav.navigation.paging-navigation a{
    color: #f67bba;
    font-size: 18px
}

.pagination.loop-pagination > * {
    display: inline-block;
    margin: 0px 5px;
}

.sidebarright a {
    color: #f67bba;
    font-size: 17px;
    padding-bottom: 15px;
    display: inline-block;
}
body.category h2.entry-title {
    color: #000000;
    display: block;
    font-size: 22px;
    margin-bottom: 25px;
    text-align: left;
    text-transform: uppercase;
    line-height: 1.3em;
    min-height: 56px;
}
body.category h2.entry-title a{
    color: black
}
body.home div#content {
    margin-top: 0px;
    padding-top: 0px;
}
body.home article header.entry-header {
    display: none;
}
@media (min-width: 768px){
    div#tomassolimages .vce-row--col-gap-30>.vce-row-content>*:first-child {
        margin-right: 10px!important;
    }
    div#tomassolimages .vce-row--col-gap-30>.vce-row-content>*:last-child {
        margin-left: 10px!important;
        padding: 0px;
    }
}
@media (max-width: 1199px) {
    .principalimage .containerelments.container {
        padding-top: 7%;
    }
    .principalimage .containerelments .text {
        font-size: 24px;
    }

}
@media (max-width: 992px) {
    .containerelments .text {
        line-height: 30px;
    }
	.entry-content {margin-top:89px}
    div#playelement, div#downloadsunquiet {
       background-size: cover;
    }
    .rpscw-widgetp {
       min-height: 157px!important;
    }
    #masthead {
        background: #fa9c88;
		position:fixed!important;
		width:100%;
    }
    .principalimage {
       margin-top: 2px;
    }
}
@media (max-width: 767px) {
    body.home .extrainfo .vce-text-block h3 {
       padding-top: 30px;
    }
    .principalimage {
           position: relative;
        margin-top: -50px;
    background-size: cover;
    }
    
    .group4elements .vce-col {
        margin-bottom: 30px;
    }
    div#tomassolimages .vce-row-content > div {
        margin-bottom: 30px;
    }
    .suppliercontent .container > p > a {
        display: block;
        width: 100%;
        text-align: center;
    }
    .principalimage .text a.btn{
            margin: 8px 50px;
            vertical-align: top;
    }
    div#downloadsunquiet {
       background-size: cover;
    }
    .principalimage .attachment-full{
        display: none
    }
    .containerelments .heart {
        margin: 6% auto 10px;
    }
    .principalimage .containerelments.container {
        text-align: center;
    }
    .imagesecondary {
        margin: 9% 0px 10%;
    }
    .imagesecondary img {
        max-width: 400px;
            width: 100%;
    }
    body.home .vce-row-content > div:nth-child(2) {
        padding: 0px;
    }
    body.home .vce-text-block h3 {
        margin-top: 0px !Important;
    }
    .vce-text-block-wrapper > span.intotext {
        margin: 0 auto;
        display: block;
        text-align: center !important;
    }
    .extrainfo3 {
        display: flex;
    }
    .extrainfo3 > div > div:nth-child(3) {
        order: 1;
    }
    .extrainfo2 .vce-text-block-wrapper, .extrainfo3 .vce-text-block-wrapper {
        padding-left: 0px;
    }

    .extrainfo3 > div > div:nth-child(2), .extrainfo2 > div > div:nth-child(2) {
        order: 2;
    }
    .testimonial_rotator_slide {
        width: 100%;
        margin: 0px 0px 67px;
    }
    footer#colophon {
        text-align: center;
    }
    p.infologofooter {
        width: 100%;
        margin: 18px 0px;
    }
    .containerelments + img.attachment-full {
       max-width: initial;
    }
    
    ul.menutop li.getit a {
       padding: 9px 21px;
    }
    a.custom-logo-link {
        max-width: 40%;
        display: inline-block;
        vertical-align: middle;
    }
    ul.menutop {
            float: right;
    margin-top: 7px;
    vertical-align: middle;
    }
}
@media (max-width: 600px) {
    .containerelments .heart {
        margin: 13% auto 10px;
    }
}

@media (max-width: 420px) {
    ul.menutop {
        float: none;
        text-align: right;
            margin-top: 14px;
    }
    ul.menutop li {
       margin-left: 0px;
    }
    .principalimage {
       padding-top: 0px;

    }
    #masthead {
        padding: 21px 0px;
    }   
}

.testimonial_rotator_stars {display:none;}


a.relpost-block-single > div {
    height: auto!important;
}
.metaslider .caption-wrap {
    background: initial!important;
    top: 0px!important;
    bottom: initial!important;
    opacity: 1!important
}
.metaslider .caption{
    padding-top: 76px!important;
}
.metaslider .flex-viewport {
    overflow: initial!important;
}
.metaslider .slides img {
    width: 100%!important;
    display: block;
}
.vc_row.wpb_row.vc_row-fluid.vc_row-no-padding {
    overflow: initial!important;
}
.entry-content ul li {
    font-size: 15px;
}
body.home #masthead {
    position: absolute;
    left: 0px;
    right: 0px;
}
@media(max-width: 767px){
    .metaslider .caption-wrap{
        position: relative!important
    }
    .metaslider .flexslider ul li > img {
        position: absolute!important;
        height: 100%!important;
        width: auto!important;
        margin-left: -50%!important;
    }
    .containerelments.container .contentgeneral {
    min-height: 180px;
}
}

.relpost-block-single > *, .relpost-block-single > * > * {
    width: 100%!important;
    height: auto!Important;
}
.relpost-block-single {
    background-color: transparent!important;
    width: 25%;
}
.relpost-block-single-text {
    font-size: 15px!Important;
}
@media(max-width: 991px){
.relpost-block-single {
    width: 50%;
    min-height: 229px;
}
.metaslider .caption {
    padding-top: 0px!important;
}
.containerelments .heart {
    margin-top: 19%;
 }

}
@media(max-width: 550px){
    .relpost-block-single {
        width: 100%;
        margin-bottom: 15px!important
    }
}

.post-destacados h4 {font-size:220%;}
.post-destacados .vc_btn3-container a {
    
    
    background: #f9f9f9!important;
        
       
        border-radius: 40px;
        padding: 8px 19px;
        font-weight: bold;
        color: #000000!important;
        font-size: 17px;
        



}
    
    
.post-destacados .vc_btn3-container {
    text-align:right!important;
    }
    
.vc_custom_1419240516480 {background-color:#f1f1f1!important;}


.txt-ventajas h3 {font-size:270%; line-height: 55px;}
body #page .txt-ventajas p {font-size:19px!important;}
h3 {font-size: 212%;}
h1 {font-size: 252%;}

.entry-content p{
	margin-bottom: 10px;
}