html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

Donde puedo empezar a grabar?

javiermorales4367 Member, Voices_Guest

April 18 in Zona Española

0

Categories

html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

Voices is the world's #1 voice marketplace with over 2 million members. Since 2005, the biggest and most beloved brands have trusted Voices to help them find professionals to bring their projects to life.

100 Dundas Street, Suite 700 London, ON N6A 5B6
Call Us Toll Free at 1-888-359-3472