/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* nombre en logo */

@font-face {
    font-family: logo;
    src: url(../fonts/Quicksand.otf);
}


h1, .h1 {font-size: 24px;}
h2, .h2 {font-size: 22px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 16px;}
h6, .h6 {font-size: 14px;}

.logo {font-family: logo;font-weight: bold;font-size: xx-large;padding: 5px 0px 5px 15px;}
.dot {color: #EE4542;font-size: -webkit-xxx-large;font-weight: bold;margin: 0px 3px 3px 0px;line-height: 18px;vertical-align: text-top;}
@-moz-document url-prefix() {.dot { line-height: 28px;}}
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.color-line {
    background: #f7f9fa;
    height: 6px;
    background-image: -webkit-linear-gradient(left, #34495e, #9b59b6 25%, #9b59b6 25%, #3498db 35%, #3498db 35%, #62cb31 45%, #62cb31 45%, #ffb606 55%, #ffb606 55%, #e67e22 65%, #e67e22 65%, #e67e22 75%, #c0392b 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -moz-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: -ms-linear-gradient(left, #34495e, #34495e 25%, #9b59b6 25%, #9b59b6 35%, #3498db 35%, #3498db 45%, #62cb31 45%, #62cb31 55%, #ffb606 55%, #ffb606 65%, #e67e22 65%, #e67e22 75%, #e74c3c 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-image: linear-gradient(to right, #34495e, #9b59b6 25%, #9b59b6 25%, #3498db 35%, #3498db 35%, #62cb31 45%, #62cb31 45%, #ffb606 55%, #ffb606 55%, #e67e22 65%, #e67e22 65%, #e74c3c 75%, #c0392b 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%);
    background-size: 100% 6px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}

/* linear-gradient(to right, #34495e, #9b59b6 25%, #9b59b6 25%, #3498db 35%, #3498db 35%, #62cb31 45%, #62cb31 45%, #ffb606 55%, #ffb606 55%, #e67e22 65%, #e67e22 65%, #e74c3c 75%, #c0392b 85%, #e74c3c 85%, #c0392b 85%, #c0392b 100%)

/* frase aleatoria */
.jumbotron-quote {padding: 50px 15px;margin-bottom: 30px;color: inherit;background: url('../img/monte-fuji.jpg');background-size: cover;;}
.mainquote {font-size: 28px;font-family: 'Oswald',sans-serif;font-weight: bold;line-height: 28px;text-shadow: 3px 3px 3px #000;}
a.mainquote {text-decoration: none;    color: #f9fbfb;}
.mainauthor {font-style: italic;font-family: 'Oswald',sans-serif;font-weight: bold;font-size: 20px;text-shadow: 2px 2px 2px #000;}
a.mainauthor {text-decoration: none;    color: #f9fbfb;}

/* Bloques de sección */
.panel.panel-default.quote.rm blockquote {font-size: 20px;margin: 0px;}
.galery {color: white !important;font-size: 20px;background-color: #9B59B6 !important;background-image: none !important;}
.dayquote {color: white !important;font-size: 20px;background-color: #C0392B !important;background-image: none !important;}
.autpop {color: white !important;font-size: 20px;background-color: #E67E22 !important;background-image: none !important;}
.autsug {font-size: 20px;}
.catpop {color: white !important;font-size: 20px;background-color: #3498DB !important;background-image: none !important;}
/* color de gliphons */
.glip1 {color: #FFB606 !important;}
.glip2 {color: #5BC0DE !important;}
/* color borde */
.bdcolor1 {margin-bottom: 5px !important;border-left: #FFD700 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor2 {margin-bottom: 5px !important;border-left: #5cb85c 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor3 {margin-bottom: 5px !important;border-left: #d9534f 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor4 {margin-bottom: 5px !important;border-left: #5BC0DE 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor5 {margin-bottom: 5px !important;border-left: #2E6DA4 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor6 {margin-bottom: 5px !important;border-left: #9B59B6 3px solid !important;border-bottom: none !important;border-top: none !important;}
.bdcolor7 {margin-bottom: 5px !important;border-left: #eeeeee 3px solid !important;border-bottom: none !important;border-top: none !important;}
/* remove */
.rm {border: none ;-webkit-box-shadow: none;box-shadow: none;}
/* footer */
html {position: relative;min-height: 100%;}
footer {position: absolute;bottom: 0;width: 100%;height: 10px; background-color: #f5f5f5;}
footer a {color: #f5f5f5;}

.footer-top {background: #323B44;border-bottom: 1px solid #414f5a;color: #A1A1A1;padding: 15px 0;}
.footer-bottom {background: #25292C;color: #888;line-height: 30px;}
#footer h3 {color: #fff;font-weight: normal;font-family: 'Oswald',sans-serif;text-shadow: 0 0 1px rgba(0,0,0,0.01);}
#footer .list {color: #fff;font-weight: normal;list-style: none;}
/* navbar */
@media (max-width: 991px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
}


/* social */
.social ul {margin-bottom: 0px;}

.list-unstyled {padding-left: 0;list-style: none;}
.list-inline li {display: inline-block;padding: 5px;}
/*Change icons size here*/
.social-icons .fa {font-size: 1.25em;}
/*Change icons circle size and color here*/
.social-icons .fa {
    width: 32px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons.icon-circle .fa{ 
    border-radius: 50%;
}
.social-icons.icon-rounded .fa{
    border-radius:5px;
}
.social-icons.icon-flat .fa{
    border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333; 
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

 
.social-icons .fa-facebook,.social-icons .fa-facebook-square{background-color:#3C599F;}  
.social-icons .fa-google-plus,.social-icons .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons .fa-instagram{background-color:#A1755C;}
.social-icons .fa-linkedin,.social-icons .fa-linkedin-square{background-color:#0085AE;} 
.social-icons .fa-pinterest,.social-icons .fa-pinterest-square{background-color:#CC2127;} 
.social-icons .fa-twitter{background-color:#55ACEE;} 
.social-icons .fa-whatsapp{background-color:#65BC54;} 
.social-icons .fa-envelope{background-color:#ADD8E6;} 


/*Change icons size here*/
.social-icons-bg .fa {
    font-size: 1.8em;
}
/*Change icons circle size and color here*/
.social-icons-bg .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icons-bg .fa:hover, .social-icons-bg .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333; 
}
.social-icons-bg.icon-zoom .fa:hover, .social-icons-bg.icon-zoom .fa:active { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); 
}

 
.social-icons-bg .fa-facebook,.social-icons-bg .fa-facebook-square{background-color:#3C599F;}  
.social-icons-bg .fa-google-plus,.social-icons-bg .fa-google-plus-square{background-color:#CF3D2E;} 
.social-icons-bg .fa-instagram{background-color:#A1755C;}
.social-icons-bg .fa-pinterest,.social-icons-bg .fa-pinterest-square{background-color:#CC2127;} 
.social-icons-bg .fa-twitter,.social-icons-bg .fa-twitter-square{background-color:#32CCFE;} 
.social-icons-bg .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square{background-color:#C52F30;}
 
/* Toolbar A-Z */

.toolbar {
    text-align: center !important;
    margin-bottom: 20px;
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: none !important;
}

*, *:before, *:after {box-sizing:  border-box !important;}


.main { 
 padding-top: 25px;
}

.quote { 
	font: 300 24px/30px "Open Sans",Arial,sans serif;
	margin-bottom: 15px;
}

.blockq {
    background-image: url(../img/quote.png);
    background-repeat: no-repeat;
    background-size: 100px;
    background-position-y: -10px;
    background-position-x: 5px;
}


.quoteimg {border: 1px solid #e8dcd8;box-shadow: 0 1px 10px 2px #bea69c;margin: 0 auto;padding: 0;height: auto;width: 90%;}
#socialbox {text-align: left;}

a.socl {background:transparent url(../img/social.png) no-repeat 0px 0px;display: block;height: 26px;width: 24px;}
a.afbk {background-position: 0px -330px;}
a.atwi {background-position: 0px -357px;}
a.atgm {background-position: 0px -384px;}
.sharebtn {margin-bottom: 5px;cursor: pointer;}
.share-buttons {margin: 0px;position: absolute;}


.link {
    color: #000;
    font-size: 20px;
    text-decoration: none !important;
}


/* RRSSB */
.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-delicious a{background-color:#0B79E5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path{fill:#0B79E5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path{fill:#993d00}
/* DEMO */
.clearfix:after,.share-container:after{clear:both}.clearfix:after,.clearfix:before,.share-container:after,.share-container:before{content:' ';display:table}body{overflow-x:hidden}a{color:#0a88ff;font-weight:500;text-decoration:none}.main-container{padding:1% 6%}.main-container h1{-webkit-transition:all .2s ease;transition:all .2s ease;color:#444;letter-spacing:-.03em;margin:20px 0 10px}@media screen and (min-width:1024px){.main-container h1{font-size:40px}}.main-container h2{color:#444}.main-container p{font-size:16px;line-height:1.4em}@media screen and (min-width:1024px){.main-container p{font-size:20px}}.main-container .rrssb-preview{-webkit-transition:all .2s ease;transition:all .2s ease;float:right;height:auto;margin:0 0 1% 1%;width:40%}@media screen and (max-width:400px){.main-container .rrssb-preview{width:60%}}.main-container small{color:#999;display:block;font-size:12px;margin:40px 0}hr{background-color:#ddd;border:0;height:1px;margin:0 0 10px}.share-container{padding:0 0 25px;position:relative}@media screen and (max-width:320px){.share-container{padding:0 0 12px}}.share-container .label{color:#777;display:block;float:left;font-size:14px;padding:10px 0 0;width:115px}.share-container .rrssb-buttons{float:left;width:calc(100% - 116px)}@media screen and (max-width:400px){.share-container .label{display:none}.share-container .rrssb-buttons{clear:both;float:none;width:100%}}