/*<==========================================================================================================>*/
/*Landing CSS Basado en Bootstrap 3 */
/*<==========================================================================================================>*/
/*Author: GW */
/*Date: 26/11/2014 */
/*Version: 2.0*/
/*<==========================================================================================================>*/
/* Genericos */
body{overflow-x:hidden;}
h1{font:100 36px 'MovistarHeadlineRegular';margin: 0;}
h2{font:100 28px 'MovistarHeadlineRegular';margin: 0;}
h3{font:100 20px 'MovistarHeadlineRegular';margin: 0;}
h4{font:100 16px 'MovistarHeadlineRegular';margin: 0;}
h5{font:100 16px 'MovistarHeadlineRegular';margin: 0;}
h6{font:100 16px 'MovistarHeadlineRegular';margin: 0;}
ul{list-style-type:none;padding:0;margin:0;}
a:hover, a:focus{outline:none !important;}
p{font:100 16px 'Arial';}

.container{max-width:1400px;}
.padding0{padding:0;} 
.margin0{margin:0;}
.ld-p0-right{padding-right:0;}
.ld-p0-left{padding-left:0;}
.ld-white{color:white !important;}
.ld-black{color:black !important;}
.ld-z-index1{z-index:1;}
.ld-z-index2{z-index:2;}
.ld-z-index3{z-index:3;}
.row.equal [class*="col-"]>* {margin-bottom: -99999px;padding-bottom: 99999px;}
.row.equal {overflow: hidden;}
.ld-center{display: table;margin: 0 auto;}
.ld-margin-bot-10{margin-bottom:10px;}
.ld-margin-top-15{margin-top:15px;}

.ld-row-12{height: 100%;}
.ld-row-11{height: 91.66666666666666%;}
.ld-row-10{height: 83.33333333333334%;}
.ld-row-9{height: 75%;}
.ld-row-8{height: 66.66666666666666%;}
.ld-row-7{height: 58.333333333333336%;}
.ld-row-6{height: 50%;}
.ld-row-5{height: 41.66666666666667%;}
.ld-row-4{height: 33.33333333333333%;}
.ld-row-3{height: 25%;}
.ld-row-2{height: 16.666666666666664%;}
.ld-row-1{height: 8.333333333333332%;}

.ld-btn:hover, .ld-btn:focus{text-decoration:none;}
.ld-btn .span-text{margin-left: 5px;}
.ld-btn{font:100 16px 'MovistarTextRegular'; color:white; padding:5px 20px;}
.modal .modal-content{border-radius:0;}
/* END Genericos */

/* Framework */
/* Nav Mobile */
.ld-nav-mobile{background:#1F374D;}
.ld-nav-mobile .icon-menu{color: white;font-size: 20px;}
.ld-nav-mobile .icon-link{text-decoration:none;}
.ld-nav-mobile .ld-icon-mov{background: url('/estaticos/cabeceraEstaticaResponsive/imagenes/iconos/iconos-home.png') no-repeat -450px -285px;width: 100%;height: 40px;}
.ld-nav-mobile ul{border-bottom: 1px solid white;}
.ld-nav-mobile li{border-top:1px solid white;font-family:'MovistarTextRegular';}
.ld-nav-mobile li a{color:white;display:block;padding: 5px 15px;}
.ld-nav-mobile li a:hover, .ld-nav-mobile li a:focus{background:initial;}
.ld-nav-mobile .sel{background:white;}
.ld-nav-mobile .sel a{color:#1F374D;}
.ld-nav-mobile .navbar-toggle{padding: initial;margin-bottom: 0;}

/*Nav Desktop*/
.ld-nav-desktop{background:white; margin-top:10px;}
.ld-nav-desktop ul{}
.ld-nav-desktop .ld-nav-desktop-element{float: left; font-family: MovistarTextRegular; text-align:center;}
.ld-nav-desktop .ld-nav-desktop-element > a{color: #0086c3;border-top: 1px solid #34b4aa;border-left: 1px solid #34b4aa;border-radius: 0px;}
.ld-nav-desktop .ld-nav-desktop-element a:last-child{border-right: 1px solid #34b4aa;}
.ld-nav-desktop .ld-nav-desktop-element > a:hover, a:focus{text-decoration:none;}
.ld-nav-desktop .sel > a {z-index: 1;border: none;background-color: #005c84;color: white !important;border-top: 5px solid #005c84;border-right: 1px solid #005c84;box-shadow: 1px -1px 5px 0px #888888;}


/* Section */
.ld-section{padding:10px 0 0 0;}
.ld-section .ld-section-nav-desktop{margin: 20px 0;}
.ld-section .ld-section-nav-desktop .ld-section-claim{}
.ld-section .ld-section-content{}
.ld-section .ld-section-content .ld-box{padding: 20px; color:#005C84;}
.ld-section .ld-section-content .ld-box .ld-claim{}
.ld-section .ld-section-content .ld-box .ld-claim h1{font: 100 26px 'MovistarHeadlineRegular';}
.ld-section .ld-section-content .ld-box .ld-product-img{}
.ld-section .ld-section-content .ld-box .ld-product-review{}
.ld-section .ld-section-content .ld-box .ld-product-review ul{list-style-type:disc; margin:10px;}
.ld-section .ld-section-content .ld-box .ld-product-review li{font: 100 14px 'MovistarTextRegular';margin: 5px 0;}
.ld-section .ld-section-content .ld-box .ld-product-price{font-family:'MovistarTextRegular';}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-pd{font-size:16px;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-euro{font-size: 70px;line-height: 0.8em;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-cent{font-size: 32px;line-height: 0.9em;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-currency{font-size: 14px;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-iva{font-size: 10px;line-height: 0.5em;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-others{clear:both;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-spec{font-size:14px;display:block;}
.ld-section .ld-section-content .ld-box .ld-product-price .ld-product-price-btn{}

/* Section Products */
.ld-section .ld-section-content .ld-section-product{}
.ld-section .ld-section-content .ld-section-product .ld-section-product-img{}
.ld-section .ld-section-content .ld-section-product .ld-section-product-img img{width:100px; height:200px;}
.ld-section .ld-section-content .ld-section-product .ld-section-product-name{font: 100 16px 'MovistarTextRegular';color:#005C84;text-align:center;}

/* Section Form */
.ld-section .ld-section-content .ld-form-section{background:#0B6288; padding:10px;width:100%;margin:0;}
.ld-section .ld-section-content .ld-form-section .ld-form-900{text-align:center;}
.ld-section .ld-section-content .ld-form-section .ld-form-900 > span {font:100 16px 'MovistarTextRegular';color:white;display: block;margin: 5px 0;}
.ld-section .ld-section-content .ld-form-section .ld-form-900 > a {font:100 16px 'MovistarTextRegular';color:white;display: block;margin: 5px 0;}
.ld-section .ld-section-content .ld-form-section .ld-form-900 .sc-telefono{font-size:30px;}
.ld-section .ld-section-content .ld-form-section .ld-form-group{}
.ld-section .ld-section-content .ld-form-section .ld-form-group span{font: 100 14px 'MovistarTextRegular';color: #B0E211;}
.ld-section .ld-section-content .ld-form-section .ld-form-group input{width:100%;padding: 2px;font: 100 16px 'MovistarTextRegular';}
.ld-section .ld-section-content .ld-form-section .ld-form-group input:focus{}
.ld-section .ld-section-content .ld-form-section .ld-form-group select{width:100%;padding: 2px;font: 100 16px 'MovistarTextRegular';}
.ld-section .ld-section-content .ld-form-section .ld-form-group select:focus{}
.ld-section .ld-section-content .ld-form-section .ld-has-error span{}
.ld-section .ld-section-content .ld-form-section .ld-has-error input{}
.ld-section .ld-section-content .ld-form-section .ld-has-error input:focus{}
.ld-section .ld-section-content .ld-form-section .ld-agree{}
.ld-section .ld-section-content .ld-form-section .ld-agree input{display:inline;width:auto;}
.ld-section .ld-section-content .ld-form-section .ld-agree > span{font: 100 16px 'MovistarTextRegular';color: white;}
.ld-section .ld-section-content .ld-form-section .ld-agree a{color:white;}
.ld-section .ld-section-content .ld-form-section .ld-agree a:hover, .ld-section-content .ld-form-section .ld-agree a:focus{color:white;}
.ld-section .ld-section-content .ld-form-section .ld-agree > div > span{font: 100 14px 'MovistarTextRegular';color: #B0E211;}
.ld-section .ld-section-content .ld-form-section .sc-btn-c2c{width:100%;border:none;}
.ld-section .ld-section-content .ld-form-section .sc-btn-c2c:hover, .ld-section .ld-section-content .ld-form-section .sc-btn-c2c:focus{border:none;}
.ld-section .ld-section-content .ld-form-section .ld-form-loader{text-align:center;}
.ld-section .ld-section-content .ld-form-section .ld-form-loader span{display: block;color: white;margin-top: 10px;}
.ld-section .ld-section-content .ld-form-section .ld-form-ok{text-align:center;}
.ld-section .ld-section-content .ld-form-section .ld-form-ok span{display: block;color:#B0E211;margin-top: 10px;}
.ld-section .ld-section-content .ld-form-section .ld-form-ko{text-align:center;}
.ld-section .ld-section-content .ld-form-section .ld-form-ko span{display: block;color:#F08746;margin-top: 10px;}
.ld-section .ld-section-content .ld-form-section .ld-form-ko a{text-decoration:underline;color:#F08746;}
.ld-section .ld-section-content .ld-form-section .ld-form-on span{color: white;}
.ld-section .ld-section-content .ld-form-section .ld-form-off span{color: white;}
.ld-section .ld-section-content .ld-form-img img{width:35%;}

/*ModalPrivacy*/
#modalPrivacy{}
#modalPrivacy .modal-content{}
#modalPrivacy .modal-content .modal-header{}
#modalPrivacy .modal-content .modal-header .modal-title{color: #0B6288;font: 100 24px 'MovistarHeadlineBold';}
#modalPrivacy .modal-content{}
#modalPrivacy .modal-content .modal-body p{font: 100 13px 'Arial';color: black;}

/* Section Conditions */
.ld-section .ld-section-conditions{background:rgba(255,255,255,0.8);padding: 20px 0;}
.ld-section .ld-section-conditions p{font:100 12px 'MovistarTextRegular'; color:#005C84;}

/* Section Footer */
.ld-footer{background: #1F374D;}

/* Botones */
/*-----Verde------*/
.ld-btn-verde {
  color: #fff;
  background-color: #81b913;
}
.ld-btn-verde:hover,
.ld-btn-verde:focus,
.ld-btn-verde:active,
.ld-btn-verde.active,
.open .dropdown-toggle.ld-btn-verde {
  color: #fff;
  background-color: #547e06;
}
.ld-btn-verde:active,
.ld-btn-verde.active,
.open .dropdown-toggle.ld-btn-verde {
  background-image: none;
}
.ld-btn-verde.disabled,
.ld-btn-verde[disabled],
fieldset[disabled] .ld-btn-verde,
.ld-btn-verde.disabled:hover,
.ld-btn-verde[disabled]:hover,
fieldset[disabled] .ld-btn-verde:hover,
.ld-btn-verde.disabled:focus,
.ld-btn-verde[disabled]:focus,
fieldset[disabled] .ld-btn-verde:focus,
.ld-btn-verde.disabled:active,
.ld-btn-verde[disabled]:active,
fieldset[disabled] .ld-btn-verde:active,
.ld-btn-verde.disabled.active,
.ld-btn-verde[disabled].active,
fieldset[disabled] .ld-btn-verde.active {
  background-color: #81b913;
}
.ld-btn-verde .badge {
  color: #81b913;
  background-color: #fff;
}

/*-----Verde TV------*/
.ld-btn-verde-tv {
  color: #fff;
  background-color: #51b900;
}
.ld-btn-verde-tv:hover,
.ld-btn-verde-tv:focus,
.ld-btn-verde-tv:active,
.ld-btn-verde-tv.active,
.open .dropdown-toggle.ld-btn-verde-tv {
  color: #fff;
  background-color: #388200;
}
.ld-btn-verde-tv:active,
.ld-btn-verde-tv.active,
.open .dropdown-toggle.ld-btn-verde-tv {
  background-image: none;
}
.ld-btn-verde-tv.disabled,
.ld-btn-verde-tv[disabled],
fieldset[disabled] .ld-btn-verde-tv,
.ld-btn-verde-tv.disabled:hover,
.ld-btn-verde-tv[disabled]:hover,
fieldset[disabled] .ld-btn-verde-tv:hover,
.ld-btn-verde-tv.disabled:focus,
.ld-btn-verde-tv[disabled]:focus,
fieldset[disabled] .ld-btn-verde-tv:focus,
.ld-btn-verde-tv.disabled:active,
.ld-btn-verde-tv[disabled]:active,
fieldset[disabled] .ld-btn-verde-tv:active,
.ld-btn-verde-tv.disabled.active,
.ld-btn-verde-tv[disabled].active,
fieldset[disabled] .ld-btn-verde-tv.active {
  background-color: #388200;
}
.ld-btn-verde-tv .badge {
  color: #388200;
  background-color: #fff;
}

/*-----Azul TV------*/
.ld-btn-azul-tv {
  color: #fff;
  background-color: #0087c6;
}
.ld-btn-azul-tv:hover,
.ld-btn-azul-tv:focus,
.ld-btn-azul-tv:active,
.ld-btn-azul-tv.active,
.open .dropdown-toggle.ld-btn-azul-tv {
  color: #fff;
  background-color: #005E8B;
}
.ld-btn-azul-tv:active,
.ld-btn-azul-tv.active,
.open .dropdown-toggle.ld-btn-azul-tv {
  background-image: none;
}
.ld-btn-azul-tv.disabled,
.ld-btn-azul-tv[disabled],
fieldset[disabled] .ld-btn-azul-tv,
.ld-btn-azul-tv.disabled:hover,
.ld-btn-azul-tv[disabled]:hover,
fieldset[disabled] .ld-btn-azul-tv:hover,
.ld-btn-azul-tv.disabled:focus,
.ld-btn-azul-tv[disabled]:focus,
fieldset[disabled] .ld-btn-azul-tv:focus,
.ld-btn-azul-tv.disabled:active,
.ld-btn-azul-tv[disabled]:active,
fieldset[disabled] .ld-btn-azul-tv:active,
.ld-btn-azul-tv.disabled.active,
.ld-btn-azul-tv[disabled].active,
fieldset[disabled] .ld-btn-azul-tv.active {
  background-color: #005E8B;
}
.ld-btn-azul-tv .badge {
  color: #005E8B;
  background-color: #fff;
}
/*-----Azul------*/

.ld-btn-azul {
  color: #fff;
  background-color: #00c6d7;
}
.ld-btn-azul:hover,
.ld-btn-azul:focus,
.ld-btn-azul:active,
.ld-btn-azul.active,
.open .dropdown-toggle.ld-btn-azul {
  color: #fff;
  background-color: #318088;
}
.ld-btn-azul:active,
.ld-btn-azul.active,
.open .dropdown-toggle.ld-btn-azul {
  background-image: none;
}
.ld-btn-azul.disabled,
.ld-btn-azul[disabled],
fieldset[disabled] .ld-btn-azul,
.ld-btn-azul.disabled:hover,
.ld-btn-azul[disabled]:hover,
fieldset[disabled] .ld-btn-azul:hover,
.ld-btn-azul.disabled:focus,
.ld-btn-azul[disabled]:focus,
fieldset[disabled] .ld-btn-azul:focus,
.ld-btn-azul.disabled:active,
.ld-btn-azul[disabled]:active,
fieldset[disabled] .ld-btn-azul:active,
.ld-btn-azul.disabled.active,
.ld-btn-azul[disabled].active,
fieldset[disabled] .ld-btn-azul.active {
  background-color: #00c6d7;
}
.ld-btn-azul .badge {
  color: #00c6d7;
  background-color: #fff;
}

/*-----Azul Oscuro------*/

.ld-btn-azul-dark {
  color: #fff;
  background-color: #134252;
}
.ld-btn-azul-dark:hover,
.ld-btn-azul-dark:focus,
.ld-btn-azul-dark:active,
.ld-btn-azul-dark.active,
.open .dropdown-toggle.ld-btn-azul-dark {
  color: #fff;
  background-color: #387F99;
}
.ld-btn-azul-dark:active,
.ld-btn-azul-dark.active,
.open .dropdown-toggle.ld-btn-azul-dark {
  background-image: none;
}
.ld-btn-azul-dark.disabled,
.ld-btn-azul-dark[disabled],
fieldset[disabled] .ld-btn-azul-dark,
.ld-btn-azul-dark.disabled:hover,
.ld-btn-azul-dark[disabled]:hover,
fieldset[disabled] .ld-btn-azul-dark:hover,
.ld-btn-azul-dark.disabled:focus,
.ld-btn-azul-dark[disabled]:focus,
fieldset[disabled] .ld-btn-azul-dark:focus,
.ld-btn-azul-dark.disabled:active,
.ld-btn-azul-dark[disabled]:active,
fieldset[disabled] .ld-btn-azul-dark:active,
.ld-btn-azul-dark.disabled.active,
.ld-btn-azul-dark[disabled].active,
fieldset[disabled] .ld-btn-azul-dark.active {
  background-color: #134252;
}
.ld-btn-azul-dark .badge {
  color: #134252;
  background-color: #fff;
}

/*<==========================================================================================================>*/
/* Medias */
/* Large devices */
@media (min-width: 1200px) {    
	.padding0-lg{padding:0;}
	.margin0-lg{margin:0;}
}
    
/* Medium devices*/    
@media (min-width: 992px) and (max-width: 1200px) {
	.padding0-md{padding:0;}
	.margin0-md{margin:0;}
}
 
/* Small devices*/
@media (min-width: 768px) and (max-width: 991px) {
	.padding0-sm{padding:0;}
	.margin0-sm{margin:0;}
	.ld-section .ld-section-content .ld-form-section .ld-form-900 .sc-telefono{font-size:22px;}
	.ld-section .ld-section-content .ld-form-section .sc-btn-c2c{padding:5px;}	
}
 
/* Extra small devices */
@media (max-width: 767px) {
	.container{min-width:290px !important;}	
  	.padding0-xs{padding:0;}
  	.margin0-xs{margin:0;}
  	.ld-center-mobile{display: table;margin: 0 auto;}
	.ld-margin-bot-10-mobile{margin-bottom:10px;}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:10px;padding-right:10px;}
	.ld-section .ld-section-content .ld-form-section .ld-form-900 .sc-telefono{font-size:16px;}	
	h1{font:100 26px 'MovistarHeadlineRegular'}
	h2{font:100 18px 'MovistarHeadlineRegular'}
	h3{}
	h4{}
	h5{}
	h6{}
}



/* Animaciones */
.animate-appear-blur.ng-move,.animate-appear-blur.ng-enter{-webkit-transition:all linear 1s;transition:all linear 1s;}
.animate-appear-blur.ng-leave{-webkit-transition:all linear 0s;transition:all linear 0s;}
.animate-appear-blur.ng-leave.ng-leave-active,.animate-appear-blur.ng-move,.animate-appear-blur.ng-enter {opacity:0;}
.animate-appear-blur.ng-leave,.animate-appear-blur.ng-move.ng-move-active,.animate-appear-blur.ng-enter.ng-enter-active {opacity:1;}

.animate-appear-c2c{
	opacity:0;
	/* Chrome, Safari, Opera */
    -webkit-animation-name: appear-c2c;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    animation-name: appear-c2c;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes appear-c2c {
    0%   {opacity:0;left:100px;}
    25%  {opacity:0.25;left:75px;}
    50%  {opacity:0.50;left:50px;}
    75%  {opacity:0.75;left:25px;}
    100% {opacity:1; left:0px;}
}

/* Standard syntax */
@keyframes appear-c2c {
    0%   {opacity:0;left:100px;}
    25%  {opacity:0.25;left:75px;}
    50%  {opacity:0.50;left:50px;}
    75%  {opacity:0.75;left:25px;}
    100% {opacity:1; left:0px;}
}

.animate-appear-box{
	opacity:0;
	/* Chrome, Safari, Opera */
    -webkit-animation-name: appear-box;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    /* Standard syntax */
    animation-name: appear-box;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes appear-box {
    0%   {opacity:0;bottom:100px;}
    25%  {opacity:0.25;bottom:75px;}
    50%  {opacity:0.50;bottom:50px;}
    75%  {opacity:0.75;bottom:25px;}
    100% {opacity:1; bottom:0px;}
}

/* Standard syntax */
@keyframes appear-box {
    0%   {opacity:0;bottom:100px;}
    25%  {opacity:0.25;bottom:75px;}
    50%  {opacity:0.50;bottom:50px;}
    75%  {opacity:0.75;bottom:25px;}
    100% {opacity:1; bottom:0px;}
}

