@font-face {
font-family: Foundry Sterling Book;
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbook-webfont.eot);
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbook-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbook-webfont.woff) format("woff"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbook-webfont.ttf) format("truetype");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Foundry Sterling Light;
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostlight-webfont.eot);
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostlight-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostlight-webfont.woff) format("woff"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostlight-webfont.ttf) format("truetype");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: Foundry Sterling Demi;
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostdemi-webfont.eot);
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostdemi-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostdemi-webfont.woff) format("woff"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostdemi-webfont.ttf) format("truetype");
font-weight: 500;
font-style: normal
}
@font-face {
font-family: Foundry Sterling Medium;
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostmedm-webfont.eot);
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostmedm-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostmedm-webfont.woff) format("woff"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostmedm-webfont.ttf) format("truetype");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: Foundry Sterling Bold;
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbold-webfont.eot);
src: url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbold-webfont.eot?#iefix) format("embedded-opentype"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbold-webfont.woff) format("woff"), url(/sites/all/themes/custom/cv_2020/fonts/foundry/fostbold-webfont.ttf) format("truetype");
font-weight: 700;
font-style: normal
}
.page .container:first-child,
.l-general{
max-width: 100% !important;
padding: 0 !important;
margin:0 !important;
}
h1, h2, h3, h4, h5, h6, p {
font-family: Foundry Sterling Medium;
}
h1 {
color: #65126b;
letter-spacing: -0.8px;
font-size: 42px;
line-height: 1;
padding-bottom: 15px;
padding-right: 10px;
max-width: 570px;
}
h2 {
color: #65126b;
font-size: 32px;
}
p {
font-size: 20px;
line-height: 1.2;
}
.button-ld, .button-ld a {
font-family: Foundry Sterling Bold;
font-weight: 600;
}
.button-ld:after, button:after{
content: '';
background: url(/sites/coopervision.es/files/flecha.png);
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 4px;
margin-left: 8px;
}
.selectOptica:after{
width: 12px;
height: 12px;
top: 2px;
}
footer p {
font-family: Foundry Sterling Medium;
}
.boxed {
max-width: 1100px;
margin: auto !important;
}
.full-width {
width: 100%;
max-width:100%;
}
img {
display: block;
width: 100%;
}
.loader {
display: none;
height: 80px;
width: 80px;
margin: auto;
margin-bottom: 50px;
border: 10px solid #f3f3f3;
border-radius: 50%;
border-top: 10px solid #f58025;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
.background-orange {
background-color: #f58025;
}
.container-logo-mobile {
max-width: 170px;
text-align: center;
margin: 10px auto;
}
.container-home {
min-height: 480px;
padding-top: 20px !important;
}
.container-home-logo {
max-width: 210px;
padding-bottom: 55px;
}
.container-home p {
color: #636466;
font-size: 20px;
line-height: 1.2;
margin-bottom: 30px;
max-width: 570px;
}
.container-home .button-ld {
background-color: #65126b;
padding: 15px 20px;
max-width: 370px;
}
.container-home .button-ld a {
color: white;
font-size: 18px;
}
.container-home .button-ld object {
max-width: 20px;
display: inline-block;
margin-left: 15px;
position: relative;
top: 4px;
}
.slider-mini {
padding: 12px;
}
.container-mini-text {
align-content: center;
height: 100%;
padding: 30px 0;
}
.container-mini-text p {
margin-bottom: 0;
color: white;
}
.container-mini-img {
max-width: 260px;
}
.slider-ventajas {
padding-bottom: 80px;
}
.container-ventajas h2{
text-align: center;
padding: 55px 0 50px;
}
.container-ventajas-title h2 span {
font-family: Foundry Sterling Light;
color: #636466;
}
.container-ventajas-col {
padding: 0 20px;
}
.container-ventajas-col img {
max-width: 55px;
}
.container-ventajas-col h3, .container-miopia-col h3 {
font-family: Foundry Sterling Bold;
color: #636466;
font-weight: 600;
font-size: 16px;
}
.container-ventajas-col hr {
border-top: 2px solid #65126b;
max-width: 122px;
margin: 10px 0 20px 0;
}
.container-ventajas-col p, .container-miopia-col p {
font-size: 16px;
color: #636466;
font-family: Foundry Sterling Light;
}
.container-ventajas-col p {
max-width: 170px;
}
.background-mapa {
background-color: #e5e5e5;
}
.slider-mapa {
padding: 55px 0 30px;
}
.slider-mapa p {
text-align: center;
font-size: 16px;
font-family: Foundry Sterling Light;
margin-bottom: 0;
}
.container-mapa-title h2 {
text-align: center;
}
.container-form {
margin: 50px 0;
}
.slider-mapa img {
max-width: 20px;
display: inline-block;
margin-left: 15px;
}
.container-form input {
width: 100%;
font-size: 16px;
color: #1e1e1e;
font-family: Foundry Sterling Light;
padding: 10px;
border: 1px solid #ccc;
}
.container-form .paso-1 input {
height: 100%;
}
.container-form button {
background-color: #65126b;
padding: 10px 20px 15px;
max-width: 450px;
border: 0;
line-height: 1;
}
.container-form button {
color: white;
font-size: 16px;
font-family: Foundry Sterling Bold;
font-weight: 600;
}
.container-form button object {
max-width: 20px;
display: inline-block;
margin-left: 15px;
position: relative;
top: 4px;
}
.container-form a {
color: inherit;
text-decoration: underline;
}
.container-form a:hover {
color: #65126b;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.slider-mapa .paso-4 {
display: none;
}
.paso-4-text {
padding-bottom: 40px;
}
.slider-mapa .paso-4-text p{
font-size: 26px;
color: #65126b;
text-align: center;
font-family: Foundry Sterling Medium;
}
.slider-mapa .paso-4-text p:first-child{
font-size: 24px;
color: #636466;
margin-bottom: 20px;
}
.slider-mapa .paso-4-text p span{
color: #65126b;
font-family: Foundry Sterling Medium;
text-transform: capitalize;
}
.container-form.paso-4 .col-lg-4,
.container-form.paso-4 .col-lg-3 {
padding: 12px 10px;
margin-bottom: 5px;
}
.container-form.paso-4 button {
background-color: #65126b;
padding: 10px 20px 15px;
max-width: 100%;
width: 100%;
border: 0;
line-height: 1;
text-align: center;
}
.container-form.paso-4 label.error, #cp-error {
font-family: Foundry Sterling Medium;
font-size: 13px;
margin-left: 4px;
color: #cd0000;
min-width: 200px;
}
#cp-error {
display: none;
}
.aceptacion-privacidad {
width: 100%;
margin-bottom: 20px;
display: flex;
justify-content: start;
flex-flow: row;
align-items: start;
}
.aceptacion-privacidad p{
font-size: 12px;
color: #636466;
font-family: Foundry Sterling Light;
text-align: left;
margin-left: 5px;
}
.container-form.paso-4 .input-container {
display: block;
width: 100%;
max-width: 20px;
}
.container-form.paso-4 input[type="checkbox"] {
display: inline-block;
margin-right: 4px;
margin-bottom: 0;
position: relative;
bottom: 4px;
}
.container-form.paso-4 form p{
font-size: 12px;
color: #636466;
font-family: Foundry Sterling Light;
text-align: left;
}
.container-stats-img {
background-image: url('/sites/coopervision.es/files/cuadro-izq-fondo.jpg');
background-size: cover;
background-repeat: no-repeat;
display: block;
height: 100%;
}
.container-stats-text {
max-width: 530px;
padding-top: 50px;
padding-left: 50px;
padding-bottom: 40px;
}
.container-stats-text h2 {
color: white;
max-width: 360px;
margin-bottom: 30px;
}
.container-stats-text .numero-grande {
font-size: 32px;
font-family: Foundry Sterling Medium;
font-weight: 600;
color: white;
}
.container-stats-text ul, .container-stats-text li {
list-style: none;
padding-left: 0 !important;
}
.container-stats-text li:before {
display:none !important;
}
.container-stats-text ul {
padding-bottom: 20px !important;
}
.container-stats-text p {
color: white;
font-size: 16px;
font-family: Foundry Sterling Light;
}
h2.miopia-title {
text-align: center;
padding: 55px 0 50px;
}
.frame-mapa {
text-align: center;
}
.frame-mapa .title {
color: #65126b;
font-weight: 600;
font-size: 16px;
letter-spacing: -0.5;
text-transform: capitalize;
}
.frame-mapa .address:before {
content: '';
background: url(/sites/coopervision.es/files/casa-icon.png);
display: inline-block;
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 3px;
margin-right: 8px;
}
.frame-mapa .address {
font-size: 14px;
font-family: Foundry Sterling Light;
text-transform: capitalize;
margin-top: 15px;
}
.frame-mapa button {
background-color: #65126b;
padding: 10px 20px 11px;
font-family: Foundry Sterling Bold;
line-height: 15px;
color: #fff;
border: none;
margin-top: 10px;
font-weight: 600;
}
.frame-mapa button object {
max-width: 20px;
display: inline-block;
margin-left: 8px;
position: relative;
top: 2px;
}
.frame-mapa .gm-style .gm-style-iw-c {
border-radius: 0;
padding: 25px 20px !important;
text-align: left;
}
/*.container-miopia-col img {
max-width: 220px;
}*/
.container-miopia-col h3 {
padding-top: 30px;
}
/*.container-miopia-col p {
max-width: 220px;
}*/
p.quote-my {
font-size: 12px;
}
.container-miopia-text .quote-my {
color: #636466;
margin-top: 40px;
}
.slider-miopia {
padding-bottom: 30px;
}
footer {
background-color: #e5e5e5;
}
footer .row-footer {
padding: 100px 0;
}
footer p {
font-size: 12px;
display: inline;
}
footer p a {
color: inherit;
}
footer p a:hover {
color: #65126b;
text-decoration: underline;
}
footer .footer-img-container img {
max-width: 150px;
height: 100%
}
.elemento-footer p:after {
content: " | ";
padding: 0px 5px;
display: inline-block;
}
.elemento-footer:last-child p:last-child:after {
display: none;
}
/*RESPONSIVE*/
@media all and (max-width: 991px) {
.elemento-footer:first-child p:last-child:after {
display: none;
}
.elemento-footer {
display: flex;
justify-content: center;
}
.elemento-footer p:last-child:after {
content: none;
display: none;
}
footer .row-footer {
padding: 50px 0;
}
}
@media all and (max-width: 768px) {
.background-home {
background-image: url('/sites/coopervision.es/files/hero_mobile.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% center;
}
h1 {
font-size: 36px;
}
}
@media all and (max-width: 767px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
.container-home {
min-height: 100%;
}
.container-home p {
font-size: 16px;
max-width: 200px;
}
.container-home .button-ld {
justify-content: center;
margin-bottom: 25px;
}
.container-home .button-ld a {
font-size: 16px;
}
.container-mini-text {
padding-bottom: 0;
padding-top: 5px;
}
.container-mini-text p {
font-size: 16px;
text-align: center;
padding: 0 30px;
}
.container-mini-img {
margin: auto;
}
.slider-ventajas {
padding-bottom: 25px;
}
.slider-ventajas .col-6:nth-child(3), .slider-ventajas .col-6:nth-child(4) {
margin-top: 30px;
}
.container-ventajas h2 {
padding: 35px 0 35px;
}
.container-ventajas-col {
padding: 0;
}
.slider-mapa p {
padding: 0 40px;
}
.container-form {
padding: 0;
}
.container-form .paso-1 input {
height: 50px;
}
.container-form button {
max-width: 100%;
width: 100%;
border: none;
margin-top: 25px;
}
.container-form {
margin: 30px 0;
}
.container-form.paso-4 {
margin-top: 30px;
}
.slider-mapa .paso-4-text p {
font-size: 18px;
padding: 0 75px;
}
.slider-mapa .paso-4-text p:first-child {
font-size: 16px;
margin-bottom: 20px;
padding: 0;
}
.aceptacion-privacidad p {
padding: 0;
}
.container-form.paso-4 form p {
padding: 0;
}
.container-stats-img {
min-height: 315px;
background-position: 100%;
}
.container-stats-text {
max-width: 100%;
padding: 30px 20px;
}
.container-stats-text h2 {
text-align: center;
}
.container-stats-text p {
font-size: 14px;
}
}
@media all and (min-width: 769px) {
.background-home {
background-image: url('/sites/coopervision.es/files/hero_desktop.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.container-miopia-col {
max-width: 235px;
}
}
@media all and (min-width: 1440px) {
.boxed {
max-width: 1010px;
}
.container-miopia-col {
max-width: 320px;
}
}
@media all and (min-width: 1500px) {
.boxed {
max-width: 1280px;
margin
}
.background-home {
background-position: 100% -35px;
}
}
/*THANK YOU PAGE */
.thank-you h1 {
font-weight: bold;
}
.thank-you .container-home-text span {
text-transform: capitalize;
font-weight: 800;
}
@media all and (min-width: 769px) {
.thank-you .container-home {
min-height: 630px;
padding-top: 20px !important;
}
.thank-you .background-home {
background-image: url('/sites/coopervision.es/files/hero_desktop.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.thank-you .thank-you-container-text {
height: 507px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.thank-you h1 {
max-width: 300px;
}
.thank-you .container-home p {
max-width: 384px;
}
}
}
-
Nuestros productos
-
Familia Biofinity
-
Familia Biomedics
-
Familia clariti 1 day
-
Familia MyDay
-
Familia Proclear
-
Familia My.Vision
-
Más productos
-
Encuentre su lente
- Tecnología de lentes de contacto
-
Control de Miopía
Familia Biomedics®
Familia clariti 1 day
Familia MyDay
Familia My.Vision -
Familia Biofinity
- Lentes de contacto & visión
- Sobre Nosotros
-
Buscar un centro