/* -------------------------------- 
     
     Primary style
     
     -------------------------------- */
                /*html * {
                  -webkit-font-smoothing: antialiased;
                  -moz-osx-font-smoothing: grayscale;
                }*/

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

                /*body {
                  font-size: 100%;
                  font-family: "PT Sans", sans-serif;
                  color: #505260;
                  background-color: #fff;
                }*/

                /*a {
                    color: #2f889a;
                    text-decoration: none;
                }

                img {
                    max-width: 100%;
                }*/

                /*input, textarea {
                    font-family: "PT Sans", sans-serif;
                    font-size: 16px;
                    font-size: 1rem;
                }
                input::-ms-clear, textarea::-ms-clear {
                    display: none;
                }*/

                /* -------------------------------- 
                
                Main components 
                
                -------------------------------- */
                /*header[role=banner] {
                    position: relative;
                    height: 50px;
                    background: #343642;
                }*/
				/* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
                   
                /*header[role=banner] #cd-logo {
                    float: left;
                    margin: 4px 0 0 5%;
                    -webkit-transform-origin: 0 50%;
                    -moz-transform-origin: 0 50%;
                    -ms-transform-origin: 0 50%;
                    -o-transform-origin: 0 50%;
                    transform-origin: 0 50%;
                    -webkit-transform: scale(0.8);
                    -moz-transform: scale(0.8);
                    -ms-transform: scale(0.8);
                    -o-transform: scale(0.8);
                    transform: scale(0.8);
                }
                header[role=banner] #cd-logo img {
                    display: block;
                }*/
				/* clearfix */
                /*header[role=banner]::after {
                    
                    content: '';
                    display: table;
                    clear: both;
                }
                @media only screen and (min-width: 768px) {
                    header[role=banner] {
                        height: 80px;
                    }
                    header[role=banner] #cd-logo {
                        margin: 20px 0 0 5%;
                        -webkit-transform: scale(1);
                        -moz-transform: scale(1);
                        -ms-transform: scale(1);
                        -o-transform: scale(1);
                        transform: scale(1);
                    }
                }*/

                /*.main-nav {
                  float: right;
                  margin-right: 5%;
                  width: 44px;
                  height: 100%;
                  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-menu.svg") no-repeat center center;
                  cursor: pointer;
                }
                .main-nav ul {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  -webkit-transform: translateY(-100%);
                  -moz-transform: translateY(-100%);
                  -ms-transform: translateY(-100%);
                  -o-transform: translateY(-100%);
                  transform: translateY(-100%);
                }
                .main-nav ul.is-visible {
                  -webkit-transform: translateY(50px);
                  -moz-transform: translateY(50px);
                  -ms-transform: translateY(50px);
                  -o-transform: translateY(50px);
                  transform: translateY(50px);
                }
                .main-nav a {
                  display: block;
                  height: 50px;
                  line-height: 50px;
                  padding-left: 5%;
                  background: #292a34;
                  border-top: 1px solid #3b3d4b;
                  color: #FFF;
                }*/
                /*@media only screen and (min-width: 768px) {
                  .main-nav {
                    width: auto;
                    height: auto;
                    background: none;
                    cursor: auto;
                  }
                  .main-nav ul {
                    position: static;
                    width: auto;
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                    line-height: 80px;
                  }
                  .main-nav ul.is-visible {
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                  }
                  .main-nav li {
                    display: inline-block;
                    margin-left: 1em;
                  }
                  .main-nav li:nth-last-child(2) {
                    margin-left: 2em;
                  }
                  .main-nav a {
                    display: inline-block;
                    height: auto;
                    line-height: normal;
                    background: transparent;
                  }
                  .main-nav a.cd-signin, .main-nav a.cd-signup {
                    padding: .6em 1em;
                    border: 1px solid rgba(255, 255, 255, 0.6);
                    border-radius: 50em;
                  }
                  .main-nav a.cd-signup {
                    background: #2f889a;
                    border: none;
                  }
                }*/

                /* -------------------------------- 
                
                xsigin/signup popup 
                
                -------------------------------- */
				.menu-item-2 {
                    display: block;
                  }
				.menu-item-2.is-hidden {
                    display: none;
				}
				  .menu-item-3 {
                    display: none;
                  }
				.menu-item-3.is-visible {
                    display: block;
                  }
                .cd-user-modal {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(52, 54, 66, 0.9);
                    z-index: 3;
                    overflow-y: auto;
                    cursor: pointer;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: opacity 0.3s 0, visibility 0 0.3s;
                    -moz-transition: opacity 0.3s 0, visibility 0 0.3s;
                    transition: opacity 0.3s 0, visibility 0 0.3s;
                }
                .cd-user-modal.is-visible {
                    visibility: visible;
                    opacity: 1;
                    -webkit-transition: opacity 0.3s 0, visibility 0 0;
                    -moz-transition: opacity 0.3s 0, visibility 0 0;
                    transition: opacity 0.3s 0, visibility 0 0;
                }
                .cd-user-modal.is-visible .cd-user-modal-container {
                    -webkit-transform: translateY(0);
                    -moz-transform: translateY(0);
                    -ms-transform: translateY(0);
                    -o-transform: translateY(0);
                    transform: translateY(0);
                }

                .cd-user-modal-container {
					border-radius: 10px;
                    position: relative;
                    width: 420px;/*300px;*/
                    max-width: 100%;/*70%;*/
                    top: 10%;
                    background: #FFF;
                    margin: 3em auto 4em;
                    cursor: auto;
                    -webkit-transform: translateY(-30px);
                    -moz-transform: translateY(-30px);
                    -ms-transform: translateY(-30px);
                    -o-transform: translateY(-30px);
                    transform: translateY(-30px);
                    -webkit-transition-property: -webkit-transform;
                    -moz-transition-property: -moz-transform;
                    transition-property: transform;
                    -webkit-transition-duration: 0.3s;
                    -moz-transition-duration: 0.3s;
                    transition-duration: 0.3s;
                }
                .cd-user-modal-container .cd-switcher::after {
                    clear: both;
                    content: "";
                    display: table;
                }
                .cd-user-modal-container .cd-switcher li {
                    width: 50%;
                    float: left;
                    text-align: center;
                }
                .cd-user-modal-container .cd-switcher li:first-child a {
                    border-radius: .25em 0 0 0;
                }
                .cd-user-modal-container .cd-switcher li:last-child a {
                    border-radius: 0 .25em 0 0;
                }
                .cd-user-modal-container .cd-switcher a {
                    display: block;
                    width: 100%;
                    height: 50px;
                    line-height: 50px;
                    background: #d2d8d8;
                    color: #809191;
                }
                .cd-user-modal-container .cd-switcher a.selected {
                    background: #FFF;
                    color: #505260;
                }
                @media only screen and (min-width: 600px) {
                    .cd-user-modal-container {
                        margin: 4em auto;
                    }
                    .cd-user-modal-container .cd-switcher a {
                        height: 70px;
                        line-height: 70px;
                    }
                }

                .cd-form {
                    padding: 15px;
					/* box-shadow: -3px -3px 8px #fff; */
					border-radius: 10px;
                }
                .cd-form .fieldset {
                    position: relative;
                    margin: 1.4em 0;
                }
                .cd-form .fieldset:first-child {
                    margin-top: 0;
                }
                .cd-form .fieldset:last-child {
                    margin-bottom: 0;
                }
                .cd-form label {
                    font-size: 14px;
                    font-size: 0.875rem;
                }
                .cd-form label.image-replace {
                    /* replace text with an icon */
                    display: inline-block;
                    position: absolute;
                    left: 15px;
                    top: 50%;
                    bottom: auto;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    height: 20px;
                    width: 20px;
                    overflow: hidden;
                    text-indent: 100%;
                    white-space: nowrap;
                    color: transparent;
                    text-shadow: none;
                    background-repeat: no-repeat;
                    background-position: 50% 0;
                }
                .cd-form label.cd-username {
                    background-image: url(../../imagenes/cd-icon-username.svg);
                }
                .cd-form label.cd-email {
                    background-image: url(../../imagenes/cd-icon-email.svg);
                }
                .cd-form label.cd-password {
                    background-image: url(../../imagenes/cd-icon-password.svg);
                }
                .cd-form input {
                    margin: 0;
                    padding: 0;
                    border-radius: 0.25em;
                }
                .cd-form input.full-width {
                    width: 100%;
                }
                .cd-form input.has-padding {
                    padding: 12px 20px 12px 50px;
                        -webkit-box-sizing: border-box; 
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; 
                }
                .cd-form input.has-border {
                    border: 1px solid #d2d8d8;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                }
                .cd-form input.has-border:focus {
                    border-color: #343642;
                    box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
                    outline: none;
                }
                .cd-form input.has-error {
                    border: 1px solid #d76666;
                }
                .cd-form input[type=password] {
                    /* space left for the HIDE button */
                    padding-right: 65px;
                }
                .cd-form input[type=submit] {
                    padding: 16px 0;
                    cursor: pointer;
                    border: 1px solid rgb(54, 112, 213);
					color: rgb(54, 112, 213);
					background-color: #fff;
                    font-weight: bold;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                }
				.cd-form input[type=submit]:hover {
                    color: #fff;
					border-color: rgb(54, 112, 213);
					background-color: rgb(54, 112, 213);
                }
                .no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
                    background: #3599ae;
                    outline: none;
                }
                .cd-form .hide-password {
                    display: inline-block;
                    position: absolute;
                    right: 0;
                    top: 0;
                    padding: 6px 7px;
                    border-left: 1px solid #d2d8d8;
                    top: 50%;
                    bottom: auto;
                    -webkit-transform: translateY(-50%);
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    transform: translateY(-50%);
                    font-size: 14px;
                    font-size: 0.875rem;
                    color: #343642;
                }
                .cd-form .cd-error-message {
                    display: inline-block;
                    position: absolute;
                    left: -5px;
                    bottom: -35px;
                    background: rgba(215, 102, 102, 0.9);
                    padding: .8em;
                    z-index: 2;
                    color: #FFF;
                    font-size: 13px;
                    font-size: 0.8125rem;
                    border-radius: 0.25em;
                    /* prevent click and touch events */
                    pointer-events: none;
                    visibility: hidden;
                    opacity: 0;
                    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
                    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
                    transition: opacity 0.2s 0, visibility 0 0.2s;
                }
                .cd-form .cd-error-message::after {
                    /* triangle */
                    content: '';
                    position: absolute;
                    left: 22px;
                    bottom: 100%;
                    height: 0;
                    width: 0;
                    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
                    border-left: 8px solid transparent;
                    border-right: 8px solid transparent;
                }
                .cd-form .cd-error-message.is-visible {
                    opacity: 1;
                    visibility: visible;
                    -webkit-transition: opacity 0.2s 0, visibility 0 0;
                    -moz-transition: opacity 0.2s 0, visibility 0 0;
                    transition: opacity 0.2s 0, visibility 0 0;
                }
                @media only screen and (min-width: 600px) {
                    .cd-form {
                        padding: 15px;
						/* box-shadow: -3px -3px 8px #fff; */
						border-radius: 10px;
                    }
                    .cd-form .fieldset {
                        margin: 2em 0;
                    }
                    .cd-form .fieldset:first-child {
                        margin-top: 0;
                    }
                    .cd-form .fieldset:last-child {
                        margin-bottom: 0;
                    }
                    .cd-form input.has-padding {
                        padding: 16px 20px 16px 50px;
                        -webkit-box-sizing: border-box; 
                        -moz-box-sizing: border-box;
                        box-sizing: border-box; 
                    }
                    .cd-form input[type=submit] {
                        padding: 16px 0;
                    }
                }

                .cd-form-message {
                    padding: 1.4em 1.4em 0;
                    font-size: 14px;
                    font-size: 0.875rem;
                    line-height: 1.4;
                    text-align: center;
                }
                @media only screen and (min-width: 600px) {
                    .cd-form-message {
                        padding: 2em 2em 0;
                    }
                }

                .cd-form-bottom-message {
                    position: absolute;
                    width: 100%;
                    left: 0;
                    bottom: -30px;
                    text-align: center;
                    font-size: 14px;
                    font-size: 0.875rem;
                }
                .cd-form-bottom-message a {
                    color: #FFF;
                    text-decoration: underline;
                }

                .cd-close-form {
                    /* form X button on top right */
                    display: block;
                    position: absolute;
                    width: 40px;
                    height: 40px;
                    right: 0;
                    top: -40px;
                    background: url(../../imagenes/cd-icon-close.svg) no-repeat center center;
                    text-indent: 100%;
                    white-space: nowrap;
                    overflow: hidden;
                }
                @media only screen and (min-width: 1170px) {
                    .cd-close-form {
                        display: none;
                    }
                }

                #cd-login, #cd-signup, #cd-reset-password {
                    display: none;
                }

                #cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected {
                    display: block;
                }